/*
Theme Name: EBS Temporary Theme
Theme URI: http://www.maketimetodesign.com/
Version: 1.0
Description: A 2 column layout based on the <a href="http://templates.arcsin.se/">free website template</a> Deep Blue, for EBS.
Author: Tom greenhill
Author URI: http://www.maketimetodesign.com/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #4c4c4c;
	font: normal 67.5% Arial, Helvetica, sans-serif;	
}
a {
	color: #3BCDFD;
	text-decoration: none;
}
a:hover {
	color: #3BCDFD;
	text-decoration: underline;
}

/* headings */
h1 {font: normal 2em Arial, Helvetica, sans-serif; margin-top: 1em;}
h2 {font: normal 1.8em Arial, Helvetica, sans-serif; margin-top: 0.8em;}
h3 {font: bold 1.3em Arial, Helvetica, sans-serif; margin-top: 0.6em;}
h4 {font: bold 1.1em Arial, Helvetica, sans-serif; margin-top: 0.4em;}

h1,h2,h3,h4 {color: #A0E3F9;}

/* misc elements */
code {
	background: url('img/code.gif');
	border-left: 6px solid #1664D9;
	border: 1px solid #F0F0F0;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FAFAFA url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;
	display: block;
	font: normal 1.2em sans-serif;
	margin: 1em 0;
	padding: 0.6em 1em 0.2em 40px;
}
ol {margin: 0 0 1.2em 2em;}

/* structure */
#main {
	width: 720px;
	border: 1px solid #898989;
	margin: 10px auto;
	background-color: #575757;
}
#main_left {
	float: left;
	width: 580px;
}
#main_right {
	float: right;
	width: 125px;
	text-align: right;
	margin: 0 10px 10px 0;
}

/* misc */
.left {float: left;}
.right {float: right;}
span.comment {padding-left: 18px; background: url('img/icon_comment.gif') no-repeat left center;}
.clearer {clear: both; font-size: 0; height: 0;}

/* logo */
#header {
	/*border-bottom: 6px solid #FFF;*/
	height: 180px;
	position: relative;
	background-color: #fff;
}
#header h1 {
	position: absolute;	height: 135px;
	width: 169px; right: 14px;
	top: 25px; margin: 0;
	padding: 0;	text-indent: -9999px;
	background: url('img/logo.png') no-repeat top left;
	behavior: url('includes/js/iepngfix.htc');
}
#header h1 a {
	display: block;  width: 169px; height: 135px;
}
/*#####################

	MAIN NAVIGATION 
	
#####################*/

#navigation ul	{
	height: 50px;
	margin: 0;
	padding: 0;
	background: url('img/mainnav.gif') no-repeat left top;
}

#navigation ul li {
	height: 50px;
	width: 120px;
	float: left;
	list-style: none;
}
#navigation ul li a {
	height: 50px;
	display: block;
	width: 120px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	border-style: none;
	background: url('img/mainnav.gif') no-repeat left top;
}

#navigation ul li.page-item-1 a	{background-position: 0 0;}
#navigation ul li.page-item-3 a	{background-position: 0 -120px;}
#navigation ul li.page-item-5 a	{background-position: 0 -240px;}
#navigation ul li.page-item-7 a	{background-position: 0 -360px;}
#navigation ul li.page-item-8 a	{background-position: 0 -480px;}
#navigation ul li.page-item-2 a	{background-position: 0 -600px;}

#navigation ul li.page-item-1 a:hover, body#home #navigation .page-item-1 a	{background-position: 0 -50px;}
#navigation ul li.page-item-3 a:hover, body#projects #navigation .page-item-3 a	{background-position: -120px -50px}
#navigation ul li.page-item-5 a:hover, body#shop #navigation .page-item-5 a	{background-position: -240px -50px}
#navigation ul li.page-item-7 a:hover, body#downloads #navigation .page-item-7 a {background-position: -360px -50px}
#navigation ul li.page-item-8 a:hover, body#guestblog#navigation .page-item-8 a	{background-position: -480px -50px}
#navigation ul li.page-item-2 a:hover, body#about #navigation .page-item-2 a {background-position: -600px -50px}



