/* 

---------------------------------------

Theme Name: Gay Suit Porn Theme

Theme URL:

Description:

Author: Joe

Author URI: 

Version: 1.0

Tags:

---------------------------------------



COLORS

---------------------------------------

#141419 - black

#26272a - dark sleight

#5e6168 - sleight/gray

#f4ed45 - neon yellow/green

---------------------------------------



3 COLUMN LAYOUT

---------------------------------------

margins = 20px

1 col = 300px 

2 cols = 620px

3 cols = 940px

---------------------------------------

*/



@import url(reset.css);



/*	BASIC ELEMENTS

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

body {

	/*border-top: #141419 7px solid;*/

	/*text-align: center;*/ /* for old IE */

	background-image:url('../images/graphics/brown-linen.jpg');

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

}



abbr {

	border-bottom: #5e6168 1px dotted;

	cursor: help;

}



code {

	font: normal 11px Georgia "Times New Roman", Times;

	line-height: 15px;

	padding: 10px;

	display: block;

	background-color: white;

	border: #5e6168 1px solid	;

	color: black;

}

p {

	padding: .5em 0;

}

a {

	color: #26272a;

}

h2.content_title {

	font: italic 15px helvetica;

	margin: 0 0 15px 0;

/*	border-bottom: #26272a 1px solid ;*/

	color: #26272a;

}

/*	SPECIAL CLASSES

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

.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

.aligncenter {

	text-align: center;

	margin: 0 auto;

}

.force_break { clear: both;}



.postnavigation {

	font-size: 12px;

	text-align: center;

	clear: both;

}

.postnavigation a {

	color: black;

	text-decoration: none;

}



/*	SITE STRUCTURE AND LAYOUT

---------------------------------------- */
/**
div#wrap {

	width: 980px;

	text-align: left;

	margin: 0 auto;
}
*/

	div#header {

		

	}

		#header img.avatar {

			float: left;

			margin: 10px 20px 0 0;

		}

		#header h1 a {

			text-decoration: none;

			padding: 15px 0 8px;

			display: block;

			letter-spacing: .05em;

			color: #006699;

			font-size: 30px;

		}

		#header h5 {

			color: black;

		}

	div#top_nav {

		float: right;

		margin-bottom: -1px;

		margin-top: -15px;

	}

		#top_nav ul li {

			float: left;

		}

			#top_nav ul li a {

				display: block;

				padding: 12px 16px;				

				color: black;

				text-decoration: none;

			}

			#top_nav ul li.current_page_item a {

				background-color: white;

			}

			#top_nav ul li a:hover,

			#top_nav ul li.current_page_item a {

				color: #006699;

			}



	div#middle {

		clear: both;

		background-color: white;

		/*border-top: #5e6168 1px solid;*/

		border-bottom: #006699 1px solid;

		padding: 10px 20px;

	}

		div#sub_nav {

			

		}	

			#sub_nav ul li {

				float: left;

			}

				#sub_nav ul li a {

					color: #5e6168;

					display: block;

					margin: 0 20px 15px 0;

					text-decoration: none;

					font: normal 16px "Trebuchet MS";

					border-bottom: #141419 2px solid;

				}

				#sub_nav a:hover {

					border-bottom: #26272a 2px solid;					

				}

				#sub_nav ul li.current-cat a {

					color: black;

				}

		div#right_col {

			width: 300px;

			margin-right: 0;

			float: right;

			z-index: 100;

			position: relative;

		}

			#searchform input {

				border: #5e6168 1px solid;

				padding: 3px 0;

			}

			#searchform input.textInput {

				width: 262px;

				float: left;

				padding: 4px 0 4px 5px;

				background-color: white;

				color: #5e6168;

				font: normal 13px Helvetica;

			}

			#searchform input.default {

				font-style: italic;

			}

			#searchform input.textInput:focus {

				color: black;

				background-color: white;

				font-style: normal;								

			}

			#searchform input.submitInput {				

				float: left;

				width: 30px;

				background-color: white;

			}			

			#right_col ul li,

			#sub_footer ul li {

				background-color: #362d1c;
				/*background-color: #26272a;*/

				border: #5e6168 1px solid;

				margin-bottom: 40px;

				clear: both;

				color: white;

				font-size: 12px;

				line-height: 18px;

			}

			#right_col ul li.search-form,

			#right_col ul li.widget_search,

			#right_col ul li.toggle_sidebar {

				float: left;

				margin-bottom: 12px;

				border: none;

				background-color: white;

				float: right;

				clear: none;

			}

			#right_col ul li.toggle_sidebar {

				display: none; /*this was the little icon that toggled the sidebar - decided it was dumb */

			}

				#right_col ul li.toggle_sidebar a {

					padding: 3px;	

					width: 30px;

					text-align: center;

					text-decoration: none;

					background-color: #5e6168;

					color: white;

					display: block;

					margin-left: 10px;

				}

				#right_col ul li ul li,

				#sub_footer  ul li ul li {

					margin-bottom: 0;

					background-color: none;

					border: none;

					line-height: 20px;

					font-size: 13px;					

				}

					#right_col ul li a,

					#sub_footer ul li a {

						color: white;

					}

				#right_col ul li ul,

				#right_col ul li p,

				#sub_footer ul li ul,

				#sub_footer ul li p {

					padding: 10px;

				}

			#right_col ul li h2,

			#sub_footer ul li h2 {

				background: url(images/callout_head.gif) left top no-repeat;

				font-size: 13px;

				color: white;

				padding: 4px 5px 16px 10px;

				margin: 0;

				font-weight: bold;

				font-style: italic;

			}

		div#content {

			z-index: 50;

			position: relative;

			clear: left;

			width: 620px;

			float: left;

		}

		div.wide_content {

			width: 940px !important;

		}

	div#sub_footer {

		/**background: url(images/sub_footer_bg.gif);*/

		padding-top: 20px;

	}

		#sub_footer div.widgets {

			width: 300px;

			float: left;

			margin-left: 20px;

		}

	div#footer {

		text-align: center;

		font: normal 12px Helvetica;

		color: #5e6168;		

		padding: 10px;		

		clear: both;

	}

		#footer a {

			color: #5e6168;

			text-decoration: none;

			font-weight: bold;

		}



