/*

Body Background:	#2b2b2b		2 dark grey
Post Background:	#1e1e1e		1 dark grey
Regular Text:		#c3c3c3		4 light grey
Boring Text:		#5b5b5b		3 semi-light grey
Primary Color:		#E30202		red

*/

body {
	background:#2b2b2b url("images/bg.gif") repeat;
	font:13px/140% Helvetica, Arial, Geneva, sans-serif;
	color:#c3c3c3 /*949494*/;	
	/*overflow:hidden;*/ 		/* fuckkk youu chromee */
}

#content {
	position: absolute;
	top:50%;
	height:430px;			/* 500px */
	
	margin:-210px 0 0;		/* -250px */
	width: 100%;
	overflow: visible;
}

#tables-ugh {
	position: absolute;	
	left:50%; right:50%;
	margin:0 0 0 -350px;	/* -410px */
	width: auto;
}

	#tables-ugh td {	
		vertical-align:middle;	
		padding:0 15px 0 0;
	}

	#tables-ugh tr { position:relative; }

/* tags
----------------------------------------- */

a 			{ color:#fff; text-decoration:none; }
a:hover		{ border-bottom:2px solid #E30202; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a		{ border-bottom:1px dotted #c3c3c3; }


p, ol, ul	{ margin:0 0 10px 0; }

ol li		{ list-style:decimal-leading-zero inside; padding:0 0 0 20px; }
ul li 		{ list-style:inside; padding:0 0 0 20px; }

code 		{ font-family:"Lucida Console"; margin:0 0 10px 0; }

blockquote	{ padding:10px; margin:0 0 10px 0; background:#2B2B2B; display:block; }
blockquote p { margin:none; }

/* loading
----------------------------------------- */

#loading {
	font-size:30px;
	font-weight:bold;
	background:#2b2b2b;
	width:100%; height:100%;
	position:fixed;	
	color:#fff;
	z-index:1000;
	
	/*display:none;*/
}

#loading div {
	position:absolute;
	height:1em;	width:10em;
	top:50%; left:50%;
	margin:-0.5em 0 0 -5em;
	text-align:center;
	
	/*display:none;*/
}

/* posts
-------------------  */

/*.category-nsfw {
	display:none;
}*/

.post {
	background:#1e1e1e;
	padding:10px;
	height:420px;	/* 480px */
	width:680px;	/* 800px */
	position:relative;

	/*
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	*/
}

	.post .meta {
		height:25px;	/* 30px */
		margin: 0 0 10px 0;
		position:relative;
		border-bottom:10px solid #2b2b2b;
	}

		.post .meta .part {		
			font-size:20px;		/* 25px */
			font-weight:bold;
			text-transform:uppercase;
			padding-top:5px;
		}

		.post .meta .right 	{ float:right; }
		.post .meta .left 	{ float:left; }

		.post .meta .post-num {
			background:#2b2b2b;
			color:#fefefe;
			padding:3px 15px 0;
			margin:0 5px 0 0;
			font-size:25px;		/* 30px */
			line-height:1;
		}

		.post .meta .category {
			color:#fefefe;		
		}

		.post .meta .date {
			color:#444;
			font-size:12px;
			font-weight:normal;
			position:absolute;
			bottom:-2px; right:0;
		}

	.post .pic-wrap {
		height:330px; width:330px;	
		margin:0 15px 0 0;
		position:relative;
		float:left;
	}
		
		
	.post .pic {
		background-repeat:no-repeat;
		background-position:center;
		height:330px; width:330px;	/* 400 x 450 */
		float:left;
		margin:0 0 15px 0;
		position:relative;
		
		/*
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		*/
	}

		.post .title {
			font-family:Helvetica, Arial, sans-serif;
			font-size:25px;		/* 30px */
			font-weight:bold;
			letter-spacing:-1px;
			color:#fefefe;
			line-height:30px;		
			/*text-shadow:0px 1px 0px #595959;*/
			
			background:url("images/trans-66.png") /*#1e1e1e*/;
			position:absolute;
			right:0; bottom:0;
			padding:5px /*10px 0 0 10px*/;
		}
		
		.post .title a:hover,
		.post .title:hover 		{
			color:#E30202;
			/*text-shadow:0px 1px 2px #595959;*/
			border:none;
		}
		
	.post .exerpt {
		width:335px; height:360px;
		padding:0 0 15px;
		
		float:left;
	}
	
		.post .exerpt p {
			/*letter-spacing:.0.02em;*/
			font:14px Helvetica, Arial, sans-serif;
			line-height:18px;
		}


			.post .exerpt p span {
				font-size:120%;
			}
			
		.post object, .post embed, .post .object {
			z-index:0;
		}
	
	.post .more {
		position:absolute;
		bottom:55px; right:0;		/* 40px, 0 */
		padding:5px 20px 5px 10px;
		background:#fff;	
		color:#1e1e1e;
	}
	
		.post .more:hover {
			background:#E30202;
			color:#fff;
		}
	
	.section {
		font-size:15px;
	}
	
	.post a img {
		border:2px solid #CFCFCF;
	}
	
	.post a img.alignleft {
		margin:0 10px 10px 0;
	}
	
	.post a img.aligncenter {
		margin:0 0 10px 0;
	}
	
/* video posts 
----------------------------------------- */

.video {

}
	
	.video .vid-obj {
		width:auto;		/* 795px */
		height:auto;		/* 430px */
		position:relative;
	}
	
	.video .vid-meta { position: relative; }
	
	.video .disc {
		background:#1e1e1e;
		position:absolute;
		float:left;
		width:auto;
		/*height:3em;*/
		padding:0px;
		top:5px;
		overflow:hidden;
	}
	
		.video .disc .fade {
			background: url("images/text-fade-video.png") bottom repeat-x;
			height:3em;
			position:absolute;
			top:5px;
			width:100%;
			z-index:980;
		}
		
	.video .disc p {
		margin:0px;
	}
	
	.video .title {
		top:5px;
		float:right;
		padding:0px;
	}
	
/* photo gallery posts 
----------------------------------------- */
.gallery { 
	position:relative;
	top:38px;
}

.gallery .attachment-thumbnail {
	width:150px !important;
	height:150px !important;
}


	
/*
	
.small-td {	
	display:block;
	width:820px !important;
}

td.small-td + td.small-td {
	
	display:table-cell;
	width:auto;
}
	
.small-post {
	width:383px;
	height:480px;
}

	.small-post .pic {
		background:none;
		width:383px;
		height:100px;
		margin:0 0 10px 0;
	}
	
	.small-post .exerpt {
		width:383px;
		height:auto;
	}
*/
	
/* scrollers
----------------------------------------- */

#scrollers div {
	height:100%;
	width:50px;
	cursor:pointer;
	position:fixed;
	z-index:990;
}

