/*
Theme Name: EvolverZone
Theme URI: http://www.threestonestudios.com
Description: Looking to play with themes...
Version: 0.1
Author: Threestone Studios
Author URI: http://www.threestonestudios.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/

body {
	background: #e7e0cb;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #666666;
	text-align: justify;
}

body a{
    color: #6c8720;
    text-decoration: none;
}

body a:hover{
    text-decoration: underline;
}

body a img {
	border: none;
}

#container {
	width: 1000px;
	margin: 0 auto;
	background: url(images/containerbg.jpg) #ffffff;
	background-repeat: repeat-y;
}

#header {
	height: 120px;
	padding: 30px 50px 0 50px;
	background: url(images/headerbg.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	position: relative;
}

#header h1 {
	margin: 0;
	font-size: 36px;
}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

#header a:hover {
	color: #333333;
}

#header #search {
	position: absolute;
	top: 115px;
	right: 20px;
	height: 20px;
}

#header #s {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
	width: 205px;
	margin: 0;
	font-size: 12px;
	color: #999999;
	padding: 2px;
}

#header #searchsubmit {
	height: 20px;
	width: 20px;
	border: none;
	cursor: pointer;
	background: url(images/searchsubmit.gif);
	background-repeat: no-repeat;
	display: none;
}

#login {
	text-align: right;
}

#posts {
	margin: 0px 200px 0px 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0px 10px;
	text-align: left;
}
#posts h2{
}
#posts h2 a{
	text-decoration: none;
}
#posts h2 a:hover{
	text-decoration: underline;
}
.commentbubble a {
	float: left;
	background: url(images/commentbubble.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0 5px 0 0;
}

.date {
	font-size: 12px;
	color: #999999;
	line-height: 1.5em;
}

.post {
	padding: 5px 10px 5px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border: 1px solid #f2f2f2;
	background-color: #fdfdfd;
	margin: 0 0 10px 0;
}

.post a {
	font-weight: bold;
}

.ads {
	border: 1px solid #afcc69;
	background-color: #ffffff;
	margin: 0 20px 10px 0;
	font-size: 12px;
}

.ads p{
	font-size: 12px;
}

.ads h2{
	padding: 2px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #ebebeb;
    text-align: center;
}
.ads .entry{
    margin: 9px;
	width: 150px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.tags {
	font-size: 10px;
	line-height: 1.5em;
	color: #999999;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.post h3 {
	font-size: 14px;
	font-weight: bold;
	
}

.navigation {
	text-align: center;
}

.post a, .navigation a {
	font-weight: bold;
}

.post a:hover, .navigation a:hover {
}

.post a img {
	border: none;
}


.post_journal {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.post_journal h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}





.postmetadata {
	font-size: 10px;
	line-height: 1.5em;
}

.post img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

.post img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}

.post img.aligncenter {
	text-align: center;
}

.post .wp-caption {
	border: 1px solid #cccccc;
	background: #ebebeb;
	text-align: center;
	padding: 10px 5px 0 5px;
}

.post .wp-caption-text {
	margin: 0;
	font-size: 12px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #666666;
}

.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	background: #ebebeb;
	padding: 20px;
	border: 1px solid #cccccc;
	margin: 0 0 20px 0;
}

.avatar {
	float: left;
	margin: 0 5px 0 0;
}
/*
Sidemenu: The left column menu
*/
.sidemenu {
    float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 0px 20px; /* padding keeps the content of the div away from the edges */
	margin: 0px;
}
.sidemenu a{
	text-decoration: none;
	color: #1e3f5c;
}
.sidemenu a:hover{
	color: #afcc69;
}
.sidemenu ul{
    display: block;
	list-style-type: none;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
    left: 0px;
    margin: 0px;
    width: 168px;
    position: relative;
	border: 1px solid #afcc69;
	background: #eff6dd;
}
.sidemenu ul li {
	border: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
    display: block;
    width: 158px;
}
.sidemenu ul li a{
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	color: #6c8720;
	background: #eff6dd;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-decoration: none;
    width: 158px;
}
.sidemenu ul li a:hover{
    width: 158px;
	color: #1e3f5c;
	background: #e3f1bd;
	text-decoration: none;
}

.sidemenu h2 {
    margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #ffffff;
    background: #afcc69;
}

.sidemenutab {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background: #afcc69;
	width: 170px;
	border: 1px none #dce3ea;
}
.sidemenutab h3{
	font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px 5px 0px;
	margin: 0px;
	height: 20px;
}
/*
Sidebar: The right column menu
*/
.sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    margin: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
	padding: 0px;
}

.sidebar h2 {
    margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #ffffff;
    background: #afcc69;
}

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

#footer {
	clear: both;
	height: 80px;
	background: url(images/footerbg.jpg);
	background-repeat: no-repeat;
}

#footer p {
	color: #cccccc;
	text-align: center;
	font-size: 12px;
	position: relative;
	top: 30px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #333333;
}

