/*
Theme Name: 20something - the new vintage
Theme URI: http://www.thenewvintage.com
Description: Theme developed for the 20something
Version: 1.0
Author: Heather Flyte
Author URI: http://www.varsitycommunications.com
*/
@import url('reset.css');

body {
	background:#000000 url(images/20s_bg.jpg);
	font:20px/28px "Trebuchet MS", sans-serif, Helvetica;
	color:#888;
	letter-spacing:.3px;
	font-weight:normal;
	margin:0px auto;
	text-align:center;
	text-rendering:optimizeLegibility;}

a {
	color:#FFFFFF;}
a:hover {
	color:#CCCCFF;}
	
/*header.php*/
#social {
	width:676px;
	margin:20px auto 5px auto;
	text-align:right;
	font-size:13px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;}
	
	#social a img {
		margin-bottom:-8px;
		-moz-opacity:.6;
		-webkit-opacity:.6;
		opacity:.6;	}
	#social p.tweet {
		display:inline-block;
		width:550px;
		line-height:14px;
		text-align:center;}


#header {
	margin:0px auto;
	padding:10px 0px;}
	
	#header h1 a {
		display:block;
		cursor:pointer;
		width:637px;
		height:136px;
		text-indent:-99999px;
		outline:0;
		margin-left:20px;
		margin-top:10px;
		background-image:url(images/20s_logo.gif);}	
	
#page {
	width:676px;
	margin:5px auto;
	padding:1px;
	text-align:center;
	background-color:#333333;
	background-image:
	-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(189,189,189)),
		color-stop(0.51, rgb(135,135,135)),
		color-stop(0.75, rgb(102,99,99))
	);
	background-image:
		-moz-linear-gradient(
		center top,
		rgb(189,189,189) 0%,
		rgb(135,135,135) 51%,
		rgb(102,99,99) 75%
	);}

#inner {
	width:675px;
	background-color:#000000;
	text-align:center;}
	
/*index.php, home.php, inside.php*/
#content {
	width:600px;
	margin:8px auto;}
	
	#content #entry p {
		margin:5px 15px 20px 15px;}
	#content #entry p strong {
		color:#CCCCCC;}
	#content #entry h3 {
		color:#CCCCCC;
		font-size:24px;}
	
	#content hr {
		border:0;
		padding:38px;
		background-color:#000000;
		margin:0px auto;
		padding-bottom:10px;}
	#content hr.top {
		background:url(images/rule_top.gif) top center no-repeat;}
	#content hr.bottom {
		margin-top:20px;
		background:url(images/rule_bottom.gif) top center no-repeat;}
	#content h2.date {
		margin:3px auto;
		margin-left:-20px;
		background:#000000 url(images/20s_date.gif) top center no-repeat;
		width:637px;
		height:321px;
		display:block;
		text-indent:-999999px;
		outline:0;}

/*sip.php*/	

ul#wineries {
	text-align:left;
	width:400px;
	margin:5px auto;
	font-size:14px;}
	
	ul#wineries li a {
		padding-bottom:5px;}
	ul#wineries li ul {
		margin-left:20px;
		font-size:12px;}

/*connect.php*/
#twitter {
	width:500px;
	margin:5px auto;
	padding:10px;
	text-align:left;
	background-color:#999999;
	color:#000000;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;}
	
	#twitter li {
		list-style-type:none;}
		
	#twitter li h2 a {
		text-align:left;
		list-style-type:none;}
		
	#twitter li ul li {
		text-align:left;
		font:12px/15px Georgia, "Times New Roman", Times, serif;
		margin:10px 0px;
		padding:5px;
		background-color:#888888;
		list-style-type:none;
		border-radius: 10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;}

/*menu.php*/

ul#menu {
	width:674px;
	margin:0px auto;
	font:12px/15px sans-serif;}
	
	#menu li {
		list-style-type:none;
		padding:0;
		margin:0;}
	
	#menu li a {
		display:block;
		float:left;
		width:16.66%;
		padding:5px 0px;
		text-align:center;
		text-decoration:none;
		background-color:#333333;
		color:#CCCCCC;
		background:
		-webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.49, rgb(125,123,128)),
		    color-stop(0.83, rgb(42,42,43))
		);
		background:
		-moz-linear-gradient(
		    center top,
		    rgb(125,123,128) 49%,
		    rgb(42,42,43) 83%
		);}
	#menu li a:hover, #menu li:hover a {
		background:
		-webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.49, rgb(42,42,43)),
		    color-stop(0.83,rgb(125,123,128))
		);
		background:
		-moz-linear-gradient(
		    center top,
		    rgb(42,42,43) 49%,
		    rgb(125,123,128) 83%
		);}
	
	#menu li a span {
		font-family:Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";
		font-size:16px;
		letter-spacing:1px;
		vertical-align:text-bottom;}
		
		
/*sponsors.php*/	
#sponsors {
	margin:10px auto;
	text-align:center;}
	
	#sponsors h4 {
		text-transform:uppercase;
		color:#333;
		letter-spacing:.5px;
		font-size:14px;
		margin-top:20px;}
	#sponsors a img {
		margin:8px;
		display:inline;
		vertical-align:middle;
		-moz-opacity:.6;
		-webkit-opacity:.6;
		opacity:.6;}
		
/*footer.php*/
#footer {}
	
	#footer {
		font-size:10px;
		font-weight:normal;
		text-align:center;}