/*
Theme Name: The Queerist Blog
Description: Wordpress theme designed for The Queerist
Version: 1.0
Author: Firebelly Design

*/
*
{
	margin: 0;
	padding: 0;
}
body
{
	background: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: .75em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#sidebar {
	font-size: 91.6%;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.inputboxes {
		margin-bottom: 29px;
	}
	ul.checklist {
		padding-left: 4px;
	}
	ul.go_forth_and_spread li {
		float: left;
		width: 25px;
		margin-right: 12px;
	}
	
	ul.go_forth_and_spread li a {
		display: block;
		float: left;
		background-position: left top;
		background-repeat: no-repeat;
		height: 25px;
		overflow: hidden;
		line-height: 1000em;
	}
	
	ul.clearfix .float_me {
		float: left;
		width: 49%;
	}
	
	#rss a {
		background-image: url("images/rss_icon.png");
	}
	#facebook a {
		background-image: url("images/facebook_icon.png");
	}
	#myspace a {
		background-image: url("images/myspace_icon.png");
	}
	#flickr a {
		background-image: url("images/flickr_icon.png");
	}
	#twitter a {
		background-image: url("images/twitter_icon.png");
	}
ul li, ol li
{
	color: #999;
	margin-bottom: 5px;
}

p {
	color: #999999;
	line-height: 18px;
	margin-bottom: 15px;
}
	.post_content p, .post_content li, .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5 {
		color: #777;
		
	}
	.post_content p.author {
		color: #999;
		padding-bottom: 8px;
	}
	.date_callout p {
		/*text-align: center;*/
		
	}
	.date_callout p span {
		display: block;
	}
	.date_callout p.date, .date_callout p.comment_count {
		font-size: 133%;
		color: #fbf9f2;
		width: 50px;
		text-align: center;
		background: #d44a34;
		padding: 5px 0;
	}
	.date_callout p.date {
		background: #d44a34;
	}
	.date_callout p.month, .date_callout p.comment_link {
		margin-bottom: 1px;
		text-align: center;
	}
	.date_callout p.comment_count {
		background: url("images/talk_to_me_baby.gif") no-repeat 15px bottom;
		padding-bottom: 12px;
		margin-bottom: 0;
	}
	.date_callout p.comment_count a {
		display: block;
		background: #d44a34;
		padding: 4px 0;
	}
	.post_content .author {
		background: url("images/black_dotted.gif") repeat-x bottom left;
		padding-bottom: 12px;
	}
	.sociable_tagline p {
		margin-bottom: 2px;
	}


.post_content ul {
	margin-left: 12px;
	margin-bottom: 15px;
}
	
.post_content ol {
	margin-left: 30px;
	margin-bottom: 15px;
}

/* posts styles */
.post_content h1 {
	font-size: 200%;
}
.post_content h2 {
	font-size: 180%;
}
.post_content h3 {
	font-size: 160%;
}
.post_content h4 {
	font-size: 140%;
}
.post_content h5 {
	font-size: 120%;
}
.post_content h6 {
	font-size: 100%;
}
	.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
		margin-bottom: 12px;
	}

a:link
{
	color: #d44a34;
	text-decoration: none;
}
a:visited
{
	color: #d44a34;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
	#sidebar a {
		color: #999;
	}
	.post a {
		color: #d44a34;
	}
	p.comment_count a {
		color: #fefcf3;
	}
	p.comment_link a {
		color: #999999;
	}
	#sidebar .comments_list li a,
	#sidebar .textwidget a {
		color: #D44A34;
	}
	
	#sidebar .about p:last-child { margin-bottom: 0px; }

li
a
{
	font-size: 100%;
}
li p a
{
	font-size: 100%;
}
#footer p
{
	font-size: 83.5%;
}

