/*
--------------------------
Simple PHP Blog CSS Styles
--------------------------

Name: Modern Theme
Author: Alexander Palmo
Version: 0.3.7.1

Description:
This the is the css theme for the Modern theme. You can use
this as a template for your own themes.

Also refer to user_style.php...
*/

/* Edited by MasterFX for own Blog-System 
		-Userstyles are included in this file now
		-for valid xhtml => some id's converted in classes
*/


/* Images */

img	{
	border: 0;
}

#img_float_left
{
	/* Used in the [img] tag when float=left */
	float: left;
	margin: 2px 8px 4px 2px;
}

#img_float_right
{
	/* Used in the [img] tag when float=right */
	float: right;
	margin: 2px 2px 4px 8px;
}

/* General Layout */

body
{
	color: #4D4D4D;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	background-color: #F7F7F7;
}

/* New 0.3.7 */
input, select, option, textarea
{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
}

#header
{
	color: #999999;
	margin: 0px;
	padding: 8px;
	border-color: #CCCCCC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #F2F2F2;
	font-size: 15px;
	font-weight: normal;
}

#maincontent
{
	margin: 0;
	padding: 12px;
}

.sidebar
{
	padding: 12px;
}

#footer
{
	border: 0;
	border-top: 1px solid #CCCCCC;
	color: #999999;
	background: #F2F2F2;
	padding: 10px;
	text-align: left;
	clear: both;
}

.blog_title
{
	font-family: "gill sans", arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 6px 3px 8px;
	margin: 0px;
	border-width: 1px 1px 0px 1px;
	border-style: solid solid none solid;
	color: #444;/* #999999;*/
	background-color: #F2F2F2;
	background-image: url(images/bg.gif);
	border-color: #CCCCCC;
}

.blog_title_buttons
{
	/* Edit and Delete buttons in the Blog Title */
	font-size: 11px;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	float: right;
}

.blog_body
{
	padding: 10px;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	color: #4D4D4D;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
}


.blog_date
{
	font-family: "gill sans", arial, helvetica, sans-serif;
	font-weight: normal;
	color: #999999;
	font-size: 10px;
	margin-bottom: 4px;
}

.blog_comment
{
	padding: 6px 10px 6px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	color: #4D4D4D;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
}

.blog_tags {
	font-size: 8pt;
	color: #FFF;
	margin-top: 10px;
	text-align: left;
}
.blog_tags:hover {
	color: #999;
}

div.bar{
	float: left; 
	margin-right: 5px; 
	height: 15px; 
	border: 1px solid black;
}
.menu_title
{
	
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222; /* #999999;*/
	padding: 4px 5px 3px 7px;
	background-color: #F2F2F2;
	margin: 0px;
	border-color: #CCCCCC;
	border-width: 1px 1px 0px 1px;
	background-image: url(images/bg.gif);
	border-style: solid solid none solid;
}

.menu_body
{
	padding: 10px;
	clear: both;
	color: #4D4D4D;
	background-color: #FFFFFF;
	margin: 0px;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

#menu_logo
{
	padding: 10px;
	clear: both;
/*	background-color: #FFF;
	border-color: #A6A6A6;
	border-width: 1px;
	border-style: solid; */
	margin: 0px;
	text-align: center;
}

/* Links */

a
{
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited
{
	color: #5977B3;
}

a:hover
{
	color: #829FD9;
}

a:active {
	color: #829FD9;
}



.menu_body a
{
	font-weight: bold;
	text-decoration: none;
}

.menu_body a:link
{
	color: #5977B3;
}

.menu_body a:visited
{
	color: #5977B3;
}


.menu_body a:hover
{
	color: #829FD9;
}

.menu_body a:active {
	color: #829FD9;
}


/* Typeography */


h1, h2, h3, h4, h5, h6
{
	font-family: "gill sans", arial, helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	/* New 0.3.7 */
	margin: 2px; 
}

h1
{
	font-size: 20px;
	font-weight: bold;
}

h2
{
	font-size: 18px;
	font-weight: bold;
}

h3
{
	font-size: 16px;
	font-weight: bold;
}

h4
{
	font-size: 14px;
	font-weight: bold;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}

h6
{
	font-size: 10px;
	font-weight: bold;
}