/*

		Theme Name: dark horse music

		Theme URI: http://www.gertjanbosch.nl/orangecoffee

		Description: Darkhorsemusic WordPress theme by Michael Tingle

		Version: 1.1

		Author: Michael Tingle

		Author URI: http://www.michaeltingle.com

*/



.koyomi_roku {

        background-color: #ffffff;

        padding: 7px 7px 0 7px;

}



.slideheader {

        position: relative;

	height: 194px;

        width: 980px;

        z-index: 0;

        top: 0px;

        left: 0px;

	text-decoration: none;

        padding: 0px 0px 0px 0px;

        margin: 0px 0px 0px 0px;

        border-color: #000000;

	}



.playalbum a:hover {

	text-decoration: none;

        border-left-width: 0px;

        border-right-width: 0px;

        border-top-width: 0px;

        border-bottom-width: 0px;

        border-style: dotted;

        border-color: transparent;

	}



.playalbum a {

	line-height: 32px;

	display: block;

	height: 0px;

        width: 125px;

        text-align:left;

        z-index: 99;

	background: transparent url(images/playleftalbum.png) no-repeat left top;

        position: relative;

        top: 0px;

        left: 0px;

        border-left-width: 0px;

        border-right-width: 0px;

        border-top-width: 0px;

        border-bottom-width: 0px;

        border-style: dotted;

        border-color: transparent;

	color: #e7ded4;

	font-size: 14px;

        padding: 0px 0px 32px 39px;

        margin: 0px 0px 10px 0px;

	}





.play a {

	line-height: 32px;

	display: block;

	height: 0px;

        width: 86px;

        text-align:left;

        z-index: 99;

	background: transparent url(images/playleftalbum.png) no-repeat left top;

        position: relative;

        top: 13px;

        left: 840px;

        border-left-width: 1px;

        border-right-width: 1px;

        border-top-width: 1px;

        border-bottom-width: 1px;

        border-style: dotted;

        border-color: transparent;

	color: #e7ded4;

	font-size: 14px;

        padding: 0px 0px 32px 39px;

        margin: 0px 0px 10px 0px;

	}



.play a:hover {

	text-decoration: none;

        border-left-width: 1px;

        border-right-width: 1px;

        border-top-width: 1px;

        border-bottom-width: 1px;

        border-style: dotted;

        border-color: #e7ded4;

	}



body {

	padding-top: 0px;

	margin-top: 0px;

	margin-left: auto;

	margin-right: auto;

	padding: 0px;

	background: #000000 url(images/body_bg.jpg) no-repeat center top;

	color: #e7ded4;

	font-size: 14px;

	font-family: Helvetica, sans-serif;

        cursor: default;

	}



img { 

        border-width: 0px;

        border-color: #000000;

}



a {

	color: #c76d0c;

	text-decoration: none;

	}



.news a {

	color: #c76d0c;

	font-size: 18px;

	text-decoration: none;

	}



p {

	margin: 0 0 20px 0;

        text-align:justify;

	}



ul, ol {

	margin-bottom: 20px;

	}



blockquote {

	margin: 0 0 0 10px;

	padding: 0 0 0 10px;

	border-left: 5px solid #e7ded4;

	}



.content_img img {

	padding: 5px;

	background-color: transparent;

	border: #000000 solid 1px;

	}



/***************************************************** Basic layout *****************************************************/



	

#page {

	width: 990px;

	margin-left: auto;

	margin-right: auto;

	}

	

#header {

	position: relative;

	height: 250px;

	}



#header_title {

	padding: 80px 0 0 40px;

	}



#header_title h1 {

	padding:  0;

	margin:  0;

	}



#rss {

	position: absolute;

	right: 20px;

	top: 217px;

	z-index:10;

	}	



#content {

	padding: 0 0 0 0;

	background: url(images/contenttop_bg.jpg) #000000 top repeat-y;

	}