a
img
{
	border: none;
}
h2 {
	font-weight: normal;
	color: #d44a34;
	font-size: 200%;
	margin-bottom: 10px;
}
	#sidebar h2 {
		color: #e65f38;
		font-size: 83%;
		margin-bottom: 10px;
		text-indent: -10000px;
	}
	#page_header h2 {
		color: #fefcf3;
		font: 233% "Trade Gothic",Arial,Helvetica,sans-serif;
		text-transform: uppercase;
	}
	.post_content h2.post_header {
		margin-bottom: 1px;
		width: 305px;
	}

h3 {
	color: #d44a34;
	font-weight: normal;
}

h3 a:link,h3
a:visited
{
	color: #d44a34;
	font-size: 100%;
}
#details_box h3
{
	color: #d44a34;
	font: 200%
Arial,Helvetica,sans-serif;
	margin-bottom: 3px;
}
	#sidebar .sidebar_header {
		background: url("images/white_dotted.gif") repeat-x bottom ;
		padding-bottom: 4px;
		margin-bottom: 6px;
	}
h4
{
	color: #D44A34;
	font-weight: normal;
	margin-bottom: 10px;
}


label
{
	color: #999;
	font-size: 90%;
}


textarea
{
	color: #777;
	font: 100% Arial,Helvetica,sans-serif;
	font-style: italic;
	letter-spacing: .5px;
}
textarea:focus
{
	font-style: normal;
}
.inputbox
{
	font: 83.5% Arial,Helvetica,sans-serif;
}

/** post styles **/

.post {
	padding: 0 0 12px 0;
	margin-bottom: 25px;
	background: url("images/black_dotted.gif") repeat-x bottom;
	padding-top: 9px;
}

.date_callout {
	float: left;
	width: 114px;
	margin: 0 20px 0 0;
}
	.date_callout p.date, .date_callout p.comment_count {
		margin-left: 18px;
	}
	.date_callout p.date, .date_callout p.comment_count {
		width: 40px;
	}
	.date_callout_container {
		text-align: center;
		magin: 0 auto;
		width: 75px;
	}

.post_content {
	float: left;
	width: 420px;
	padding-top: 6px;
}

.authors .avatar {
	float: left;
	width: 45px;
	margin-right: 5px;
}
	.authors .name {
		float: left;
		padding-top: 12px;
	}


	#comments {
		list-style: none;
	}
		#comments li {
			background: url("images/black_dotted.gif") repeat-x bottom;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}
	#commentform textarea, #commentform input.textfield {
		background: none;
		border: 1px solid #aeafb1;
	}
		#commentform input.textfield {
			padding: 5px;
			width: 400px;
		}
		#commentform .text_area_container {
			width: 521px;
			height: 161px;
			background: url("images/write_on_me_paper.jpg") no-repeat -2px 0;
			border: none;
			padding: 12px 0 0 18px;
			position: relative;
		}
		#commentform .text_area_container .submit {
			position: absolute;
			bottom: 13px;
			right: 35px;
		}
		#commentform .text_area_container textarea {
			width: 405px;
			height: 125px;
			border: none;
		}
		#commentform label {
			display: block;
		}
		.formactions .submit {
			float: right;
		}
		.avatar {
			float: left;
		}
			#comments .avatar {
				margin-left: 18px;
			}
		.avatar_container {
			width: 134px;
			float: left;
		}
		#comment-form {
			margin-left: 152px;
		}
/** misc styles **/

#login_box #form_box .inputbox
{
	background: transparent url('images/inputbox.gif') repeat-x
bottom left;
	border: none;
	font-size: 120%;
	width: 240px;
}

