@charset "UTF-8";
/* CSS Document */ 
/*
Theme Name: Yellowgroove
Theme URI: http://www.yellowgroove.co.uk/
Description: The yellowgrooved WordPress skin.
Version: 2.0
Author: Ben Embery
Author URI: http://www.embery.co.uk/
Tags: yellow, header, fixed width, two columns, yellow-nice, sidebar categories, inline menubar

	YELLOWGROOVE
	http://www.embery.co.uk/
*/ 


/* --- Base styles --- */
html, body { height: 100%; }

body * { /* --- Clear margin and padding for all children --- */
	margin: 0;
	padding: 0;
}
	
body {		
	background-color: #FFFFFF;
	color: #26140A;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; /* */
	font-size: 62.5%; 
	margin: 0;
	padding: 0;
}
	

h1 { 
	font-size: 3em;
	padding-top: 30px;
	margin: 0;
}

h2 { 
	font-size: 2.7em;
	margin: 30px 0 0;
}

h2.pagetitle { margin-top: 20px; }


h3 { 
	font-size: 2.4em;
	padding: 5px 0 0 0;
	margin: 0 0 0; 
}

h4 { font-size: 2.1em; }

h5 { font-size: 1.8em; }

h6 { font-size: 1.5em; }

p { 
	font-size: 1.3em;
	line-height: 1.45em;
	margin-bottom: 0.75em; 
}

small { 
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
	font-family:  Arial, Helvetica, Sans-Serif;
}

a:link,a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #261409;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #e87800;
}

a img { border: none;}

/* --- End Basic Styles ---- */

/* ---- Utility Classes & Styling ---- */
.fright, .alignright { float: right; }

.fleft, .alingnleft { float: left; }

.clear, .clearboth { clear: both; }

.center { text-align: center; }

.hidden { display: none; }

.alt {
	background-color: #fff7ee;
	border-top: 1px dotted #26140A;
	border-bottom: 1px dotted #26140A;
	margin: 0;
	padding: 10px;
}


/* ---- End Utility Classes & Styling ---- */

 
/* ---- Content wrapper & Columns ---- */
#contentwrapper {
	width: 100%;
	background: url('/wp-content/themes/yellowgroove/images/bg.jpg') no-repeat top;
	height: auto !important; /* real browsers */
	min-height: 100%; /* real browsers */
}

#maincontent {
	width: 804px;
	min-height: 680px;
	padding: 0 0 0 0;
	margin: 0 auto;
}


#leftcol {
	margin: 11px 0 0 0;
	width: 580px;
}

	#leftcol .post { margin: 0; }

	#leftcol .postmetadata { 
		padding-top: 5px; 
		margin: 0; 
	}

	#leftcol .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}

	#leftcol .attachment {
		text-align: center;
		margin: 5px 0px;
	}

#rightcol {
	width: 200px;
	margin: 0 0 0 0;
	padding: 68px 1px 1px 1px;
}

/* ---- End Content wrapper & Columns ---- */



/* ---- Header & Main Nav -----*/
/*Header replacement*/
h1.header-logo {
	width: 804px;
	height: 0px;
	padding: 249px 0 0 0;
	margin-left: -13px;
	background: url("/wp-content/themes/yellowgroove/images/header.jpg") no-repeat;
	overflow: hidden;
}


#mainnav {
	width: 804px;
	height: 49px;
	margin-left: -13px;
	background: url("/wp-content/themes/yellowgroove/images/menu_bg.jpg") no-repeat center;
}

#mainnav .menu {
	width: auto;
	margin: 0 auto;
}

	#mainnav ul {
		display:  block;
		margin: 0 auto;
		padding-top: 10px;
	}
			
		#mainnav ul li {
			display: inline;
			padding: 0 15px 0 15px;
			margin: 0 auto;
		}
		
			#mainnav ul li a, #mainnav ul li a:visited, #mainnav .page_item a {
				color: #FFFFFF;
				font-size: 1.97em;
			}


			#mainnav ul li a:hover, #mainnav .page_item a:hover {
				color: #26140A;
				text-decoration: none;
			}
			
			
