/*
Theme Name: Steam Whistle Brewing
Theme URI: http://www.steamwhistle.ca
Description: Our first incarnation of the Steam Whistle Blog.
Version: 1.0
Author: Sean Zaffino
Author URI: http://www.steamwhistle.ca
Tags: green, custom header and footer, fixed width, two columns, widgets.
	

*/



/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
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{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

body	{
	padding:0;
	font-size:1em;
	/*background: #079e00 url(../images/backgrounds/topBanner3.jpg) no-repeat top center;*/
	background: url(http://www.steamwhistle.ca/images/backgrounds/topBanner.gif) no-repeat center 16px #079e00;
	margin: 0;
	font-family:"minion-pro-1","minion-pro-2", Georgia, "Times New Roman", Times, serif;
}


#container	{
	position: relative;
	margin: 0 auto;
	width: 960px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

footer	{
	clear:both;
	margin: 15px 0 30px 0;
	width: 100%;
	background: #fff;
}

#mainContent	{
	width:956px;
	clear:both;
	margin: 10px auto 0 auto;
}

#contentWrapper	{ width: 900px; margin: 15px auto; position:relative }


#leftCol	{ width: 550px; float:left; }
#rightCol	{ width: 295px; float:right }

.post	{ margin-bottom: 25px; border-bottom: 1px solid #aaa; padding-bottom: 25px }



/*------------------------------------*\
  SOCIAL MEDIA BAR
\*------------------------------------*/

#social	{ 
	width: 100%;
	height: 66px;
	background: url(http://www.steamwhistle.ca/images/chromeBG.jpg) repeat-x;
}

#socialContainer	{
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

.socialButtons	{	width: 40%; }
.socialCap	{ float:left; background:none; margin: -5px 0 0 10px }
#newsletter {float: right; width: 44%; text-align:right }
#newsletter input[type=text], #newsletter input[type=submit] { 
	padding: 5px; 
	width:150px; 
	border-top-left-radius: 15px; 
	border-bottom-left-radius: 15px; 
	margin:0; 
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif; 
	font-size:10pt;
	border:none;
	float:left;
	font-weight:700;
	text-align:center;
}
#newsletter input[type=submit] { 
	width:100px;
	border-radius: 0; 
	border-top-right-radius: 15px; 
	border-bottom-right-radius: 15px; 
	background: #079e00;
	background: -moz-linear-gradient(100% 100% 90deg, #068300, #079e00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#079e00), to(#068300));
	background: -webkit-linear-gradient(#079e00, #068300);
	color: #fff;
	box-shadow:inset 2px 1px 1px #044e01;
	font-weight:700;
}

#newsletter input[type=text]	{
	padding: 6px;
	background: -moz-linear-gradient(100% 100% 90deg, #c5c5c5, #ffffff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c5c5c5));
	background: -webkit-linear-gradient(#ffffff, #c5c5c5);
	box-shadow:inset 2px 1px 1px #999999;
}

p.social 	{
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif;
	font-weight: 700;
	font-style:normal;
	font-size: 1.5em;
	color: #999;
	float:left;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -1px;
}

.tooltip {
	display:none;
	background:url(http://www.steamwhistle.ca/images/tooltip.png) no-repeat top center;
	height:180px;
	padding:40px 22px 10px 22px;
	width:236px;
	color:#000;
	z-index:2000;
}

.tooltip p {
	font-size:10pt;
	line-height:10pt;
	margin: 5px 0;
	color: #555;
}

.tooltip p.socialTitle	{
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif;
	font-size: 13pt;
	text-transform: uppercase;
	color:#079e00;
	font-weight: 700;
	text-align:center;
	width: 100%;
	border-bottom: 1px solid #079e00;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.tooltip p.socialSubTitle	{
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif;
	font-size: 11pt;
	text-transform: uppercase;
	color:#555;
	font-weight: 700;
	text-align:left;
	width: 100%;
	padding-bottom: 2px;
	margin-top: 10px;
}

#FlickrImagesHome ul	{margin: 0; padding:0; }

#FlickrImagesHome ul li { float: left; margin: 1px 1px 0 0; padding:0; list-style:none; }

.tweetPic	{ float:left; margin: 0 10px 0 0; padding: 5px; border: 1px dotted #ddd; }
.tweettext	{ font-size:10pt; line-height:14pt; margin: 8px 0; }
.tweet	{ border-bottom: 1px dotted #ccc; }
.twitter-follow-button {margin: 10px 0; }


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


#navWrapper	{ height: 39px;  position:absolute; width: 960px; top: 275px; left:0; z-index:100; background:#005daa;  }
#navigation { width: 965px; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", Verdana, Arial, Helvetica, sans-serif; background:#005daa; }
#navigation ul	{	list-style: none; background:#fff; margin:0;  }

#navigation ul li	{ 
	display:block; 
	width:14%; 
	float:left; 
	text-align:center; 
	text-transform:uppercase; 
	font-size: 16pt; 
	color:#fff;
	background: #005daa;
	padding: 10px 0 8px 0; 
	cursor:pointer;
	position:relative;
	z-index:1000;
}

#navigation ul li.final { width: 16%; }

#navigation ul li ul {
	position:absolute;
	left: -999em;
	border:3px double #005daa; 
	border-top: none; 
	padding-top:10px;
	top: 40px;
	width:100%;
	-moz-box-shadow: 3px 3px 3px #333; 
	-webkit-box-shadow: 0px 0px 10px #333; 
	box-shadow: 3px 3px 3px #333; 
}

a.topLink:link, a.topLink:visited	{ color: #fff; text-decoration:none; display:block; padding: 0 }

#navigation ul li:hover { text-shadow: 0 0 8px #fff; }
#navigation ul li:hover ul { left: auto; clear:both; }
#navigation ul li ul li {font-size:11pt; display:block; float:none; width: 100%; padding: 5px 0; background: #fff;}
#navigation ul li ul li.bottom { margin-bottom: 10px }

#navigation ul li ul li a:link, #navigation ul li ul li a:visited { color: #005daa;	text-decoration:none; }
#navigation ul li ul li a:hover {color: #079e00; text-decoration:underline; }

.hover {display: block}

a.quickLink:link, a.quickLink:visited	{ 
	display:block; 
	width: 295px; 
	height: 47px; 
	padding: 5px 0; 
}


a.quickLink:hover, a.quickLink:active	{ background:#dddddd; }


ul { list-style: circle; font-family: "minion-pro-1","minion-pro-2", Times, Georgia, serif; margin: 10px 10px; font-size:10pt;  }
li { padding:5px 0; }

header {text-align: center; min-height: 222px; }

#header	{ min-height: 322px; }

#mainImage	{
	
	margin: 0 auto;
	width: 906px;
	padding: 15px 0 0 0;
	min-height: 406px;
	position:relative; 
}

.wp-caption	{padding: 10px; border: 1px solid #ccc; text-align:center; margin: 10px 0; }


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

#s { width: 75%; }
#searchsubmit	{ border: none; background: #005daa; color: #fff; padding: 3px 1%; width: 21%; border-radius: 15px; font-weight: 600; }


/* ---------------------- Typography ----------------------------- */

h1	{
font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Times New Roman", Georgia, Times, serif;
color:#005daa;
border-bottom:2px dotted #005daa;
margin-bottom: 10px;
padding-bottom: 5px;
font-weight: 600;
font-size:2.2em;
text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.35);
text-transform: capitalize;
}

.pageTitle	{
	margin-bottom: 20px;
}

h2	{
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: 700;
	font-size: 18pt;
	text-transform: capitalize;
	margin: 0 0 5px 0;
	padding: 0;
	/*text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.35);*/
}

h3	{
font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Times New Roman", Georgia, Times, serif;
color:#333;
width: 100%;
/*border-bottom:2px dotted #005daa;*/
margin: 10px 0;
padding:10px 0 0 0;
font-weight: bold;
font-size:15pt;
clear:both;
/*text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.35);*/
}

h4	{
font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Times New Roman", Georgia, Times, serif;
margin: 10px 0 ;
padding:10px 0 0 0;
font-weight: 600;
font-size:13pt;
line-height: 15pt;
clear:both;
color:#666;
border-top: 1px dashed #aaa; 
}

h5	{
	margin:20px 0 0 0;
	color:#005daa;
	font-weight:bold;
}

h5.fBookShare, h5.eDetails	{
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Times New Roman", Georgia, Times, serif;
	margin:9px 0 10px 0;
	color:#079e00;
	padding:9px 0 9px 60px;
	border-bottom: 1px solid #079e00;
	font-weight:bold;
	font-size: 14pt;
	background: url(../images/events/facebookCap.jpg) no-repeat 10px 5px;
	text-shadow: 1px 1px 0px #343434;
	text-transform:uppercase;
}

h5.eDetails { background: none; padding:0 0 9px 0; }

#homeLocatorAddress label, .enews { 
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	color:#666666;
	font-size:9pt;
	line-height: 10pt;
}

p	{
	font-size: 12pt;
	color: #333;
	line-height: 16pt;
	margin: 0 0 10px 0;
	padding:0;
}

p.subhead	{
	color: #005daa;
	font-size: 18pt;
	line-height:20pt;
}

em	{ font-style:italic;	}

.green	{color:#079e00;}

.white	{color:#fff;}

.red	{color: #990000; }

.boldGreen	{font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", "Times New Roman", Georgia, Times, serif; color:#079e00; font-weight:600; text-decoration:underline;}

.lighter	{color: #444}

.larger {font-size: 1.3em; }

.blue	{color: #005daa}


p	{
	font-size: 12pt;
	color: #333;
	line-height: 16pt;
	margin: 0 0 10px 0;
	padding:0;
}

strong { font-weight: bold; }

.wp-caption-text { font-size: 12pt; text-align: center; color: #778fa2; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif; margin:5px 0; }

a:link, a:visited	{
	color: #005daa;
	text-decoration:none;
}

a:hover, a:active	{ text-decoration:underline;}
a img {border:none}

.details	{ font-size: 10pt; color: #777; margin-bottom:15px }
.clear {clear: both; }

label	{
	text-transform: capitalize;
	font-size:14pt;
	color:#666;
	display:block;
	font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif;
	font-weight:600;
}

ul#sidebar { margin: 0; padding: 0; list-style-type:none}
ul#sidebar li { margin: 0 0 15px 0; padding: 0 0 15px 0; }
li#search { background: url(images/search.jpg) no-repeat left top; }
li#search label {text-indent: 30px; padding-top:4px }
#archives, #categoryList {list-style: none; margin: 0; padding: 0; }
#archives li, #categoryList li { background: url(images/bottle_cap.jpg) no-repeat left top; text-indent: 38px; display: block; width: 45%; float:left; margin-right:4%; height:25px;  }
#archives li a, #categoryList li a {padding-top: 7px; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2", sans-serif; font-size: 12pt }

.form-label { float: left; width: 40%; clear: left; height: 50px; }
.form-input { float: left; width: 55%; }
.form-input input[type=text], .form-input textarea { width: 100%; }
.form-submit { clear: both; }
.required { color: #990000; float: left; }

.comment { display: block; }
.comment-author { float: left; width: 90px; height: 90px; }
.comment-content { font-size:14pt; width: 400px; float:right }
.comment-content p { font-size: 14pt; line-height: 16pt; color: #555; margin: 8px 0; }
.comment-meta { font-size: 9pt; color: #888; display: block; padding: 5px 0; margin-bottom: 5px; }

.unapproved { padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dotted #e0e0e0; color: #990000; display: block; }
.fn { font-size: 10pt; }
.commentList { margin: 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #e0e0e0; }
.comment-reply-link { font-size: 10pt; }