#page_wrapper
{
	background: url('images/bg_middle.jpg') repeat-y;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 1008px;
}
#page_header
{
	background: url('images/bg_header.jpg') no-repeat -1px 0;
	position: relative;
}
#page_header h1
{
	height: 170px;
	overflow: hidden;
	width: 357px;
}
#page_header h1 a
{
	background: url('images/TheQueerist_logo.jpg') no-repeat 0 0;
	display: block;
	height: 170px;
	line-height: 1000em;
	padding: 0
8px;
	width: 357px;
}
#page_header #nav
{
	left: 372px;
	position: absolute;
	top: 60px;
}
#page_header #nav
li
{
	float: left;
	margin-right: 17px;
}
#page_header #nav
a
{
	color: #999;
	display: block;
	float: left;
	font-size: 14px;
	height: 15px;
	line-height: 1000em;
	overflow: hidden;
	text-transform: uppercase;
}
#page_header
#nav li a
{
	background-position: top left;
	background-repeat: no-repeat;
}
#page_header #nav li a:hover,#page_header #nav li
a.active
{
	background-position: right top;
}
#page_header #nav li#list_bar
a
{
	background-image: url('images/list_your_bar.gif');
	width: 127px;
}
#page_header #nav li#post_event
a
{
	background-image: url('images/post_event.gif');
	width: 120px;
}
#page_header #nav li#feedback
a
{
	background-image: url('images/feedback.gif');
	width: 81px;
}
#page_header #nav li#faqs
{
	margin-right: 30px;
}
#page_header #nav li#faqs
a
{
	background-image: url('images/faqs.gif');
	width: 38px;
}
#page_header #nav li#login
a
{
	background-image: url('images/login.gif');
	width: 45px;
}
#page_header #nav li#register
a
{
	background-image: url('images/register.gif');
	width: 76px;
}
#page_header #nav li#logout
a
{
	background-image: url('images/logout.gif');
	width: 60px;
}
#page_header #nav li#profile
a
{
	background-image: url('images/profile.gif');
	width: 66px;
}
#page_header
#text_ad
{
	left: 374px;
	position: absolute;
	top: 115px;
}
#beta
{
	left: -28px;
	position: absolute;
	top: 30px;
}
#beta
a
{
	background: url('images/beta.png')
no-repeat;
	display: block;
	height: 76px;
	line-height: 1000em;
	overflow: hidden;
	width: 49px;
}
#page_body
{
	background: url('images/bg_bottom.jpg') no-repeat left bottom;
	height: 500px;
	height: auto !important;
	min-height: 500px;
	padding-bottom: 20px;
}
#sidebar,#comments_col
{
	float: left;
	padding-top: 46px;
	width: 338px;
}
#comments_col.detail
{
	padding-top: 28px;
}
#content_col
{
	float: left;
	overflow: hidden;
	padding-top: 8px;
	width: 670px;
}
#search_col
{
	position: absolute;
	top: 90px;
	right: -1px;
}

#footer
{
	margin: 0
auto;
	padding-right: 97px;
	text-align: right;
	width: 996px;
}
#search_results
{
	background: url('images/search_results.gif')
no-repeat;
	height: 39px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 12px;
}
#recent_comments
{
	background: url('images/recent_comments_horizontal.gif')
no-repeat;
	height: 24px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 10px;
}

#post_an_event
{
	background: url('images/post_an_event.gif')
no-repeat;
	height: 46px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 7px;
	width: 408px;
}
#login_header
{
	background: url('images/get_on_board.gif')
no-repeat;
	height: 47px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 6px;
}
#signup
{
	background: url('images/get_on_board.gif')
no-repeat;
	height: 47px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 6px;
}

