/*  

Theme Name: RWD FTW WP Theme

Theme URI: http://www.rwdftw.com

Description: WordPress Theme For RWD FTW

Version: 1.0

Author: Jon Phillips

Author URI: http://spyrestudios.com/

*/



html{

width: 960px;

margin: 0 auto;

}



body{

background: #373737 url(images/bg_body.jpg) repeat-x;

width: 960px;

color:#333;

font-size: 14px;

font-family: Georgia, 'Times New Roman', Times, serif;

margin: 0 auto;

padding: 0 0 0 0;

}



#wrapper{

float: left;

font-size: 14px;

color: #21211f;

width: 960px;

background: url(images/wrap_bg.jpg) repeat-y;

padding: 0 0 0 0;

margin: 0 auto;

}



/*----- Headings -----*/



h1{

	font-family: Helvetica, Arial, Sans-serif;

	font-size: 38px;

	font-weight: normal;

	padding: 10px 0 5px 0;

}



h2{

	padding: 0;

	margin: 0;

}



h3{

	font-family: Georgia, serif;

	font-size: 18px;

	font-weight: normal;

	padding: 10px 0 5px 0;

}



h4{

	padding: 0 0 10px 0;

}



/*----- General Stuff -----*/



a, a:visited{

	text-decoration: none;

	color:#FF0084;

}



a:hover{

	text-decoration: none;

	color: #333;

}



blockquote {

clear: both;

font-family: Georgia, 'Times New Roman', Times, serif;

color:#555;

font-size:14px;

font-style:italic;

background:url(images/quote.jpg) 5% 0 no-repeat;

margin:35px 0 25px;

padding:2px 30px 0 60px;

}



.code {

  font-family: Courier, Monospace;

  color: #0066FF;

  width: 435px;

  border: 3px solid #ddd;

  background: #f2f2f2;

  margin: 5px auto;

  padding: 10px;

}



.entry p { 

	margin: 0 0 15px 0; 

}



.entry ul, .entry ol { 

	margin: 0 0 15px 40px; 

}

	

.entry ul { 

	list-style-type: square; 

}

	

.entry li { 

	margin: 0 0 5px 0; 

}

		

.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 

	margin: 5px 0 5px 30px; 

}



/*----- Image Styles -----*/



.entry img {

	max-width: 445px;

}



.entry img.left { 

	padding: 6px; 

	margin: 0.5em 15px 0.5em 0; 

	border: 1px solid #ccc;

	background: #eee;

	float: left; 	

	clear: left; 

}

		

.entry img.right { 

	padding: 6px; 

	margin: 0.5em 0 0.5em 15px; 

	border: 1px solid #ccc;

	background: #eee;

	float: right; 

	clear: right; 

}

		

.entry img.center { 

	display: block; 

	padding: 8px; 

	margin: 0 auto 1.5em auto; 

	border: 1px solid #ccc;

	background: #eee;

	float: none; 

	clear: both; 

}

	

.entry img.off { 

	padding: 0 !important; 

	border: none !important; 

}

		

.entry img.stack { 

	clear: none !important; 

}



.entry img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



.entry img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



.entry img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.entry .alignright {

	float: right;

	}



.entry .alignleft {

	float: left;

	}



.entry p img {

	padding: 0;

	max-width: 100%;

	}



.entry a img {

	border: none;

	}



/*----- Captions -----*/



.entry .aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.entry .wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}



.entry .wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.entry .wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}



/*----- Header And Logo -----*/



#header{

	float: left;

	width: 960px;

	margin: 0;

	padding: 0;

	color: #FFF;

	clear: both;

}



.logo h1{

	width: 560px;

	float: left;

	border: none;

	padding: 40px 0 18px 0;

	margin: 0;

}



.socialheader{

	width: 270px;

	float: right;

	border: none;

	padding: 60px 0 0 0;

	margin: 0;

}



.socialheader a img{ 

	padding: 0;

	border: none;

	margin: 0;

}



.socialheader a:hover img{ 

	padding: 0;

	border: none;

	margin: 0;

	filter: alpha(opacity=70);

	opacity: .7;

}



.socialheader a:active img{ 

	padding: 0;

	border: none;

	margin: 0;

	filter: alpha(opacity=40);

	opacity: .4;

}









/*----- Top Menu -----*/



.menu {

text-transform: lowercase;

width: 960px;

height: 40px;

background: url(images/menu_bg.jpg) no-repeat;

float: left;

margin: 0 0 0 0;

padding: 0;

}



.menu ul {

float: right;

margin: 12px 0 0 0;

padding: 0;

}



.menu ul li {

display: inline;

margin: 12px 0 0 0;

}



.menu ul li a, #menu ul li a:visited {

text-transform: lowercase;

display: inline;

text-decoration: none;

color: #ffffff;

border: none;

