/* -----------------------------------------------------------------------

   The Angered CSS
   http://theangered.com

   * Author: Doug Dosberg
   * Date: 8/17/2008
   * Copyright (c) 2008.

----------------------------------------------------------------------- */


/* == [ RESETS ] ============================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
hr{display:none;}
ul{list-style:none;}

/* == [ HACKS ] ============================= */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */




/* == [ STRUCTURE ] ============================= */


body{
	margin:0 auto;
	padding:0;
	width:930px;
	font-size:62.5%;
	font-family:helvetica, arial, sans-serif;
	background:#fff url(../img/bground.gif);
}
.wrapper{
	width:945px;
	margin:15px auto 0;
	overflow:hidden;
	clear:both;
}
#header{
	width:940px;
	position:relative;
	height:70px;
}
#content{
	width:630px;
	float:left;
	margin-right:10px;
}
#sidebar{
	width:300px;
	float:left;
}

#logo{
	float:left;
	border:none;

}
.round{ 
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    CCborderRadius: 13px;
}


/* == [ TYPOGRAPHY ] ============================= */


h1{
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	margin-bottom:3px;
}
h2{
	font-size:32px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	margin-bottom:3px;
	}
h3{
	margin:10px 0 0;
	padding:0;
	font-size:20px;
	font-weight:bold;
}
h4{
	font-size:14px;
	margin:0;
	font-weight:bold;
	margin-bottom:5px;
}
	
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#990000;
}
.post small{
	color:#666;
	font-size:11px;
	text-transform:uppercase; 
}
.post small a{
	border-bottom:1px dotted #666;
	color:#666;
}
.post .category{
	margin:0 0 20px;
	position:relative;
}

.post .category a{
	font-size:12px;
	background-color:#cb0303;
	color:#fff;
	padding:5px 6px;
	text-transform:uppercase;
	line-height:22px;
}

/* == [ TOPHAT ] ============================= */

.tophat{
	color:#999; 
	font-size:12px;
	position:absolute; 
	right:0;
	padding:4px 3px 0px;
}
.tophat a{
	color:#999;
	text-decoration:underline;
}
.tophat a:hover{
	color:#fff;
}


/* == [ FEATURED ] ============================= */

.featured{
	padding:30px 20px 20px;
	background-color:#fff;
	width:590px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}
.featured ul{
		background:#fff url(../img/background-featured.gif) repeat-y 139px 0;
}
.featured li{
	padding:0px 5px 5px 10px;
	width:132px;
	float:left;
}
.featured li.last{
	border-right:none;
}
.featured li p{
	font-size:16px;
	margin:4px 1px;
}
.featured img{
	width:120px;
	height:120px;
	padding:2px;
}
.featured p.topic-link a{
	color:#cb0303;
	font-size:11px;
	text-transform:uppercase;
}
.featured p.topic-link a:hover{
	color:#fff;
	background-color:#990000;
}
.featured a:hover img{ 
	border:1px solid #666;
}		
.featured a img { 
	border:1px solid #ccc;
}


/* == [ NAVIGATION ] ============================= */

#nav{
	float:left;
	margin:28px 15px 0;
	font-size:16px;
}
#nav ul li{
	float:left;
	margin-right:3px;
	text-align:center;
	margin-right:5px;
}
#nav ul li a{
	color:#666;
	text-decoration:none;
	padding:5px;
	display:block;
	font-weight:bold;
}
#nav ul li a:hover{
	text-decoration:underline;
}
#nav ul li.current a{
	-webkit-border-radius:3px;
}


/* == [ SIDEBAR ] ============================= */

#sidebar .container{
	 padding:15px; 
	 font-size:14px; 
	 background-color:#fff; 
	 margin-top:10px;
}
#sidebar ul{
	margin-top:10px;
	font-size:12px;
	color:#666666;
}
#sidebar ul.news li{
	margin-bottom:10px;
}
#sidebar ul li a{
	color:#CB0303;
	font-size:14px;
	margin-bottom:3px;
	font-weight:normal;
}
#sidebar li p{
	clear:both;
}

/* Recent Videos */

#videolist{
}
#videolist h4{
	font-weight:normal;
	display:inline;
}
#sidebar #videolist ul{
	list-style:none;
	padding-right:0;
}

/* Recent Posts */

.postlist{
	padding-bottom:5px;
}
.postlist li{
	margin-bottom:5px;
}
.postlist h3{
	border-top:1px dotted #ccc;
	padding-top:10px;	
}
.postlist img{
	width:60px;
	height:60px;
	padding:2px;
	border:1px solid #ccc;
}
.postlist a{
	float:left;
}
#sidebar .postlist .captionlink{
	color:#444;
	border-bottom:1px dotted #666;
	text-transform:uppercase;
	font-size:11px;
}
.postlist div{
	float:left;
	width:160px;
	margin-left:10px;
}
	
	
	
/* == [ POST/PAGE ] ============================= */	

.post-container{
	padding:0 30px;
	background-color:#fff;
}
.post-container{
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}
.post{
	padding:0 0px 5px;
	border-top:1px dotted #ccc;
}
.single .post{
	padding:35px 0 0;
	border-top:none;
}
.post p{
	font-size:15px;
	line-height:22px;
	color:#333;
	margin:5px 0 20px;
}
.post a{
	color:#990000;
}
.post h2 a{
	color:#000;
}
.post h2 a:hover{
	text-decoration:underline;
}
.post h4 a{
	color:#990000;
	font-size:18px;
	text-decoration:underline;
	margin-right:10px;
}	
.post ul{
	font-size:14px;
	margin:30px 0;
}
.post ul li{
	line-height:22px;
}
.post img{
	padding:2px;
	border:1px solid #ccc;
}
.post small{
	margin-bottom:20px;
	display:block;
	background:transparent url(../img/icon-post.png) no-repeat 0 -1px;
	padding-left:13px;
}
.post .aligncenter{
	text-align:center;
}
.post .alignright{
	float:right;
	margin:20px 0 20px 20px;
}
.post .postmetadata{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px 3px 7px;
	background-color:#f1f1f1;
	margin:30px 0 40px;
}
.post .postmetadata a{
	color:#222;
}
.ccount{
	margin-left:5px;
}

