/*
Theme Name: Mark Bebbington Theme
Theme URI: http://www.creativeinfusion.co.uk/
Description: Heavily revised from the dark stlye clean WordPress Theme deCoder with multi-level dropdown, threaded comments and sticky posts (backward compatible) from http://webdemar.com/wordpress/wordpress-theme-decoder-09/ version 0.9.1
Version: 1.0
Author: Creative Infusion
Author URI: http://www.creativeinfusion.co.uk
Tags: black, dark, blue, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post
*/

/*
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- HEADER
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
	- BASIC CSS ELEMENTS
	- FORMS
		+ GENERAL
		+ SEARCHFORM
		+ COMMENTFORM
	- FOOTER
	- USEFUL
		+ WORDPRESS CSS
		+ WIDGETS CSS

/*	##################################
   	GENERAL
	################################## */
	
body {
	margin: 0px;
	background-color: #252525;
	padding: 0px;
	color: #fdfcfc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 150%;
}

a {
	color: #CCB7A8;
}

a:hover {
	color: #FFF;
}

p {
	margin: 5px 0;
	padding: 0px;
}

#content-left p {
	margin: 10px 0;
	clear: left;
}

img {
	border: none;
}

/*	##################################
   	BASIC LAYOUT
	################################## */
	
#page {
	width: 943px;
	margin: 0 auto;
}
	
#header {
	position: relative;
	height: 150px;
}

#content {
	z-index: 1; /* IE z-index bug */
}

#content-left {
	border-top:5px solid #645B54;
	float: left;
	width: 538px;
	padding: 0;
}

#content-right {
	border-top:5px solid #645B54;
	float: right;
	width: 185px;
}

/*	##################################
   	HEADINGS
	################################## */
	
h1#blog-title {
	float: left;
	margin: 75px 10px 0 210px;
	padding: 0px;
	font-size: 18px;
}

h1#blog-title a {
	color: #fff;
	text-decoration: none;
}

h1.post-title {
	margin: 22px 0 5px 0;
	float: left;
	width: 300px;
}

h1#blog-title a:hover {
	text-decoration: underline;
}

h2#blog-description {
	float: left;
	margin: 57px 0 0 0;
	padding: 0px;
	color: #f8dec7;
	font-size: 11px;
	font-weight: normal;
}

h2#category-title {
	margin: -10px 0 30px 0;
}

h3 {
	color: #C3A286;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h3.post-title {
	margin: 0 0 20px 0;
	padding: 0px;
	color: #C3A286;
	font-size: 18px;
}

h3.post-title a {
	color: #C3A286;
	text-decoration: none;
	border-bottom: 1px dotted #C3A286;
}

h3.post-title a:hover {
	border-bottom: none;
}

h4.sidebar-title {
	margin: 0 0 10px 0;
	padding: 0px;
	color: #C3A286;
	font-size: 14px;
}

h4.content-title {
	margin: 0 0 20px 0;
	padding: 0px;
	color: #C3A286;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h6 {
	color: #c3a286;
	font-size: 110%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*	##################################
   	HEADER
	################################## */

/* Menu */

#menu {
	float: left;
	width: 185px;
	border-top: 5px solid #645b54;
	margin-right: 18px;
}

#menu ul{ 
	list-style-type:none; /*removes bullets from the list*/ 
	text-align:left; /*aligns the text to what should end up as the center of each graphical button*/
	margin: 15px 0 0 0;
	padding: 0;
	float:left;
} 
#menu ul li{ 
	margin: 5px 0;
	padding: 0;
	float:left;
} 

#menu ul li a{
	display:block; /*makes the anchor fill the list item so clicking any part of the graphical button will work, also allows the anchor to take a width*/
	position:relative;
	line-height:21px; /*set equal to the height of the navbar image. Using line-height, rather than height, will get the text aligned to the vertical centre of the button*/
	height:21px;
	width: 116px;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	color:#FFF;	/* colour for link text if images are turned off */
	text-decoration:none; /* stop text link underlining if images are turned off */
	border-bottom-style: none; /* tidy up later */
	text-align: center;
	padding:0;
	margin:0;
} 
#menu ul li a span {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:21px;
	width: 116px;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow:hidden;
	padding:0;margin:0;
}

/* Set width and image on each link and span (if all equal set individual width on anchor instead.
Make sure the combined width doesn't exceed the total width of the menu bar */

#menu ul li a, #menu ul li a span {
	width:116px;
	height: 21px;
}

#menu ul li a#menu_home span{
	background-image:url(/images/menu_home.gif);
}