/* WIDGET STYLING 

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

li.widget_tag_cloud {

	border: none !important;

}

	.widget_tag_cloud a {

		text-decoration: none;

	}

	.widget_tag_cloud a:hover {

		color: #006699 !important;

	}

.textwidget ul {

	padding: 0 !important;

	margin: none !important;

}

.textwidget ul li {

	padding: 15px 22px;

}

.textwidget ul li.alt {

	background-color: #1f2024 !important;

	border: white 1px solid !important;	

	border-width: 1px 0 !important;

}

.textwidget img {

	display: block;

}



.widget_flickr ul {

	padding: 10px 0 10px 10px !important;

}

.widget_flickr ul li{	

	border: #5e6168 5px solid !important;

	float: left !important;

	margin: 0 10px 10px 0 !important;

	width: 123px;

	height: 85px;

	overflow: hidden;

	clear: none !important;

}

.widget_flickr ul li:hover {

	border-color: black !important;

}

.widget_flickr ul li a {

	display: block;

}

.widget_flickr ul li img {

	display: block !important;	

	width: 123px;

	margin-bottom: 6px;

}

.widget_flickr ul li a:hover img {

	border-color: black !important;

}

.widget_flickr h5 a {

	text-align: right;

	font-size: 14px;

	text-decoration: none;

	margin: 0 10px 10px 0;

	color: #0063dc !important;

	display: block;

	letter-spacing: .05em;

	font-weight: bold	;

}

	.widget_flickr h5 a em {

		color: #ff0084 !important;

	}

	

li.widget_Twidget {

	background: none !important;

	border: 0 !important;

}

.widget_Twidget ul {

	padding: 0 !important;

}

	.widget_Twidget ul li span {

		display: block;

		border: #5e6168 1px solid !important;

		padding: 10px 10px 10px 50px;

		margin-top: 10px !important;

		background: url(images/twitter_t.gif) no-repeat left;

	}

	.widget_Twidget span a {

		background: none !important;

		display: inline !important;

		padding: 0 !important;

		color: #006699 !important;

	}

	.widget_Twidget a {

		background: url(images/callout_head.gif) !important;

		display: block !important;

		color: white !important;

		font-size: 12px;

		text-decoration: none;

		font-weight: bold;

		text-align: right;

		padding: 2px 10px 1px 0;

	}



/* POST SPECIFIC STUFF

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

div.post {

	background-color: white;	

	clear: left;

	/*width: 620px;*/

	margin-bottom: 40px;

}

	.post h2 {

		background: url(images/post_head_bg.gif) no-repeat left;

		font-size: 16px;

		color: #006699;

		padding: 12px 12px 25px;

		font-style: italic;

	}

		.post h2 a {

			letter-spacing: .05em;

			color: #006699;

			text-decoration: none;

		}

		.post h2 em {

			color: white;

			font-size: 14px;

		}

		.post h2 em.comment_link a {

			float: right;

			font-size: 12px;			

			font-style: normal;

		}

	div.postcontent {

		padding: 15px 12px;

		color: black;

		line-height: 20px;

		font-size: 14px;

	}

		.postcontent ul {

			margin-bottom: 15px;

		}

	.postcontent img {

		max-width: 600px;

	}

	div.postmeta {

		border-top: #006699 1px solid;

		background-color: white;

		text-align: left;

		padding-top: 5px;

		font-size: 11px;

		color: black;

	}

		.postmeta ul li {

			display: inline;

			margin-right: 10px;

		}

		.postmeta em {

			font-weight: bold;

			color: #5e6168 ;

		}

		.postmeta a {

			color: black;

			text-decoration: none;			

			font-style: italic;

		}

		.postmeta a:hover {

			border-bottom: #26272a 1px solid;

		}



