/*
Theme Name: BKLYN Green Drinks 2010 Theme
Theme URI: http://wordpress.org/
Description: Theme designed by Marco Carag
Author: Marco Carag
Author URI: http://bklyngreendrinks.org
Tags: custom header, fixed width, two columns, widgets

	I created this for the custom design of BKLYN Green Drinks' website. Has plenty of CSS3 in it.

*/


.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	display: inline;
	float: left;
	margin: 0 10px;
	overflow: hidden;
}
.row {
	clear:both;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:20px;
	width: 960px;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/*
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, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {background-color:#ff9;color:#000;text-decoration:none;}mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}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 #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/League-Gothic
 *
 *
 */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('type/League_Gothic.eot');
	src: local('League Gothic'), local('LeagueGothic'), url('type/League_Gothic.woff') format('woff'), url('type/League_Gothic.ttf') format('truetype'), url('type/League_Gothic.svg#LeagueGothic') format('svg');
}

/* General redeclarations */
body{
	background-color:#999;
	background-image:url(images/bg_tile.gif);
	color:#333;
	font-family:Arial,sans-serif;
}
body *{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
p{
	margin-bottom:1em;
	font:normal .8em Arial,sans-serif;
	line-height:2em;
}
a:link, a:visited {
	color:#ddd;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(0,0,0,1);
}
a:active, a:hover {
	color:#fff;
	text-decoration:none;
	text-shadow:3px 3px 3px rgba(0,0,0,1);
}
	.bodytext a{}
#sidebar h2,
h3{
	color:#fff;
	font-family:"LeagueGothicRegular",Helvetica,Arial,sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}
em{
	font-family:Georgia,serif;
	font-style:oblique;
}
small{font-size:.7em;}

/**
Main Header
**/
#page{overflow:hidden;}
#watermark{
	margin-left:-300px;
	position:fixed;
	top:100px;left:50%;
	z-index:5;
}
header#header{
	background-color:rgb(52, 41, 37);
	border-bottom:3px solid #669900;
	box-shadow:0 0 6px rgba(0,0,0,.75);
	-moz-box-shadow:0 0 6px rgba(0,0,0,.75);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,.75);
	position:relative;
	z-index:10;
}
header#header .row{
	background:linear-gradient(left,rgb(52, 41, 37),rgba(52, 41, 37,.5),rgb(52, 41, 37)),url(images/Brooklyn.jpg);
	background:-moz-linear-gradient(left,rgb(52, 41, 37),rgba(52, 41, 37,.5),rgb(52, 41, 37)),url(images/Brooklyn.jpg);
	background:-webkit-gradient(linear,left top,right top,from(rgb(52, 41, 37)),color-stop(0.5,rgba(95,62,47,.5)),to(rgb(52, 41, 37))),url(images/Brooklyn.jpg);
	border:0;
	margin-bottom:0;
	overflow:visible;
	padding:0;
}
	header#header .row:hover{
		background:linear-gradient(left,rgb(52, 41, 37),rgba(52, 41, 37,0.01),rgb(52, 41, 37)),url(images/Brooklyn.jpg);
		background:-moz-linear-gradient(left,rgb(52, 41, 37),rgba(52, 41, 37,0.01),rgb(52, 41, 37)),url(images/Brooklyn.jpg);
		background:-webkit-gradient(linear,left top,right top,from(rgb(52, 41, 37)),color-stop(0.5,rgba(52, 41, 37,0.1)),to(rgb(52, 41, 37))),url(images/Brooklyn.jpg);
	}
header#header .padder{
	height:200px;
	position:relative;
}
header#header h1{
	background:transparent url(images/bkgd_main_sprite.png) no-repeat 0 -89px;
	float:none;
	margin-left:-80px;
	opacity:.5;
	padding-bottom:1px;
	position:absolute;
	top:78px;
	width:227px;height:95px;
}
header#header h1 a{
	background:transparent url(images/bkgd_main_sprite.png) no-repeat 0 -185px;
	height:95px;
	display:block;
	text-indent:-9999px;
	opacity:0;
}
	header#header h1,
	header#header h1 a{
		/*transition:all .1s ease-in-out;
		-moz-transition:all .1s ease-in-out;
		-o-transition:all .1s ease-in-out;
		-webkit-transition:all .1s ease-in-out;*/
	}
	header#header .row:hover h1,
	header#header .row:hover h1 a{
		opacity:1;
	}
/**
Main Footer
**/
#page > footer{
	background-color:#130;
	border-top:3px solid #333;
	border-bottom:50px solid rgba(0,0,0,.5);
	color:#6D994D;
	color:rgba(255,255,255,0.5);
	padding:15px 0 0;
	margin-bottom:0;
}
	#page > footer p{line-height:1.2em;}
	#page > footer p.column{
		font-size:.75em;
		font-style:normal;
		line-height:normal;
		margin-bottom:1em;
	}
	#page > footer #plug{text-align:right;}
