/*
  Theme Name: SerumDirect Theme
  Theme URI: http://codejoust.com/ - http://serumdirect.com/
  Description : CodeJoust! Custom theme for SerumDirect.com
  Author URI : http://codejoust.com/
  Author : Iain 
.
--=CodeJoust.com Stylesheet
-- for -- SerumDirect.com
-- Adopted from -- http://www.realitysoftware.ca/'s template.
-- MAJOR Modifications
.
*/

/*-Defaults-*/
body {margin:0; font-family:'freesans','helvetica', 'Ariel', 'sans serif'; background:url(images/layout/head_bckg.jpg) /*repeat-x*/ no-repeat center top #000000;}

a {color:#FDC605; text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:24px; font-weight:normal; color:#FFFFFF; margin:15px 0 10px 0;}
h2 {font-size:20px; font-weight:normal; margin:10px 0;}
img {border:none;}
br {line-height:10px;}
p { font-size:1.2em; text-align:justify; line-height:1.1em; }
q {font-style:oblique;}
h2 a , h1 a, h3 a { color:inherit;}
li {font-size:1.2em;}
ul li {padding-bottom:12px;}

/*=Classes=*/
.novis {display:none;}
.cj a {padding:15px; padding-left:0px; }
.small {font-size:0.4em; color:#444; margin-left:35px;}
.center {margin: 0 auto; text-align:center; }
.left, .alignleft {float:left;}
.clear, .clearer {clear:both;}
.right,.alignright{float:right;}
.main-c, #content {font-size:13px;
padding:0 30px 20px;}
.r-b { width:325px; float:right; }
#container {width:1000px; margin:0 auto;}
.c-cr {width:39%; float:right;}
    .c-cr { padding:5px; }
.c-cl {width:59%; float:left;}
.slug-home h1.entry-title{display:none;}
:focus { outline:1px; }

#logo {margin:39px 30px 0px 30px; height:40px;}
#logo h1 sup { font-size:14px; } 
	html body #container #logo a {color:#EDECEC; text-decoration:none; font-size:44px; background:url(images/layout/logo.gif) no-repeat; padding:4px 0 0 50px; margin-bottom:12px; float:left; font-variant: small-caps; margin-bottom:-30px;}
			#logo h1 { font-size:35px; margin-top:-9px;}
#menu {padding-right:30px; height:56px;}
	#menu ul {padding:0; margin:0; float:right;}
		#menu li {float:left; list-style:none;}
			#menu li a {display:block; width:126px; height:50px; font-size:14px; text-decoration:none; color:#ABABAB; text-align:center; background:url(images/layout/menu_deact.gif) no-repeat; padding-top:6px;}
			#menu a:hover, #menu a.active {background:url(images/layout/menu_act.gif) no-repeat; color:#180202;}
#menu li.current_page_item { margin-top:-3px; }
#menu li.current_page_item:hover { margin-top: -5px; }
#menu li.current_page_item a {color:#f2f2f2;}
#menu li.current_page_item a:hover {color:#000;}

body #content .entry-content a {color:#cee4f1;}
#main {color:#D6D6D6; font-size:13px; line-height:16px;}

#main ul {padding:0; margin:10px 0;}
#main li {margin-left:20px;}
#main img {border:6px solid #FFFFFF; margin:0 5px;}
#main img {opacity:0.8;}
#main img:hover {opacity:1;}
#main img:hover {border-color:#D6D6D6;}
#text_top {padding:0 30px 20px 30px; font-size:13px;}

#text_bottom {background:url(images/layout/main_bckg.jpg) repeat-x #6a6a6a; width:940px; float:left; padding:30px 30px;}

/*Cols*/
.col { width:280px; float:left; margin-right:40px; text-align:left}
.col p a { font-size:15px; }
.col-last { margin:8px 0 0; }
.col h2 {border-bottom:1px solid #5d5d5d; padding-bottom:10px;}
	.col h2 a { padding: 5px 50px 5px 0px; } 
.col p { text-align:justify; }

#col1 {}
#col1 h2 {color:#ff6f08; }
#col2 {margin-right:40px;}
#col2 h2 { color:#94d223; }
#col3 {}
#col3 h2 { color:#23abd2;margin:0; }

/*==Form Styles==*/
.wpcf7-form input, .wpcf7-form textarea {
color:#fff;
background:transparent;
border:1px grey solid;
padding:2px;
width:300px;
font-size:1.05em;
}
.wpcf7-form input:hover, .wpcf7-form textarea:hover {
background:#050505;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
font-weight:bold;
border:#f2f2f2 1px solid;
background:#050505;
}
body  .wpcf7-form textarea {font-size:13px; font-weight:normal;}
span.wpcf7-not-valid-tip {color:#000;}

.i-col { float:left; width:250px; margin:0 auto; text-align:center; } .bottom { width:790px; margin:0 auto; }

/*=Footer Styles=*/
#footer {clear:both; height:50px; background:url(images/layout/footer_bckg.jpg) no-repeat; color:#ffffff; font-size:15px;}
#footer_left {float:left; padding:16px 0 0 30px;}
#footer_right {float:right; padding:16px 30px 0 0;}
#footer .small { height:0; font-size:0.2em; visibility:hidden; }

/*=Hit Counter--*/
div.stats { background:#333; padding:5px; margin:10px auto; width:180px !important;  }
div.stats span { font-family:courier, monospace; font-size:1.2em; padding:4px 0; font-weight:bold;   }