/*
Theme Name: Euroloop Blog
Theme URI: http://www.euroloop.org
Description: Theme for Euroloop Blog.
Version: 1.0
Author: Alex Mitchell
Author URI: http://www.euroloop.org
*/

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/

/* color palette 

brown: #3F2A2A
orange: #D18C42
cream: #F9EEDE

*/

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* global reset */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, 
acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, 
strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*global tags*/

#banner-image {
	background: url(images/global-bg-image.gif) center no-repeat;
	height: 200px;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	}

body {background: #3F2A2A url(images/global-bg-gradient.gif) repeat-x; }

a img { border: 0; }

#page {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#header {
	height: 200px;
	}

#content{
	float: left;
	width: 505px;
	margin-top: 45px;
	}

p{
	color: #3F2A2A;
	font: normal 11px lucida grande, lucida sans, sans-serif;	
	margin-bottom: 11px;
	}
	
a{
	color: #D18C42;
	font: normal 10px lucida grande, lucida sans, sans-serif;
	text-decoration: none;
	}
	
a:hover {color: #331A1A;}

a.button {
	background: #D18C42;
	padding: 7px 10px;
	text-decoration: none;
	font: bold 14px gill sans, sans-serif;
	color: white;
	float: left;
	}

a.button:hover {background: #3F2A2A; }

h2, h2 a{
	color: #D18C42;
	font: bold 24px georgia, times, serif;	
	}

h2 a:hover {color: #3F2A2A}
	}
	
h3{
	margin-bottom: 11px;
	color: #D18C42;
	font: bold 11px lucida grande, lucida sans, sans-serif;
	}

ul{
	list-style: none;
	margin-bottom: 22px;
	}
	
li{
	color: #3F2A2A;
	font: normal 11px lucida grande, lucida sans, sans-serif;
	line-height: 12px;
	}

.post {
	background: white;
	margin-bottom: 30px;
	padding: 15px 15px 4px 15px;
	}

.post-calendar {
	color: #D18C42;
	font: bold 12px gill sans, sans-serif;
	margin-bottom: 11px;
	}

#comments {
	font: bold 16px gill sans, sans-serif;
	color: #D18C42;
	margin-bottom: 15px;
	}

.commentlist .avatar {
	display: none;
	}

.commentlist cite, .commentlist cite a{
	color: #D18C42;
	font: bold 16px georgia, times, serif;
	margin-right: 3px;
	}

.commentlist cite a{
	text-decoration: underline;
	}
	
.commentlist cite a:hover {color: #3F2A2A;}

.commentlist .commentmetadata {
	color: #D18C42;
	font: bold 11px gill sans, sans-serif;
	}

.comment-edit-link:hover{color: #3F2A2A;}

.commentlist li {
	background: #F9EEDE;
	padding: 15px 15px 4px 15px;
	margin-bottom: 30px;
	}

.commentlist p{padding-top: 5px;}

#respond {
	font: bold 16px gill sans, sans-serif;
	color: #D18C42;
	margin-bottom: 11px;
	}

#commentform p{color: #F9EEDE}

#commentform a:hover{color: #F9EEDE}

#commentform label{
	font: 11px lucida grande, lucida sans, sans-serif;
	color: #D18C42;
	padding-left: 5px;
}

#commentform #author, #commentform #email, #commentform #url{
	border:none;
	width: 160px;
	background: #F9EEDE;
	padding: 5px 5px 0px 5px;
	height: 23px;
	color: #D18C42;
	}

#commentform #comment{
	border:none;
	width: 495px;
	background: #F9EEDE;
	padding: 5px 5px 0px 5px;
	height: 100px;
	color: #D18C42;
	font: 11px lucida grande, lucida sans, sans-serif;
	}

#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform #comment:focus{background: white;}

#commentform #submit {
	background: #D18C42;
	border: none;
	font: bold 12px gill sans, sans-serif;
	color: #3F2A2A;
	height: 25px;
	padding: 0 5px;
	}

#commentform #submit:focus, #commentform #submit:hover { background: #F9EEDE; cursor: pointer; }

#searchform {
	background: #D18C42;
	width: 200px;
	padding: 15px 15px 30px 15px;
	float:right;
	margin-top: 45px;
	}

#searchform label {display:none;}

#searchform #s {
	border:none;
	width: 110px;
	background: #F9EEDE;
	float: left;
	padding: 5px 5px 0px 5px;
	height: 20px;
	color: #D18C42;
	}

#searchform #s:focus {background: white;}

#searchform #searchsubmit {
	float: right;
	background: #F9EEDE;
	border: none;
	font: bold 12px gill sans, sans-serif;
	color: #D18C42;
	height: 25px;
	padding: 0 5px;
	}

#searchform #searchsubmit:focus, #searchform #searchsubmit:hover { background: white; cursor: pointer; }


#sidebar{
	float: right;
	padding: 0 15px;
	background: #D18C42;
	width: 200px;
	
	}

#sidebar h3{
	background: #F9EEDE;
	color: #D18C42;
	font: bold 12px gill sans, sans-serif;
	padding: 5px 8px;
	margin-bottom: 11px;
	}

#sidebar ul{
	margin-bottom: 20px;
	list-style: none;
	padding: 0 8px 0 8px;
	}

.latest-posts li,#tweet ul li{
	font: normal 9px lucida grande, lucida sans, sans-serif;
	color: #F9EEDE;
	padding-bottom: 6px;
	}

#sidebar p{
	font-size: 11px;
	color: #F9EEDE;
	padding-left: 8px;
	}

#sidebar a {
	font-size: 11px;
	color: #F9EEDE;
	}

#sidebar a:hover{
	color: white;
	text-decoration: underline;
	}

.ul-cat li{
	font: normal 9px lucida grande, lucida sans, sans-serif;
	color: #F9EEDE;
	}
	
.ul-cat a{
	font-size: 11px;
	color: #F9EEDE;
	}

.ul-cat a:hover {
	color: white;
	text-decoration: underline;
	}

#footer{
		clear: both;
		margin-bottom:30px;
		width: 505px;
		}

#footer a{
	font: normal 9px lucida grande, lucida sans, sans-serif;
	color: #D18C42;
	}

#footer a:hover{color: #E5D9CC;}

#footer p{
	font: normal 9px lucida grande, lucida sans, sans-serif;
	color: #E5D9CC;
	margin-bottom:5px;
	}	

.clear {clear: both;}

.left-align {
	float: left;
	margin-right: 15px;
	}


/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*navbar*/



h1 a.logo {
	margin-top: 18px;
	float: left;
	padding-top: 50px;
	overflow: hidden;
	background-image: url(images/euroloop-logo.gif);
	background-repeat: no-repeat;
	width: 144px;
	height: 0px !important;
	height /**/: 50px;
}

h1 a.logo:hover{
	background-color: transparent;
	}

#navbar {
    position: relative;
    height: 75px;
    background: #F9EEDE;
	}

#nav {
	list-style: none;
	position: absolute;
	top:30px;
	right: -25px;
}
#nav li {
	float: left;

}

#nav a{
	display: block;
	font: bold 12px gill sans, sans-serif;
	color: #D18C42;
	text-decoration: none;
	background: #F9EEDE;
	padding: 7px 15px;
	margin-right: 25px;
	}

#nav a:hover { color: #F9EEDE; background: #D18C42; }

#nav li.active a { color: #F9EEDE; background: #3F2A2A; }