/*Hosts*/
#hosts{}
	#hosts h3.column{margin-bottom:1em;}
	#hosts article{
		background:transparent url(images/bkgd_hosts_sprite.png) no-repeat 0 0;
		height:150px;
		margin-bottom:1em;
		padding-left:160px;
	}
		#hosts article h1{
			color:#fff;
			font-size:0.8em;
			margin-bottom:1em;
			text-shadow:1px 1px 1px #000;
		}
		#hosts article#eugene{background-position:0 -151px;}
		#hosts article#marco{background-position:0 -302px;}
		#hosts article#robbie{background-position:0 -453px;}
		#hosts article#jen{background-position:0 -604px;}

/**
Article
**/
#content{
	background-color:#42281E;
	background:linear-gradient(rgba(95,62,47,.75), rgba(0,0,0,0));
	background:-moz-linear-gradient(rgba(95,62,47,.75), rgba(0,0,0,0));
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(95, 62, 47,.85)),to(rgba(95, 62, 47,0)));
	color:#fff;
}
	#content .post,
	#content .postcontainer{
		border-bottom:3px solid #333;
	}
		#content .post .row{overflow:visible;}
/* Header */
.postheader{overflow:visible;}
article header{
	opacity:.75;
	padding:20px 0 0;
	/*transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;*/
}
article#content header{opacity:1;}/*Single view is full opacity*/
article header:hover{opacity:1;}
	article header h2{
		color:#fff;
		font:normal 63px "LeagueGothicRegular",Arial,sans-serif;
		letter-spacing:-1px;
		line-height:1em;
		text-transform:uppercase;
		text-shadow:3px 3px 3px rgba(0,0,0,.75);
	}
		article header h2 a{color:#fff !important;}
	article header h3{
		color:rgb(196,128,64);
		font:normal 36px "LeagueGothicRegular",Arial,sans-serif;
	}
	.posttext .grid_4,
	article footer.column{
		color:#614a40;
		overflow:visible !important;
		text-shadow:1px 1px 0 #000;
	}
	article footer.column{
		background:transparent !important;
		border:none;
		font-size:.7em;
		line-height:1.1em;
		margin:0;
		padding:10px 0 0;
	}
		article footer.column a,
		.posttext .grid_4 small a{
			color:#715a50;
		}
			article footer.column:hover a,
			.posttext .grid_4 small:hover a{color:#816a60;}
			.posttext .grid_4 small a:active,
			.posttext .grid_4 small a:hover,
			article footer.column a:active,
			article footer.column a:hover{color:#917a70;}
		article.post footer.column{
			clear:both;
			display:block;
			float:none;
			margin-left:250px;
			padding-top:20px;
		}
/*Sharing*/
#sharing{
	-webkit-border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
	background-color:rgba(255, 255, 255, 0.25);
	border-color:rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) -moz-use-text-color;
	border-style:solid solid solid none;
	border-width:1px 1px 1px 0;
	height:auto;
	left:0;
	list-style:none outside none;
	opacity:.25;
	overflow:hidden;
	position:absolute;
	top:300px;
	z-index:100;
}
	#sharing li{
		display:block;
		overflow:hidden;
		padding:5px;
		text-align:center;
	}
		#sharing li h4{
			border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
			-moz-box-shadow:-1px -1px 0 #A18A80, 1px 1px 2px #000000;-webkit-box-shadow:-1px -1px 0 #A18A80, 1px 1px 2px #000000;box-shadow:-1px -1px 0 #A18A80, 1px 1px 2px #000000;
			background-color:#614A40;
			color:#A18A80;
			cursor:pointer;
			font:oblique 1em/1em Georgia,serif;
			left:2px;
			opacity:1;
			padding:4px;
			position:absolute;
			text-shadow:-1px -1px 0 #210A00;
			top:2px;
		}
	#sharing:hover{opacity:1;}
		
