/*  
Theme Name: chriskelley.tv
Theme URI: http://www.chriskelley.tv
Description: Modified 3 column 
Version: 1.0
Author: Chris Kelley
Author URI: http://www.chriskelley.tv/


	CSS SECTIONS IN ORDER (use your program's bookmarking or find functions to quickly locate):
	Sidebar, Posts, Headings, Images, Forms, Comments, Content Area, Footer
	

*/

/* ============= all elements style ============= */
*{
margin:0;
padding:0;
}

a{
outline:none;
}

img{
border:none;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ============= other ============= */
.floatleft{
float:left;
}

.floatright{
float:right;
}

/* ============= body ============= */
body{
margin:45px 75px;
padding:0;
	
background-color:#0C2227;
	
color:#336666;
font-family:Verdana, Arial, sans-serif;
font-size: 13px;
letter-spacing: .01em;
}
/* ============= links ==============*/
a:link, a:active, a:visited, a:hover{
	color:#D5004B;
	font-size:12px;
	font-weight:bold;
	background-color:transparent;
	text-decoration:none;
	padding:2px;
}
a:visited{
	color:#772542;
	font-style:italic;
}
a:hover{
	color:#F9F9F9;
	background-color:#D5004B;
	font-style: normal;
}
a.no-style-link{
	background-color: transparent;
	padding:0;
}
/* ============= wrapper ============= */
#wrapper{
width:872px;
margin:0;
}

/* ============= header ============= */
#header{
width:872px;
}

/* ============= logo ============= */
#header h1{
width:872px;
float:left;
display:inline;
margin-top:0px;
}




/* some header elements */
.header-left{
width:10px;
float:left;
background:url();
}

.header-right{
width:15px;
float:right;
background:url();
}

/* =============== navigation =============== */
#main-nav{
	font-size:18px;
	list-style: none;
	margin:22px 0 0 0;
	padding:3px;
}

#main-nav li{
	float:left;
	margin-bottom:22px;
        margin-left:179px;
}
#main-nav ul{
     list-style:none;
     margin-left:-181px;
}
#main-nav a:link, #main-nav a:visited, #main-nav a:hover, #main-nav a:active{
	font-size:18px;
	color:#59909A;
	font-weight:normal;
	padding:3px;
	font-style:normal;
}	
#main-nav a:hover{
	color:#fff;
}



#secondary-nav{
margin-left:15px;
margin-right:15px;
height:29px;
background:#336666;
}

#secondary-nav ul li{
list-style:none;
float:left;
margin-left:10px;
display:inline;
}



/* =============== search-form =============== */
.search-form{
display:block;
padding-top:8px;
margin-bottom:40px;
}

.search-input{
padding-left:10px;
margin-left:10px;
margin-right:3px;
width:160px;
padding:2px;
border:none;
background:#fff;
border:1px solid #777;
color:#333;
font-weight:bold;
}

.search-form input{
float:left;
}

/* =============== container =============== */
#container{
clear:both;
}

#content{
width:540px;
margin-top:35px;
float:left;
}

#sidebar{
margin:-139px 0 0 0;
float:right;
display:inline;
list-style:none;
background:#152d33 url(http://chriskelley.tv/images/sidebar_corners_top.png) no-repeat 0 0;
padding:10px 10px 10px 10px;
width:230px;
}


/* =============== post styling =============== */
.post{
margin-bottom:110px;
font-size:10px;
}
.post-single{
margin-bottom:50px;
}

.post h2, .post h2 a{
font-size:22px;
color:#eeeeee;
background:transparent;
padding-bottom:3px;
margin-bottom:2px;
font-style:normal;
}



.post p{
color:#336666;
margin-bottom:15px;
text-align:justify;
font-size:13px;
letter-spacing: .01em;
line-height:22px;
}

.post-header{
padding-bottom:0;
margin-bottom:0;
clear:both;
display:block;
font-size:10px;
}

.post-info{
margin-top:15px;
color:#1d4149;
font-style:italic;
float:left;
}
.post-info a, .post-comments a{
 font-size:12px;
 font-weight:normal;
 color:#336666;
 text-decoration:underline;
 background:transparent;
}
.post-info a:hover, .post-comments a:hover{
 text-decoration:none;
 font-style:italic;
}
.post-comments{
margin-top:15px;
color:#1d4149;
float:right;
}



.post ul, .post ol{
margin-bottom:15px;
}

.post ul li, post ol li{
list-style-position:inside;
}

/* =============== sidebar =============== */

.cat-item{
  width:100px;
}
#side_bar_bottom{
background:#152d33 url(http://chriskelley.tv/images/sidebar_corners_bottom.png) no-repeat bottom left;
height:5px;
width:250px;
position:relative;
left:-10px;
top:10px;
}
#sidebar h2{
font-size:18px;
margin-bottom:15px;
}

* html #sidebar h2{
margin-left:-15px;
}

#sidebar ul, #sidebar ol{
margin-bottom:30px;
}

#sidebar li{
list-style:none;
}

#sidebar li ul{
margin-left:5px;
}

#sidebar li ul li{
margin-bottom:0;
list-style:none;
}


/* =============== footer =============== */
#footer{
	line-height:18px;
	text-align: center;
	font-size:10px;
	clear:both;
	padding-top:200px;
}
#footer a{
	font-size:10px;
	font-weight:normal;
}

.prevnextnav{
padding:10px;
height:20px;
}



/* comments */

.comtext{
padding:10px;
margin-bottom:10px;
}

.comtext h3{
font-size:13px;
color:#fff;
}

.comtext h3 a{
color:#33666666;
text-decoration:none;
}

.comtext h3 a:hover{
text-decoration:underline;
}

.nobold{
color:#1d4149;
font-size:11px;
font-weight:normal;
}

.comtext-inside{
border-left:4px solid #D5004B;
padding-left:10px;
margin-top:10px;
}

.comtext p{
text-align:justify;
font-size:11px;
color:#3366666;
margin-bottom:15px;
line-height:22px;
}

.comment-form{
margin-top:10px;
margin-bottom:20px;
}

.comment-form h3{
padding:10px 10px 10px 0;
margin-bottom:10px;
color:#f9f9f9;
font-size:15px;
}

.comment-form input{
width:200px;
margin-bottom:5px;
padding:2px;
}

.comment-form textarea{
width:98%;
margin-bottom:10px;
}

#feature_header{
        clear:both;
	border:5px solid #D5004B;
	width:527px;
	height:126px;
}


#archives h1, #archives h2, #archives h3, #archives h4{
	color:#fff;
	margin:0 0 10px 0;
}
#archives h2{
	margin-top:25px;
}

#archives li{
	list-style:none;
	margin:5px 0;
	padding:0;
}