/* ---- End Header & Main Nav ---- */

/* ---- Post Styling ---- */
.post {
	margin: 0 0 20px 0;
	width: 580px;
	display: block;
	overflow:hidden;
}


.post small {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	display: block;
}

.post h2 { 
	padding-bottom: 5px;
	margin-bottom: 5px;
	border: dotted #26140A;
	border-width: 0 0 1px 0;
	display:block;
}

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

	.post .postmetadata { 
		clear:both;
		
	}
		.post .postmetadata small {
			font-size: 0.9em;
			line-height: 1.3em;
			margin-bottom: 0;
		}
					
		.tags {
			font-size: 1.4em;
			line-height: 1.5em;
		}

.nocomments,blockquote,strike{
	color: #777;
}


code { font: 1.1em 'Courier New', Courier, Fixed; }

.navigation {
	font-size: 1.2em;
	display: block;
	overflow: hidden;
	line-height: 1.4em;
	
	}
	
	.navigation a:hover {
		text-decoration: none;
		border-bottom: dotted 1px; 
	}
	
	.entries { 
		font-size: 1.4em;
		margin: 10px 0 0 0; 
		}


/* ---- Image Alingment Styles ----- */
p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
/* ----End Image alingment ---- */

/* ---- Caption styles ---- */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #fff7ee;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 1.25em;
	padding: 5px 5px 5px 0;
	margin: 0;
}
/* ---- End captions ---- */

/* ---- End Post Styling ---*/

/* ---- Begin Comments ---- */
h3.comments, h3#comments {
	padding: 0;
	font-size: 2em; 
	margin: 40px auto 20px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	font: 0.9em;
	font-weight: bold;
    clear:left;
	display:block;
	overflow:hidden;
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p { 
	line-height: 1.5em;
	text-transform: none;
	padding-right: 3px;
	margin-right: 3px;
	margin: 10px 5px 10px 0;
	font-weight: normal;
}

#commentform { padding-bottom: 20px; }

textarea #comment {
	width
}

#commentform p { 
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 5px 0; 
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	font-weight: normal;
	margin: 0;
	display: block;
}

.commentlist li .avatar {
	float: right;
   	margin: 3px;
	background: #fff;
	display:block;
}

.commentlist cite,.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

/* ---- End Comments ---- */

/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	text-align: center;
}

#wp-calendar a { 
	display: block; 
	text-decoration: none;
}

#wp-calendar caption {
	/*font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	text-align: center;
	width: 100%;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
	}

#wp-calendar td.pad:hover { background-color: #fff; }

#wp-calendar #prev a,#wp-calendar #next a { font-size: 0.9em; }


/* End Calendar */


/* Begin Lists */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
}

html>body .entry li { margin: 7px 0 8px 10px; }

#sidebar ul ul li:before {}

.entry, .sociable {
	display: block;
	overflow: hidden;
	clear: both;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

#mainnav ul { margin: 0 auto; }

.postmetadata ul,.postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul,#sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p,#sidebar ul select { margin: 0 0 8px; }

#sidebar ul ul,#sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul,#sidebar ul ol { margin: 0 0 0 10px; }


#sidebar ul ul li,#sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* End Entry Lists */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

#sidebar #searchsubmit { padding: 1px; }

/*.entry form { text-align: center; } / *  This is mainly for password protected posts, makes them look better. */
	
select { width: 130px; }

#commentform { 
	width: 580px;
	margin-bottom: 20px; 
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 580px;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/* End Form Elements */ 

/* ---- RightCol Sidebar Styling --- */

#rightcol li {
	list-style-type: none;
}

#rightcol li a {
	font-size: 1.2em;
	padding: 2px 0 2px 0;
}

#rightcol ul li h3 { 
	padding-top: 15px; 
	font-size: 2em;	
} 