/* venue photo */
.bodytext .grid_4 > a{
	background-color:#ccc;
	background:linear-gradient(45deg,#ccc,#ddd 90%,#999);
	background:-moz-linear-gradient(45deg,#ccc,#ddd 90%,#999);
	box-shadow:1px 1px 10px #000,inset -1px -1px 1px #555,inset 1px 1px 1px #fff;
	-moz-box-shadow:1px 1px 10px #000,inset -1px -1px 1px #555,inset 1px 1px 1px #fff;
	-webkit-box-shadow:1px 1px 10px #000;
	-webkit-box-shadow:1px 1px 10px #000,inset -1px -1px 1px #555,inset 1px 1px 1px #fff;
	position:absolute;
	transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	z-index:50;
}
.bodytext .grid_4 > a img{
	margin:3px 3px 20px;
	width:300px;
}

/* Post Text*/
.posttext .grid_5{padding-top:20px;}
.posttext p,
.posttext address{
	color:#a18A80;
	font:normal .9em/2em Georgia,serif;
	text-shadow:1px 1px 0 #000;
}
.posttext p:first-child{
	font:35px/36px LeagueGothicRegular,sans-serif;
	margin:6px 0 13px;
}
.posttext ul{
	color:#777;
	font:normal .8em Arial,sans-serif;
	list-style:square outside;
	line-height:2em;
	margin-bottom:1em;
	padding-left:14px;
}
.posttext ul li{
	margin-bottom:.5em;
}
.bodytext .wpbuzzer_button{display:none;}
/*Old Posts*/
.latest .oldpostlink{display:none;}
.postcontainer{
	height:14.75em;
	overflow:hidden;
	position:relative;
	z-index:10;
}
	.postcontainer .oldpostlink{
		background-color:rgba(0,0,0,.5);
		display:block;
		position:absolute;
		text-indent:-9999px;
		/*transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;*/
		width:100%;height:14.75em;
		z-index:60;
	}
		.postcontainer .oldpostlink:hover{background-color:transparent;}
	.postcontainer article{
		opacity:.5;
		/*transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;*/
	}
		.postcontainer .oldpostlink:hover + article{opacity:1;}
		.postcontainer .posttext .grid_4{padding-top:20px;}
			.postcontainer .posttext .grid_4 aside{display:none;}
			.postcontainer .posttext .grid_4 .flickr-image img{width:150px;}
		.postcontainer header h2{font-size:48px;}
		.postcontainer header h3{font-size:24px;}
			.postcontainer article .bodytext p{font:normal 0.7em/2em Arial,sans-serif !important;}
/*Map*/
#map{
	text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none;
	width:300px;height:250px;
}
	#map .gmnoprint{font-size:.9em;line-height:1.5em;}
	#map  a{color:#000 !important;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none;}
	#map:hover a{text-decoration:underline;}
	#map a:active,
	#map a:hover{background-color:#ccc;}
/*Article Meta*/
.article_meta{
	background-color:rgb(153,142,138);
	background-color:rgba(255,255,255,.33);
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	margin-top:20px;margin-bottom:20px;
}
	.article_meta .padder{padding:20px;}

/* Sociable */
#sociable{}
	#sociable ul{
		list-style:none;
	}
	#sociable li{
		float:left;
		margin-right:10px;
		margin-bottom:15px;
	}
	#sociable li#sociablelast{
		margin:0;
	}

/* Comments */
#comments{
	clear:both;
	display:block;
	float:none;
}

/* Supporters */
#supporters{
	border-top:3px solid #333;
	background-color:rgb(196, 128, 64);
	background-color:rgba(196, 128, 64, 0.5);
	padding:20px 0;
	overflow:hidden;
	width:auto;
}
#supporters h3{margin-left:10px;}
#supporters .row{overflow:visible;}
#supporters ul{list-style:none;}
#supporters ul li{
	background-color:#fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-top:8px solid #e30;
	float:left;
	height:128px;
	margin:0 10px 10px 0;
	opacity:.5;
	padding:5px 5px;
	text-align:middle;
	/*transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;*/
}
	#supporters ul li:hover{
		box-shadow:0 0 12px rgba(255,255,255,1);
		-moz-box-shadow:0 0 12px rgba(255,255,255,1);
		-webkit-box-shadow:0 0 12px rgba(255,255,255,1);
		opacity:1;
	}
#supporters a{
	background:url(images/bkgd_supporters_sprite.png);
	float:left;
	text-indent:-9999px;
	width:220px;
}
#supporters a.sup_3rliving{
	background-position:0 -334px;
	height:56px;
}
#supporters a.sup_habanaoutpost{
	background-position:0 -118px;
	height:66px;
}
#supporters a.sup_greendrinksnyc{
	background-position:0 0;
	height:118px;
}
#supporters a.sup_greenedgenyc{
	background-position:0 -712px;
	height:76px;
}
#supporters a.sup_o2nyc{
	background-position:0 -185px;
	height:71px;
}
#supporters a.sup_rollingpress{
	background-position:0 -391px;
	height:69px;
}