#content-left {

	margin: 20px 0px 40px 60px;

	float: left;

	width: 640px;

	}



#content-right {

	float: right;

	width: 250px;

	}



/***************************************************** Headings *****************************************************/



	

h1 {

	color: #e7ded4;

	margin: 0 0 20px 0;

	font-size: 18px;

	font-weight: normal;

	line-height: 18px;

	}



h1 a {

	color: #e7ded4;

	text-decoration: none;

	}



h2 {

	color: #e7ded4;

	margin: 20px 0 0px 0;

	font-size: 17px;

	font-weight: normal;

	line-height: 20px;

	}



h3 {

	color: #e7ded4;

	margin: 0 0 20px 0;

	font-size: 22px;

	font-weight: normal;

	line-height: 38px;

	}



h3 a {

	text-decoration: none;

	color: #e7ded4;

	}



h3 a:hover {

	text-decoration: underline;

	color: #e7ded4;

	}



h4 {

	margin: 0 0 10px 0;

	font-size: 14px;

	color: #e7ded4;

	}



h5 {

	font-size: 12px;

	color: #c76d0c;

	}



/***************************************************** Tabs sidebar *****************************************************/





#tabs_nav ul{

	margin: 0px;

	padding: 0px;

	}



.tabcontent ul {

	margin: 0px;

	padding: 20px;

	}



.tabs {

	width: 310px;

	overflow: hidden;

	}



.tabs li {

	display: inline;

	text-align: center;

	overflow: hidden;

	}



.tabs li a {

	float: left;

	display: block;

	color: #c76d0c;

	font-weight:bold;

	text-decoration: none;

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 20px;

	height: 40px;

	background: #615346;

	margin: 0px;

	}



.tabs li a:hover {

	display: block;

	background: #493d31;

	color: #c76d0c;

	text-decoration: none;

	}



.tabs li a.selected {

	display: block;

	color: #c76d0c;

	text-decoration: none;

	background-color: #493d31;

	}



.tabs li a.selected:hover {

	display: block;

	color: #c76d0c;

	text-decoration: none;

	}



small {

	color: #8e8e8e;

	}



/***************************************************** Tab content *****************************************************/



.tabcontent {

	display: none;

	border-top: 0;

	overflow: hidden;

	background: #493d31;

	}



.tabcontent a, .tabcontent a strong {

	color: #e7ded4;

	}



.tabcontent a:hover, .tabcontent a:hover strong {

	color: #e7ded4;

	}



.tabcontent li {

	list-style: none;

	padding: 5px;

	}



.tabcontent ul li a {

	color: #e7ded4;

	text-decoration: none;

	}



.tabcontent ul li a:hover {

	text-decoration: underline;

	}



.tabcontent ul li span {

	display: block;

	color: #e7ded4;

	}



/***************************************************** Content box left *****************************************************/



.box-left a:hover {

	text-decoration: underline;

	}



.box-left {

	line-height: 21px;

	}

	

.box-left small {

	padding: 5px;

	background-color: transparent;

	color: #8e8e8e;

        border: 1px dotted #555555;

	}



.box-left small a {

	color: #e7ded4;

	}



.reactions {

	background-image: url(images/reactions_bg.png);

	float: right;

	font-size: 16px;

	height: 45px;

	padding-top: 7px;

	margin-left: 20px;

	text-align: center;

	text-decoration: none;

	width: 56px;

	}



.reactions a {

	color: #e7ded4;

	text-decoration: none;

	font-size: 18px;

	}





p.tags {

	clear: both;

	}



/***************************************************** Box right *****************************************************/



.box-right-tabs {

	margin: 40px 40px 0px 0px;

	background-color: #493d31;

	}



.box-right {

	margin: 20px 20px 0px 0px;

	padding: 15px;

       background-image: url(images/black-back.png);

        border-left-width: 1px;

        border-right-width: 0px;

        border-top-width: 0px;

        border-bottom-width: 0px;

        border-style: dotted;

        border-color: #4e4e4e;



/*

	background-color: #493d31;

*/

	}



