/*

Theme Name: Blackbox

Theme URI: http://templates.arcsin.se/

Version: 1.0

Description: A lightweight, simple and pleasant design. Based on the <a href="http://templates.arcsin.se/blackbox-website-template/">Blackbox website template</a>.

Author: Viktor Persson

Author URI: http://arcsin.se/



This theme is licensed under a Creative Commons Attribution 2.5 License:

http://templates.arcsin.se/license/

*/



/* Standard elements */

* {

	margin: 0;

	padding: 0;

}

a {

	color: #999;

	text-decoration: none;

}

a:hover {

	color: #FF0099;

}

body {

	background: #000 url('img/bg.png') repeat-x fixed left bottom;

	color: #555;

	margin: 0px 0;

	text-align: center;

	font: normal 0.8em verdana,Arial;

}

ul {

	margin: 12px 0;

}

li {

	list-style: url('img/li.gif');

	margin-left: 18px;

}

code {

	font: normal 1em "Lucida Sans Unicode",serif;

	background: url('img/bgcode.gif');

	color: #888;

	display: block;

	padding: 3px 6px;

	white-space: pre;

	margin-bottom: 12px;

}





/* Misc */

blockquote {

	margin-bottom: 12px;

	font: normal 1.1em "Lucida Sans Unicode",serif;

	background: url('img/quote.gif') no-repeat;

	padding-left: 28px;

	color: #666;

}





/* Main structure */

.main {

	background: #000; 

	border: 3px double #EEE; 

	border-color: #141414 #202020 #222 #202020; 

	margin: 0px auto 4px auto; 

	text-align: left;

	width: 600px; 

}





/* Header */

.gfx {

	background: #222 url('img/dark_pixel.jpg') no-repeat;

	height: 240px;

}

.gfx h1 {

	color: #000;

	font: normal 9pt Tahoma,sans-serif;

	padding: 5px 5px;
	
	text-align:right;

}

.gfx a {
	color:#000;
}





/* Menu */

.menu a {

	background: #000 url('img/bgmenu.png') repeat-x;
	

	border-right: 1px solid #222;

	border-top: 1px solid #1A1A1A;

	color: #444;

	font-size: 11px;

	float: left;
	
	padding-top: 4px;

	width: 149px; height: 30px;

}

.menu a span {

	padding-left: 6px;

}

.menu a:hover {

	background-position: left bottom;

	color: #FFF;

}

.menu a#last {

	width: 150px;

	border-right: none;

}





/* Content */

.content {

	border-top: 1px solid #1A1A1A;

	background: #1A1A1A;

	clear: both;

}

.content h1 {

	margin: 0 0 4px;

	font: bold 1.1em sans-serif,Arial;

	color: #666;

}

.content p {

	margin: 0 0 12px;

}

.item {

	background: #030303 url('img/bgitem.gif') repeat-x;

	padding: 8px 10px;

}





/* footer */

.footer {

	background: #0A0A0A;

	color: #666;

	padding: 5px;

} 

.footer .left, .footer .right {padding: 0 12px;}

.footer .right, .footer .right a {color: #444;}

.footer .right a:hover {color: #999;}



	

/* Post Stylng */

.item{margin:0 0 25px 0;}



.item .info{

padding:2px 3px 3px 8px;

border:1px solid #1a1a1a;

background-color:#1a1a1a;

font-size:0.9em;

color:#505050;

}



/* Comments Styling */

#commentlist li {

margin-bottom: 1.5em;

padding-bottom: 1em;

border-bottom: 1px solid #700000;

}



#commentform {

margin: 1em 0;

background: #1a1a1a;

width: 280px;

}



#commentform textarea {

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform textarea:hover {

background: #f8f7f6;

border: 1px solid #d6d3d3;

}

#commentform textarea:focus {

background: #f8f7f6;

border: 1px solid #939793;

}



#commentform #email, #commentform #author, #commentform #url {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #d6d3d3;

width: 280px;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {

font-size: 1.1em;

background: #f8f7f6;

border: 1px solid #939793;

width: 280px;

}

#commentform input{

margin-bottom: 3px;

}



.left {float: left;}

.right {float: right;}

.clear,.clearer {clear: both;}

.clearer,.block {

	display: block;

	line-height: 0;

	font-size: 0;

}

.clearer {height: 0;}