/* Comments */

div#comments {



}

#comments h4 {

	background: url(images/callout_head.gif) left top no-repeat;

	font-size: 13px;

	color: white;

	padding: 4px 5px 16px 10px;

	margin: 0;

	font-weight: bold;

	font-style: italic;

}

ol#commentlist li {

	margin-bottom: 5px;

	padding: 10px;

	color: black;

	font-size: 12px;

	line-height: 18px;

	border-bottom: #26272a 1px solid;

}

#commentlist img.avatar {

	float: right;

	margin-bottom: 10px;

	margin-left: 10px;

}

#commentlist li.standard {

/*	background-color: #26272a;*/

}

#commentlist li.author {

	border-bottom: #006699 1px solid !important;

}

#commentlist li.author div.singlecomment,

#commentlist li.author div.singlecomment a {	

	color: #006699;

}

#commentlist div.singlecomment {

	font: italic 11px helvetica;

	text-align: right	;

	margin-top: 10px;

	clear: both;

}

	#comments div.notes {

		float: right;

		width: 200px;

	}	

	#comments h5 {

		margin: 0 0 5px;

	}

	#commentlist div.singlecomment a {

		color: black;

	}

	div#commentsform {

		

	}

		#comments dl {

			width: 400px;

			border-right: #5e6168 1px solid;

		}

		#comments dt {

			font-size: 12px;

			font-weight: bold;	

		}

		#comments dt.top {

			margin-top: 15px;

		}

		#comments dd, dt.single {

			padding: 2px 0 15px;

		}

			#comments textarea,

			#comments input.textInput {

				width: 380px;

				padding: 2px;

				color: #5e6168;

				background-color: white;

				border: #5e6168 1px solid;

			}

			#comments textarea.focus,

			#comments input.textInput.focus {

				background-color: white;

				color: black;

			}

			#comments .button-group input {

				border: #5e6168 1px solid;

				padding: 5px;

				cursor: pointer;

				background-color: white;

				color: black;

				text-transform: uppercase;

				font-weight: bold;

			}

	#comments a {

		color: #5e6168;

	}