/*
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: #CCC;
}
body {
	background: #000 url('img/bg.png') repeat-x fixed left bottom;
	color: #555;
	margin: 10px 0;
	text-align: center;
	font: normal 0.8em 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;
}


/* Begin Sidebar */

#sidebar h2 {
	margin:0px;
	padding:0;
	}
#sidebar
{
	float:right;
	padding:5px;
	margin:0;
	width: 300px;

	}

#sidebar ul, #sidebar li{
list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;	
}	

#sidebar .widget, #sidebar .categories{
margin-top:5px;
border:1px solid #456480;
padding-bottom:10px;
}

#sidebar .widget ul, #sidebar .categories ul{
padding:5px;
}

#sidebar .widget li, #sidebar .categories li{
padding:5px;
border-bottom:1px solid #222222
}


#sidebar form {
	margin: 0;
	}
	
#sidebar h2 {
	font-family: "Times New Roman", Verdana, Sans-Serif;
	font-size: 1.2em;
	color:#fff;
	background:#000;
	padding:10px;
	text-transform:uppercase;
		}
	
/* End Sidebar */

.narrowcolumn {
float:left;
	padding:0px 0 20px 0;
	margin: 0px 0 0 0px;
	width: 590px;
color:#666;
	}



/* Misc */
blockquote {
	margin-bottom: 12px;
	/*font: normal 1.1em "Lucida Sans Unicode",serif;
	background: url('img/quote.gif') no-repeat;
	color: #666;*/
	padding-left: 28px;
	
}


/* Main structure */
.main {
	background: #000 url('img/bk.png') repeat-y; 
	border: 3px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 900px; 
}


/* Header */
.gfx {
	background: #000 url('img/dark_pixel.jpg') no-repeat;
	height: 280px;
	padding:10px 30px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	
}
.headerleft{
float:left;
width:450px;
}
.headerright{
margin-top:50px;
width:300px;
float:right;
text-transform:uppercase;
color: #44637f;
}
.gfx h1 {
	color: #fff;
	margin:0;
	padding:0;
	font: normal 60px "Times New Roman",Tahoma,sans-serif;
	text-transform:uppercase;
	padding:0px 0px;
	line-height:50px;

	}
.gfx span{
margin-left:215px;
}
.gfx h1 a{
color: #44637f;
	margin:0;
	padding:0;
	}

.gfx .logo{
background:url('img/logo.png') no-repeat;
width:342px;
height:145px;
display:block;
}
.description .los{
margin:0;
padding:0;
color:#44637f;
font-family:"Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-left:5px;
margin-top:5px;
}
.description ul, .description ul li{
margin:0;
padding:0;
color:#666;
font-size:14px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
}

/* Menu */
.sanmenu {
float: left;
	background:url('img/bgmenu1.png') repeat-x;
	width:885px; 
		padding-left:15px;
		border-bottom: 1px solid #1A1A1A;
	}


/************************************************
*	SubNavbar      								*
************************************************/

#nav{
	height: 1%;
	overflow: hidden;
}
#nav ul{
	margin: 0;
	padding: 0;
}
#nav ul li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#nav ul li a{
	padding: 8px 13px;
	display: block;
	text-decoration: none;
}
#nav ul li a:link, #nav ul li a:visited{
	background:url('img/bgmenu.png') repeat-x;
	border-top: 1px solid #1A1A1A;
	color: #444;
	font-size: 1.2em;
	border-right: 1px solid #1A1A1A;
}
#nav ul li a:hover, #nav ul li a:active{
	background-position: left bottom;
	color: #44637f;
	
}
#nav ul li.current_page_parent a{
	background-position: left bottom;
	color: #44637f;
}

#nav li li {
	float: left;
	margin:0;
	padding: 0px;
	width: 140px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 140px;
	float: none;
	margin: 0px;
	padding: 8px 20px;
	background:#0b0b0b;
	color: #444;
	border-bottom: 1px solid #1A1A1A;
	border-left: 1px solid #1A1A1A;
	}
	
#nav ul li.current_page_item a{
		background-position: left bottom;
	color: #44637f;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
#nav li:hover ul {
	left: auto;
	display: block;
		color:#FFFFFF;
	background:#000;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
			color:#FFFFFF;
	background:#000;
	}	
	
/* 2nd level */
#nav li ul ul {
	margin: -35px 0 0 182px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}		
	/* end */
#nav li.home{
border-left: 1px solid #1A1A1A;
}	

/* Content */
.content {
/*		border-top: 1px solid #1A1A1A;
background: #1A1A1A;
*/	clear: both;
}
.content h1 {
	margin: 0 0 4px;
	font: normal 30px "Times New Roman",Tahoma,sans-serif;
	text-transform:uppercase;
    color: #44637f;
	border-bottom:1px solid #141414;
}

.content h1 a{
 color:#44637f;
}
.content h3{
text-align:center;
margin:20px 30px 0 30px;
 padding:15px 0px 15px 0;
 background:#44637f;
  border:2px solid #344B61;
}
.content h3 a{
text-align:center;
font-size:12px;
 color: #ccc;
 text-transform:uppercase;
}
.content h3 a:hover{
 color: #000;
}

.content h2 {
	margin: 0 0 4px;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}

.item {
	background: #030303 url('img/bgitem.gif') repeat-x;
	padding: 8px 10px;
}

.entry p{
padding:10px;
padding-top:20px;
text-align:justify;
}

.entry form{
margin-left:30px;
}

.entry input{
padding:3px;

}

/* footer */
.footer {
	border-top:1px solid #141414;
clear:both;
	background: #0A0A0A;
	color: #666;
	padding: 5px;
} 

.footer ul, .footer li{
list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
	display:inline;
}	
.footer li{
margin:0;
	padding:0;
	display:inline;
	margin-right:5px;
}

.footer .left {padding: 0 12px;}
.footer .right {padding: 0 12px; text-align:center}
.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 */
.comments{
padding:0 20px 0 20px;
}
#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;
}

.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}