/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

a, p, h1, h2, h3, h4, h5, label, input, li{
    margin: 0px;
    font-weight:500;
	font-family:"Century Gothic";
}
h1{
	font-size:24px;
}
h2{
	font-size:20px;
	margin-top:10px;
}
p{
	font-size:13px;
	margin-top:5px;
}
a{
	color:#494949;
	text-decoration: none;
}
form{
	padding-bottom:10px;
}
body {
	margin:0;
	background-color:#fff;
}
/*---------------Header---------------*/
#headerStripe {
	height:5px;
	width:100%;
	background-color:#bcbcbc;
	border-bottom:1px solid #fff;
}
#headerCont {
	height:140px;
	width:100%;
	background-color:#fff;
	background-image:url("img/headerBg.jpg");
	background-repeat:repeat-x;
}
#header {
	width:940px;
	height:100%;
	margin:0 auto;
}
#headerLeft {
	width:220px;
	height:80px;
	float:left;
	margin-top:30px;
	overflow:hidden;
}
#headerCenter {
	width:480px;
	height:75px;
	float:left;
	margin-top:40px;
	margin-left:20px;
	overflow:hidden;
}
#headerRight {
	width:220px;
	height:65px;
	margin-top:48px;
	float:left;
	overflow:hidden;
}
#navBar{
	width:940px;
	height:32px;
	overflow:hidden;
	float:left;
}
#navBarMain{
	width:940px;
	height:32px;
	z-index:10;
}
#navSlider{
	width:75px;
	height:31px;
	position:relative;
	background-image:url("img/navSlider.png");
	background-repeat:no-repeat;
	float:left;
	left:361px;
	top:0;
	z-index:9;
	
}
#sliderRight{
	float:right;
	height:31px;
	width:9px;
	background-image:url("img/navSliderRight.png");
	
}
#navBarMain ul{
	float:right;
	margin-right:25px;
	margin-top:-30px;
}
#navBarMain li{
	position:relative;
	float:left;
	padding-left:15px;
	color:#494949;
	display:list-item;
	font-size:14px;
}
/*-----------------------*/
#header h1{
	font-size:21px;
	color:#1076BC;
	margin-top:30px;
}
#header label{
	font-size:15px;
	color:#1076BC;
	margin-top:30px;
}
#header input{
	font-size:12px;
	color:#222;
	background-image:url("img/buttonBg.jpg");
	background-repeat:repeat-x;
}
#header input:focus{
	border-color:#1076BC;
}
ul.headerNav{
	
}
ul.headerNav li{
	float:left;
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	margin-right:5px;
}

/*---------------Home---------------*/
#cont{
	width:940px;
	margin:2px auto;
	height:auto;
	padding-bottom:30px;
	border-bottom:1px solid #e9e9e9;
}
#homeBg{
	width:940px;
	margin:0 auto;
	height:275px;
	background-image:url("img/homeBg.jpg");
	background-repeat:no-repeat;
	margin-bottom:25px;
}
#homeImg{
	width:920px;
	margin:0 auto;
	height:275px;
	background-image:url("img/homeImage.png");
	background-repeat:no-repeat;
}
#signUp{
	position:relative;
	z-index:2;
	left:350px;
	top:100px;
	background-image:url("img/signMeUp.png");
	background-repeat:no-repeat;
	width:250px;
	height:100px;
}
#signUp:hover{
	background-image:url("img/signMeUpHover.png");
	background-repeat:no-repeat;
}
#left{
	width:290px;
	float:left;
	height:auto;
	margin-left:10px;
	background-image:url("img/leftImg.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
#center{
	width:290px;
	float:left;
	height:auto;
	margin-left:27px;
	background-image:url("img/centerImg.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
#right{
	width:290px;
	float:left;
	height:auto;
	margin-left:28px;
	margin-right:5px;
	background-image:url("img/rightImg.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
/*-----------------------*/
#cont p{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7a7a;
	padding-top:8px;
}
#cont h2{
	font-family:Georgia;
	font-size:18px;
	color:#555;
	margin-top:70px;
}
#cont li{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7a7a7a;
	padding-top:8px;
}
/*---------------Blog---------------*/
#blogCont {
	width:940px;
	margin:2px auto;
	height:auto;
	padding-bottom:30px;
}
#blogBg{
	width:940px;
	margin:0 auto;
	height:50px;
	background-image:url("img/bg_subpage.png");
	background-repeat:no-repeat;
	margin-bottom:25px;
}
#blogRight {
	width:560px;
	margin-right:20px;
	background-color:#fff;
	float:left;
	margin-left:40px;
}
#blogRight iframe {
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
	border-right:2px solid #ddd;
	border-bottom:2px solid #ddd;
}
#blogLeft {
	width:300px;
	margin-left:20px;
	background-color:#fff;
	float:left;
	height:100%;
}

