/*
Theme Name: Vino Deux
Theme URI: http://www.vinologue.com
Description: 2 column, theme for Vinologue
Version: 1.0
Tags: fixed width, two columns, widget ready, white, red
Author: Vinologue
Author URI: http://www.vinologue.com
*/

@import url( '_normalize.css' );
@import url( '_defaults.css' );

/*Main formatting properties*/
body {
	padding:0;
	margin:0 0 10px 0;
	font-family:Georgia,Palatino,serif;
	font-size:16px;
	line-height:25px;
	color:#000;
	background-color:#fff;
}
p {
	padding:0;
	margin:10px 0;
}
h1,ul > li > p {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size:2.4em;
	line-height:40px;
	padding:0;
	margin:5px 0 25px 0;
	color:#000;
	-webkit-text-stroke: 0.25px;
}
h2 {
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	font-style:italic;
	padding:10px 0 0 0;
	margin:0;
	color:#000;
}
h2.deck {
	font-size:1.4em;
	line-height:28px;
	font-style:normal;
	padding:0;
}
	h2.deck img {
		float:right;
		margin:8px 0 0 15px;
	}
h3 {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	padding:0;
	margin:0 0 5px 0;
	color:#000;
}
div.sharedaddy h3.sd-title {
	display:none !important;
}
table {
	border:0;
	width:100%;
}
td {
	vertical-align:top;
}
ul,ol {
	margin:0;
	padding:0 0 0 20px;
}
li {
	margin:0;       
	padding:0 0 5px 0;            
}
/* Form porperties */
form {
	margin:0;
}
input.text,#subscribe-field,.contact-form div input {
	padding:2px 4px;
	margin-bottom:5px;
	font-size:16px;
	border:1px solid #ccc;
	background-color:#fff;
}
input#subscribe-field[style] {
	padding:2px 4px !important;
	width:170px !important;
	float:left;
	margin-bottom:15px;
}
select {
	padding:1px 0 1px 2px;
	margin-bottom:5px;
	border:1px solid #ccc;
	font-size:14px;
}
select:focus {
	outline:none;
}
input:focus {
	outline:none;
}
textarea {
	width:97%;
	margin-bottom:5px;
	border:1px solid #ccc;
	resize:none;
}
textarea:focus {
	outline:none;
}
textarea {
	padding:2px 4px;
	font-size:14px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	background-color:#fff;
}
blockquote {
	font-size:13px;
	font-style:italic;
	color:#494949;
}
button, #subscribe-blog-blog_subscription-2 input[type="submit"],.pushbutton-wide,.newsletter-submit,.contact-submit input[type="submit"] {
	height:22px;
	line-height:22px;
	padding:0 11px;
	margin:0;
	border:0;
	cursor:pointer;
	text-align:center;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	background-color:#805654;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
	button:hover, #subscribe-blog-blog_subscription-2 input[type="submit"]:hover,.pushbutton-wide:hover,.newsletter-submit:hover {
		background-color:#8c1c1c;
	}
subscribe-blog-blog_subscription-2 input[type="submit"] {
	float:right !important;
	width:55px !important;
	padding-top:1px !important;
}
/* Image Properties */
img {
	border:0;
	padding:0;
	margin:0;
}
a {
	color:#805654;
	text-decoration:none;
}
a:hover {
	color:#232323;
}
a:focus {
	outline:none;
}
#top {
	width:100%;
	height:108px;
	text-align:center;
}
	#top img {
		height:99%;
		width:auto;
	}
header {
	position:relative;
	width:100%;
	height:42px;
	background:transparent url('http://www.vinologue.com/wp-content/themes/vinologue2/img/headerBG.png') repeat-x top left;
	z-index:10;
}
	nav {
		position:relative;
		height:42px;
		width:100%;
		max-width:60em;
		margin:0 auto;
		z-index:15;
	}
		
	#nav
		{
			width: 60em; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			font-weight: 2em;
			position: absolute;
			top: 0;
			left: 0;
			z-index:20;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style:none;
				padding-bottom:0;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #572522 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				content: '';
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 2.5em; /* 60 */
				background-color: #805654;
				padding-left:0;
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.1em; /* 24 */
						line-height: 2.3em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #572522;
						}


				/* second level */

				#nav li ul
				{
					background-color: #805654;
					display: none;
					position: absolute;
					top: 100%;
					padding-left:0;
				}
					#nav li:hover > ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li ul a
						{
							font-size: 0.9em; /* 20 */
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #572522;
							}
							
				/* third level */
				#nav li:hover > ul ul {
					left:100%;
					top: 0;
					width:100%;
				}
					#nav li ul li ul a
						{
							font-size: 0.8em;
							padding: 0.85em;
						}
					#nav > li > ul > li:hover > ul
					{
						display: block;
					}


