/*

		Theme Name: orange coffee

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

		Description: Dark brown orangecoffee WordPress theme by Gert-Jan Bosch

		Version: 1.1

		Author: Gert-Jan Bosch

		Author URI: http://www.gertjanbosch.nl

		Tags: brown, orange

*/



	

body {

	margin: 0px;

	padding: 0px;

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

	color: #e7ded4;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	}



a {

	color: #0033cc;

	text-decoration: underline;

	}



p {

	margin: 0 0 20px 0;

	}



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: 8px;

	background-color: #e7ded4;

	border: #231303 solid 1px;

	}



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



	

#page {

	width: 990px;

	}

	

#header {

	position: relative;

	height: 280px;

	}



#header_title {

	padding: 80px 0 0 40px;

	}



#header_title h1 {

	padding:  0;

	margin:  0;

	}



#rss {

	position: absolute;

	right: 20px;

	top: 217px;

	z-index:1000;

	}	



#content {

	padding: 0 0 0 0;

	background: url(images/contenttop_bg.png) top no-repeat;

	}



#content-left {

	float: left;

	width: 600px;

	}



#content-right {

	float: right;

	width: 390px;

	}



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



	

h1 {

	color: #e7ded4;

	margin: 0 0 20px 0;

	font-size: 38px;

	font-weight: normal;

	line-height: 38px;

	}



h1 a {

	color: #e7ded4;

	text-decoration: none;

	}



h2 {

	color: #e7ded4;

	margin: 0 0 20px 0;

	font-size: 30px;

	font-weight: normal;

	line-height: 38px;

	}



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: #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: #130a01;

	}



/***************************************************** 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 {

	margin: 40px 0px 40px 40px;

	line-height: 21px;

	}

	

.box-left small {

	padding: 5px;

	background-color: #c76d0c;

	color: #241402;

	}



.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 40px;

	background-color: #493d31;

	}



.box-right {

	margin: 40px 40px 0px 40px;

	padding: 20px;

	background-color: #493d31;

	}



.box-right a {

	color: #e7ded4;

	}



.box-right a:hover {

	text-decoration: underline;

	}





.box-right ul {

	margin: 0 0 5px 0;

	padding: 0px;

	list-style: none;

	}



.box-right li {

	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 {

	width: 500px;

	margin: 0 0 0px 0;

	}



#commentform .text {

    margin: 0px 0px 15px 0px;

    color: #301a03;

	font-weight: bold;

    font-size: 16px;

	padding: 10px;

	border: none;

	background-color: #e7ded4;

	width: 210px;

	}



#commentform textarea {

	height: 150px;

	color: #301a03;

	font-weight: bold;

    font-size: 16px;

	padding: 10px;

	border: none;

	background-color: #e7ded4;

	}



#commentform .button {

	width: auto;

	height: 30px;

	margin: 0px;

	padding: 0 20px;

	background: #1c1919;

	border: none;

	color: #e7ded4;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	list-style: none;

	}



.comment_author {

	margin-top: 30px;

	}



.commentlist .quote {

	padding: 40px;

	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: #e7ded4;

	width: 210px;

	}



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



#footer {

	background-color: #1c1919;

	width: 910px;

	margin-top: 40px;

	padding: 40px;

	font-size: 12px;

	font-weight: bold;

	color: #594c3e;

	}



#footer a {

	color: #594c3e;

	}



#footer a:hover {

	color: #c76d0c;

	}



#footer p {

	margin: 0 0 10px 0;

	}



#legal {

	float: left;

	width: 400px;

	}



#webdemar {

	float: right;

	width: 400px;

	text-align: right;

	}



/***************************************************** 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: 1px solid #ccc;

   	text-align: center;

   	background-color: #f7f7f7;

	}



.wp-caption img {

   	float: none;

   	margin: 0px;

   	padding: 0px;

   	border: none;

	}



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

   	padding: 0px;

  	margin: 0px;

	}



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



#calendar_wrap table {

	width: 100%;

	}



#calendar_wrap td {

	text-align: center;

	}



#wp-calendar caption {

	margin: 0 0 10px 0;

	background: #dedede;

	}