#menu ul li a#menu_profile span{
	background-image:url(/images/menu_profile.gif);
}
#menu ul li a#menu_recording span{
	background-image:url(/images/menu_recordings.gif);
}
#menu ul li a#menu_forthcoming span{
	background-image:url(/images/menu_forthcoming.gif);
}
#menu ul li a#menu_press span{
	background-image:url(/images/menu_press.gif);
}
#menu ul li a#menu_guestbook span{
	background-image:url(/images/menu_guestbook.gif);
}
#menu ul li a#menu_contact span{
	background-image:url(/images/menu_contact.gif);
}
#menu ul li a#menu_photos span{
	background-image:url(/images/menu_photos.gif);
}

#menu ul li a:link span, #navbar ul li a:visited span{ background-position: 0 0;} /* image in base position */
#menu ul li a:hover span, #navbar ul li a:focus span, #navbar ul li a:active span { background-position: -116px 0;} /* shift image up to selected position */
#menu ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active {color: #000;} /* selected text colour*/



/*	##################################
   	CONTENT
	################################## */
	
/** CONTENT LEFT */

#flash_insert {
	border-top: 5px solid #645b54;
	float: left;
}

.box-left, .post, .page {
	margin: 0 0 20px 0;
}

.page {
	margin: 0;
}

.sticky {
	padding: 20px;
	background: #2a2a2a;
	border: 1px solid #3a3a3a;
}

.tags {
	padding: 0 0 0 15px;
	background: url(img/bg-tags.gif) no-repeat left center;
}
	
.meta {
	padding: 10px 0 0 0;
	background: url(../decoder/img/bg-meta.gif) repeat-x left top;
	color: #f8dec7;
	border-top: 1px dotted #5d5d5d;
	clear: both;
}

.meta-date {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-date.gif) no-repeat 0px 2px;
}

.meta-categories {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;
}

.meta-comments {
	padding: 0 10px 0 15px;
	background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;
}

.box-left ul, ol, .post ul, ol, .page ul, ol {
	margin: 0 0 20px 0;
	line-height: 22px;
}

.box-left ul, .post ul, .page ul {
	padding: 0 0 0 20px;
	list-style: none;
}

.box-left ul li, .post ul li, .page ul li {
	margin: 0px;
	padding: 0 0 0 20px;
	background: url(img/bg-list-item-content.png) no-repeat left center;
}

/** CONTENT RIGHT */

#rightcol {
	float: right;
	width: 185px;
	padding-top: 9px;
	border-top: 5px solid #645b54;
}

.box-right {
	margin: 0px;
	padding: 20px 20px 25px 20px;
}

.box-right ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.box-right li {
	margin: 0px;
	padding: 5px 0 5px 10px;
	background: url(img/bg-list-item-sidebar-blue.gif) no-repeat 0px 8px;
}

.box-right li a {
	padding: 5px 0;
	text-decoration: none;
}

.box-right li ul {
	padding: 5px 0 0 0;
}

/*	##################################
   	BASIC CSS ELEMENTS
	################################## */
	
hr {
	height: 1px;
	margin: 20px 0;
	background: #3a3a3a;
	border: none;
}
	
table {
	width: 100%;
	margin: 0 0 20px 0;
}

th, td {
	padding: 5px 10px;
}

th {
	background: #C3A286;
	color: #fff;
}

tr.even {
	background: #2a2a2a;
}

pre {
	margin: 0 0 20px 0;
	padding: 20px;
	background: #2a2a2a;
	line-height: 22px;
	border: 1px solid #3a3a3a;
	font-family: Courier, serif;
	overflow-x: scroll;
	overflow-y: visible;
}

blockquote {
	padding: 0 0 0 20px;
	border-left: 5px solid #2a2a2a;
}

/*	##################################
   	FORMS
	################################## */
	
/** GENERAL */

fieldset {
	margin: 0 0 40px 0;
	padding: 0 40px 40px 40px;
	background: #2a2a2a;
	border: none;
}

legend {
	color: #C3A286;
	font-size: 14px;
}

label {
	display: block;
	margin: 0 0 5px 0;
}
	
textarea {
	width: 50%;
	height: 23px;
	margin: 0 0 20px 0;
	padding: 7px 5px 0 5px;
}

textarea {
	width: 80%;
	height: 150px;
}

select {
	margin: 0 0 20px 0;
}

input.radio, input.checkbox {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

	
/** SEARCHFORM */

#content #searchform {
	width: 250px;
}
	
#searchform #search {
	float: left;
	width: 200px;
	height: 23px;
	padding: 7px 5px 0 5px;
	color: #5d5d5d;
}

#searchform #search-submit {
	float: right;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}

/** COMMENTFORM */

#comments, #trackbacks {
	margin: 20px 0 0 0;
}

#trackbacks {
	margin: 20px 0 0 0;
}

.comment {
	padding: 0 40px 40px 40px;
	background: #2a2a2a;
}

