/* 
Theme Name: wijnlinks
Theme URL: http://wijnlinks.nl/
Description: Theme voor wijnlinks.nl.
Author: Bas Matens
Author URI: http://basmartens.info
Version: 2.0.1

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0; }



/* CSS Document */

body								{margin:0 0 30px 0; padding:0; background: #54001c url(images/bg/bg-body.gif) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clear							{height:0px; line-height:0px; font-size:0px; clear: both;}
img								{margin:0; padding:0; border:none; border:0; display:block;}
h1 a							{padding:0!important;}
h1 a:hover						{color:#94a240;}
h1, h1 a							{width:195px; height:28px; text-decoration:none; line-height:28px; margin:0; padding:0 0 0 10px; font-size:14px; font-weight:bold; background:#b5bb3b; color:#FFFFFF;}

.postmetadata a					{color:#990033; line-height:18px;}
.postmetadata a:hover			{color:#b5bb3b;}


#container						{margin:20px auto 0 auto; width:960px; height:100%; background:#FFFFFF;}
#header							{width:940px; padding:10px;}
#header h1						{margin:0 0 10px 0!important; padding:0!important; background:none; height:56px;	width:294px; display:block;} 	
#header .logo					{padding:0; margin:0;}22-12-2011 17:42:23
#header #flash					{width:849px; height:141px; display:block;}

#header ul						{width:100%; height:39px; background:url(images/bg/bg-nav.gif) no-repeat left top; margin:0; padding:0;}
#header ul li					{display:inline; list-style:none; margin:0; }	
#header ul li a					{display:block; border-right:1px solid #4f4b48; padding:0 10px 0 10px; float:left; color:#FFFFFF; line-height:39px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; font-size:12px; text-decoration:none;}
#header ul li a:hover			{background:url(images/bg/bg-nav-over.gif) repeat-x left top; color:#990033;}
#header ul li .active			{background:url(images/bg/bg-nav-over.gif) repeat-x left top; color:#990033;}


#footer							{width:940px; height:39px; margin:0; line-height:39px; background:url(images/bg/bg-nav.gif) no-repeat left top;}

.links {
	float:left;
	width:695px;
	overflow:hidden;
	padding:0; margin:0;
}
.links li {
	float:left;
	width:225px;
	list-style:none;
	padding:0; margin:0;	
}
.links li a {
	color:#990033;
	overflow:hidden;
	line-height:18px;
	height:18px;
	margin-left:10px;
	display:block;
}
.links li a:hover {text-decoration:none;}
.links h4 {
	font-size:13px;
	padding:5px 10px;
	margin:10px 0 5px 0;
	color:#FFF;
	font-weight:bold;
	background:#b5bb3b;
}
.clr {
	float:left;
	width:100%!important;
	background:none!important;
}
#left {float:left;
	width:705px;
	overflow:hidden;
	padding:0; margin:0;
}

.post {margin-top:10px; background:#fcffea; padding:10px;}
.post h2 {height:26px; line-height:26px; margin:0; padding:0; font-size:18px; font-weight:normal; color:#c70043;}
.post p {margin:0 0 5px 0; padding:0; color:#565656;}
.post a {color:#0875ef; background:url(images/bg/arrow.png) no-repeat left 5px; padding-left:10px;}
.post a:hover {text-decoration:none;}
.post .date {font-size:12px;  color:#565656; font-style:italic;}

#sidebar {margin:10px 0 0 0; float:right;width:235px;}

.formbottom {
	background:#e1091d;
	color:#FFF;
	margin:20px 0 10px 0;
	padding:10px;
	width:675px;
}
.formbottom b {
	font-size:13px;
}
.formbottom p {
	margin:0;
	padding:0!important;
	line-height:18px!important;
}
.formbottom ul {
	margin:10px 0 0 0;
	padding:0;
}
.formbottom li {
	margin-bottom:5px;
	background:#e9293b;
	padding-left:10px;
	list-style:none;
}
.formbottom li .medium {
	height:22px;
	line-height:22px;
	width:534px;
	padding-left:10px;
	border:none;
}

@media only screen and (device-width: 768px) {
.formbottom li .medium {
	height:22px;
	line-height:22px;
	width:530px;
	padding-left:10px;
	border:none;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.formbottom li .medium {
	height:22px;
	line-height:22px;
	width:530px;
	padding-left:10px;
	border:none;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.formbottom li .medium {
	height:22px;
	line-height:22px;
	width:530px;
	padding-left:10px;
	border:none;
}
}

}

.formbottom li .gfield_select {
	border:none;
	width:545px;
}
.formbottom li #input_5_3 {
	padding-left:0;
}
.formbottom label {
	line-height:22px;
	height:22px;
	float:left;
	width:120px;
	font-weight:bold;
}
.formbottom .gfield_required {
	color:#FFF;
}
.formbottom .button {
	height:23px;
	line-height:23px;
	padding:0 10px;
	margin:5px 0 0 130px;
	border:none;
	color:#00ca05;
	font-weight:bold;
	background:#FFF;
}
.formbottom .button:hover {
	cursor:pointer;
}
.formbottom textarea {
	height:100px!important;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formbottom .validation_message {
	display:none!important;
}
#content {padding:0 10px 10px 10px; width:940px;}
#breadcrumbs {color:#CCC; padding:0 10px 0 20px; margin:0 0 10px 0; width:930px;}
#breadcrumbs a {color:#0875ef;}


.wp-pagenavi  {background:#e8e8e8; width:705px; margin:10px 0 0 0; padding:10px!important; color:#7e7e7e; display:block; height:27px;}
.wp-pagenavi .pages {background:#FFF; padding:5px 10px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; float:left;}
.wp-pagenavi .current {background:#FFF; padding:5px 10px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#36be00; font-weight:bold;float:left;}
.wp-pagenavi .page {background:#FFF; padding:5px 10px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none; float:left;}
.wp-pagenavi .extend {display:none;}
.wp-pagenavi .first {line-heiht:22px; background:#FFF url(images/icons/left.gif) no-repeat left 5px; padding:5px 10px 5px 15px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none; float:left;}
.wp-pagenavi .last {background:#FFF url(images/icons/right.gif) no-repeat right 5px; padding:5px 15px 5px 10px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none;float:left;}

.wp-pagenavi .previouspostslink {color:#FFF!important; font-weight:bold; font-size:12px; background:url(images/icons/prev.gif) no-repeat left top; padding:0; width:15px; height:15px; display:block; line-height:15px; margin:5px 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none;float:left;}
.wp-pagenavi .nextpostslink 	{color:#FFF!important; font-weight:bold; font-size:12px; background:url(images/icons/next.gif) no-repeat left top; padding:0; width:15px; height:15px; display:block; line-height:15px; margin:5px 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none;float:left;}

.wp-pagenavi .links		{float:left;}
.wp-pagenavi .links a	{line-heiht:22px; background:#FFF url(images/icons/left.gif) no-repeat left 5px; padding:5px 10px 5px 15px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none; float:left;}
.wp-pagenavi .rechts	{float:right;}
.wp-pagenavi .rechts a {background:#FFF url(images/icons/right.gif) no-repeat right 5px; padding:5px 15px 5px 10px; border:1px solid #dcdcdc; margin:0 5px 0 0; text-align:center; color:#7e7e7e; text-decoration:none;float:left;}

.wines	{width:695px!important; padding:0 0 10px 0; margin:0; overflow-x:hidden;} 
.wines h2	{color:#bdcb69; font-size:22px; padding:0 0 10px 10px;}
.wines h3	{color:#bdcb69; font-size:22px; padding:0 0 10px 10px;}

.item 	{position:relative; background:#FFF; width:196px; height:250px; padding:3px 10px 10px 10px; float:left; border:1px solid #e8e8e8; margin:10px 20px 10px 0; display:block; position:relative;}
.last-item {margin-right:0!important;}

.item .image	{margin:10px auto 0 auto; height:164px; width:150px;}
.item .image img	{margin:0 auto; height:164px; width:150px;}

.item .noimage	{height:200px; width:183px; text-align:center; margin:5px 0 10px 0;}
.item .text	{display:none;}
.item h1	{color:#0875ef; height:32px; overflow-y:hidden;  margin:0; padding:0; font-size:12px; font-weight:bold; background:none!important;}


.item .price	{background:#36be00; color:#FFF; font-weight:bold; position:absolute; bottom:60px; left:0; text-decoration:none; padding: 5px 10px;}
.item .order	{position:absolute; bottom:10px; left:40px; background:#FF0000; display:block; width:130px; text-align:center; line-height:22px; }
.item .order a	{color:#FFF; text-decoration:none;}
.item .order a:hover {text-decoration:underline;}

.detail 	{width:613px; padding:10px; float:left; border:1px solid #e8e8e8; margin:0 0 10px 0; display:block; position:relative;}
.detail .image {height:200px; width:202px; float:left; padding:10px 0 10px 0;}
.detail .image img	{margin:0 auto; width:202px; height:200px;}
.detail .text {width:389px;  float:right; display:block; color:#666666;}
.detail .text h3 {font-weight:bold; padding: 0 0 0 10px;}
.detail .text a	{color:#0000f7; margin:0 0 10px 0; padding:0 0 0 10px; display:block; float:left;}
.detail .text a:hover	{text-decoration:none;}
.detail .text ul	{margin:0!important; padding:0!important;}
.detail .text .aff	{padding:0 0 0 10px;}

.detail h1	{background:none!important; font-weight:normal!important; font-size:22px!important; width:auto; color:#0000f4; padding:0; margin:0 0 15px 0;}	
.detail .price	{color:#36be00; font-weight:bold; position:absolute; top:50px; left:10px; text-decoration:underline;}

.detail .text .order	{background:#FF0000; padding:10px!important; font-weight:bold; display:block!important; margin:30px 0 30px 10px!important; text-align:center; line-height:22px; color:#FFF; text-decoration:none;}
.detail .text .order:hover {text-decoration:underline;}

.detail p	{margin:0; padding:0 20px 0 10px!important;}
.social	{position:absolute; right:10px; bottom:10px;} 

.search {border:1px solid #e8e8e8; padding:10px; margin:0 0 10px 0;}
.search div {margin:0 0 10px 0;}
.search p {margin:0 0 10px 0!important; padding:0!important;}
.search h2 a {color:#36be00!important;}

.single	h1	{color:#bdcb69; font-size:22px; padding:0 0 10px 10px;}


#footer	{height:39px; line-height:39px; background:url(images/bg/bg-nav.gif) no-repeat left top; margin:10px 0 0 0 ;}