#photo {
	position:absolute;
	top:140px;
	right:0;
	width:50%;
	height:100%;
	z-index:0;
	overflow:hidden;
}
	#photo img {
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
#container {
	position:relative;
	width:100%;
	max-width:60em;
	margin:4em auto 0 auto;
}
	.homeBlock,.homeBit {
		float:left;
		margin:2px 2px 0 0;
		width:33%;
		height:auto;
		padding:0 2%;
		background:#fff url('') no-repeat top left;
		opacity:0.8;
		overflow:hidden;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
		.homeBlock a {
			display:inline-block;
			width:100%;
			height:100%;
			color:#fff;
			font-size:2em;
			line-height:2em;
			text-shadow: 1px 1px #000;
			padding-top:50%;
			font-family: Montserrat, Arial, sans-serif;
			-webkit-text-stroke: 0.1px;
		}
			.homeBlock.priorat {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/priorat.jpg');
			}
			.homeBlock.emporda {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/emporda.jpg');
			}
			.homeBlock.montsant {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/montsant.jpg');
			}
			.homeBlock.menorca {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/menorca.jpg');
			}
			.homeBlock.dalmatia,.homeBlock.dalmacia {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/dalmatia.jpg');
			}
			.homeBlock.georgia-sakartvelo,.homeBlock.georgia-sakartvelo {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/georgia-sakartvelo.jpg');
			}
			.homeBlock.herzegovina,.homeBlock.hercegovina {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/herzegovina.jpg');
			}
			.homeBlock.stellenbosch {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/stellenbosch.jpg');
			}
			.homeBlock.istria {
				background-image:url('http://www.vinologue.com/wp-content/themes/vinologue2/img/home/istria.jpg');
			}
		.homeBit {
			opacity:1.0;
		}
		.homeBit p {
			margin:0;
			font-family:Georgia;
		}
		.homeBit p a {
			color:#805654;
			display:inline;
			padding:0;
			font-family:Georgia;
			font-size:20px;
			line-height:30px;
			text-shadow:none;
		}
		ul > li > p {
			width:100%;
			font-size:2.1em;
			line-height:2.2em;
			text-shadow: 2px 2px #333;
		}
		ul > li > p a {
			width:308px;
			display:block;
			color:#fff;
			padding:140px 0 0 12px;
		}
		ul > li > p a:hover {
			color:#fff;
			padding:135px 0 5px 12px;
		}
	#social {
		margin:8px 0 0 0;
	}
		#social img {
			margin-left:4px;
		}
	section {
		float:left;
		width:47%;
		padding-left:1%;
		padding-right:2%;
	}
		.author {
			float:left;
			margin-right:15px;
		}
		.lang {
			display:none;
		}
		#lengua {
			position:absolute;
			width:25px;
			margin:3px 0 0 -35px;
			text-align:right;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:18px;
		}
		.llon {
			font-weight:bold;
		}
		.print {
			float:right;
			margin:0 0 10px 10px;
		}
	#destinations section {
		float:none;
		width:75%;
		margin:0 auto;
		padding:0;
	}
		#destinations section .size-full {
			width:50%;
			height:auto;
			margin:0 0 10px 10px;
		}
		#destinations ul.info {
			margin-left:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			line-height:18px;
		}
		#destinations ol span {
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:bold;
		}
		#destinations aside {
			float:left;
			width:25%;
			max-width:125px;
			margin:0 30px 10px 0;
		}
			#destinations aside img {
				width:100%;
				height:auto;
			}
		#return {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
	aside {
		float:right;
		width:50%;
	}
		aside img {
			width:100%;
			height:auto;
		}
		#buyNow {
			margin-left:25px;
			margin-bottom:-2px;
		}
		#buy {
			display:inline-block;
			background-color:#fff;
			padding:6px 6px 6px 0;
			-moz-border-radius-topright:4px;
			-moz-border-radius-bottomright:4px;
			border-top-right-radius:4px;
			border-bottom-right-radius:4px;
			z-index:5;
		}
			#buyBit {
				float:left;
				width:90px;
				padding:3px 15px 0 0;
				font-family: Arial, sans-serif;
				font-weight:bold;
				font-size:14px;
				line-height:28px;
				color:#805654;
			}
			#buy img {
				float:left;
				margin:1px 2px 0 0;
			}
			#printed {
				float:left;
				font-family: Arial, sans-serif;
				font-size:12px;
				line-height:28px;
				padding:4px 0 0 0;
			}
			#comingSoon {
				display:inline-block;
				font-style:italic;
				margin:4px 15px 0 0;
				font-size:14px;
			}
			.address {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
			}
	#left {
		float:left;
		width:55%;
		margin-left:10%;
	}
		article {
			margin: 0 0 4em 0;
		}
			article h1 {
				font-size:1.2em;
				line-height:20px;
				margin-bottom:0;
			}
		.postdate {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:16px;
		}
		.postcontent {
			padding:0;
			margin:0;
		}
			.postcontent img {
				margin:5px 0 10px 0;
			}
			.postcontent img.alignleft {
				margin-right:10px;
			}
			.postcontent img.alignright {
				margin-left:10px;
			}
		.editPost {
			font-size:10px;
			font-weight:normal;
		}
		.postmeta {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:17px;
		}
			.metaLeft {
				float:left;
				width:360px;
			}
			.metaRight {
				float:right;
				width:140px;
				text-align:right;
			}
			.postmeta p {
				margin:0;
			}
		.wp-caption-text {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-align:center;
			margin-top:-5px;
		}
		.comment-container {
			padding-bottom:20px;
		}
			.comment-avatar {
				float:left;
				margin-right:5px;
				width:38px;
			}
				.comment-avatar img {
					width:32px;
					height:32px;
					border:1px solid #ccc;
					padding:2px;
				}
			.comment-text {
				padding-left:10px;
			}
		#older {
			float:left;
			margin:-35px 0 15px 0;
		}
		#newer {
			float:right;
			margin:-35px 0 15px 0;
		}
		#child {
			margin:0;
			padding:0;
		}
			#child li {
				margin-left:20px;
			}
			#child li a {
				font-family: Arial, sans-serif;
				font-weight:bold;
				font-size:18px;
			}
		#reviews article {
			border-top:1px dotted #CCC;
			border-bottom:1px dotted #CCC;
			padding:10px 0;
			margin:0;
		}
			#singleReview {
				width:300px;
				padding:80px 350px;
			}
			#reviews article p {
				font-size:18px;
				line-height:28px;
				font-style:italic;
			}
			#reviews ul {
				list-style:none;
				padding:0;
				margin:0;
			}
				#reviews ul li {
					float:left;
					width:230px;
					margin:10px;
					padding:0;
				}
	#right {
		float:right;
		width:20%;
		margin-right:10%;
	}
		.item {
			margin-bottom:15px;
		}
	footer {
		text-align:center;
		padding:5px 0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
.clean {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.mce-responses .response {
	font-family:Arial;
	font-size:12px;
	margin-top:10px;
	color:#8c1c1c;
	line-height:18px;
}

		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}
			#top {
				height:70px;
			}
			aside {
				float:none;
				width:100%;
				padding:0 5%;
			}
			section {
				float:none;
				width:100%;
				padding:0 5%;
			}
			.homeBlock,.homeBit {
				float:none;
				width:98%;
			}
			.homeBlock a {
				padding-top:25%;
			}
			#left {
				width:90%;
				margin:0 5%;
			}
			.alignright {
				width:45%;
				height:auto;
			}
			.alignnone {
				width:98%;
				height:auto;
				margin:0 auto;
			}
			#right {
				display:none;
			}
			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #572522;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}