/*
Theme Name: JasonCiment.com
Theme URI: http://www.jasonciment.com
Description: A custom theme for jasonciment.com
Version: 1.0
Author: Michael Verner
Author URI: http://www.vernerwebstudio.com/
*/


body {
	margin: 0;
	padding:  0;
	background-color: #595959;
	text-align: center;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #000000 !important;
}

#header {
	position: absolute;
	top:  18px;
	left: 0;
	width:  100%;
	height:  120px;
	color:  #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	z-index: 100;
}

#header .inner {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header .top {
	float: left;
	padding: 0 90px 0 18px;
}

#logo {
	float: left;
	padding: 5px 10px 0 0;
}

#main {
	background-image: url(images/bg_header2.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#bodywrapper {
	/* replace margin-top value with the height of your header. */
	padding-top:  145px;
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	width:  990px;
	color:  #FFFFFF;
	font-family: "Trebuchet",Verdana,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content {
	background-image: url(images/bg_content2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#contentarea {
 /* replace this value with the width of your left column */
	margin:  0;
	padding:  0;
	float:  left;
	/* height:  1%;  IE hack due to a bug handling float:  right. */
	width:  530px;
	margin-right: 40px;
	color: #454545;
}

#contentarea p {
	text-align: justify;
	line-height: 1.7em;
}

#contentarea p a {
	color: #2B70AC !important;
	text-decoration: underline;
}

#contentarea p a:hover {
	color: #2B70AC !important;
}

#contentarea .inner {
	padding: 20px 0 35px 32px;
}

.post {
	padding-bottom: 10px;
}

.meta {
	font-size: 11px;
	color: #777;
}

#sidebar {
	float:  left;
	width: 415px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#sidebar .inner {
	padding: 10px 10px 10px 10px;
}

#sidebar a {
	color: #FFFFFF !important;

}

#sidebar a:hover {
	color: #C5F9AF !important;
	text-decoration: underline;
}

#sidebar ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#sidebar h2{
	font-size: 13px;
}

#footer {
	clear:  both;
	width:  990px;
	text-align: center;
	border: 0;
	background-image: url(images/bg_content_bottom2.gif);
	background-repeat: no-repeat;
	background-color: #595959;
	height: 73px;
	margin: 0;
	margin-top: -11px;
	padding: 0;
}

#footer .inner {
	padding: 55px 0 15px 0;
}

#footer .links {
	color: #FFFFFF;
	width: 558px;
	text-align: center;
	font-size: 0.85em;
	float: left;
	margin-right: 28px;
}

#footer .links a {
	color: #FFFFFF;
}

#footer .links a:hover {
	color: #C5F9AF !important;
	text-decoration: underline;
}

#footer .copyright {
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
}

#translation_bar {
	float: left;
	width: 320px;
	margin-top: -3px;
}

h1, h2 {
	font-family: "Georgia", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #2b74b4;
	}

h3 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #2b74b4;
	}

h1 a, h2 a, h3 a {
	color: #2b74b4 !important;
}

#sidebar h2 {
	color: #c5f9af;
}

a {
	color: inherit !important;
	text-decoration: none;
}
	
a img { 
	border: none; 
}

.title {
	font-weight: bold;
	font-size: 40px;

}

.tag {
	font-weight: bold;
	font-size: 25px;
	color: #777;

}

.credit {
	font-size: 11px;
}

#search {
	float: left;
	margin-top: 10px;
	height: 58px;
	border-left: 1px solid #434343;
}

#search .in {
	padding-top: 2px;
}

#search .in span {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8em;
	vertical-align: middle;
}

#searchform {
	margin: 0;
	padding: 0;
	display: inline;
}

#s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #222222;
	padding: 2px;
	border: 1px solid #222222;
	width: 125px;
	vertical-align: middle;
}

#searchbtn {
	vertical-align: middle;
}