.box-right a {

	color: #e7ded4;

        font-size: 12px;

	}



.box-right a:hover {

	text-decoration: underline;

	}





.box-right ul {

	font-family: Helvetica, sans-serif;

	font-size: 14px;

	margin: 0 0 5px 0;

	padding: 0px;

	list-style: none;

	}



.box-right li {

        text-align: left;

	display: block;

	margin: 0px;

	padding: 5px;

	}



.box-right li a {

	text-decoration: none;

	}



.ads {

	padding: 8px;

	background-color: #e7ded4;

	border: #231303 solid 1px;

	}



/***************************************************** Comments *****************************************************/



	

#commentform label {

	display: block;

	margin: 0 0 5px 0;

	}	



#commentform input.text, #commentform textarea {

        background-color: #3e3e3e;

	width: 500px;

	margin: 0 0 0px 0;

    color: #e7ded4;

	}



#commentform .text {

    margin: 0px 0px 15px 0px;

    color: #e7ded4;

	font-weight: normal;

    font-size: 14px;

	padding: 10px;

	border: none;

        background-color: #3e3e3e;

	width: 210px;

	}



#commentform textarea {

	height: 150px;

    color: #e7ded4;

	font-weight: normal;

    font-size: 14px;

	padding: 10px;

	border: none;

	background-color: #3e3e3e;

	}



#commentform .button {

	width: auto;

	height: 30px;

	margin: 0px;

	padding: 0 20px;

	background: #c76d0c;

	border: none;

	color: #e7ded4;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	list-style: none;

	}



.comment_author {

	margin-top: 30px;

	}



.commentlist .quote {

        background-color: #1e1e1e;

	padding: 10px;

	margin-bottom: 10px;

	vertical-align: top;

	}



.commentlist cite {

	display: block;

	font-style: normal;

	font-size: 10px;

	background-color: #09C;

	}



.avatar {

	float: left;

	margin: 0 20px 10px 0;

	}



/***************************************************** Searchform *****************************************************/

	

#search {

	list-style-type: none;

	}



#search_div {

	width: 270px;

	}



.search_btn {

	border: 0; 

	float: left; 

	margin: -10px 0px 0px -30px;

	}



.input {

        text-align: left;

        margin: 0px 0px 15px 0px;

        color: #301a03;

	font-weight: bold;

        font-size: 16px;

	padding: 10px;

	border: none;

	background-color: #444444;

	width: 210px;

	}



/***************************************************** Footer *****************************************************/



#footer {

	background-color: #1c1919;

	width: 910px;

	margin-top: 0px;

	margin-bottom: 40px;

	padding: 40px;

        min-height: 40px;

	font-size: 12px;

	font-weight: bold;

	color: #594c3e;

	background: url(images/footer_bg.jpg) #1c1919 no-repeat right top;

	}



#footer a {

	color: #594c3e;

	}



#footer a:hover {

	color: #c76d0c;

	}



#footer p {

	margin: 0 0 10px 0;

	}



#legal {

	float: left;

	width: 400px;

	}



#webdemar {

        position: relative;

        top: -10px;

	float: right;

	width: 430px;

	}



/***************************************************** Usefull *****************************************************/



.clear {

	clear:both;

	}



.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: 0px solid #ccc;

   	text-align: center;

   	background-color: #transparent;

	}



.wp-caption img {

   	float: none;

   	margin: 0px;

   	padding: 0px;

   	border: none;

	}



.wp-caption p.wp-caption-text {

   	padding: 0px;

  	margin: 0px;

	font-size: 12px;

	font-weight: normal;

        text-align: center;

	}



/***************************************************** widgets *****************************************************/



#calendar_wrap table {

	width: 100%;

	}



#calendar_wrap td {

	text-align: center;

	}



#wp-calendar caption {

	margin: 0 0 10px 0;

	background: #dedede;

	}