/*
--------------------------
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...
*/

/* 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: #000;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	background-color: #CC9999;
}

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

#header
{
	color: #FFF;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	font-weight: bold;
}

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

#popup_content
{
	padding: 15px 15px 15px 15px;
	margin: 0px;
}

#footer
{
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#blog_title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

#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: #663;
	background-color: #FFF;
	border-color: #A6A6A6;
}

#blog_comment
{
	padding: 6px 10px 6px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	color: #663;
	background-color: #FFF;
	border-color: #A6A6A6;
}

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

#menu
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#menu #title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

/* Links */

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

a:link, a:visited
{
	color: #933;
}

a:hover
{
	color: #F33;
}

a:active {
	color: #33F;
}

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

#menu a:link
{
	color: #933;
}

#menu a:visited
{
	color: #933;
}


#menu a:hover
{
	color: #F33;
}

#menu a:active {
	color: #33F;
}

/* Typeography */


h1, h2, h3, h4, h5, h6
{
	font-family: gill sans, arial, helvetica, sans-serif;
	font-weight: bold;
	
	/* 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;
}
#navlist 
{
        padding-left: 70px;
}

#navcontainer ul 
{
        border: 0;
        margin: 0;
        list-style-type: none;
        text-align: center;
}

#navcontainer ul li 
{
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navcontainer ul li a 
{
        background: #3bb000;
        width: 100px;
        height: 30px;
        border-left: 1px solid #009900;
        border-right: none;
        color: #ffffff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 10px/30px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover 
{
        color: #ffffff;
        background-color: #40C600;
}

#navcontainer a:active 
{
        background-color: #c60;
        color: #fff;
}

#navcontainer li#active a 
{
        background-color: #c60;
        border: 1px solid #c60;
        color: #ffffff;
}