#previous {
	left:0;
	background:#000 url("images/prev.png") no-repeat center center;
}

#next { 
	right:0;
	background:#000 url("images/next.png") no-repeat center center;
}


/* logo
----------------------------------------- */


#logo {
	background:#2b2b2b;	
	padding:10px;
	position:fixed;
	right:45px;
	z-index:980;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


	#logo a div {
		font:bold 50px  Helvetica, Arial, sans-serif;
		color:#fefefe;
		text-decoration:none;
		
		width:269px;
		height:79px;
		background:url("images/logo.png");
	}
	
	#logo a:hover div {
		background:url("images/logo-hover.png");
	}


/* footer
----------------------------------------- */

#footer {
	padding:10px 20px;				/* 20px */
	background:#1e1e1e;	
	
	position: absolute;
	top:50%;

/*	left:50%;*/
	margin:245px -410px 0;		/* 270px -410px 0 */
	width:660px;				/* 780px */
	z-index:980;
	
	/*
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	*/
}

#footer .expandable {
	background:#1e1e1e;
	width:700px;	/* 780px */
	position:absolute;
	height:0;
	left:0;
	top:0;		/* 15px */
	z-index:-1000;
	overflow:hidden;
}

	#footer .expandable .construct {
		background:url(images/construct.jpg) repeat-x;
		height:15px;
		width:100%;
	}
	
	#footer .expandable .content {
		background:url(images/footergradient.jpg) repeat top left;
		padding:20px;
		height:100%;		
	}
	
	#footer .expandable .content .desc {
		margin:10px 0 0 0;
	}

