/*  

Theme Name: The Dark Theme

Theme URI: http://www.webstockbox.com/

Description: This theme is "The Dark Theme"

Version: 1.0

Author: Tom Luadmee

Author URI: http://www.webstockbox.com/



*/



body, h1, h2, h3, h4, h5 , h6, blockqoute, p, dd, dl, hr, form{ 

	margin:0;

	padding:0;

}



body {

	font-family: Arial, Helvetica, sans-serif;

	background-image:url(images/background.png);

	background-repeat:repeat;

	font-size: 12px;

	color: #CEC6C6;

	vertical-align: top;

}



a:link {

	color: #FF0000;

	text-decoration:none;

	}



#wrapper{

	width: 850px;

	background-image:url(images/web_bg.png);

	padding:0 35px 0 35px;

	margin:0 auto 0 auto;

	overflow:hidden;

}



.title_link a:link{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#BE0000;

	text-decoration:none;

}



.title_link a:visited{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#BE0000;

	text-decoration:none;

}



.title_link a:hover{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#FFFFFF;

	text-decoration:none;

}



.header_link a:link{

	font-family:Arial, Helvetica, sans-serif;

	font-size:26px;

	color:#FFFFFF;

	text-decoration:none;

}



.header_link a:visited{

	font-family:Arial, Helvetica, sans-serif;

	font-size:26px;

	color:#FFFFFF;

	text-decoration:none;

}



#header{

/* total 550px */

	width:487px;

	height:277px;

	padding: 0 0 0 30px;

	background:#000000;

	float:left;

}





#nav{

	width: 850px;

	height:30px;

	background:#000000;

	padding:0;

	float:left;

	clear:both;

}



#container{

	width:539px;

	border-right: 1px solid #333333;

	padding:10px 30px 20px 30px;

	float:left;

	background:#000000;

}





.post{

	padding:10px 0 10px 0;

}



.post h2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

}



.entry{

	line-height:18px;

}



.entry a:visited{

	color: #FF0000;

}



.entry a:hover{

	color: #CCCCCC;

}

	

p{

	padding:10px 0 0 0;

}



p.postmetadata{

	border-bottom:1px dotted #454545;

	padding: 10px 0 25px 0;

}



p.sharethis{

	padding: 15px 0 0 0;

}



.navigation{

	padding:15px 0 15px 0;

	font-size:12px;

	font-weight:bold;

	line-height:18px;

}



.navigation a:link{

	padding:15px 0 15px 0;

	font-size:12px;

	font-weight:bold;

	line-height:18px;

	text-decoration:none;

	color: #999999;

}



.navigation a:visited{

	padding:15px 0 15px 0;

	font-size:12px;

	font-weight:bold;

	line-height:18px;

	text-decoration:none;

	color: #999999;

}



/* Search Form */



#searchbox{

	width:290px;

	background: #000000;

	padding:20px 0 0 10px;

	float: left;

	height:50px;

	overflow:hidden;

	text-align:center;

}



#searchform{

	background: #000000;

	padding:20px;

	float: left;

	text-align:center;

}



.search_box{

 	font:12px Verdana, Arial, Helvetica, sans-serif;

	border: 1px solid #4B4B4B;

 	color: #FFFFFF;

 	margin: 0 1px 0 0;

 	background:#000000;

 	padding: 3px;

}



.search_button{

	font:12px Verdana, Arial, Helvetica, sans-serif;

 	border: 1px solid #4B4B4B;

 	color: #FFFFFF;

 	margin:0;

 	background:#000000;

 	padding: 2px;

 }



/* End Search From */









/* Blockqoute and Image */



blockquote {

	margin : 15px 0 0 10px;

	padding-left : 20px;

	padding-bottom:10px;

	border-left : 5px solid #3C4037;



}



blockquote cite {

	margin : 3px 0 0;

	display : block;

}



img {

	border : 0;

}



a img {

	border : 0;

}



p img {

	padding : 0;

	max-width : 100%;

}



img.right {

	padding : 4px;

	margin : 0 0 2px 7px;

	display : inline;

}



img.left {

	padding : 4px;

	margin : 0 7px 2px 0;

	display : inline;

}