font-family: 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;

font-size: 16px;

font-weight: bold;

margin:0;

padding: 12px 12px 9px 12px;

}



.menu ul li a:hover, #menu ul li a:visited:hover{

display: inline;

text-decoration: none;

color: #ffffff;

border: none;

font-family: 'Trebuchet MS', 'Helvetica Neue', Helvetica, Arial, sans-serif;

font-size: 16px;

font-weight: bold;

background: #535353;

margin:0;

padding: 12px 12px 9px 12px;

}



/*----- Content Area -----*/



#container{

	float: left;

	width: 500px;

	padding: 0;

}



.post{

	padding: 0 20px 40px 20px;

}



.post h2{

	font-family: Helvetica, Arial, Sans-serif;

	font-weight: bold;

	font-size: 24px;

	padding: 30px 0 5px 0;

}



.post h2 a, .post h2 a:visited{

	font-family: Helvetica, Arial, Sans-serif;

	font-weight: bold;

	font-size: 24px;

	padding: 0;

	color: #535353;

}



.post h2 a:hover, .post h2 a:visited:hover{

	font-family: Helvetica, Arial, Sans-serif;

	font-weight: bold;

	font-size: 24px;

	padding: 0;

	color: #000000;

}



.post h2 a:active{

	font-family: Helvetica, Arial, Sans-serif;

	font-weight: bold;

	font-size: 24px;

	padding: 0;

	color: #D21C5F;

}



.entry{

	line-height: 24px;

}



.entry a, .entry a:visited{

	text-decoration: none;

	border-bottom: 1px solid #cccccc;

	color:#FF0084;

}



.entry a:hover{

	text-decoration: none;

	color: #21211f;

	border-bottom: 1px solid #000000;

}



.entry a:active{

	text-decoration: none;

	color: #000000;

	border-bottom: 2px solid #FF0084;

}



.postinfo{

	font-size: 11px;

	color: #aaa;

	padding: 5px 0 20px 0;

	border-top: 1px dotted #CCC;

}



.postinfo a{

	color: #aaa;

}



.postdate{

color: #aaa;

}



p.postmetadata{

	text-decoration: none;

	font-size: 12px;

	color: #aaaaaa;

	border: none;

	margin: 20px 0 0 0;

	padding: 5px 0 0 0;

}



p.postmetadata a, p.postmetadata a:visited{

	text-decoration: none;

	font-size: 12px;

	color: #999999;

	border: none;

	margin: 20px 0 0 0;

	padding: 5px 0 0 0;

}



p.postmetadata a:hover, p.postmetadata a:visited:hover{

	text-decoration: none;

	font-size: 12px;

	color: #000000;

	border: none;

	margin: 20px 0 0 0;

	padding: 5px 0 0 0;

}



p.postmetadata span{

	padding-left: 18px;

	background: url(images/comment.png) no-repeat; 

}



.postnav{

	padding: 10px 20px 10px 20px;

	font-size: 14px;

	font-weight: normal;

	background: #cccccc;

	border-top: 1px solid #aaaaaa;

	line-height: 18px;

}



.postnav a{

	clear: both;

}



h2.archive_head{ 

	font-weight: bold !important; 

	font-size: 14px !important;

	letter-spacing: normal !important; 

	margin: 0 20px 1.8em 20px !important; 

	padding: 0.4em 5px !important; 

	border-bottom: 1px dotted #CCC;

	text-align: center; 

	background: none; 

}



.sitemap {

  width: 460px;

  padding: 0 20px;

  margin: 0;

}



.sitemap h2 {

  padding-bottom: 4px;

  border-bottom: 1px dotted #CCC;

}



/*----- Right Sidebar -----*/



.sidebar{

	font-family: Helvetica, Verdana, 'Trebuchet MS', Sans-Serif;

	float: left;

	font-size: 12px;

	width: 280px;

	margin: 0;

	display: inline;

	overflow: hidden;

}



.sidebar ul{

	list-style-type: none;

	margin: 0 0 10px 0;

	padding: 0;

}



.sidebar ul ul{

	list-style-type: none;

	margin: 0 0 10px 0;

	padding: 0;

}



.sidebar ul ul li{

	list-style-type: none;

	padding: 0;

}



.sidebar ul ul li a, .sidebar ul ul li a:visited{

	margin: 0;

	text-decoration: none;

	color: #cccccc;

	display: block;

	padding: 8px 5px 8px 10px;

}



.sidebar ul ul li a:hover, .sidebar ul ul li a:visited:hover{

	margin: 0;

	text-decoration: none;

	color: #ffffff;

	display: block;

	background: #535353;

	padding: 8px 5px 8px 10px;

}



.sidebar h2{

	list-style-type: none;

	font-family: Helvetica, Verdana, 'Trebuchet MS', Sans-Serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #eeeeee;

	padding: 8px 0 5px 10px;

	margin: 15px 0 5px 0;

	background: #000000;

}



