/*
Theme Name: Mixit
Theme URI: http://www.lavagraphics.be
Description: The Jh Mixit Theme
Version: 1.0
Author: Lavagraphics
Author URI: http://www.lavagraphics.be/

*/
/*-------------------------------------------------------------------------------------------
*
*  HTML ELEMENTS
*
----------------------------------------------------------------------------------------------*/ 
* { margin: 0; padding: 0;}
body {font: 12px/150% Arial, Helvetica, sans-serif;color: #FFF;margin: 0;padding: 0;background: #000 url(images/banners/back_01.jpg) no-repeat center top;text-align: center;}

/* Links */
a, a:active, a:link {text-decoration: none;color: #D6DE23;}
a:visited {text-decoration: none;}
a:hover {border-bottom: 1px dotted #D6DE23;}

/* headers */
h1, h2, h3 {color: #ABABAB;}
h1 {font-size: 36px;font-weight: normal;letter-spacing: -2px;padding: 15px 10px 5px 10px;}
h2 {font-size: 24px;color: #D6DE23;padding: 20px 10px 5px 10px;	line-height: 28px; font-weight: normal;}
h3 {font-size: 18px;font-weight: normal;padding: 20px 10px 5px 10px; line-height: 22px;}
h3#respond{color: #D6DE23;}

h3 span{color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;text-transform: lowercase;font-size:12px;}

/* overall */
p, dl { padding: 10px; margin: 0; }
ul, ol {margin: 10px 20px;padding: 0 20px;}
ul { list-style: none; }
dt {font-weight: bold; color: #fff;}
dd { padding-left: 25px; }

/* images */
img {border: 0;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}

code {margin: 5px 0;padding: 15px;text-align: left;	display: block;overflow: auto; background: #111;  }
acronym {cursor: help;border-bottom: 1px dotted #5B5B5B;}
blockquote {margin: 15px 10px;padding: 10px 10px 10px 35px;  background: #111 url(images/quote.jpg) no-repeat 10px 10px;font-weight: normal;font-size: 18px;line-height: 1.6em;font-style: italic;font-family: Georgia, 'Times New Roman', Times, serif;	color: #808080;	}

/* start - table */
table {margin: 15px 10px; border-collapse: collapse;}
th {background: #000;color: #fff;height: 38px;padding-left: 12px;padding-right: 12px;text-align: left;border-left: 1px solid #211E20;border-right: 1px solid #211E20;border-bottom: 1px solid #211E20;border-top: 1px solid #48780E;}
tr {color: #5b5b5b;height: 34px;}
td {padding-left: 12px;padding-right: 12px;border: 1px solid #111;	}

/* form elements */
form {margin: 5px 0; padding: 5px 10px 20px 10px;}
form p{padding: 5px 10px;}
label {padding-left: 10px;display: block;font-weight: bold;margin: 8px 0;color: #fff;}

img.avatar{ margin-right: 10px; float: left;}
/*-------------------------------------------------------------------------------------------
*
*  SIDEBAR
*
----------------------------------------------------------------------------------------------*/ 
/* form elements */
#sidebar form{margin: 0; padding: 10px 0 0 0; width: 220px;}
#sidebar form p{margin: 0; padding: 0; text-align: right;}
#sidebar label{ margin-bottom: 3px; font-weight: normal;}
#sidebar input, select, textarea {width: 200px; background-color: #FFF; border: 0; text-align: right; color: #666; padding: 1px 5px; margin: 0;}
#sidebar p.submit input{background-color: none; color:#D6DE23; background: url(images/arrow-green.png) no-repeat left 7px; margin-top: 5px; padding:0 0 0 8px; width: auto; text-transform: uppercase; font-weight: bold; font-size: 14px; cursor: pointer;}

input, select, textarea {
	padding: 5px 5px;
	margin-left: 10px;
	font: normal 1em Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #808080;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}

input{width: 250px;}
input#submit, input#dosubmit{margin-top: 15px; width: auto; cursor: pointer;}

textarea {text-align: left;width: 540px;height: 100px;display: block;}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #48780E;
	background: #000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 20px 0 15px 8px;	
	width: 270px;	
}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 185px;
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {position: relative;width: 900px;margin: 0 auto;text-align: left;}

#content-wrap {
	position: relative;
	clear: both;
	width: 900px;	
	padding: 0; 		
	margin-left: 5px;	
	margin-bottom: 50px;
	float: left;	
	display: inline;	
}
/* ------------------------------------------
   HEADER
------------------------------------------- */ 
#header {
	position: relative;
	width: 900px;	
	height: 330px;	
	margin: 0; padding: 0;		
	background: transparent;
}

#header p#intro {
	position: absolute;
	margin: 0; padding: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #cd9857;
	width: 400px;
	/* change the values of top and left to adjust the position */
	top: 245px; left: 15px;		
}

#header div#logo{width: 167px; height: 184px; margin: 50px 0 0 0; float: left;}
#header div#logo a:hover{border: none;}

/* header search */
#header form#quick-search {
	position: absolute;
	top: 38px; right: 0;
	padding: 0; margin: 0;
	border: none;
	width: 262px; height: 30px;
	background: url(images/header-search.jpg) no-repeat;	
	z-index: 999999;
}
#header form#quick-search p {margin: 0; padding: 0;}
#header form#quick-search .tbox {
	margin: 2px 0 0 5px; 
	width: 210px;
	background: none;
	border: none;
}
#header form#quick-search label,
#header form#quick-search .btn {
	display: none;	
}

/* ------------------------------------------
   NAVIGATION
------------------------------------------- */ 
#nav {
	position: absolute;
	margin: 0; padding: 0;		
	height: 25px;
	width: 100%;	
	padding-top: 15px;	
}
#nav ul {
	float: left;
	list-style: none;
	width: 880px;		
	height: 40px;
	margin: 0 0 0 5px; padding: 0;	
	display: inline;
}
#nav ul li {display: inline;margin: 0; padding: 0;}
#nav ul li a {
	float: left;
	margin: 0;	padding: 0 15px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;	
	color: #D6DE23;	
}
#nav ul li a:hover, #nav ul li a:active {color: #FFF;background: none;border: none;}
#nav ul li.current_page_item a {color: #FFF;}

/* ------------------------------------------
   MAIN
------------------------------------------- */ 
#main {float: left;width: 580px;padding: 0; margin: 0;display: inline;}

#main ol{list-style: none; padding: 0;}
#main ol p{color: #FFF; margin-left: 40px; padding-top: 0;}
#main ol p.post-info{padding-left: 0;}
#main ol li{color: #D6DE23; margin-bottom: 10px; padding: 10px;}

#main h2 {padding-bottom: 3px;margin-top: 15px;text-transform: uppercase; color: #8BC53F;}
/*#main h2 a, #main h2 a:visted, #main h2 a:active {text-decoration: none;border: none; color: #D6DE23;}*/

#main p{color: #EAED9A; margin-left: 10px;}

/* ------------------------------------------
   SIDEBAR
------------------------------------------- */ 
#sidebar {float: right;width: 220px;padding: 0; margin: 5px 0 20px 0;display: inline;}	

#sidebar h2{padding-left: 5px;padding-bottom: 3px;text-transform: uppercase;
	background: url(images/footer-top.jpg) no-repeat center bottom; font-size: 16px; line-height: 20px; font-weight: bold;
}

#sidebar h3 {font-weight: bold;font-size: 16px;margin-top: 10px;padding-left: 5px;padding-bottom: 3px;text-transform: uppercase;color: #8BC53F;
	background: url(images/footer-top.jpg) no-repeat center bottom;
}

* html body #sidebar ul li {height: 1%;}

#sidebar ul {text-align: left;margin: 7px 5px 8px 0px; padding: 0;}
#sidebar ul li {list-style: none;padding: 8px 10px;margin: 0;}
#sidebar ul#recentcomments, #sidebar div#get_recent_comments_wrap ul{margin-top: 15px;}
#sidebar ul li.recentcomments, #sidebar div#get_recent_comments_wrap ul li{padding: 0 10px; margin-bottom: 5px;}
#sidebar ul.sidebarlogin_otherlinks{margin-right: 0;}
#sidebar ul.sidebarlogin_otherlinks li{color: B3B3B3; font-weight: normal; font-size: 11px; text-align: right; padding: 0;}

#sidebar ul li a {color: #D6DE23;}
#sidebar ul li.page_item a, #sidebar ul.sidebarlogin_otherlinks li a{font-size: 14px;font-weight: bold;color: #FFF;text-decoration: none;	border: none; }
#sidebar ul.sidebarlogin_otherlinks li a{font-size: 11px; font-weight: normal;}
#sidebar ul li a span {color: #B3B3B3;	font-style: italic;font-weight: normal;	font-size: 11px;}
#sidebar ul.pagenav li.page_item a:hover {color: #D6DE23; background: url(images/arrow-white.png) no-repeat left 3px;}

#sidebar ul.sidebarlogin_otherlinks li a{color: #808080;font-size: 11px; font-weight: normal;}
#sidebar ul.sidebarlogin_otherlinks li a:hover{color: #FFF;}
#sidebar ul.pagenav li.page_item a{ background: url(images/arrow-green.png) no-repeat left 3px; padding-left: 12px; margin-left: 10px;}
#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul ul li { border: none; }

/* ------------------------------------------
   FOOTER
------------------------------------------- */ 
#footer-wrap {position: relative;clear: both;width: 100%;float: left;display: inline;}

#footer-wrap h3 {font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;color: #ABABAB;}
#footer-content  a{border: none; margin: 0 10px 0 0; padding-bottom: 5px;}
#footer-content {margin: 0 auto;width: 100%;text-align: right;}
#footer-content ul.col-list {border-top: 1px solid #111;list-style: none;margin: 5px 0 0 5px; padding: 0;width: 98%;}
#footer-content ul.col-list li {border-bottom: 1px solid #111;}
#footer-content ul.col-list li a {display: block;line-height: 2em;font-weight: bold;padding: 4px 0 4px 8px;width: 98%;color: #555;border: none;}
#footer-content ul.col-list li a span {color: #B3B3B3;font-style: italic;font-weight: normal;}
#footer-content ul.col-list li a:hover,#footer-content ul.col-list li a:hover span {color: #fff;text-decoration: none;}
#footer-content .col {width: 280px;padding: 0 0 30px 0;display: inline;}
#footer-content .col2 {width: 285px;padding: 0 0 30px 0;display: inline;}
#footer-content .space-sep {margin-right: 12px;}

/* postmeta */
.postmeta {padding: 0;margin: 20px 10px 15px 10px;font-size: 1em;color: #545454;border-top: 1px solid #808080;line-height: normal;}
.detailmeta{background:transparent url(images/footer-top.jpg) no-repeat scroll left top; border-top: none; height: 5px;}

.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore , .postmeta a.reacties {color: #000; background: #FFF; padding: 2px 3px;  margin:0 5px 0 0;	font-size: 11px; text-transform: uppercase;}
.postmeta a.readmore:hover , .postmeta a.reacties:hover {border: none; background: #D6DE23;}
#main p.post-info { font-size: 11px; padding: 0 10px 5px 10px; margin-left: 0; color: #808080;	}
#main p.post-info a{color: #FFF;}
#main p.post-info a:hover{border-color: #FFF;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }
.clear {display:inline-block;}
.clear:after {display:block;visibility:hidden; clear:both; height:0; content: "."; }

/* ------------------------------------------
   CONTACTPAGE
------------------------------------------- */ 
.vcard{background:transparent url(images/footer-top.jpg) no-repeat scroll center bottom; width: 100%; min-height: 70px; margin-bottom: 10px; padding: 10px;}
.vcard img{width: 80px; height: 60px; float: left; background: none; padding: 0 10px 0 0; border: none;}
.vcard div.info{float: left;}

.vcard p.name{font-size: 16px; font-weight: bold; color: #FFF; margin: 0 0 12px 0; padding: 0;}
.vcard p.name span{color: #D6DE23; font-size: 14px;}

.vcard p.data{margin: 0; padding: 0; font-size: 11px; line-height: 14px;}
.vcard p.data a{color: #8BC53F; font-size: 11px;}


#main p.contactform_respons, #main p.contactform_error{background: url(images/error-icon.png) no-repeat 10px 10px; padding-left: 30px; margin-left: 10px;border:1px solid #1C1C1C;color:#808080; margin-top: 10px;}
#main p.contactform_respons{background: url(images/check-icon.png) no-repeat 10px 10px; padding-left: 35px;}
/* ------------------------------------------
   Events
------------------------------------------- */ 
#main p.duration{padding-top: 0; margin: 10px 0 0 20px; color: #FFF; font-size: 11px; padding-left: 20px; background: url(images/time-icon.png) no-repeat left top;}
div.event{background: url(images/event-bg.png) repeat; margin-bottom: 15px; width: 280px; margin-left: 10px; float: left;}
div.archive{background: url(images/event-arhive-bg.png) repeat;}
#main div.event h2, #main div.album h2{margin-top: 0; padding-top: 10px; font-size: 16px; line-height: 20px; color:#D6DE23; font-weight: bold;}
#main div.event h2{min-height: 40px;}
/* ------------------------------------------
   POLL
------------------------------------------- */ 
input.submit{background-color: none; color:#D6DE23; background: url(images/arrow-white.png) no-repeat left 5px; margin: 5px 0 0 10px; padding:0 0 0 8px; width: auto; text-transform: uppercase; font-weight: bold; font-size: 14px; cursor: pointer; border: none; color: #FFF;}