#rightcol .postmetadata {
	text-align: center;
}

#sidebar form { margin: 0; }

h3.latest_tweets, h2.widgettitle, #sidebar h3  {
	font-size: 2em; 
	margin-top: 10px;
}

#tweets {
	width: 190px;
	display: block;
	overflow: hidden;
	font-size: 1.2em;
}

#tweets ul li a { font-size: 1.0em; }


/* ---- End RightCol Sidebar Styling --- */


/* ---- Misc Styling ----*/


acronym,abbr,span.caps { cursor: help; }

acronym,abbr { border-bottom: 1px dashed #999; }

/* ---- End Misc Styling ---- */

/* ---- Footer Styling --- */

#footer {
	width: 100%;
	position: relative;
	padding-top: 10px;
	margin: 10px 0 0 -12px;
	bottom: 0px;
	clear: both;
	overflow: hidden;
}

#footercontent {
	width: 804px;
	height: 100px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	border: dotted #26140A;
	border-width: 1px 0 0 0;
	background: #FFFFFF;
	display: block;
}

#footernav {
	text-align: right;
}

	#footernav ul li {
		padding: 0 1px 0 0;
		list-style-type: none;
		font-size: 1.2em;
		display: inline;
	}
	
#wpfooterlogo { margin-top: 5px;}

a.sitecredits {
	margin-top: 10px;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

a.sitecredits:hover  { 
	text-decoration: none;
}

/* --- End Footer Styling --- */


/* ----- EXTRAS ---- */

.sociable_tagline { 
	font-size: 1.3em;
	margin-bottom: 5px;
}

/* ----- LINKS PAGE ---- */
 #link-page-list ul { padding-left: 5px;}
 
 #link-page-list ul li, #link-page-list ul li ul li {
	list-style: none;
	font-size: 1.3em;
	text-indent: 0;
	padding: 0;
	margin: 15px 0 15px 0;
}


/* ---- Tweets ---- */
blockquote { margin: 0 0 50px 0; padding: 0; }

blockquote#tweets {
	margin-top: 10px;
	width: 175px;
	background: #ffe7ce;
	padding: 15px 5px 15px 8px;
	position: relative;
	color: #261409;
	display: block;
}

blockquote#tweets .arrow {
	width: 0; 
	height: 0;
	line-height: 0;
	border-top: 30px solid #ffe7ce;
	border-left: 60px solid black;
	border-right: 10px solid black;
	position: absolute;
	bottom: -30px;
	right: 30px;
	display: block;
}


.sidebar-player {
	margin-left: 16px;
}



.be-mailing-list-errors, .be-contact-form-errors {
	border: 1px solid #661616;
	background-color: #f89797;/*#fd6d6d;*/
	color: #000000;
	font-size: 1.0em;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin: 10px 0 10px 0;
}

.be-mailing-list-errors ul li, .be-contact-form-errors ul li  {
	font-size: 1.2em;
	list-style:square outside;
	font-weight: bold;
	
}


div.mailing-list-form, div.contact-form {
	padding: 10px;
	display: block;
	overflow: hidden;
	margin: 10 auto;
}

.mailing-list-form p, .contact-form p {
	clear: both;
	padding-top: 10px;
	width: 420px;
}

.mailing-list-form label, .contact-form label {
	float:left;
	padding: 0 15px 0 25px; 
	text-align: right;	
	font-size: 1.1em;	
	width: 100px;
	display: block;
}

.mailing-list-form input, .contact-form input, .contact-form select, .contact-form textarea {
	float: left;
	padding-left: 10px;
	border: 1px solid #26140A;
	font-size: 1.1em;
}

.mailing-list-form button, .contact-form button {
	padding: 3px;
	font-size: 1.1em;
}


form input.submit, form button {
		background-color: #f6a946;
		border-color: #0e0801;
		margin-top: 0;
		padding: 5px;
		float:right;
		margin-right: 145px;
	}