.right {

	float : right;

}



.left {

	float : left;

}



img.centered {

	display : block;

	margin-left : auto;

	margin-right : auto;

}



.caption {

	margin : 5px;

	padding : 5px;

	border : 1px solid #e5e5ff;

	background : #e5f2ff;

	font-size : 90%;

	color : black;

}



table#wp-calendar {

	width : 100%;

}



table#wp-calendar a:link {

	text-decoration : underline;

}



.pagination {

	padding : 2px;

	font-size : 12px;

	font-family : Verdana, Arial, Helvetica, sans-serif;

}



.pagination a, .pagination a:visited {

	padding : 0 5px;

	border : 1px solid #cccccc;

	text-decoration : none;

	color : #2e6ab1;

}



.pagination a:hover, .pagination a:active {

	border : 1px solid #2b66a5;

	color : #000;

	background-color : #e9f8e5;

}



* html .pagination li.currentpage, * html .pagination li.disablepage {

	margin-right : 5px;

	padding-right : 0;

}



.subnav {

	float: left;

	width: 200px;

}



/* sub-navigation */

.subnav h2 {

	background: #000000;

	color: #FFE;

	font: bold 1.1em Verdana,sans-serif;

	line-height: 24px;

	padding: 5px 0 0 18px;

}



.subnav ul {

	margin: 5px;

	padding: 0;

	background:#000000;

}



.subnav li {

	border-bottom: 1px dotted #333333;

	list-style: none;

}

.subnav li a {

	background: #000000;	

	color: #FFFFFF;

	display: block;

	padding: 8px 0 8px 42px;

	width: 158px;

	text-decoration: none;

}



.subnav li a:hover {

	background: #9C997C;

	color: #000;

}





.header_nav {

	float: left;

	height: 30px;

	width: 850px;

	background:#3A3A3A;

}



.header_nav ul {

	text-align: left;

	margin: 0 2px 0 0;

	padding: 0px;

	float: left;

	list-style-type: none;

	background: #3A3A3A;



}

.header_nav li {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 87px;

	text-align: center;

	line-height: 30px;

	color: #FFFFFF;

	font-size: 14px;

	margin: 0 2px 0 0;

}

.header_nav li a:link, .header_nav li a:visited {

	display: block;

	color: #FFFFFF;

	vertical-align:top;

	width: 87px;

	text-decoration: none;

}

.header_nav li a:hover, .header_nav li a:active {

	display: block;

	color: #FFFFFF;

	background: #333333;

	width: 87px;

	text-decoration: none;

}



.datetime{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#868686;

	margin:0;

	padding:0;

}



#top_navigation{

	width:850px;

	height:30px;

	float:left;

	clear:both;

	background: #3A3A3A;

	vertical-align:top;

	margin:0;

	padding:0;

}



/*  ### Sidebar ### */



ul{

	margin: 10px 10px 10px 20px;

	padding:0;

}



li{

	padding: 1px;

	margin:0;

}



#sidebar{

	width:210px;

	float:left;

	background: #000000;

	padding:10px 20px 10px 20px;

	display: inline;

}



#sidebar a:link, a:visited{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#868686;

	text-decoration: none;

}



#sidebar a:hover{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color:#FFFFFF;

	text-decoration: none;

}



#sidebar ul {

	list-style-type:none;

	padding:0 0 20px 0;

	margin:0;

}



#sidebar h2 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFFFFF;

	padding:0 0 8px 0;

}



#sidebar ul ul li{

	list-style-type:square;

	line-height:24px;

	list-style-position:inside;

		border-bottom: 1px dotted #454545;

}



#footer{

	width: 850px;

	float: left;

	clear: both;

	background:#000000;

	text-align:center;

	line-height:40px;

}



#footer a:link{

	color: #FF0000;

}



#footer a:visited{

	color: #FF0000;

}



#footer a:hover{

	color: #CCCCCC;

}

	

/* #### Comment  ### */



.comments-template{

	margin: 10px 0 0;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px dotted #454545;

}



.comments-template h2, .comments-template h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Hevletica, Georgia, Sans-seriff;

	font-size: 12px;

}