#menu {
	padding: 0;
	margin-top: 5px;
	width: 781px;
	height: 31px;
	font-size: 0.85em;
	background-image: url(images/bg_menu.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	font-family: helvetica, sans-serif;
	font-variant: small-caps;
}



#sidebar .left {
	float: left;
	width: 185px;
	margin-right: 20px;
}

#sidebar .right {
	float: left;
	width: 185px;
}

#sidebar .widget {
	margin-bottom: 14px;
}

#sidebar .widget h3 {

	margin-bottom: 3px;
	margin-top: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #c4df9b;
	font-variant: small-caps;
}
}

/* DROP DOWN MENUS */
/* common styling */
.menu { font-family: arial, sans-serif; position:relative; z-index:100; }
.menu ul li a, .menu ul li a:visited {text-decoration: none; text-align: left; color: #fff; overflow: hidden;}

.menu ul { padding:0; margin: 0; list-style: none; float: left; padding-left: 0; font-size: 0.9em; }
.menu ul li { position: relative; margin-right: 4px; padding-left: 0; height: 22px; padding: 7px 8px 0 8px; border-right: 1px solid #2d2d2d; }
.menu ul li.selected { background-image: url(images/bg_menu_sel.gif); background-repeat: no-repeat; background-position: bottom center; color: #c5f9af; }
.menu ul li.selected a { color: #c5f9af !important; }
.menu ul li:hover { color: #faa640 !important; }

/* specific to non IE browsers */
.menu ul li ul { border: 0; margin-left: -5px; text-align: left !important; }
.menu ul li ul li { border: 0; background-image: url(images/bg_menu_down.gif); background-repeat: no-repeat; text-align: left !important; }
.menu ul li ul li:hover { background-image: url(images/bg_menu_over.gif); background-repeat: no-repeat; }
.menu ul li:hover a {color:#faa640;}
.menu ul li:hover ul {display:block; position:absolute; top:29px; left:0; width: 176px; font-size: 1em; border: 0;}
.menu ul li:hover ul li a.hide { color:#ffffff; !important}
.menu ul li:hover ul li:hover a.hide {color: #ffffff !important;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; color:#ffffff !important;}
.menu ul li:hover ul li a:hover {color: #faa640 !important;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:176px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-176px;}

/* To get rid of menu temporarily*/
.menu ul li ul { display: none; }


.w_rectangle {
	background-color: #FFFFFF;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif !important;
	margin-bottom: 12px;
}

.w_rounded {
	 background: #ffffff;
	 margin-bottom: 12px;
}
.w_rounded .top div {
	 background: url(images/tl.png) no-repeat top left;
}
.w_rounded .top {
	 background: url(images/tr.png) no-repeat top right;
}
.w_rounded .bottom div {
	 background: url(images/bl.png) no-repeat bottom left;
}
.w_rounded .bottom {
	 background: url(images/br.png) no-repeat bottom right;
}

.w_rounded .top div, .w_rounded .top, 
.w_rounded .bottom div, .w_rounded .bottom {
	 width: 100%;
	 height: 12px;
	 font-size: 1px;
}

.w_rounded .content { margin: 0 12px; }


.w_rounded_b {
	background: url(images/tl_b.png) no-repeat top left;
}
.w_rounded_b .top {
	background: url(images/tr_b.png) no-repeat top right;
}
.w_rounded_b .bottom {
	background: url(images/bl_b.png) no-repeat bottom left;
}
.w_rounded_b .bottom div {
	background: url(images/br_b.png) no-repeat bottom right;
}
.w_rounded_b .content {
	background: url(images/r_b.png) top right repeat-y;
}

.w_rounded_b .top div,.w_rounded_b .top,
.w_rounded_b .bottom div, .w_rounded_b .bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.w_rounded_b .content, .w_rounded_b .bottom {
	margin-top: -19px;
}
.w_rounded_b .content { padding: 0 15px; }

.clear {
	clear: both;
}