/*  
Theme Name: 47 Friends 1.1
Theme URI: http://customtheme.com/
Description: A Custom Theme by Periscope Creative
Version: 1.1
Author: Andrew Barden
Author URI: http://periscopecreative.com 
Tags: 
*/

	/* `HTML Elements
----------------------------------------------------------------------------------------------------*/


/* 
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
div{position: relative}
	/* `Spacing
----------------------------------------------------------------------------------------------------*/

body {
	background: #fff;
	font-size: 100%; /* 16 */
	line-height: 1.5em; /* 24 */
	margin: 0; padding: 0;
	background-color: #000;
	font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
}
h1 {
	margin: 0;
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin-bottom: 0.9em;
}
h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 1em;
}
h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin-bottom: 1.125em;
}
h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: 1.2857142857142858em;
}
p, ul, blockquote, pre, td, th, label {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
p.small {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

	/* `Basic Link Structure
----------------------------------------------------------------------------------------------------*/

a{border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;margin:0;padding:0;color:#265279;position:relative;}
a:hover{color:#98813A;text-decoration:none}
a:focus{outline:none}

	/* `Page Structure
----------------------------------------------------------------------------------------------------*/

#page-wrap{width: 832px;margin: 60px auto 0;background: url(img/bg-paper.jpg) repeat;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
header{height: 190px;position: relative;}
header, .col_1{border-bottom: 1px solid #e7e3d2;}
aside{
	position:relative;
	float: right;
	width:250px;
	background: #fff;
	padding: 2em;
	margin:0 0 1em 1em;
	z-index: 2;
	}


	/* `Content Styles
----------------------------------------------------------------------------------------------------*/

#headerImg{float: right; margin-top: 16px;}
#logo{width: 200px;padding: 16px 0;margin: 0 auto;}
#logo a{
	margin:0;
	height: 111px;
	width: 200px;
	background: url(img/logo.jpg) no-repeat; 
	display: block;
	}
#fourty-seven{ 
	background: url(img/47logo-numeral.gif) no-repeat bottom right;
	width: 190px; 
	height:138px;
	position: absolute;
	bottom:0;
	right:0;
	}
	
#left_col{width: 415px;}	
	#left_col b, #left_col strong, #left_col h2{color: #A39161;}
	body.blog .post{padding-bottom: 1em; margin-bottom: 1em;border-bottom:1px solid #E7E3D2 }

#mainimg{display: block;}
#right_col h2{font-size: 1.4em;margin-bottom: 0;}
#right_col p.thetime{margin-bottom: 1em}
#right_col p{margin-bottom: 1em;}

#right_col .padding{background: #fff;padding-top: 2em;}
#right_col .post{padding:17px 29px;background: #fff;}

#sightings, #fourty-seven{border-bottom: none;min-height:138px;}
#sightings{padding-bottom: 1em;}
	.page-template-page-nexus-php #sightings{margin-top: -100px;z-index: 1}
#sightings #flickrss a{
	display:block;
	width:75px;
	height:75px;
	margin:0px;
	float:left;
	padding: 0;
	border: 6px solid transparent;
	}
#sightings #flickrss a:hover{border: 6px solid #98813A}

aside li{list-style: none;}
aside li a{display: block}

#crumbs{padding: 1em 30px; border-bottom: 1px solid #E7E3D2; }
#crumbs a{padding: 0 .25em}

#bloghead{font-size: .75em;color: }

#blogimg{overflow: hidden;margin-bottom: 1em}

#respond{margin-top: 1.5em;}
body.single h1, body.blog h2{margin-bottom: .25em;}
p.thetime{ font-style: italic;}

/* SIDEBAR */

#connect{   
	border-color: #555;
	border-style: solid;
	border-width: 2px 0;
	margin: 0;
	padding: 14px 0 0;
}
.strip .action { border:0; margin:0; padding:6px 0 0 48px; height:40px; font-size:14px; line-height: 30px;font-weight: bold;}
.strip .action a, .strip a.action { color:#252e28; text-decoration:none; display: block;}
.strip .friend { background:url(img/facebook_40.png) no-repeat top left; }
.strip .follow { background:url(img/twitter_40.png) no-repeat top left; }
.strip .tumblr { background:url(img/tumblr_40.png) no-repeat top left; }
.strip .instagram { background:url(img/instagram_40.png) no-repeat top left; }
.strip .buy { background:url(img/icon_basket.png) no-repeat top left;color: #8F1116 !important; }
.strip .email { background:url(img/icon_email.png) no-repeat top left; }

.tickercontainer{height:84px;margin-bottom: 10px;}
.twitter{position: relative;margin: 10px;padding: 0;}
.twitter li{list-style: none;position: absolute;top: 0;left: 0;margin: 0;padding:0;font-style: italic;}
.twitter li:before{content: "\0022"}
.twitter li:after{content: "\0022"}
.twitter li a{text-decoration: underline}

#blurb{
	font-family: Georgia,serif;
	font-size: 13px;
	font-style: italic;
	line-height: 20px;
	padding: 20px;
	background: #FBF9F1;
}

#blurb:hover{background: #fff;}

	/* `Navigation
----------------------------------------------------------------------------------------------------*/

nav ul 		{list-style:none;width: 580px;margin: 0 auto;clear: both;}
nav ul li	{ display:inline;margin:0 8px;font-size: 18px; }
nav ul li a{color: #000; text-decoration: none;}
nav ul li.current_page_item a{color: #265279}
nav ul li a:hover{color: #265279}

	/* `Footer
----------------------------------------------------------------------------------------------------*/

footer{width:832px;margin:0 auto;background: #000;padding-top: 10px;position: relative}
footer a{margin-left: 4px;}

#flickrss{width: 620px;}

	/* `Tabs
----------------------------------------------------------------------------------------------------*/
#all-list-wrap{ padding-bottom: 1em; }
#all-list-wrap div{margin-right: 2em;}
#organic-tabs ul li:last-child a { border: none; }
#explore-nav { overflow: hidden; margin-bottom: 1em;border-bottom: 2px solid #4D4427;padding-top: .35em }
#explore-nav li { float: left; list-style: none;font-size: .857em;}
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { 
	border: 0;
	padding: .35em .75em .3em;
	color: #fff;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;

	text-decoration: none;
	margin-right: .25em;
	background: #265279;

 }
#explore-nav li a:hover { background-color: #4D4427; }
#archives, #tags, #awards, #talkers { display: none; }
#explore-nav li#tabs-latest a.current, #explore-nav li#tabs-tags a.current, #explore-nav li#tabs-awards a.current, #explore-nav li#tabs-archives a.current,
#explore-nav li#tabs-talkers a.current {background-color:#4D4427; }
#organic-tabs #all-list-wrap ul li a:hover { background-color: transparent; color: #4D4427 !important; }
#organic-tabs #all-list-wrap #tags li a{display: inline;}

	/* `Wines
----------------------------------------------------------------------------------------------------*/
div.wine{
	border: 1px solid transparent;
	margin:0 1em 1em 0; 
	list-style: none;
	float: left;
	padding: 10px;
	display: block;
	width: 100%;
	
	}
div.wine:hover{
	cursor: pointer;
	background: #fff;
	}
		
div.wine img{float: left;margin:0 2em 0 1em;}
div.wine a{text-decoration: none;}

div.wine_info{
	margin: 1em 0 1em 1em;
	}
div.wine_info h1{color: #454144;margin-bottom: .25em}
div.wine_info h2 a{margin-bottom: 1em;color: #265279;}
div.wine_info h2 a:hover{color: #4D4427}
div.wine_image{width: 100px; margin: 0 auto}
.wineimg{float: left;margin-right: 1em;}
div.textbox{margin-bottom: 1.5em;}

.conversational{font-family: Georgia, serif; font-style: italic; }

#detail-interior{
	padding: 30px 0; 
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

.consumer{background: #fff;}
.consumer .wine_image{width: 100px;float: left;margin: 0 2em;}

#menucat li{list-style: circle;}
#menucat li a{display: block;}
#menucat li a:hover{font-weight: bold}

div.hovered:hover h2 a{color: #4D4427}

	/* `Forms
----------------------------------------------------------------------------------------------------*/

ol.forms 						{ list-style: none; margin: 0; width: 100%; }
ol.forms li 					{ float: left; margin-bottom: 18px; position: relative;width: 100%;}
ol.forms label 					{cursor: pointer;}
ol.forms input, 
ol.forms textarea,
#commentform input,
#commentform textarea, input#s	{ padding: 5px; border: 1px solid #ccc;font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; }
ol.forms textarea 				{ height: 100px; width: 334px; }
ol.forms input:focus, 
ol.forms textarea:focus,
#commentform input:focus,
#commentform textarea:focus,
input#s:focus					{ background-color: #fff; border: 1px solid #000; }

.mp-form input							{ margin: 5px 0;}

.error 								{ color: #f00; }
ol.forms li .error 					{ font-size: 10px; }
ol.forms li.textarea .error 		{display: block;position: absolute;left: 5px;bottom: 5px;width: 100px;}
ol.forms li.screenReader 			{ margin-bottom: 0; }
ol.forms li.buttons, 
ol.forms li.inline 					{ float: right; }
ol.forms li.inline input 			{ width: auto; }
ol.forms li.inline label 			{ display: inline; float: none; width: auto; }
ol.forms input#sendCopy				{ margin-right: 10px;}

.col{float: left;width: 220px;}
.text_input{width: 200px}

	/* `Utility Classes
----------------------------------------------------------------------------------------------------*/

br.clear			 	{ clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.clear					{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after 		{ clear: both; height: 0;display: block; visibility: hidden;content: "."; }
.clearfix 				{ display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.a 						{ position: absolute; left: -9999px; }
.alignleft				{ float:left; margin: 0 1em 0 0; }
.alignright				{ float:right; margin: 0 0 0 1em;}
.wp-caption-text		{ font-size: 0.75em; /* 12px */ line-height: 2em; font-style: italic;}
.emphasis{font-size: .65em; font-style:italic;}

.alpha					{ margin-left: 0 !important;}
.omega					{ margin-right: 0 !important;}
.nomargin				{ margin-right: 0 !important; margin-left: 0 !important;}

button,a.button, a.button:visited, input#searchsubmit{
	background: #265279;
	font-size: .75em;
	border: none;
	cursor: pointer;
	padding: .35em .75em .25em;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-right: .5em;
	}

button:hover,a.button:hover, input#searchsubmit:hover{background:#A39161;}

.col_1, .col_2{float:left;margin:0;overflow: hidden;background: transparent;}
.col_1{width: 416px}
.col_2{width: 832px}
.noOverflow{height: 287px;}
.padding{padding:20px 32px}

	/* `Nexus
----------------------------------------------------------------------------------------------------*/
#grid-content{width: 564px;margin: 20px auto;}
.adot{float:left;display: block;}
.adot a{width:52px;height:52px;margin:20px;display: block;background: url(img/adot.png) no-repeat bottom left;}
.adot a:hover{background-position: top left;}

.adot div{
	background: transparent url(img/bg-80-red.png) repeat;
	color: #FFF;
	position: absolute;
	top: -35%;
	left: -35%;
	width: 180px;
	z-index: 999;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px #666; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #666; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #666; /* Opera 10.5, IE 9.0 */
	}
.adot div p{	
	text-align: center;
	padding: 12px;
	font-style: italic;
	margin: 0;
	font-family: Georgia, Times, serif;
	position: relative;
	z-index: 9999;
}


nav ul {
list-style: none;
width: 700px;
margin: 0 auto;
clear: both;
}