/*
Theme Name: Druivenfeesten 2010
Description: Based on F2
Version: 1.0
Author: artmedia
Author URI: http://www.artmedia.be/
*/ 



body {
	margin: 0;
	background: #fff url('images/layout/bg-body.png') repeat-x top center;
	color: #333;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

a { 
	color:#258;
	text-decoration:none;
	outline: none;
	font-weight: normal;
}

a:hover {
	text-decoration:underline; 
}

.a_btn {
	background:transparant;
	background: url('images/layout/btn_bg.png') repeat-x;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	color: #fff;
}
.a_btn a {
	color: #fff;
	text-decoration: none;
	border: none !important;
}
.a_btn a:hover {
	border-bottom:1px solid #ddd !important;
}

.a_btn_sidebar {
	width: 100px;
	font-size: 14px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #0076A1;
	font-family: 'Lucida Grande', Sans-Serif;
	text-align: left;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #0076A1;
}

h1 {font-size: 28px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}


img {
	border:0;
}
.no_underline {
	border:none !important;
}
.div_title_sidebar {
	font-size: 16px;
	background:transparant;
	background: #eee url('images/layout/btn_bg.png') repeat-x;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	width: 280px;
}

input, textarea {
	font-size:12px;
}

input[type=text], textarea{
	border:1px inset #aaa;
	background:#fff;
}
input[type=submit] {
	border:1px outset #aaa;
	background:#ddd;
}

code {
	background-color: #CCC;
	color: #000;
}
	


/* Layout */
#page {
	width: 1000px;
	margin: 0 auto;
}
#container{
  margin: 0;
  padding: 0 240px 0 240px;
}
#wrapper{
  float:left;
  width:100%;
  border-left:240px solid #fff; /* Sidebar left background color */
  border-right:240px solid #fff; /* Sidebar right background color */
  margin-left:-240px;
  margin-right:-240px;
  background-color:#fff;
  display:inline;
}
.sidebar {
	padding: 20px 0 20px 20px;
}
#sidebar_left{
	float:left;
	width:200px;
	margin:0 0 0 -240px;
	position:relative;
}
#content{
	float:left;
	width: 540px;
	margin-right: -100%;
	padding: 20px 29px;
	overflow: hidden;
	background: #fff;
	
	min-height: 600px;
}
#sidebar_right{
	float:right;
	width:200px;
	margin:0 -240px 0 0;
	position:relative;
}
#footer {
	clear: both;
}

/* Header */
#header {
	margin: 0;
	height: 555px;
	background: #FFF url('images/layout/bg-header.png') repeat-x top center;
	color: #FFF;
}
#header_page {
	margin: 0;
	height: 225px;
	background: #FFF url('images/layout/bg-header_page.png') repeat-x top center;
	color: #FFF;
}
#header_program {
	margin: 0;
	height: 370px;
	background: #FFF url('images/layout/bg-header_program.png') repeat-x top center;
	color: #FFF;
}

#header_image {
	width:970px;
	height:180px;
	margin-left: 28px;
	border:0;
	padding:0;
	position:relative;
	top: 190px;
}
#headercube {
	float: left;
	width: 390px;
	height: 425px;
	
	background: transparent;
	
	position: relative;
	top: 135px;
}
#headercube .cube_mask{
	position: relative;
	width: 390px;
	height: 425px;
	overflow: hidden;
}
#headercube .cube_mask img{
	position: absolute;
	display: block;
	border: none;
}
.handles span {
	cursor: pointer;
	color: #FFF;
	padding: 1px 5px 3px 5px;
	font-size: 17px;
	font-weight: 100;
}
.handles span.active, .handles span:hover{
	background: #01435C;
	color: #fff;
}
.handles_more span {
	width: 11px;
	height: 11px;
	padding: 0px 1px;
	background: transparent;
	background: url('images/layout/btn_bull.png') no-repeat;
}
.handles_more span.active {
	background: transparent;
	background: url('images/layout/btn_bull-full.png') no-repeat;
}

#cube_handles_more_div {
	position: relative;
	top: 35px;
	right: -80px;
	width: 400px;
}
#cube_handles_more_div #cube_prev, #cube_handles_more_div #cube_next, #cube_handles_more_div #cube_handles_more span {
	cursor: pointer;
}
#cube_handles_more_div #cube_prev, #cube_handles_more_div #cube_next, #cube_handles_more_div #cube_handles_more {
	float: left;
	margin: 0 2px;
	line-height: 40px;
	height: 40px;
}
#cube_handles_more_div #cube_prev, #cube_handles_more_div #cube_next {
	width: 100px;
	height: 40px;
	line-height: 40px;
}
#cube_handles_more_div #cube_prev span, #cube_handles_more_div #cube_next span {
	font-size: 11px;
	color: #0076A1;
	line-height: 36px;
	font-weight: normal;
}
#cube_handles_more_div #cube_prev {
	text-align:right;
}
#cube_handles_more_div #cube_prev .text, #cube_handles_more_div #cube_next .text {
	display: none;
}
#cube_handles_more_div #cube_next {
	text-align:left;
}

