@charset "utf-8";
/*
 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 {
    margin: 0px;
    font-weight: 500;
    font-family: "Century Gothic";
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
    margin-top: 10px;
}

p {
    font-size: 13px;
}

a {
    color: #777;
    text-decoration: none;
}

body {
    margin: 0;
    background-color: #fff;
}

/*----------------------------  Header  -----------------------------------------*/
#header {
    width: 955px;
    margin: 0 auto;
}

#headerCont {
    height: 100px;
    width: 100%;
}

#leftHeader {
    float: left;
    width: 298px;
    height: 100px;
    background-image: url("img/headerLogo.jpg");
}

#rightHeader {
    float: left;
    width: 655px;
    height: 100px;
    border-right: 1px solid #ddd;
}

#headerBorder {
    height: 4px;
    width: 100%;
    background-color: #ccc;
}

#borderCont {
    height: 4px;
    width: 955px;
    margin: 0 auto;
}

#leftBorder {
    float: left;
    height: 4px;
    width: 299px;
    background-color: #0067B1;
    border-left: 1px solid #fff;
}

#rightBorder {
    float: left;
    height: 4px;
    width: 653px;
    background-color: #5D5B59;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

ul.headerNav {
    margin-top: 60px;
    margin-right: 20px;
    float: right;
}

ul.headerNav li {
    font-family: "Arial Narrow";
    font-size: 14px;
    color: #7E7879;
    float: left;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

ul.headerNav li a:hover {
    color: #0067B1;
}

/*----------------------------  Home  -----------------------------------------*/
#homeHolder {
    width: 100%;
    height: auto;
}

#homeCont {
    width: 955px;
    height: auto;
    margin: 0 auto;
}

#homeLeft {
    width: 300px;
    float: left;
}

#side1 {
    margin-top: 20px;
    width: 270px;
    height: auto;
    border: 1px solid #ddd;
}
#side1 ul li{
	background-image:none;
	text-indent:0;
}

#side2 {
    margin-top: 20px;
    width: 270px;
    height: auto;
    border: 1px solid #ddd;
}

#side3 {
    margin-top: 20px;
    width: 270px;
    height: auto;
    border: 1px solid #ddd;
}

#side4 {
    margin-top: 20px;
    width: 270px;
    height: 50px;
    border: 1px solid #ddd;
    background-image: url("img/twitter2.png");
    background-repeat: no-repeat;
}

#side5 {
    margin-top: 40px;
    width: 270px;
    height: 50px;
    border: 1px solid #ddd;
    background-image: url("img/wordpress.png");
    background-repeat: no-repeat;
}
#side6 {
    margin-top: 10px;
    width: 270px;
    height: 25px;
    border: 1px solid #ddd;
    background-image: url("img/twitterLink.png");
    background-repeat: no-repeat;
}
#side7 {
    margin-top: 10px;
    width: 270px;
    height: 25px;
    border: 1px solid #ddd;
    background-image: url("img/facebookLink.png");
    background-repeat: no-repeat;
}
#side8 {
    margin-top: 10px;
    width: 270px;
    height: 25px;
    border: 1px solid #ddd;
    background-image: url("img/linkedInLink.png");
    background-repeat: no-repeat;
}

#homeRight {
    width: 653px;
    float: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    height: auto;
}

#homeLeftColumn {
    width: 326px;
    float: left;
    height: auto;
}

#homeRightColumn {
    width: 327px;
    float: left;
    height: auto;
}

#bottomCont {
    float: left;
    width: 603px;
    height: auto;
    margin-left: 25px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}

#bottomLeft {
    width: 301px;
    float: left;
    height: auto;
    background-image: url("img/post_note.png");
    background-repeat: no-repeat;
}

#bottomRight {
    width: 287px;
    float: left;
    height: auto;
    margin-left: 15px;
    background-image: url("img/mail.png");
    background-repeat: no-repeat;
}

#sidebar {
    margin-left: 0;
}

#homeCont h1 {
    font-family: "Arial Narrow";
    font-size: 30px;
    color: #0067B1;
    margin-left: 25px;
    margin-top: 35px;
}

#homeCont h2 {
    font-family: "Arial Narrow";
    font-size: 52px;
    color: #948F91;
    margin-left: 25px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-weight: 800;
}

#homeCont h3 {
    font-family: "Arial Narrow";
    font-size: 16px;
    color: #5D5B59;
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

#homeCont h3 a {
    font-family: "Arial Narrow";
    font-size: 16px;
    color: #5D5B59;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}