#archivePost {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-top:10px;
}
.soloPost {
	border-bottom:1px solid #ddd;
	padding-bottom:15px;
}
.bioHolder {
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	height:auto;
	overflow:hidden;
}
.bioHolder h4{
	font-family:Georgia;
	font-size:12px;
	margin-top:-10px;
}
.bioHolder p{
	width:350px;
	float:right;
	text-align:justify;
	margin-top:10px;
}
.bioHolder img{
	float:left;
	margin-top:50px;
        max-width:200px;
        max-height:300px;
}
#tec-event-meta{
	border-color:#ddd;
}
/*-----------------------*/
#blogCont h1{
	font-size:21px;
	color:#444;
	margin-top:5px;
	margin-bottom:5px;
}
#blogLeft h1{
	color:#1076BC;
}

#blogCont h2{
	font-family:Georgia;
	font-size:17px;
	color:#444;
	letter-spacing:0.09em;
}
#blogCont h2 a{
	font-family:Georgia;
	color:#444;
	letter-spacing:0.09em;
}
#blogLeft h2{
	font-family:Georgia;
	color:#1076BC;
	width:250px;
}
#blogCont h3{
	font-family:Georgia;
	font-size:21px;
	color:#444;
	margin-top:5px;
}
#blogCont h4{
	font-family:Georgia;
	font-size:12px;
	color:#396EA4;
	margin-top:10px;
}
#blogCont label{
	font-family:Georgia;
	font-size:12px;
	color:#396EA4;
}
#blogCont input{
	margin-top:5px;
}
#blogCont textarea{
	margin-top:5px;
}
#blogCont h4 span{
	font-size:16px;
}
#blogCont h4 a{
	font-family:Georgia;
	font-size:12px;
	color:#396EA4;
}
#blogCont small a{
	font-family:Georgia;
	font-size:12px;
	color:#396EA4;
}
#blogCont h4 a:hover{
	border-bottom:1px dashed #396EA4;
}
#blogCont p{
	color:#444;
	line-height:21px;
	font-size:12px;
}
#blogLeft p{
	color:#555;
	line-height:21px;
	font-size:11px;
	width:270px;
}
#blogCont ul{
	width:300px;
	margin-top:10px;
}
#blogCont ul li{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#777;
	width:260px;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	letter-spacing:0.09em;
	text-indent:-30px;
	padding-left:30px;
	
}
#blogCont ul li a{
	color:#555;
	width:100%;
	background-image:url("img/rightArrow.png");
	background-repeat:no-repeat;
	padding-left:30px;
	
}
#blogRight a span{
	font-family:Georgia;
	font-size:16px;
	color:#444;
}
/*---------------Footer---------------*/
#footerCont{
	width:100%;
	background-color:#fff;
	height:300px;
	float:left;
	
}
#footer {
	width:900px;
	margin:-2px auto;
	border-top:1px solid #d9d9d9;
}

#footer p{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7a7a7a;
	padding-top:8px;
}
#footer h2{
	font-family:Georgia;
	font-size:18px;
	color:#7a7a7a;
	margin-bottom:10px;
	margin-top:70px;
}
/*-----------------------*/
/*---------------Contact---------------*/
#contactForm{
	margin-top:10px;
	margin-left:10px;
}
/*-----------------------*/
/*---------------Extra---------------*/

#pageCont {
	width:940px;
	margin:0 auto;
	height:auto;
}
#customCont {
	width:940px;
	margin:0 auto;
	height:auto;
}
#archiveCont {
	width:900px;
	margin:0 auto;
	height:auto;
}

.blue{
	color:#396EA4;
}

#footerLeft{
    width:300px;
    height:300px;
    float:left;
}
#footerRight{
    float:right;
    width:400px;
    height:300px;
}
#footerRight h3{
    width:200px;
    float:left;
    margin-left:50px;
    color:#444;
    font-family:"Georgia";
    font-weight:bold;
    font-size:13px;
}
#footerRight h3 a{
    font-size:13px;
    color:#444;
    font-family:"Georgia";
    font-weight:bold;
}
#footerRight p{
    float:right;
}
#footerRight img{
    float:right;
}
#footerTop{
    width:100%;
    height:85px;
    overflow:hidden;
}
#footerCenter{
    width:100%;
    height:85px;
    overflow:hidden;
}
#footerBottom{
    width:100%;
    height:50px;
    overflow:hidden;
}

.expandClass{
    height:auto;
}
.minimizeClass{
}