#wp-calendar {
	width: 210px;
	background: #ebebeb;
	border: 1px solid #cccccc;
	margin: 0 0 30px 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar caption {
	text-align: left;
}

#wp-calendar #today {
	background: #cccccc;
}

#wp-calendar a {
	display: block;
	width: 100%;
	height: 100%;
}

#wp-calendar a:hover {
	background: #cccccc;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.horizontalcssmenu {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url(images/navbarbg.jpg);
	background-repeat: no-repeat;
	height: 40px;
	text-align: left;
	text-decoration: none;
    border:0px;
    display: block;
}

.horizontalcssmenu ul{
	margin: 0px 0px 0px 30px;
	padding: 0px;
    list-style-type: none;
    display: inline-block;
}
/*Top level list items*/
.horizontalcssmenu ul li{
    line-height:30px;
    height:30px;
	font-size: 12px;
    position: relative;
	font-weight: bold;
    display: inline;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
    line-height:30px;
    height:30px;
	margin: 0px;
    display: inline-block;
	list-style-type: none;
	padding: 0 30px 0 20px;
	text-decoration: none;
	background: url(images/navbuttonbg.gif);
	background-position: right 50%;
}
.horizontalcssmenu ul li a:hover{
	text-decoration: none;
	background: url(images/navbuttonbg-hover.gif);
	background-position: right 50%;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
	padding: 0px;
	font-size: 10px;
	line-height: 20px;
    top: 10px;
	left: -40px;
	width: 120px;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	background: #eff6dd;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc #afcc69 #afcc69 #afcc69;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
	line-height: 20px;
	height: 20px;
	padding: 0px;
	float: none;
	width: 120px;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	color: #6c8720;
	background: #eff6dd;
	width: 110px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
}
.horizontalcssmenu ul li ul li a:hover{
	line-height: 20px;
	height: 20px;
	color: #1e3f5c;
	background: #e3f1bd;
	background-position: right 50%;
	width: 110px;
}


.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 10px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}

.switch_display_pref {
	margin-top: -24px;
	float: right;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color: #999999;
	padding-right: 15px;
}

.switch_display_pref a{
	color: #afcc69;
	text-decoration: none;
}
.switch_display_pref a:hover{
	color: #afcc69;
	text-decoration: underline;
}


.post_icons {
	float: left;
	margin: 0px 10px 0px 0px;
}
.backToTop {
	margin-top: -14px;
	float: right;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
}
.blurb {
	padding: 0 5px 10px 5px;/* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 0 10px 0;

}
.blurb a{
	text-decoration: none;
	font-weight: bold;
}
.blurb a:hover{
	text-decoration: underline;
}

.tempDisplaySelect {
	margin: -50px 15px 25px 0;
	padding: 0;
    text-align: right;
}
.tempDisplaySelect ul{
    list-style-type: none;
}
.tempDisplaySelect ul li{
    position: relative;
    display: inline;
}
.tempDisplaySelect ul li a{
    display: inline-block;
	list-style-type: none;
	height: 20px;
	padding: 0px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.tempDisplaySelect ul li a:hover{
	text-decoration: underline;
}


.displaySelect {
	margin: -54px 10px 25px 0;
	height: 25px;
	text-align: right;
}

.displaySelect ul{
	margin: 0;
	padding: 0;
    list-style-type: none;
}
/*Top level list items*/
.displaySelect ul li{
position: relative;
display: inline;
}
/*Top level menu link items style*/
.displaySelect ul li a{
    display: inline-block;
	list-style-type: none;
	height: 25px;
	padding: 0px;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
.displaySelect ul li a:hover{
}

/*Sub level menu*/
.displaySelect ul li ul{
	padding: 0px;
	font-size: 10px;
	line-height: 20px;
    margin-top: -2px;
	left: -1px;
	width: 50px;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	background: #e3f1bd;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc #dce3ea #dce3ea #dce3ea;
	text-align: left;
}

/*Sub level menu list items*/
.displaySelect ul li ul li{
	line-height: 20px;
	height: 20px;
	padding: 0px;
	float: none;
	width: 50px;
}

/* Sub level menu links style */
.displaySelect ul li ul li a{
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	color: #1e3f5c;
	background: #e3f1bd;
	width: 40px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
}
.displaySelect ul li ul li a:hover{
	line-height: 20px;
	height: 20px;
	color: #afcc69;
	background: #1e3f5c;
	width: 40px;
}

.widgets {
	border: 1px solid #afcc69;
	background-color: #ffffff;
	margin: 0 0 10px 0;
	font-size: 12px;
}
.widgets a{
	text-decoration: none;
	color: #1e3f5c;
}
.widgets a:hover{
	color: #afcc69;
}
.widgets p{
	font-size: 12px;
}

.widgets h2{
	padding: 2px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    text-align: center;
}
.widgets .entry{
    margin: 9px;
	width: 150px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.backButton {
    float: right;
    margin: 5px 10px 0 0;
}