/*
Theme Name: Wine Taste Lifestyle
Theme URI: http://www.winetastelifestyle.com
Description: Designed and Developed by Jess
Version: 0.1 
Author: Jess Nunez
Author URI: http://www.mmstudio.org
*/


@import url('reset.css');

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #7C183E;
	background:#000;
	font: 14px Verdana, Arial, 'Helvetica', sans-serif;
	line-height:23px;
	color:#bbb;
    padding: 0;
}

/********* TYPOGRAPHY **************/



blockquote {
	background:transparent;
    color: #555555;
    font-size: 1.00em;
    padding-left: 20px;
    padding-right: 0px;
	margin: 15px 0px;
	border-left:20px solid #7C183E;
}

a { color: #A74333; text-decoration: underline; outline: none; }

code {  
	
}


h1, h1 a {
	color: #A74333;
    font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:27px;
    margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight:normal;
}

h2, h2 a {
		color: #9E1F50;
		color:#BF5F3F;
    font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:24px;
    margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight:normal;
}

h3, h3 a {
		color: #E89478;
		 color:#CA7C60;
		 color:#993B5F;
    font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:19px;
    margin: 0 0 15px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight:normal;
}

h4 {    
	color: #326ea1;
	font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:16px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

h5 {    
	color: #326ea1;
	font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:14px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

h6 {    
	color: #326ea1;
	font-family:Arial, 'Helvetica', Verdana, sans-serif;
	font-size:12px;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

img { border: none; }

ol, form { margin: 0; padding: 0; }

p { text-align: left; margin: 0 0 15px; color: #E89478; }

small { font-size: 10px; }

ul {
         list-style-type: disc; 
         margin: 0 0 25px 25px; 
         padding:  0 0 0 0; 
}

ul li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
		 color: #E89478;
}
ol {
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

ol li {
         line-height: 1.5em; 
         margin: 0; 
         padding: 5px; 
}

.s {   /* Search Field */
	background: transparent;
    border: 0px solid #c7c7c7;
	color: #383d44;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

.alignleft {
	float: left;
	text-align: left;
	margin: 0 20px 10px 0;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
	margin: 0 0 10px 20px;
}

.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.wpcf7 { width:430px; }
.wpcf7 label { display:inline-block; width:100px; line-height:40px;}
.wpcf7 input { -moz-border-radius:3px; border-radius:3px; border: 1px solid #fff; display:inline-block; width:300px; float:right; padding:10px;  }
.wpcf7 textarea { -moz-border-radius:3px; border-radius:3px; border: 1px solid #fff; display:inline-block; width:295px; float:right; margin-top:-30px; }
.wpcf7 input.wpcf7-submit { margin:20px 0 0; width:100px; background:#CA7C60; color:#fff; clear:both; border: 1px solid #CA7C60; padding:10px 0;  }

.wine-gourmet-travel-club .wpcf7 { width:70%; display:block; margin: 0 auto; }
.wine-gourmet-travel-club .wpcf7 label{ display:block; width:100%; }

.wine-gourmet-travel-club .wpcf7 input { display:block; float:none; }
.wine-gourmet-travel-club .wpcf7 .wpcf7-list-item  { display:block; clear:both; }
.wine-gourmet-travel-club .wpcf7 .wpcf7-list-item input { float:left; display:inline; width:15px; margin:0; line-height:10px; padding:0; display:inline-block; margin-bottom:-3px;}
.wine-gourmet-travel-club .wpcf7 .wpcf7-list-item span { float:left; display:inline; width:auto; line-height:10px; display:inline-block; margin-bottom:-3px; margin-left:5px;}

/****************  MENU ***************************/


#menu {
	width:100%;
	margin:0px auto;
	padding:0;
	background:transparent;
	position:relative;
	z-index:999999!important;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:9999999;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	padding:0;
	border-right:0px solid #000;
	background: transparent;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			33px; /* match top ul list item height */
	z-index:		199;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	margin-left:0px;
}
.sf-menu a {
	margin:0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 10px 8px;
	text-decoration:none;
	position:relative; z-index:888;
}
.sf-menu li:first-child a { padding-left:0; }
.sf-menu li:last-child a { padding-right:0; }
.sf-menu a  { color:#CA7C60;  }
.sf-menu li {
	background:	 transparent;
	font-size:13.5px;
	margin:0px 0 0;
	line-height:15px;
	padding:0;
}
.sf-menu li a:hover { color:#E7654B; background:transparent; }

.sf-menu li.current_page_item a { color:#fff;  }
.sf-menu li.current_page_item li a{ color:#fff; }
.sf-menu li.current_page_item li a:hover{ color:#fff; }
.sf-menu li#menu-item-312 a { font-weight:bold; }
.sf-menu li li { margin:0; padding:0; width:180px; }
.sf-menu li li a{
	background: #7C183E;
	border-right:0;
	position:relative;
	z-index:800;
	margin: 0;
	color:#fff;
	text-transform:none;
	padding:9px 5px!important;
	text-align:left;
	font-size:13px;
}
.sf-menu li li a:hover {  color:#fff; background:#A74333; }
.sf-menu li li li { }
.sf-menu li li li a{
	
}
.sf-menu li li li a:hover {}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; }


/*****************  LAYOUT *************************/

#page {
	background: transparent;
    margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
	width:100%;
	border-top:2px solid #7C183E;
}


#header {
    background: #000;
    margin: 0 auto;
	padding: 0 0 20px 0;
    text-align: center;
}

#logo { display:block; margin: 0 auto; }

.wrapper { width:960px; margin: 0 auto; }

#header-social { float:left; display:inline; width:35%; text-align:left; padding:10px 0 0; }
#header-menu { float:right; display:inline; width:60%; text-align:right; padding:10px 0 0; }

ul.menu-head { list-style-type:none; margin:0; padding:0; text-align:right; display:inline; float:right; width:150px; }
ul.menu-head li { display:inline; }
ul.menu-head a { color: #C77B5F; display:inline-block; margin: 0 0 0 10px;}

.header-search {  display:inline; width:180px; float:right; }
.search_box { background:#111; width:120px; float:right; padding:0; display:inline; color:#C77B5F; border:0; height:20px; float:right }
 .search_box input { background:#111; width:130px; float:right; padding:5px 5px 2px; display:inline; color:#bbb; border:0; font-size:13px; }
.search_left { display:inline-block; margin:4px 14px 0 0; }

#content {
	background: transparent;
    border: none;
	color: #CA7C60;
	float: right;
	display:inline;
	margin: 20px 0px 30px 0px;
	padding: 0 0px 0 0px;
    text-align: left;
	width: 700px;
}
#content-fullwidth {
	background: transparent;
    border: none;
	color: #CA7C60;
	float: right;
	display:inline;
	margin: 20px auto;
	padding: 0 0px 0 0px;
    text-align: left;
	width: 700px;
	display:block;
	float:none;
}


#sidebar {
        width: 250px;
        text-align: left;
        float: left;
		display:inline;
        margin: 20px 0px 30px 0px;
        padding: 0;
        line-height: 1.6em;
        color: #383d44;
        }

.sidelist {
        background: transparent;
        margin: 0 0 20px 0;
        padding: 0;
        }

#sidebar h2{
    background: inherit;
    color: #326ea1;
    font: 24px Arial, 'Helvetica', Verdana, sans-serif;
    font-weight: 100;
    padding: 3px 0px 3px 0px;
    margin: 0;
}

#footer {
   background: #000;
   color: #CA7C60;
   margin: 0;
   padding: 40px 0;
   text-align: center;
   overflow:hidden;
}

#footer a { color: #CA7C60; text-decoration: none; }
#footer a:hover { color: #A74333; text-decoration: none; }

.menu-foot { list-style-type:none; margin:0; padding:0; color:#878787; }
.menu-foot li { display:inline; }
.menu-foot a { display:inline-block; margin: 0 10px; }

#footer-widgets { background:#111; border: 1px solid #151515; padding:20px; width:920px; margin: 0 auto; color:#CA7C60; margin-bottom:20px; line-height:21px; }
#foot1, #foot2, #foot3 { float:left; display:inline-block; width:30%; }
#foot1 { margin-right:4%; text-align:left; }
#foot3 { float:right; text-align:right; }
#footer-widgets h3 { margin:0 0 5px; font-size:18px; color:#CA7C60; font-weight:normal; }

#home-widgets { background:#7C183E;;  padding:20px; width:920px; margin: 30px auto 0; color:#fff; margin-bottom:20px; line-height:21px; border: 1px solid #6D1537 }
#hw1, #hw2, #hw3 { float:left; display:inline-block; width:30%; }
#hw1 { margin-right:4%; text-align:left; }
#hw3 { float:right; text-align:right;  }
#home-widgets h3 { margin:0 0 5px; font-size:18px; color:#fff; font-weight:normal; }
#hw1 img, #hw2 img, #hw3 img { max-width:100%; height: auto; }

#home-widgets a { color:#fff; text-decoration: underline; }

#home-widgets form { margin-top:10px; }
#home-widgets input { border: 1px solid #fff; border-radius:3px; -moz-border-radius:3px; padding:5px; width:115px; margin-bottom:4px; margin-right:0; display:inline; float:left; margin-left:7px;}
#home-widgets input#mc-embedded-subscribe { border:1px solid #CA7C60; color:#fff; width:125px; background:#CA7C60; float:left; display:inline; }
#home-widgets label { margin-bottom:4px; }


.featured-category { position:relative; width:270px; height:270px; float:left; display:inline; border:5px solid #A74333; margin: 40px 53px 0 0; }
.featured-category.last { float:right; margin-right:0; }
.featured-category h3 { position: absolute; bottom:0px; left:10px; width:250px; background:url(images/bg-salmon.png) repeat; color:#fff; text-align:center; z-index:9999!important; font-size:15px; line-height:30px; font-weight:normal; }
.featured-category h3 a { color:#fff; font-weight:normal; text-shadow: 1px 1px 2px #000; }
.featured-category:hover h3 { background: url(images/bg-purple.png) repeat; }

#home-quotes { width:920px; margin-top:40px; padding:20px; background:#A74333; text-align:left; color:#fff; font-size:14px; line-height:19px; }
#home-quotes .ls-wrapper .liquid-slider .panel, #home-quotes .ls-wrapper .liquid-slider { width:800px!important; }
#home-quotes blockquote { background: transparent; padding:5px 30px 10px 30px; color:#fff; min-height:48px; font-size:16px; line-height:25px; text-align:center; margin:0; border-left:0; }
#home-quotes blockquote p, #home-quotes blockquote li { margin:0; padding:0; color:#fff; font-size:15px; line-height:24px; text-align:left; }
#home-quotes p.quote-author { padding-left:70px; color:#fff; font-size:14px; line-height:19px; margin:0; }


#wine-sliders img { width:100%; height:auto; }


/****************   COMMENT STYLING  ********************/

#comment {
    background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	padding-left: 2px;
	vertical-align: middle;
	width: 510px;

}

.commentbody {
    background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	position: relative;
    -moz-border-radius: 10px;
}

.commentbody a { color: #aa0000; text-decoration: none; }
.commentbody a:hover { color: #2d5175; text-decoration: none; }
.commentbody p { line-height: 1.2em; }
.commentlink { font-size: 13px; }
.commentlist { list-style: none; }

#email, #author {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding-left: 5px;
	vertical-align: middle;

}

#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}

#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;

}

textarea { overflow:auto; }

.commentheader {
        background: inherit;
        font-size: 18px;
        font-weight: lighter;
        text-align: left;
        color: #326ea1;
        padding: 0;
        line-height: 1.5em;
}


/***************   POST METADATA    *************************/


.postmetadata {
    background: transparent;
    font-style: italic;
    color: #363636;
    line-height: 1.5em;
	margin: 15px 0 70px 0;
	padding:3px 3px 3px 3px;
	text-align: right;
    clear:both;
}

.postmetadata a {background: transparent; color: #363636; text-decoration: none;}

.postmetadata2 {
    background: #eeeeee;
    color: #282828;
    border: 1px solid #cccccc;
    font-size: 11px;
    line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
    clear:both;
    -moz-border-radius: 10px;
}

/* different postmetadata style for single.php */

.alt { line-height: 1.3em; padding: 10px; }

.alt a { background: inherit; color: #aa0000; text-decoration: none; }


.clear {clear:both;}
 .stretch,
    .clear {
        clear: both;
        height: 1px;
        margin: 0;
        padding: 0;
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;
        display: block;
        visibility: hidden;
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
	
	
/* styles for desktop */
.tinynav { display: none }
#nav .selected a, #nav2 .selected a { color: red }
/* styles for mobile */
@media screen and (max-width: 600px) {
.tinynav { display: block }
    #nav, #nav2 { display: none }
}

/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1060px) {
  #page {
    max-width: 900px;
  }
}

@media screen and (max-width: 960px) {
	/*  ipad */
	#page {
		max-width: 708px;
	}
}
	
@media screen and (max-width: 767px) {
	/*  small tablet */
	#page {
		max-width: 480px;
	}
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
   		padding: 0;
	}
	body, input, textarea {
		font-size: 13px;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.tinynav {
		background-image: none;
		background-color: transparent;
		background-position: right center;
		background-repeat: no-repeat;
		
		border: none;
		color: #fff;
		display: block;
		margin-bottom: 0;
		margin-left: auto;
		margin-top: 0;
		overflow: hidden;
		width: 100%;
	}	
	.tinynav option {
		color: #000;
	}
}
@media (max-device-width: 650px) {	
	.tinynav {
		background-image: url("images/select-arrow.png");
	}
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#page {
		max-width: 320px;
	}
}
@media screen and (max-width: 319px) {
	/* small phone */
	#page {
		max-width: 100%;
	}	
}