.sidebar ul ul li .feed{ 

	padding-left: 20px; 

	background: url(images/feed.png) no-repeat; 

}



.sidebar .sub{

	list-style-type: none;

	margin-left: 0;

}



table#wp-calendar{

	width: 100%;

}







.sidebar a img.rectanglead{

	padding: 10px 10px 5px 10px;

	list-style-type: none;

	border: none;

	border: 0;

}



.sidebar a:hover img.rectanglead{

	padding: 10px 10px 5px 10px;

	list-style-type: none;

	border: none;

	border: 0;

	filter: alpha(opacity=50);

	opacity: .5;

}



.sidebar a img.squaread{

	padding: 3px 1px 2px 8px;

	list-style-type: none;

	border: none;

	border: 0;

}



.sidebar a:hover img.squaread{

	padding: 3px 1px 2px 8px;

	list-style-type: none;

	border: none;

	border: 0;

	filter: alpha(opacity=50);

	opacity: .5;

}



.rightbarads{

	padding: 0px 3px 0px 9px;

	list-style-type: none;

	border: none;

	border: 0;

}



.rightbarads a img{

	padding: 2px 3px 2px 2px;

	list-style-type: none;

	border: none;

	border: 0;

}



.rightbarads a:hover img{

	padding: 2px 3px 2px 2px;

	list-style-type: none;

	border: none;

	border: 0;

	filter: alpha(opacity=50);

	opacity: .5;

}



.flickrwidget{

	padding: 0;

	margin: 0 0 0 4px;

}



.flickrwidget a img{

	padding: 0;

	margin: 7px;

	border: 1px solid #000000;

}



.flickrwidget a:hover img{

	padding: 0;

	margin: 7px;

	border: 1px solid #444444;

}



.popularposts{

	padding: 0 5px 0 2px;

	margin: 0;

}



.popularposts a{

	font-size: 14px;

	color: #cccccc;

	padding: 5px 5px 5px 10px;

	display: block;

	margin: 0 0 5px 0;

}



.popularposts a:hover{

	font-size: 14px;

	color: #D21C5F;

	padding: 5px 5px 5px 10px;

	display: block;

	margin: 0 0 5px 0;

}



.popularposts img{

	padding: 5px 10px;

	float: left;

	margin: 0 0 5px 0;

}



/*----- Left Sidebar -----*/



.leftbar{

	font-family: Helvetica, Verdana, 'Trebuchet MS', Sans-Serif;

	float: left;

	font-size: 12px;

	width: 180px;

	margin: 0;

	display: inline;

	overflow: hidden;

}



.leftbar ul{

	font-size: 14px;

	list-style-type: none;

	margin: 0 0 10px 0;

	padding: 0;

}



.leftbar ul li{

	list-style-type: none;

	padding: 0;

}



.leftbar ul li a, .leftbar ul li a:visited{

	margin: 0;

	text-decoration: none;

	color: #cccccc;

	display: block;

	padding: 8px 5px 8px 10px;

}



.leftbar ul li a:hover, .leftbar ul li a:visited:hover{

	margin: 0;

	text-decoration: none;

	color: #ffffff;

	display: block;

	background: #535353;

	padding: 8px 5px 8px 10px;

}



.leftbar h2{

	list-style-type: none;

	font-family: Helvetica, Verdana, 'Trebuchet MS', Sans-Serif;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #eeeeee;

	padding: 8px 0 5px 10px;

	margin: 15px 0 5px 0;

	background: #000000;

}



.leftbar a, .leftbar a:visited{

	text-decoration: none;

	color:#FF0084;

	display: block;

}



.leftbar a:hover, .leftbar a:visited:hover{

	text-decoration: underline;

	color: #222;

}



.leftbar a img.stickers{

	background: transparent;

	border: 1px solid #cccccc;

	padding: 0;

	display: block;

	margin: 0;

}



.leftbar a:hover img.stickers{

	background: transparent;

	border: 1px solid #ffffff;

	padding: 0;

	display: block;

	margin: 0;

}



.adsenseads{

	padding: 10px 25px 10px 25px;

	margin: 0;

}

.adsenseadshorz{
	text-align: center;
	padding: 0 0 15px 0;
	margin: 0;
}




.adsenseadsfoot{

	padding: 10px 116px 10px 116px;

	margin: 0;

}





/*----- Search Form -----*/



#search_form .search_input { 	

	width: 240px; 

	margin: 10px;

	padding: 10px; 

	color: #333; 

	background: #ffffff; 

	font: normal 14px Georgia, Serif; 

	border: 1px solid #eee; 

	border-right-color: #ddd; 

	border-bottom-color: #ddd; 

}