#headerright {
	float: right;
	text-align: right;
	
	position: relative;
	top: 135px;
}
#headerright .cubeinfo_mask{
	position: relative;
	width: 600px;
	height: 200px;
	overflow: hidden;
}
#headerright #cubeinfo_box {
	position:absolute;
}
#headerright #cubeinfo_box div {
	width: 600px;
	height: 200px;
	float:left;
}
#headerright h1, #headerright h2, #headerright p {
	color: #FFF;
	text-align: right;
}
#headerright h1 {
	font-size: 42px;
	margin-bottom: 0px;
}
#headerright h2 {
	font-size: 21px;
}
#headerright p {
	font-size: 18px;
	color: #999;
	padding-top: 15px;
	line-height: 150%;
}
#headerright p a {
	color: #fff;
}
#headerright p a:hover {
	text-decoration: none;
}


/* Top navigation */
#hmenu {
	float:left;
	width:100%;
	border:0;
	padding:0;
	padding-left: 26px;
	position:relative;
	top:80px;
	right:2px;
	height:0;
}
#hmenu ul {
	display: table;
	width:100%;
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	text-align: center;
}
#hmenu ul li {
	display:table-cell;
	width:120px;
	padding:0;
	margin:0 1px;
	text-align:center;
}
*:first-child+html #hmenu ul li {
	float:left;
}

#hmenu ul li a {
	display:block;
	background:transparant;
	color:#fff;
	margin:0 1px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	line-height: 45px;
	height: 53px;
	width:124px;
}

#hmenu ul li a:hover {
	color: #000 !important;
	background: transparant;
	background: url('images/layout/menu_bg.png') no-repeat;
}
#hmenu ul li.current_page_parent a, #hmenu ul li.current_page_item a, #hmenu ul li.current_page_ancestor a {
	color: #000 !important;
	background: transparant;
	background: url('images/layout/menu_bg.png') no-repeat !important;
}

#hmenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#hmenu ul li:hover ul {
	visibility:visible;
}
#hmenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#hmenu ul ul a {
	margin:1px;
}


/* sub navigation */
#submenu {
	width:997px;
	height:180px;
	border:0;
	padding:0;
	position:relative;
	top: 135px;
	height:0;
	text-align: justify;
}
.submenu-no-justify {
	text-align: left !important;
}
#submenu * {
	display: inline;
}
#submenu span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
#submenu ul {
	padding:0;
	padding-left:30px;
	margin:0;
}
#submenu ul li {
	width:auto;
	padding:0;
	margin:0;
}
.submenu-no-justify ul li {
	padding:0 40px 0 0 !important;
}
#submenu ul li a {
	background:transparant;
	color:#fff;
	text-decoration:none !important;
	font-weight:bold;
	font-size:13px;
	line-height: 40px;
	height: 40px;
	width: auto;
}

#submenu ul li a:hover {
	color: #fff;
	border-bottom: #FFF 1px solid;
}
#submenu ul li.current_page_parent a, #submenu ul li.current_page_item a, #submenu ul li.current_page_ancestor a {
	color: #fff;
	border-bottom: #FFF 1px solid;
}

#submenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#submenu ul li:hover ul {
	visibility:visible;
}
#submenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#submenu ul ul a {
	margin:1px;
}




/* Sidebar */

.sidebar {
	color:#222;
}
.sidebar ul {
	padding:0;
	margin:0;
	list-style: none;
	font-size: 14px;
}
.sidebar ul ul {
	font-size: 10px;
}

.sidebar ul li {
	margin:0 0 2em 0;
}

.sidebar ul ul {
	margin:0;
	padding:0;
}

.sidebar li li {
	margin:0.1em 0;
}

.sidebar li li:before {
	content: "\203A \0020";
	font-size:1.2em;
}

.sidebar li li li {
	padding-left:10px;
}

.sidebar ul h2 {
	margin-bottom: 15px;
	font-size: 22px;
}


.sidebar a.rsswidget img {
	border:0;
	float:right;
}