#trackbacks ul {
	margin: 0 0 40px 0;
	padding: 40px 40px 30px 40px;
	background: #2a2a2a;
	list-style: none;
}

#trackbacks li {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	line-height: 22px;
	background: url(img/bg-list-item-content.png) no-repeat 0px 4px;
}

.first {
	padding: 40px;
}

#response {
	margin: 60px 0 0 0;
}

#response fieldset {
	padding: 40px;
}

.comment-left, #commentform-left {
	float: left;
	width: 120px;
	height: 120px;
	background: url(img/bg-commentform-left.gif) no-repeat right top;
}

.comment-right, #commentform-right {
	float: left;
	width: 430px;
	min-height: 120px;
}

.comment-text {
	padding: 20px;
	background: #fff url(img/bg-form-input.png) repeat-x left top;
	color: #5d5d5d;
	line-height: 22px;
}

#response textarea {
	width: 420px;
	height: 100px;
	margin: 0px;
	padding: 5px;
}

#response label {
	display: block;
	line-height: 20px;
}

#response input.text {
	width: 420px;
	height: 20px;
	margin: 0px;
	padding: 5px;
}

#response input.submit {
	float: right;
	height: 30px;
	margin: 20px 0 0 0;
	padding: 0 20px;
}

.comment-author {
	margin: 0px;
	padding: 5px 0;
	color: #C3A286;
	font-size: 14px;
}

.comment-author a {
	color: #C3A286;
	text-decoration: none;
}

.comment-author a:hover {
	text-decoration: underline;
}

/** COMMENTS IN WP 2.7 */

#commentfieldset {
	padding: 20px 40px;
}

.commentlist ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.commentlist li {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 20px;
	background: #2a2a2a;
	list-style: none;
}

.commentlist .avatar {
	float: right;
	margin: 0 20px 10px 10px;
}

.commentlist li p {
	margin: 0 10px 10px 0;
}

.commentlist .comment-meta {
	margin: 0 0 20px 0;
}

.commentlist .comment-author a {
	padding: 0 0 5px 0;
	color: #fff;
	font-weight: bold;
}

.commentlist ul.children {
	margin: 0px;
	padding: 0px;
}

.commentlist .children li {
	margin: 20px 0 0 0;
	padding: 20px 0 20px 20px;
	background: none;
	border: 1px solid #3a3a3a;
	border-right: none;
}

.reply a {
	display: block;
	height: 25px;
	line-height: 25px;
}

#cancel-comment-reply {
	margin: 5px 0 20px 0;
}

#cancel-comment-reply a {
	color: #6a6a6a;
}

.commentlist li.depth-1, .commentlist li.depth-3, .commentlist li.depth-5 {
	background: #2a2a2a;
}

.commentlist li.depth-2, .commentlist li.depth-4, .commentlist li.depth-6 {
	background: #3a3a3a;
}

/*	##################################
   	FOOTER
	################################## */

#footer {
	width: 960px;
	margin: 0 auto;
}

#footer p {
	margin: 0px;
	margin-right: 220px;
	padding: 0px;
	line-height: 40px;
}

#footer a {
	color: #cab4a0;
	text-decoration: none;
}

#legal {
	float: left;
	width: 450px;
}

#webdemar {
	text-align: right;
	color: #cab4a0;
}

/*	##################################
   	USEFUL
	################################## */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
	clear: both;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	margin: 0 0 20px 20px;
}

.wp-caption {
	margin-bottom: 20px;
	padding-top: 4px;
   	border: 1px solid #3a3a3a;
   	text-align: center;
   	background-color: #2a2a2a;
}

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

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
}

/** WIDGETS CSS */

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap td {
	text-align: center;
}

#wp-calendar caption {
	margin: 0 0 10px 0;
	padding: 2px;
	background: #3a3a3a;
}

/** Scroller **/
#entry-content-scroll{
	clear: left;
	height:315px;
	position:relative;
}
#scrollbar_track{
	position:absolute;
	top:0; 
	right:0;
	height:100%;
	cursor:pointer;
	width:6px;
	background:#1F1919;
	visibility:hidden;
}
#scrollbar_handle {
	width:6px;
	background:#4F4A45;
	cursor:pointer;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity:0.9;
	-moz-opacity:0.9;
	*/
}
#scrollbar_content{
	width:100%;
	height:315px;
	background-color: #252525;/* for IE7 to detect mouse event */
	overflow:auto;
}

/* Miscellaneous */

#entry-content-scroll td {
	vertical-align: top;
}

#french {
	float:right;
	width: 200px;
	text-align: right;
	margin-top: 20px;
}

#content-right img {
	margin-top: 33px;
	border: 1px solid #645B54;
}

table img {
	border: 1px solid #645B54;
}