#main_right ul li {
	list-style: none;
	font-size: 1.0em;
	color: #575757;
	padding: 4px 0 3px 0;
	margin: 0;
}
#main_right li a {
	text-decoration: none;
	background: #a0e3f9;
	margin: 0;
	padding: 3px 4px 3px 20px;
	border-left: 1px solid #575757;
	color: #575757;
}
#main_right li a:hover {
	color: #a0e3f9;
	background: #575757;
	text-decoration: none;
	border-left: 1px solid #a0e3f9;
	margin: 0;
}
#main_right li.stats {padding:0;margin: 3px 0 3px 0}
#main_right li.stats a {background:none;padding:0;}
#main_right li.stats a:hover {background:none;border:none;}

#main_right .recent li {
	padding: 0 0 1px 0;
}
#main_right .recent li a {
	text-decoration: none;
	background: #a0e3f9;
	margin: 0;
	padding: 3px 4px 3px 20px;
	border-left: 1px solid #575757;
	color: #575757;
	display: block;
}
#main_right .recent li a:hover {
	color: #a0e3f9;
	background: #575757;
	border-left: 1px solid #a0e3f9;
	text-decoration: none;
	margin: 0;
}
/* sidebar label */
#main_right h4 {
	clear: both;
	padding: 0;
	margin: 5px 0 10px 0;
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #a0e3f9;
	overflow: hidden;
	text-align: right;
}

/* lists */
ul.block, .block ul {
	margin: 0;
	padding: 0;
}
ul.block {
	bordeR-bottom: 1px dashed #666;
	padding: 0 0 10px 0;
}
/*.block a em {
	display: block;
	font: normal 0.8em Verdana,sans-serif;
	margin-top: 0.3em;
}*/

#sidebarsubmit, #submit {
	padding: 3px 6px; color: #3BCDFD;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}
#s {
	padding: 4px; color: #333; font-size: 1em; text-align: right;
}
#slabel {
	display: block; position: relative;
}
#slabel span {
	position: absolute; right: 5px; top: 5px; font-size: 1em;
}

/* content */ 
#content {
	color: #a9a9a9;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 1em; 
}
#content h1 {
	margin: 0;
	padding: 5px 0 0 0;
	font: 1.7em Arial, Helvetica, sans-serif;
	color: #c8edf9;
}
#content h2 {
	margin: 0;
	padding: 5px 0 0 0;
	font: 1.6em Arial, Helvetica, sans-serif;
	color: #3BCDFD;
}
#content h3 {
	margin: 0;
	padding: 5px 0 5px 0;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #3bcdfd;
}
#content a {color: #3BCDFD;}
#content a:hover {
	text-decoration: underline;
}
#content p {margin: 0.4em 0 1em 0;}
#content .descr {
	color: #A0E3F9;
	margin-bottom: 0.5em;
}
#content ul li {}
#content ul {margin-left: 1.8em;}

/* footer */
#footer {
	clear: both; color: #ccc; text-align: right; margin: 0 0 10px 0;
}
#footer p {
	font-size: 10px; margin: 0 10px 0 0;
}


/* posting */
.post_info {
	background: #5f5f5f;
	border: 1px solid #525252;
	color: #a9a9a9;
	margin: 1em 0 1.8em 0;
	padding: 0.6em 0.7em;
}

#content .guest-blog {
	margin: 10px 10px 10px 0;
	margin-left: 0 !important;
}
#content .guest-blog li {
		list-style: none;
		list-style-type: none;
}
#content .guest-blog li a {
	background:#3BCDFD none repeat scroll 0 0;
	color:#575757;
	display:block;
	margin:0 0 1px;
	padding:6px;
	border-left: 1px solid #575757;
	text-decoration:none;
}
#content .guest-blog li a:hover {
	background: #575757;
	border-left: 1px solid #3BCDFD;
	color: #3BCDFD;
}

/* comments */
.commentlist {margin: 1em 0 0 0.5em; padding: 0;}
.commentlist li {margin-bottom: 1.2em; list-style: none;}
.commentlist li strong { display: block; color: #3BCDFD; padding: 5px; background: #666 }
#commentform {
	margin: 1em 0;
	width: 360px;
}
.commentmetadata {padding: 5px; color: #A0E3F9; margin: 1px 0 5px; background: #666; }
.commentmetadata a {
	color: #a9a9a9;
	text-decoration: none;
}
.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 320px; overflow: auto;padding: 4px; color: #333; font-size: 1em;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px; padding: 4px; color: #333; font-size: 1em;}