/* Footer */
#footer { 
	text-align: center;
	font-size: 12px;
	background: #58585B;
	color: #fff;
	width: auto;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #footer_credit {
	padding: 10px;
	text-align: right;
}
#footer #footer_credit .logos {
	float:left;
	padding-left: 10px;
}
#footer #black {
	height: 36px;
	background: #000;
}
#footer #gray {
	padding: 0px;
	margin: 30px 20px 0 41px;
	height: 130px;
}
#footer .footer_content {
	width: 1000px;
	margin: 0 auto;
}


/* bottom navigation */
#fmenu {
	width:100%;
	border:0;
	padding:0;
	position:relative;
	top:-3px;
	height:0;
	text-align: justify;
}
#fmenu * {
	display: inline;
}
#fmenu span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0;
}
#fmenu ul {
	padding:0;
	padding-left:30px;
	margin:0;
}
#fmenu ul li {
	width:auto;
	padding:0;
	margin:0;
}
#fmenu ul li a {
	background:transparant;
	color:#999;
	text-decoration:none !important;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	line-height: 40px;
	height: 40px;
	width: auto;
}

#fmenu ul li a:hover {
	color: #fff;
}
#fmenu ul li.current_page_parent a, #fmenu ul li.current_page_item a, #fmenu ul li.current_page_ancestor a {
	color: #fff;
}

#fmenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#fmenu ul li:hover ul {
	visibility:visible;
}
#fmenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#fmenu ul ul a {
	margin:1px;
}







/* Post */

.post, .page {
	clear:both;
}

.blog .post, .archive .post, .search-results .post, .search-results .page {
	margin:0 0 4em 0;
}

.postentry {
	font-size: 12px;
	line-height: 150%;
}
.postentry p, .postentry blockquote, .postentry ul, .postentry ol {
	text-align:left;
	margin-top: 0px;
}
.postentry blockquote {
	margin:10px 20px;
	padding:0 0 0 10px;
	border-left:0.4em solid #ddd;
	font-size:0.8em;
	line-height:1.2em;
}
.postentry blockquote blockquote {
	margin-left:0;
	font-size:1em;
}

.postentry a {
	border-bottom:1px solid #ddd;
}
.postentry a:hover {
	border-bottom:1px solid #258;
	text-decoration:none;
}


div.navigation {
	font-size:1.1em;
}

.postentry table {
	font-size: 12px;
}

.postentry table tr td {
	padding: 5px 10px;
}

.postentry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
h2.posttitle {
	margin:0 0 5px 0;
	padding:0;
}
.postmetadata {
	clear:both;
	margin:1em 0;
	font-size:1.1em;
	background-color:#fff;
	color:#888;
	text-align:left;
}
.posttagscat {
	margin:0 0 10px 0;
}
.postcat {
	margin:0 10px 0 0;
}
.postcomment {
	font-size:1.1em;
}
.postedit:before {
	content:' | ';
}
.poststicky {
	margin:0 0 0 10px;
}
.poststicky:before {
	content:'\2022 \0020';
}
div.archive-desc {
	border:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px 10px;
	margin:0 0 10px 0;
	font-size:1.4em;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
}
.wp-caption a, .wp-caption a:hover, .gallery a, .gallery a:hover, .attachment a, .attachment a:hover {
	border:none;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 0.8em;
   margin:4px 0 0 0;
   padding:0 4px;
}
.gallery {
	border:1px solid #ddd;
	background-color: #f3f3f3;
}
.gallery-item {
	margin:10px;
}
.gallery-caption {
	font-size:0.8em;
}
.attachment img {
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding:4px;
}
/* Comments */

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size:1.3em;
}
.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

/* Comment ends */


/* Calendar */
#wp-calendar {
	text-align:center;
	width:100%;
}
#wp-calendar caption, #wp-calendar thead th{
	font-weight:bold;
	text-transform:uppercase;
	color:#555;
}
#wp-calendar tbody td {
	border:1px solid #ccc;
	background:#f2f2f2;
}
#wp-calendar tbody td a {
	font-weight:bold;
}
#wp-calendar td#today {
	background:#e4e4e4;
}
#wp-calendar tbody td.pad {
	border:none;
	background:transparent;
}
/* Calendar ends */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

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

.sidebar #searchsubmit {
	padding: 1px;
	}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


abbr {
	cursor:help;
	border-bottom: 0.1em dotted;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}
.floatleft {
   float: left;
   margin: 0 10px 0 0;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}

/*	
	By default, the horizontal navigation menu displays inside the header area.
	If for some reason you don't like this behaviour, you can make it display
	below the header area by including the code below into your custom.css.
*/
/*

#hmenu {
	background-color:#27567a;
	float:none;
	position:static;
	height:24px;
	border:1px solid #aaa;
	border-top:none;
	margin:0;
}
#hmenu ul {
	float:none;
}

*/
.more-link {
	float:left;
}