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

/* Main containers */
body {
	padding:0;
	margin:0;
	color:#222;
	text-align:center;
	line-height:1.5em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 92%;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
}
#wrap {width:980px; text-align:left; margin:0 auto;}

/* Header */
#header {
	height:100px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#title {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
h1 {margin:0 auto 5px auto; padding:0; font-size:3.6em; font-weight:400;color:#eee; letter-spacing:-1px; line-height:1.2em;}
h1 a {color:#eee; font-weight:400; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
.slogan {color:#eee; font-size:1.4em; margin:0 0 15px 10px; padding:0;}

/* HTML Tags */
a {text-decoration:none; font-weight:400; color:#2a5a9a;}
a:hover {text-decoration:underline;}
a img {
}
h2 {
	margin:0 0 18px 0;
	padding:0 0 7px;
	color:#2a5a9a;
	font-size:1.6em;
	font-weight:400;
	border-bottom:1px solid #aaa;
	text-align: center;
}
h2 a {font-weight:400;}
h3 {font-size:1.6em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#2a5a9a; font-size:1.2em; font-weight:400; border-bottom:1px solid #aaa;}
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
ul {margin:0 0 18px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Top menu */
#topmenu {text-align:right;margin:-3px 0 5px 0;}
#topmenu p {font-size:1.3em; line-height:1.9em; color:#aaa; margin-bottom:5px;}
#topmenu a {
	padding:6px 8px 5px 8px;
	font-weight:400;
	margin:0 0 0 2px;
	color:#3529CD;
}
#topmenu a:hover {
	color:#4762DA;
	text-decoration:none;
}
#topmenu a.active {
	color:#3529CD;
	border:1px solid #999;
}
#topmenu a.active:hover {
	color:#4762DA;
	padding:6px 8px 5px 8px;
}

/* Sidebar */
#sidebar {
	width:200px;
	float:left;
	margin:0;
	padding:0;
	color:#444;
}
#sidebar h2 {font-size:1.3em; padding-bottom:3px; border-bottom:1px solid #aaa; margin-bottom:5px;}
#sidebar ul {list-style:none; margin:0 0 15px 0;}
#sidebar li {padding:0; margin:0;}
#sidebar ul.sidemenu {
	width:220px;
	padding:0;
	margin:0 0 20px 0;
}
#sidebar ul.sidemenu li a {
	color:#3127BE;
	display:block;
	padding:5px 0;
	margin:0;
	font-size:1.3em;
}
#sidebar ul.sidemenu li a:hover {color:#2a5a9a; text-decoration:none;}
#sidebar ul.sidemenu li a.active {color:#2a5a9a;}
#sidebar ul.sidemenu ul {
	width:195px;
	padding:0;
	margin:0 0 0 05px;
}
#sidebar ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:1em;}

/* Content area */
#content {
	text-align:left;
	padding:5px 0;
	margin:0 0 15px 220px;
	width:750px;
}
#content img {
	margin-top: 5px;
	margin-right: 5;
	margin-bottom: 5px;
	margin-left: 5;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}
#feature {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}
.post {
	background-color:#fff;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.postintro {width:70px; padding:4px; background-color:#eee; text-align:center; color:#444; font-size:1.1em; float:right; border:1px solid #aaa; margin:0 15px 10px 15px;}
.postmeta {text-align:right; color:#666; padding:10px 0; border-top: 1px solid #aaa; font-size:0.9em;}

/* Footer */
#footer{font-size:0.9em; clear:both; width:980px; line-height:1.4em; color:#777; font-weight:400; margin-bottom:10px;}
#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:hidden;}