/* facebook
----------------------------------------- */
.fb_link:hover {
	border:0px none;
}

a.fb_button:hover {
	border:none;
}

#facebook {
	overflow:auto;
}

	#facebook .pic {
		width:60px;
		margin:0 10px 0 0;
		float:left;
	}

		#facebook .pic img {
			border:5px solid #1e1e1e;
		}
		
	#facebook .desc {
		float:left;
		width:580px;
	}

/* comments
----------------------------------------- */
#comments-inner {
	overflow:auto;
	height:420px;
	width:680px;
}

	#respond .input-area {
		width:221px;
		float:left;	
	}

		#respond .input-area label {
			display:block;
			width:211px;
			margin:0 0 10px 0;
		}
		
		#respond .input-area input {
			width:193px;
		}
	
	#respond textarea {
		font-family:Helvetica, Arial, Geneva, sans-serif;
		width:635px
	}
		
	#respond input,
	#respond textarea {
		border:3px solid #2b2b2b;
		background: #1e1e1e;
		color:#c3c3c3;
		padding:8px 5px;
	}
		
		#respond input:hover,
		#respond input:focus,
		#respond textarea:hover,
		#respond textarea:focus { 
			border:3px solid #E30202;	
		}

	#respond input#submit {
		background:#fff;
		color:#1E1E1E;
		border:none;
		margin:10px 0;
	}
		
		#respond input#submit:hover {
			cursor:pointer;
			background:#E30202;
			color:#fff;
		}
		
	#respond .cancel-comment-reply {
		display:inline;
	}
	
	#respond .cancel-comment-reply a {
		background:#fff;
		color:#1E1E1E;
		border:none;
		margin:10px 0;
		padding:9px 5px;
		font-size:13px;
	}
	
		#respond .cancel-comment-reply a:hover {
			background:#E30202;
			color:#fff;
		}

.depth-1 #respond .input-area { width:217px !important; }
.depth-1 #respond #comment { width:627px !important; }

.depth-2 #respond .input-area { width:214px !important; }
.depth-2 #respond .input-area input { width:188px !important; }
.depth-2 #respond #comment { width:608px !important; }

	
ol.comment-list {
	margin:0 10px 0 -20px;
	overflow:auto;
}

ul.children {
	border-left:1px solid #2B2B2B;
	overflow:auto;
	margin:0px;
}

	.comment-list li {
		list-style:none;
		float:left;
	}
	
	.comment-list .comment-body { 
		border:1px solid #2b2b2b;
		overflow:auto;
		float:left;	
		padding:10px;
		margin:0 0 10px;
	}

		.comment-list .avatar-wrap {
			float:left;
			margin:0 10px 20px 0;
		}

		.comment-list .name {
			float:left;
			width:auto;
			font-weight:bold;
		}
		
		.comment-list .comment-meta {
			float:right;
			clear:right;
			margin:0 10px 0 0;
		}
		
			.comment-list .comment-meta a {
				color:#5b5b5b;
				font-style:italic;
				text-transform:lowercase;
			}
			
			.comment-list .comment-meta a:hover {
				border:none;
			}
		
		.comment-list .comment-text {
			float:left;
		}	
		
			.comment-list .depth-1 .comment-text { width:573px; }		
			.comment-list .depth-2 .comment-text { width:551px; }			
			.comment-list .depth-3 .comment-text { width:521px;	}
			
			.comment-list .comment-text em.mod { 
				color:#E30202;
			}
			
		.comment-list .reply { 
			float:left;
		}

/* wordpress stuff 
----------------------------------------- */

.wp-caption {
	height:400px;
}

.wp-caption-text {
	padding:5px 0;
	text-align:center;
}


/* misc
----------------------------------------- */

::-moz-selection { background: #fff; color:#E30202; }
.ie { display: none; }