.post img.series{
	margin-bottom:30px;
	margin-top:10px;
}


/* -- [ . Pagination ] -----------------------------------------------*/

.timeline-nav{
	padding:30px 0;
	width:960px;
	margin:0 auto;
}
.timeline-nav a, .timeline-nav span{
	border:1px solid #CCCCCC;
	color:#777777;
	font-size:13px;
	margin:10px 2px;
	padding:6px;
	background-color:#fff;
}
.timeline-nav span.current{
	color:#000;
	background-color:#ddd;
}
.timeline-nav a:hover{
	color:#000;
}





/* == [ SEARCH ] ============================= */

#searchform{
	margin:15px 0 10px;
}
#searchform #s{
	background-color:#FFFFFF;
	border:1px solid #ccc;
	color:#666666;
	font-size:11px;
	padding:5px;
	width:200px;
	vertical-align:middle;
}
#searchform .button {
	vertical-align:middle;
}
	
	

/* == [ COMMENTS ] ============================= */
	
#comments{
	padding:5px;
}
#comments form{
	margin-top:15px;
}

#commentform label {
	display:block;
	font-size:1.1em;
	margin-bottom:0.3em;
}
#commentform .input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea {
	border:1px solid #CCCCCC;
	font-size:14px;
	padding:3px;
}
#commentform textarea{
	width:550px;
	height:100px;
}
#commentform p{
	margin-bottom:20px;
	}
#commentform small{
	text-transform:capitalize;
	font-size:14px;
	color:#333;
}
.commentlist{
	margin:15px 0 30px;
	list-style:none;
	border-bottom:1px dotted #ccc;
}
.commentlist li{
	padding:15px 0;
	margin-bottom:15px 0 5px;
	font-size:14px;
	border-top:1px dotted #ccc;
}
.commentlist .commentAuthor{
	font-size:16px;
}
.commentlist .avatar{
	float:left;
	border:1px solid #ccc;
	padding:1px;
	margin-right:10px;
}	
.commentlist .commentmetadata{
	display:block;
	color:#777;
}
.commentlist p{
	margin:15px 0 10px;
	color:#000;
}
.commentlist .url{
	text-decoration:underline;
	color:#990000;
}
.commentlist .commentmetadata em{
	background-color:#FFFFCC;
	margin-left:10px;
	color:#333333;
}
.status{
	margin:0;
	font-size:14px;
}

/* Vote Plugin Overrides */

.votecontainer{
	float:right;
	font-size:20px;
	text-align:right;
}
.votecontainer .voteMsg{
	font-size:11px;
}

/* Facebook Button */

.dark{
	margin-top:5px;
}

/* == [ SUBSCRIBE ] ============================= */

#subscribe{
	border:1px solid #b3daee;
	padding: 10px 10px 10px 15px; 
	margin-bottom: 15px; 
	background-color:#def0fb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.feedlink{
	background:transparent url(../img/icon-rss.gif) no-repeat 0 center;
	padding-left:20px;
	margin-bottom:6px;
	font-size:17px;
	display:block;
}
#subscribe .input{
	border: 1px solid rgb(204, 204, 204); 
	color:#ccc; 
	padding:3px; 
	width: 140px;
	margin-right:5px;
}
.feedburner{
	font-size:12px; 
	margin-top:5px;
}



span.commentlink a{
	background:transparent url(../img/icon-comments.gif) no-repeat;
	padding-left:20px;
	margin:0 20px 0 10px;
}

.digg{
	background:transparent url(http://digg.com/img/badges/16x16-digg-guy.gif) no-repeat;
	padding-left:20px;
	margin:0 20px 0 10px;
}
html .fb_share_link{
	margin-right:20px;
}
.reddit{
	background:transparent url(http://www.reddit.com/static/spreddit4.gif) no-repeat;
	padding-left:20px;
	margin-right:20px;
}
.twitter{
	background:transparent url(../img/favicon-twitter.gif) no-repeat;
	padding-left:20px;
	margin-right:20px;
}


/* Recent Posts */

#recentposts{
	border-top:1px dotted #ccc; 
	border-bottom:1px dotted #ccc; 
	padding-bottom:5px;
}
#recentposts li{
	margin-bottom:7px;
}

/* Links */

#links{
	border-top:1px dotted #ccc; 
	width:270px; 
	padding:5px 0 15px; 
	border-bottom:1px dotted #ccc; 
	margin-bottom:5px;
}
#links .linkslist{
	float:left;
}
#links .linksad{
	 float:right; 
	 width:120px; 
	 height:600px; 
	 margin-top:10px;
}
#contributors{
	display:none;
}


/* FOOTER */

#footer{
	color:#fff;
	margin:0 auto 20px;
	width:930px;
	font-size:13px;
	padding-top:10px;
}
#footer a{
	color:#666;
	text-decoration:underline;
}
#footer p{
	margin-bottom:5px;
	color:#999;
	}
#footer ul{
	clear:both;
	margin:0 0 10px;
	}
#footer ul li{
	display:inline;
	border-right:1px solid #fff;
	margin-right:3px;
	padding-right:6px;
	}