/*
Theme Name:		Wineworks 2.0
Version:		1.0
Author:			Wouter Kiel
*/

@import url(navigation.css);
@import url(andere-proeverijen.css);

body { text-align: center;	font-family: "tahoma";	font-size: 11px;	color:#808080; background: #fff; text-align: center; }
* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #000000; text-decoration: underline; }
a:visited { color: #222222; text-decoration: underline; }
a:hover { color: #ff9900; text-decoration: underline; }
a img { border: none; }

p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.0em; }
.flickr_blue { color: #007ae4; text-transform: lowercase; }
.flickr_pink { color: #ff2a96; text-transform: lowercase; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }

/*---:[ headlines ]:---*/

h1, h2, h3 { }
h1 { font-size:18px;color:#ff9900;font-weight:bold;}
h1.proeverij {margin:0px; }
#header h1 { display:none; }
h1 a, h1 a:visited, h1 a:hover { color: #ff9900; text-decoration: none; display:block; margin-bottom:6px;}
h1 a:hover {text-decoration:underline;}
h2, h2 a { color: #ff9900; text-decoration: none;}
h2.blog, h2.blog a { color:#ff9900; display:block;}
h2.blog a:hover { text-decoration:underline;}
h2 a:visited { color: #ff9900; text-decoration: none; }
.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }
h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
#header h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }
.entry h3 { margin: 1em 0 0.5em 0; }
.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
h3.comments_headers { font-size: 1.4em; }
h4 { font: italic 1.2em; color: #888; }
h4 a, h4 a:visited { color: #888; text-decoration: none; }
h4 a:hover { color: #888; text-decoration: underline; }
.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

/*---:[ core layout elements ]:---*/

#container { width: 970px; margin: 15px auto 0 auto; }
#content_box { width: 970px; text-align: left; float: left; clear: both; }
#content { width: 500px; padding: 0 0 0 20px; float: left; }
#content-page { width: 700px; padding: 0 0 0 20px; float: left; }
#sidebar { width: 210px; padding: 0 0 0 15px; float: right; background:url(images/p-nav-back.gif);background-repeat: repeat-x;border: 1px solid #cccccc; padding: 4px;}
#l_sidebar { width: 180px; padding: 0 0 0 15px; float: left; }
#footer { width: 970px; padding: 1.2em 0 0 0; border-top: 2px solid #fff; float: left; clear: both; }

/*---:[breadcrumbs]:---*/
div #breadz {margin:0 0 12px 0;}
#breadz ul {display:inline;margin:0;}
#breadz ul li {display:inline;list-style-type:none; margin:0;padding:0;}
#breadz ul li a {font-size:11px;text-decoration:underline;text-transform: capitalize;border-bottom: 0px dotted transparent;}
	

/*---:[ header styles ]:---*/

#header { width: 970px; height: 140px; }
#header_img { position: relative; float: left; clear: both; }
#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */

/*---:[ content styles ]:---*/

.entry { font-size: 11px; line-height: 12px; }
.entry blockquote { font-size: 1.0em; }
.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
.entry p { margin: 0 0 1.5em 0; }
.entry h1 {margin-bottom:12px;}
.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
.entry ul { list-style-type: square; }
.entry li { margin: 0 0 0.5em 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
.entry dl { margin: 0 0 1.5em 0; }
.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
.entry dd { margin: 0 0 1.5em 20px; }
.entry .ad { margin: 0 0 0.5em 15px; float: right; }
.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }
.entry img { }
.entry img.left { margin: 0 5px 5px 0; float: left; clear: left; }
.entry img.right { margin: 0 0 5px 5px; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }
.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; margin-top:6px; font-size: 12px; line-height:16px; color: #888; clear: both; }
.tagged a, .tagged a:visited { padding: 0.25em; color: #888; text-decoration: none; }
.tagged a:hover { color: #ff9900; text-decoration: none; }
.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
.previous { padding: 0 20px 0 0; float: left; }
.next { float: right; }
.clear { width: 500px; height: 1px; margin: 0 0 1.5em 0; clear: both; }
.flat { margin: 0 0 2.0em 0 !important; }
.whitespace { margin: 0 0 3.5em 0 !important; }

/*---:[ homepage styles ]:---*/
#front1, #front2, #front3, #front4 {	border:1px solid #ffffff;	display:block;	float:left;	width:322px;	height:180px;	margin:0px;	padding:0px;	cursor:pointer;	text-align:center; padding-top:20px;}
#front4 {cursor:auto;}

#front1, #front4 {	background:url(images/home-top-left.jpg);}
#front2, #front3 {	background:url(images/home-top-right.jpg);}
/* #front3 {	background:url(images/home-bottom-left.jpg);} */

#front1 h2 a, #front2 h2 a, #front3 h2 a, #front4 h2 a {	text-align:center;	display:inline;	font-size:12px;	font-weight:bold;}
#front1 h2 a, #front4 h2 a {color:#808080;}
#front1 h2 a:hover, #front4 h2 a:hover {text-decoration:underline;}
#front2 h2 a, #front3 h2 a {color:#ffffff;}
#front2 h2 a:hover, #front3 h2 a:hover {text-decoration:underline;}

div:hover#front1, div:hover#front4 {border:1px solid #cccccc;}
div:hover#front2, div:hover#front3 {	border-left:1px solid #dddddd;	border-top:1px solid #dddddd;	border-right:1px solid #555555;	border-bottom:1px solid #555555;}

#front1 p, #front2 p, #front3 p, #front4 p {	display:block;	text-align:left;	font-size:11px;	line-height:12px;	margin-top:12px;	margin-bottom:12px;	padding:5px;}
#front2 p, #front3 p {	color:#ffffff;}
#front1 p img, #front2 p img, #front3 p img, #front4 p img {	float:left;	margin-right:10px;	margin-bottom:50px;}
#front4 ul { display:block;	text-align:left; list-style-image: url(http://www.wineworks.nl/images/raquo.gif); margin:25px; margin-top:12px;}
#front4 ul li { margin-bottom:12px; }

.buttons {margin-top:20px;}

.proeverij {	border:1px dotted #eeeeee;	display:block;	float:left;	width:310px;	height:130px;	margin-top:0px;	padding:10px;	cursor:pointer;	text-align:center;}
div.proeverij:hover {background:#ffffff;}
.proeverij h2 .proeverij h3 {	margin:0;}
p.intro {	margin-bottom: 20px;}
.proeverij span {	display:block;	text-align:left;	margin-top:12px;	margin-bottom:20px;}
.proeverij h2 a {	font-size:12px;	color:#ff9900;}
.proeverij h3 {	display:inline;	font-size:11px;	color:#808080;	font-weight:normal;}
.proeverij img {	float:left;	margin:2px 3px 0 0;}
.proeverij p {	text-align:left;}
p.prijs {	display:block;	width:140px;	height:20px;	padding-top:1px;	margin-right:5px;	background:url(http://www.capwoc.com/images/go.gif);	background-position:right;	background-repeat:no-repeat;	float:right;	font-size:12px;	color:#ff9900;	font-weight:bold;}
.proeverij p.prijs img {	display:inline;	float:right;	margin-left:40px;}
div:hover.proeverij {	border:1px solid #cccccc;}

h2.proeverij-page {font-size:11px;font-weight:bold;margin:0 0 20px 0;}
#andere-proeverijen {	width:200px;	float:left;	margin-left:20px;}
#andere-proeverijen ul {	list-style-type:none;	margin:10px;	margin-top:20px;}
#andere-proeverijen li {	display:block;	width:100%;	height:69px;	padding-left:5px;	background-repeat:no-repeat;	background-position:center left;	cursor:pointer;}
#andere-proeverijen li:hover {	background:#dedede;}
#andere-proeverijen li h3 a {	font-size:12px;	font-weight:bold;	color:#ff9900;}
#andere-proeverijen li b {	font-size:10px;}
div.p-nav-r {display:block;background-image:url(images/p-nav-back.gif);background-repeat: repeat-x;border: 1px solid #cccccc; padding: 4px; margin-left:10px; margin-right:10px; padding-bottom:16px; float: right; width: 200px; height: 300px;}
.p-nav-r h2, .p-nav-r h3 {margin:2px 0 15px 0;}
.p-nav-r ul { list-style-type:none;margin:5px 0 0 0;}
.p-nav-r hr { margin:10px 0 10px 0;width:80%;margin-left:12px;}
.wijncursus p {width:480px;}


/*---:[ sidebar styles ]:---*/

.sidebar_list { list-style: none; }
ul.sidebar_list, ul.sidebar_list2 { list-style: none; }
ul.sidebar_list li a { text-decoration: none; color:grey;}
ul.sidebar_list2 li a { text-decoration: none; color:#ff9900;}
ul.sidebar_list li a.current { color:#ff9900; }
li.widget h2, li.widget h2 a {color:#888;}

li.widget ul li {margin:6px;}

/*---:[ footer styles ]:---*/

#footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }
#footer a, #footer a:visited { color: #888; text-decoration: none; }
#footer a:hover { color: #888; text-decoration: underline; }

/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }
ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
.comment_meta { margin: 0 0 1.2em 0; }
.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 12px; float: right; }
.trackback .comment_num { padding: 0 0 0 20px; }
.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
.comment_num a:hover { color: #df0000; text-decoration: none; }
.comment_meta strong { font-size: 12px; }
.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
.comment .entry { padding: 0 15px; }
.comment .entry p { margin: 0 0 1.0em 0; }

/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }
#comment_form p { padding: 0.6em 0; }
#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }
#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.0em Tahoma, Verdana, Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#comment_form .text_area { width: 500px !important; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Tahoma, Vedana, Times, serif; cursor: pointer; }
#comment_form p.subscribe-to-comments { font-size: 1.4em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

/*---:[ search form styles ]:---*/

#search_form { }
#search_form .search_input { width: 120px; height:14px;float:left;margin:5px 0 0 0; color: #666; font: normal 12px Tahoma, Vedana, Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
li.widget .search_input { font-size: 1.1em !important;}
#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#search_form #searchsubmit { float:left; margin:2px 0 0 4px;}