/*
Original design: Variant Dark (v1.0 - Feb 15, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-dark/
*/

/* Main containers */
body {
	padding: 0;
	margin: 0;
	font: 76% Verdana,Tahoma,sans-serif;
	background-color: #000000;
	color: #ddd;
	text-align: center;
	line-height: 1.5em;
	padding-bottom: 0px;   /* Height of the footer */
	width: 100%;
}
#wrap {
	width: 98%;
	height: 90%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	overflow: hidden;
	background-color: #1A1A1A;
	min-height: 85%;
	position: absolute;
	bottom: 30px;
	top: 50px;
	left: 0px;
}

/* Top menu */
#topmenu {
	text-align: center;
	margin: 0;
	width: auto;
	background-color: #111;
	padding-left: 25px;
	padding-right: 15px;
}
#topmenu p {
	width: auto;
	text-align: right;
	font-size: 1.2em;
	line-height: 2.5em;
	color: #aaa;
	margin: 0 auto;
	background-color: #111;
}
#topmenu a {padding:12px 8px 10px 8px; font-weight:400; margin:0 10px 0 0; color:#aaa;border:0;}
#topmenu a:hover {color:#fff; text-decoration:none;}
#topmenu a.active {
	color: #f7c777;
	background-color: #1a1a1a;
}
#topmenu a.active:hover {
	color: #fff;
	padding: 12px 8px 10px 8px;
}

/* Header */
#header {
	width: 100%;
	margin: 0;
	background-color: #1A1A1A;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #2a2a2a;
	border-bottom-color: #2a2a2a;
}
#title {
	width: 980px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-color: #1A1A1A;
}
h1 {margin:0 auto 5px auto; padding:0; font-size:2.2em; font-weight:400;color:#eee; letter-spacing:-1px; line-height:1.2em;}
h1 a {color:#eee; font-weight:400; text-decoration:none; border:0;}
h1 a:hover {color:#fff; text-decoration:none;}
.slogan {color:#eee; font-size:1.4em; margin:0; padding:0;}

/* HTML Tags */
a {text-decoration:none; font-weight:400; color:#f7c777;border-bottom:1px dotted #2a2a2a;}
a:hover {text-decoration:none;border-bottom:1px dotted #f7c777;}
a img {border:0;}
h2 {margin:0 0 18px 0; padding:0 0 7px; color:#77cef7; font-size:1.6em; font-weight:400; border-bottom:1px dotted #2a2a2a;}
h2 a {font-weight:400;}
h3 {font-size:1.6em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#77cef7; font-size:1.2em; font-weight:400; border-bottom:1px dotted #2a2a2a;}
p {
	margin: 0 0 18px 0;
	font-weight: bold;
	font-size: large;
	color: #09F;
}
ul {margin:0 0 18px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Sidebars */
#sidebar {
	width: 170px;
	float: left;
	margin: 0;
	color: #eee;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #1A1A1A;
	height: 100%;
	min-height: 90%;
}
#extras {width:260px; float:right; margin:0; padding:0; color:#eee;}
#sidebar h2, #extras h2 {font-size:1.3em; padding-bottom:3px; border-bottom:1px dotted #2a2a2a; margin-bottom:5px;}
#sidebar ul, #extras ul {list-style:none; margin:0 0 15px 0;}
#sidebar ul ul, #extras ul ul{list-style:none; margin:0 0 0 15px; font-size:0.9em;}
#sidebar li, #extras li {padding:0; margin:0;}
#sidebar ul.sidemenu, #extras ul.sidemenu{
	width: 130px;
	padding: 0;
	margin: 0 0 20px 0;
	margin-left: 20px;
}
#sidebar ul.sidemenu li a, #extras ul.sidemenu li a {color:#fff; display:block; padding:5px 0; margin:0; font-size:1.3em;}
#sidebar ul.sidemenu li a:hover, #extras ul.sidemenu li a:hover {
	color: #77cef7;
	text-decoration: none;
}
#sidebar ul.sidemenu li a.active, #extras ul.sidemenu li a.active{color:#77cef7;}
#sidebar ul.sidemenu ul, #extras ul.sidemenu ul {width:140px; padding:0; margin:0 0 0 20px;}
#sidebar ul.sidemenu ul li a, #extras ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:1em;}

/* Content area */
#content {
	text-align: left;
	width: auto;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 95%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000;
	border: thick inset #666;
	overflow: auto;
	min-height: 90%;
	background-image: url(images/crctbkg.jpg);
}
#content img {margin:5px 0;}
#feature {margin:0 0 20px 0;}
.post {
	width: 750px;
	line-height: 1.7em;
	border: 1px dotted #2a2a2a;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: auto;
}
.postintro {width:70px; padding:4px; background-color:#000; text-align:center; color:#777; font-size:1.1em; float:right; border:1px dotted #2a2a2a; margin:0 15px 10px 15px;}
.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #2a2a2a; font-size:0.9em;}

/* Footer */
#footer{
	font-size: 0.9em;
	line-height: 1.4em;
	color: #777;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	background-color: #111;
	width: 100%;
	height: 15px;   /* Height of the footer */
	position: absolute;
	bottom: 0px;
}

#footer a {color:#777; font-weight:400; text-decoration:none; border-bottom: 1px dotted #888;}

/* Various classes */
.centered {text-align:center;}
.hide {display:none;}
.clear {clear:both; visibility:scroll;}
.contitle {
	font-size: 14pt;
	font-weight: normal;
	text-align: left;
}