#recover_password
{
	background: url('images/recover_your_password.gif') no-repeat;
	height: 47px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 6px;
}
#user_details
{
	background: url('images/the_dirt.gif') no-repeat;
	height: 47px;
	line-height: 1000em;
	overflow: hidden;
	padding-bottom: 6px;
}
#about_header {
	background: url("images/about_header.png") no-repeat;
	text-indent: -10000px;
}
#categories_header {
	background: url("images/categories_header.gif") no-repeat;
	text-indent: -10000px;
}
#authors_header {
	background: url("images/authors_header.gif") no-repeat;
	text-indent: -10000px;
}
#archives_header {
	background: url("images/archives_header.gif") no-repeat;
	text-indent: -10000px;
}
#recent_posts_header {
	background: url("images/recent_posts_header.gif") no-repeat;
	text-indent: -10000px;
}
#recent_comments_header {
	background: url("images/recent_comments_header.gif") no-repeat;
	text-indent: -10000px;
}
.filter_box {
	margin-bottom: 35px;
}
#search_box
{
	background: url('images/search_bg_middle.png')
repeat-y top left;
	position: relative;
	width: 196px;
}
#search_box
.pad_fix_left_right
{
	padding: 12px 16px 12px 16px;
}
#search_box .wrapper
{
	background: url('images/search_bg.png') no-repeat 0 -75px;
}
#search_box h2
{
	background: url('images/search.gif') no-repeat;
	color: #fff;
	font-size: 18px;
	height: 21px;
	line-height: 1000em;
	margin-bottom: 12px;
	overflow: hidden;
	text-transform: uppercase;
}
#search_box .inputbox
{
	width: 95px;
}
#search_box
label
{
	color: #fefcf3;
}
#search_box .radiolist
{
	margin-bottom: 8px;
}
#search_box .inputboxes li,#search_box .radiolist
li
{
	margin-bottom: 8px;
	position: relative;
}
#search_box
.inputbox
{
	background: transparent;
	border: none;
	border-bottom: 1px solid
#333;
	color: #fff;
	float: left;
	font-style: italic;
}
#search_box .location
{
	padding-top: 2px;
	width: 100px;
}
#search_box
#key_word
{
	background: url('images/key_word.gif') no-repeat center
left;
	display: block;
	float: left;
	height: 10px;
	overflow: hidden;
	padding-top: 5px;
	text-indent: -10000px;
	width: 53px;
}
#search_box
#location
{
	background: url('images/location.gif') no-repeat center
left;
	display: block;
	float: left;
	height: 10px;
	overflow: hidden;
	padding-top: 10px;
	text-indent: -10000px;
	width: 47px;
}


.dashed_top
{
	background: url('images/black_dotted.gif') repeat-x top
left;
}
.dashed_top_white {
	background: url('images/white_dotted.gif') repeat-x top left;
}
.dashed_bottom
{
	background: url('images/white_dotted.gif') repeat-x bottom left;
}
.dashed_bottom_black
{
	background: url('images/black_dotted.gif') repeat-x bottom left;
	height: 1px;
	margin-bottom: 15px;
}
.solid_bottom
{
	border-bottom: 1px solid
#000;
}
.solid_bottom_white
{
	border-bottom: 1px solid #999;
}
.pad_fix_left
{
	padding: 0 16px 0 24px;
}
.pad_fix_right
{
	padding: 0 24px
0 16px;
}
.pad_fix_left_right
{
	padding: 0 18px;
}
.checklist li
{
	float: left;
	width: 49%;
}

.no_margin
{
	margin: 0;
}
.pad_top_box
{
	padding-top: 12px;
}
.margin_bottom_section
{
	margin-bottom: 12px;
}
.padding_bottom_section
{
	padding-bottom: 16px;
}

.dashed_spacer
{
	background: transparent
url(images/white_dotted.gif) repeat-x scroll left top;
	height: 1px;
	margin: 12px 0 0;
	padding: 0 0 12px;
}
.solid_spacer
{
	border-top: 1px
solid #000;
	height: 1px;
	margin: 12px 0 0;
	padding: 0 0 12px;
}
.margin12
{
	margin-bottom: 12px;
}
.left_left
.left
{
	margin-right: 20px;
}
.clearfix:after,.content-wrapper2:after,.left_right:after,.left_left:after,.carousel:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix,.content-wrapper2,.left_right,.left_left,.carousel
{
	display: inline-block;
}
.clearfix,.content-wrapper2,.left_right,.left_left,.carousel
{
	display: block;
}
.left
{
	float: left;
}
.right
{
	float: right;
}


.navigation {
	margin-bottom: 25px;
	overflow: hidden;
}

.navigation + .dashed_bottom_black { margin-bottom: 25px; }

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}