/*
Theme Name: eustondigital
Theme URI: http://loungemedia.co.uk
Description: Orange, black and white skin to match http://www.eustondigital.org
Version: 1.0
Author: Cliff
Author URI: http://loungemedia.co.uk, http://clifico.com
Tags: orange, black, white, eustondigital
*/

/* @import "style/css/reset.css"; */
/* @import "style/css/typography.css"; */
/* @import "style/css/layout.css"; */

/* 


/* ======== taken from original style =========== */

		*{margin:0; padding:5; outline: none;}
		body{background-color:#FFFFFF;}
		img{border:0; text-align:left; vertical-align:top;}
		ul{list-style:none;}
		li{line-height:normal;} /* reset to normal */
		.column{float:left;}
		.container {
		width:100%; 
		overflow:hidden;
		background: #fff;
		}
		body{font-family:Arial, helvetica, sans-serif; color:#000000; font-size:0.7625em; line-height:normal; text-align:center; text-transform:none;}
		input, textarea, select{color:#000000; vertical-align:top; text-align:left; border: 1px solid #7E7E7E; font:11px Tahoma, Arial, helvetica, sans-serif; padding-left:5px;}

		.col-1, .col-2, .col-3, .box-1, .box-2, .box-3, .col-middle, .col-middle-2{float:left;}
		
		

		/*=======header===========*/
		.header {height:241px; background:url(images/header_main.jpg) left top no-repeat;}
		.5header img {margin: 155px 0 0 205px;}
		.menu{
		clear: both; /* unique to blog */
		display: block;
		width: 780px;
		height: 51px;
		background-color: #000;
		color: #fff;
		overflow: hidden;
		}
		/*=====//header===========*/
		
		/*=======content===========*/
		#content{padding:20px 0 49px 5px;}

		a{color:#000000; text-decoration:underline;}
		a:hover{text-decoration:none;}

		.title{margin-bottom:10px; margin-top:15px;}

		em{color:#F76600; font-style:normal;}


		li{padding:4px 0 5px 14px; background:url(images/list_marker.gif) left center no-repeat;}
		5li a{color:#F76600; text-decoration:none; line-height:1em;}
		5li a:hover{text-decoration:underline;}

		.line-x{height:1px; font-size:0; background:url(images/line_x.gif) left top repeat-x; margin:13px 0 19px 0;}
		.line-xsmall{height:1px; font-size:0; background:url(images/line_x.gif) left top repeat-x;}
		.img-float{margin-right:18px; float:left;}
		/*=====//content===========*/
		
		/*=======block_1===========*/
		.block-1 .left{background:url(images/line_y.gif) left top repeat-y;}
		.block-1 .right{background:url(images/line_y.gif) right top repeat-y;}
		.block-1 .bot{background:url(images/block_1_bg.jpg) left bottom repeat-x;}
		.block-1 .scroll{margin:0 19px 33px 18px;}
		.block-1 .controls{padding:9px 13px 7px 0; text-align:right;}
		.block-1 .controls img{margin-left:12px;}
		/*=====//block_1===========*/
		
		/*=======footer===========*/
		#footer{clear: both; background:url(images/footer_bg.gif) left top no-repeat;}
		#footer p{height:18px; text-align:center; background:url(images/footer_bg.gif) right top no-repeat; color:#CCCCCC;} /* changed div to p */
		#footer a{color:#CCCCCC; text-decoration:none;}
		#footer a:hover{text-decoration:underline;}
		/*=====//footer===========*/
		
/* ======= unique to blog style ======== */

fieldset {
	border: none;
}

#blog-container {
	width:780px; 
	margin:0 auto; 
	text-align:left;
	5background: #ff5;
}

h1#logo	{  /* -- head logo --*/
	background: #fff; 
	float: left;  
	background: url(images/header_logo.gif) no-repeat; 
	height:60px;
	left:0;
	margin:155px 0 0 205px;
	padding:0;
	5position:absolute;
	text-indent:-9999px;
	top:0;
	width:374px;
}

.header p { /* -- header description --*/
	color: #555; 
	text-indent:-9999px;
}

#blog-container .col-1 {width:527px;}
#blog-container .col-middle {width:20px; height: 20px;}
#blog-container .col-2{width:213px;}

/* navigation */
.menu ul { 
	margin: 0 auto;
	padding: 1.5em 0 0 3em;
	5background: #00f;
	list-style-type: none;
	margin: 0;
}

.menu li {
	display: inline;
	5padding-left: 8px;
	margin: 0;
	padding: 0;
	5background: #33a;
}

.menu li a {
	color: #bbb;
	font-size: 100%;
	padding: 0px 27px 0 25px;
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px dotted #585858;
	5background: #c3c;
}

.menu li a:hover {
	5text-decoration: underline;
	color: #fff;
}

.menu li a.first {
	border-left: transparent;
}


/* blog content */

.post {
	5background: #d3c;
	margin: 0 0 2em;
	5padding: 0 0 1px;
	background:url(images/line_x.gif) bottom repeat-x;
}

.date { /* blog post date */
	5background: #333;
	padding: 4px 0 10px;
	color: #ccc;
}

.post h2, h3 { /* blog post titles */
	color:#F76600;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
}

.post h2 a { /* blog post titles */
	color:#F76600;
	text-transform:uppercase;
	text-decoration: none;
	5font-size: 1em;
	font-weight: normal;
}

.post h2 a:hover {
	text-decoration: underline;
}

.post p, .archives p {
	margin: 2px 0 2px;
	padding: 0 0 10px;
	5background: #cd1;
}

p.postinfo { /* post info found at the bottom of individual posts on single.php */
	5color: #ccc;
	border: 1px dashed #ccc;
	padding: 5px;
}


/* comments */

#comments { /* relates to comments title */
	margin: 5px 0 10px;
}

.alt { /* alternative comments */
	background: #F8F8F8;
	margin: 1.5em 0 2em;
}

.comment-reply { /* post a comment */
	background-image:url(images/formgradient.gif);
	5height:auto;
	margin: 1em 0 0;
	padding:5px 0 0 8px;
	text-align:left;
	5width:auto;
	background: #ccc;
}

.comment-reply p {
	margin: 8px 5px;
	5background: #cd1;
}

#comment {
	padding:0.2em;
}

#submit, #comment {
	margin: 0.5em;
}

/* archives */

.archives h2 {
	font-size: 1em;
	margin: 0 0 1em;
}

.archives h3 a {
	color:#F76600;
	text-transform:uppercase;
	text-decoration: none;
	5font-size: 1em;
	font-weight: normal;
}

.archives h3 a:hover {
	text-decoration: underline;
}

p.archives-foot {
	margin: 0 0 2em;
	padding: 0 0 1em;
	background:url(images/line_x.gif) bottom repeat-x;
}	


/* sidebar */


.col-2 {
	5background: #33d;
}

.col-2 ul {
	margin: 0;
	padding: 0;
}

.col-2 li {
	padding-left: 0;
}

.col-2 h2 { /* blog sidebar titles */
	color:#F76600;
	text-transform:uppercase;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: normal;
}