/**
Bottom Modules
**/
#bottommodules{
	background-color:rgb(32,32,32);
	background:linear-gradient(-90deg, #000, rgba(0,0,0,.5));
	background:-moz-linear-gradient(-90deg, #000, rgba(0,0,0,.5));
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.5)));
	clear:both;
	color:#aaa;
	padding-top:20px;
}
	#bottommodules h1,
	#bottommodules h2,
	#bottommodules h3{color:#fff;}
.widget{
	margin-bottom:20px;
}
	#wp-calendar{
		font-size:.8em;
	}
		#wp-calendar table{
			width:295px;
			border:1px solid #777;
			border-collapse:collapse;
			margin:0 auto;
		}
			#wp-calendar table caption a{
				display:block;
				padding:5px 0;
			}
		#wp-calendar th,
		#wp-calendar td{
			background-color:#ccc;
			border:1px solid #777;
			padding:10px 0;
			text-align:center;
			vertical-align:middle;
		}
			#wp-calendar th{
				background-color:#666;
				color:#ccc;
			}
			#wp-calendar td.pad{
				background-color:#999;
			}
			#wp-calendar td#today{
				background-color:#777;
				color:#fff;
			}
			#wp-calendar td.ec3_eventday{
				background-color:#aaa;
				box-shadow:1px 1px 3px #FFFFFF, -1px -1px 3px rgba(0, 0, 0, 0.5);
				-moz-box-shadow:1px 1px 3px #FFFFFF, -1px -1px 3px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow:1px 1px 3px #FFFFFF, -1px -1px 3px rgba(0, 0, 0, 0.5);
				font-weight:bold;
				text-shadow:1px 1px 1px #000;
			}
				#wp-calendar td.ec3_eventday:hover{
					background-color:#9c0;
				}
				#wp-calendar td.ec3_eventday a{
					color:#fff !important;
				}
				
		#wp-calendar .nav{
			margin-bottom:10px;
			border:none;
		}
			#wp-calendar .nav td{
				border:none;
				padding:0;
				background-color:transparent;
			}
/*Tweets*/
#tweets .column{overflow:visible;}
#tweets .tweet_list{list-style:none;}
	#tweets .tweet_list li{
		float:left;
		margin:0 10px 10px 0;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		box-shadow:inset -1px -1px 1px #000000, 1px 1px 1px rgba(255, 255, 255, 0.25);
		-moz-box-shadow:inset -1px -1px 1px #000000, inset 1px 1px 1px rgba(255, 255, 255, 0.25);
		-webkit-box-shadow:1px 1px 1px #000000, -1px -1px 1px rgba(255, 255, 255, 0.25);
		background:linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,0));
		background:-moz-linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,0));
		background:-webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,.1)),to(rgba(255,255,255,0)));
		float:left;
		font-size:0.8em;
		height:100px;
		line-height:1.5em;
		margin:0 0 10px 10px;
		padding:10px;
		/*transition:all .25s ease-in-out;
		-moz-transition:all .25s ease-in-out;
		-o-transition:all .25s ease-in-out;
		-webkit-transition:all .25s ease-in-out;*/
		width:285px;
		word-wrap:break-word;
	}
	#tweets .tweet_list li.tweet_first{margin-left:0;}
		#tweets .tweet_list li:hover{
			background-color:rgba(102, 153, 0, 0.5);
			background:-moz-linear-gradient(top,rgba(206,255,150,.5),rgba(102, 153, 0, 0.5));
			background:-webkit-gradient(linear,center top,center bottom,from(rgba(206,255,150,.5)),to(rgba(102, 153, 0, 0.5)));
			color:#fff;
		}
	#tweets a[title~=view]{
		display:block;
		font-weight:bold;
	}
	#tweets .tweet_avatar,
	#tweets .tweet_avatar img{
		display:block;
		float:left;
		margin:0 5px 0 0;
	}
		#tweets .tweet_avatar img{border:1px solid rgba(255,255,255,.25);}
			#tweets .tweet_list li:hover .tweet_avatar img{background:#fff;}
/*Subscribe*/
#subscribe h4 a{
	background-image:url(images/bkgd_main_sprite.png);
	background-repeat:no-repeat;
	color:#aaa;
	display:block;
	float:left;
	font-size:.8em;
	margin:20px 10px 0 0;
	opacity:.5;
	padding-top:80px;
	text-align:center;
}
	#subscribe h4 a:active,
	#subscribe h4 a:hover{
		color:#ccc;
		opacity:1;
	}
	#subscribe h4.twitter a{
		background-position:0 0;
		width:56px;
	}
	#subscribe h4.rss a{
		background-position:-72px 0;
		margin-right:0;
		width:69px;
	}
	#subscribe h4.email a{
		background-position:-162px 0;
		width:70px;
	}
	#subscribe h4.buzz a{
		background-position:-240px 0;
		width:70px;
	}