#search_form .search_input:focus { 
	font: normal 14px Georgia, Serif; 

	background: #fff; 

	border-color: #777; 

	border-right-color: #ccc; 

	border-bottom-color: #ccc; 

}



/* Comment Section */



h3.comment_head {

line-height:22px;

border:none;

color:#3a3c33;

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

margin: 5px 0;

}



a img.gravatar {

float:left;

margin:0 15px 15px 0;

padding: 5px;

background: #eeeeee;

border: 1px solid #cccccc;

}



a:hover img.gravatar {

float:left;

margin:0 15px 15px 0;

padding: 5px;

background: #eeeeee;

border: 1px solid #cccccc;

}



p.num_comments {

margin-bottom:0;

line-height:22px;

float:left;

}



#comment_form {

width: 450px;

float:left;

padding:10px 0;

}



#comment_form p {

margin-bottom:0;

padding:6px 0;

}



#comment_form label {

color:#7f7f7f;

padding-left:5px;

font-size:12px;

}



#comment_form .text_input {

width:275px;

background:#eee;

border:1px solid #ccc;

font:normal 14px helvetica, verdana, arial, sans-serif;

padding:10px;

}



#comment_form .text_area {

width: 440px;

color:#21211f;

background:#eee;

border:1px solid #ccc;

font:normal 14px helvetica, verdana, arial, sans-serif;

padding:10px;

}



.comments {

width: 440px;

font-size:12px;

line-height:22px;

color:#444;

float:left;

clear:both;

}



ul.comment_list {

list-style:none;

float:left;

margin:20px 0 40px;

padding:0;

}



ul.comment_list li {

width: 440px;

background:#fff;

border-bottom:1px solid #ddd;

margin:0 0 8px;

padding:20px 0 5px;

}



ul.comment_list li.author_comment {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

width: 440px;

background:#ccc;

margin:0 0 6px;

padding:20px 0 5px;

}



.author_comment .comment_intro a {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

color:#21211f;

}



.comment_author {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

font-size:14px;

font-weight:400;

color:#000;

margin:0;

padding:0;

}



.comment_author a:hover {

text-decoration:none;

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

font-size:14px;

color:#333;

margin:0;

}



.comment_meta {

text-transform:uppercase;

font-family: helvetica, arial, verdana, sans-serif;

color:#555;

font-size:10px;

margin:0;

padding:0;

}



.comments_entry {

line-height:23px;

margin:0 0 20px;

padding:0 20px 20px 20px;

}



.comments_entry ul,.comments_entry ol {

color:#000;

border:none;

margin:0;

padding:0;

}



.comments_entry ul {

list-style-type:none;

}



.comments_entry li {

width: 465px;

border:none;

padding:3px 0 0;

}



.comments_entry ul li ul,.comments_entry ul li ol,.comments_entry ol li ul,.comments_entry ol li ol {

margin:0;

}



#comment_form .submit {

color:#fff;

border: 1px solid #21211f;

background: #AE684E;

margin-top: -25px;



margin-bottom: 15px;

font-size:12px;

font-weight: 400;

font-family: 'Trebuchet MS', helvetica, arial, sans-serif;

padding: 5px;

}



#comment_form .text_input:hover,#comment_form .text_area:hover {

border:1px solid #bbb;

background:#ddd;

}



.author_comment .comment_intro,.author_comment .comment_intro a:hover {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;

color:#000;

}



/*----- Footer -----*/



#footer{

	clear: both;

	width: 960px;

	margin: 0;

	padding: 10px 0 5px 0;

	line-height: 18px;

	font-size: 13px;

	color: #999999;

}



#footer a{

  color: #777777;

  text-decoration: none;

}

  

#footer a:hover{

  color: #FF0084;

  text-decoration: underline;

}



.footcol1{

	width: 590px;

	padding: 0 30px 0 0;

	float: left;	

}



.footcol2{

	width: 160px;

	padding: 0 20px 0 0;

	float: left;	

}



.footcol3{

	width: 160px;

	float: left;	

}



.footcol1 h3, .footcol2 h3, .footcol3 h3{

	padding: 10px 0 5px 0;

	color: #FF0084;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 16px;

	font-family: Helvetica, Verdana, 'Trebuchet MS', Sans-Serif;

}



.footcol2 ul, .footcol3 ul{

padding: 0;

margin: 0;

list-style-type: none;

}



.footcol2 ul li, .footcol3 ul li{

padding: 0;

margin: 0;

list-style-type: none;

}



.footcol2 ul li a, .footcol3 ul li a:visited{

padding: 0;

margin: 0;

list-style-type: none;

}



.footcol2 ul li a:hover, .footcol3 ul li a:visited:hover{

padding: 0;

margin: 0;

list-style-type: none;

}



#footer p.copy{

	padding: 20px 0 20px 0;

	color: #666666;

	font-size: 10px;

}