#homeCont h4 {
    font-family: "Arial Narrow";
    font-size: 16px;
    color: #7E7879;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

#homeCont h5 {
    font-family: "Arial Narrow";
    font-size: 16px;
    color: #7E7879;
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

#homeCont h6 {
    font-family: "Gill Sans MT", "Verdana";
    font-size: 15px;
    color: #0067B1;
    margin-left: 100px;
    margin-bottom: 10px;
}

#homeCont p {
    font-family:"Gill Sans MT", "Verdana";
    font-size: 15px;
    color: #7E7879;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
}

#homeCont p a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7E7879;
    margin-left: 0;
    margin-bottom: 10px;
    line-height: 1.5;
}

#homeCont p a:hover {
    color: #0067B1;
    border-bottom: 1px dashed #0067B1;
}

#homeCont small {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7E7879;
    margin-left: 0;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
}

#homeCont small a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #0067B1;
    margin-left: 0;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
}

#homeCont small a:hover {
    border-bottom: 1px dashed #0067B1;
}

#homeCont li {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #7E7879;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 10px;
    line-height: 1.5;
	text-indent:25px;
	background-image:url("img/tripleBullet.png");
	background-repeat:no-repeat;
}
/*----------------------------  Social Media  -----------------------------------------*/


ul.smsb {
    margin-top: 40px;
    float: right;
}
ul.smsb li{
	width:260px;
	text-align:right;
	border-bottom:1px solid #ddd;
	padding-bottom:6px;
}
ul.smsb li a{
	width:260px;
    font-family:"Gill Sans MT";
    font-size: 15px;
    color: #7E7879;
	text-align:right;
	
}

ul.smsb li a:hover {
    color: #0067B1;
}


/*----------------------------  Single  -----------------------------------------*/

.singlePost {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    float: left;
    
}
#homeRight ol li{
	background-image:none;
	text-indent:0;
	margin-left:0;
}
#homeRight ol li img{
	margin-left:25px;
}
#submit{
	background-color:#fff;
	height:30px;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid #bbb;
}
#submit:hover{
	background-color:#ccc;
}
#commentform{
	margin-left:20px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#ddd;
	margin-right:25px;
	float:left;
	border-top: 1px solid #ddd;
}
#commentform label{
    font-family:"Gill Sans MT", "Verdana";
    font-size: 13px;
    color: #7E7879;
    margin-right: 25px;
    line-height: 1.5;
	float:right;
	margin-top:15px;
}
#commentform textarea{
    font-family:"Gill Sans MT", "Verdana";
    font-size: 15px;
    color: #7E7879;
    margin-right: 25px;
	margin-left:10px;
	margin-top:10px;
    line-height: 1.5;
	float:left;
}
#commentform input{
    font-family:"Gill Sans MT", "Verdana";
    font-size: 17px;
    color: #7E7879;
    margin-right: 25px;
	margin-left:10px;
    margin-top: 10px;
    line-height: 1.5;
}
#author{
	height:30px;
	margin-bottom:5px;
}
#email{
	height:30px;
	margin-bottom:5px;
}
#url{
	height:30px;
	margin-bottom:5px;
}
ol.commentList{
	
}
ol.commentList li{
	border-bottom:1px solid #ddd;
	margin-left:0;
	
}
ol.commentList li p{
	margin-left:0;
}

/*----------------------------  Blog  -----------------------------------------*/
#blogCont {
    width: 653px;
    margin: 0 auto;
    height: auto;
}

.post {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    float: left;
    border-bottom: 1px solid #ddd;
    margin-left: 25px;
}
#blogCont h3{
	margin-left:0;
}
#blogCont p{
	margin-left:0;
}

/*----------------------------  Contact  -----------------------------------------*/
#contactForm {
    margin-top: 10px;
    margin-left: 10px;
}

/* ------------------  Footer  ---------------------------*/
#footerBorder {
    width: 100%;
    height: 3px;
    background-color: #ddd;
    float: left;
}

#footerBorderCont {
    width: 955px;
    height: 3px;
    margin: 0 auto;
}

#fbLeft {
    height: 3px;
    width: 299px;
    background-color: #0067B1;
    border-left: 1px solid #fff;
    float: left;
}

#fbRight {
    height: 3px;
    width: 653px;
    background-color: #7E7879;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    float: left;
}

#footerCont {
    width: 100%;
    background-color: #ccc;
    height: 200px;
    float: left;
}

#footer {
    width: 955px;
    margin: 0 auto;
}

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