BODY { padding:0; margin:0; background:#fff url('../img/bg.gif') center top repeat-x; font:12px/1.4 Arial,sans-serif; color:#fff; }
A { text-decoration:none; color:#9f0; }
A:hover { text-decoration:underline; color:#fff; }
IMG { border:none; display:block; }
FORM { padding:0; margin:0; }
INPUT.txt-input { padding:0; margin:0; color:#666; background:#fff; border:solid 1px #9f0; width:147px; height:21px; padding-left:8px; }

.clearall { clear:both; }

.wine { display: inline-block; vertical-align: text-top; *zoom: 1; *display: inline;}
.wine, x:-moz-any-link { display: -moz-inline-stack;} /* Fixes FF <= 2.x */
.wine, x:-moz-any-link, x:default { display: inline-block; *display: inline;} /* Resets FF > 2.x and IE >= 7.x */

.wine IMG { padding:11px; background:url('../img/menuimg_border.gif'); margin:17px 17px 0 0; }
.wine-last IMG { margin-right:0; }
.wine P { width:280px; }

.box { background:url('../img/box_bg.gif'); width:196px; height:168px; }
.box-inner { padding:17px 20px 0 20px; _padding:17px 18px 0 18px;.padding:17px 18px 0 18px;height:122px; font-size:11px; line-height:12px; }
.box-inner A { color:#fff; }
.box-inner A:hover { color:#9f0; }
.box-inner P { margin:0; padding:0; }
#box-signup { position:absolute; left:588px; top:329px; }
	#box-signup .box-inner { background:url('../img/box_signup_title.gif') 20px 17px no-repeat; }
	#box-signup .box-inner P { padding:29px 0 9px 0; }
	#box-signup-btn { width:107px; height:38px; position:absolute; left:70px; top:110px; }
#box-login { position:absolute; left:789px; top:329px; }
	#box-login .box-inner { background:url('../img/box_login_title.gif') 20px 17px no-repeat; }
	#box-login .box-inner P { padding-top: 11px; text-align:right; }
	#box-login .box-inner .txt-input { margin:6px 0 3px 0; }
	#box-login-btn { width:107px; height:38px; position:absolute; left:70px; top:110px; }
#box-logout { position:absolute; left:588px; top:364px; width:397px; height:98px; background:url('../img/box_logout_bg.gif'); }
	#box-logout-btn { position:absolute; left:271px; top:30px; }

#frame-outer { background:url('../img/frameouter_bg.gif') center 240px no-repeat; border-bottom:solid 15px #0ff; }
#frame { width:994px; margin:0 auto; padding: 562px 0 0;background:#fff url('../img/frame_bg.gif') center top repeat-x; position:relative; }

#intro { position:absolute; left:0; top:66px; width:184px; height:323px; background:url('../img/intro_bg.jpg'); padding:29px 78px 0 153px; text-align:justify; line-height: 13px; }
	#intro-btn { position:absolute; left:24px; top:272px; }
	#intro-photos { position:absolute; left:349px; top:17px; }
#wente { position:absolute; left:655px; top:19px; }
#dwdm { position:absolute; left:415px; top:66px; width:579px; height:496px; background:url('../img/dwdm_bg.gif'); }
#sweeps { width:406px; height:139px; position:absolute; background:url('../img/sweeps_bg.gif'); top:418px; padding:5px 0 0 9px; }
	#sweeps-terms { font-size:11px; line-height:12px; text-align:right; width:100px; position:absolute; color:#fff; right:8px; top:50px; }
	
#content { width:977px; margin:0 auto; position:relative; left:1px;}
#content-inner { padding:0 30px; background:url('../img/content_bg.gif');}
	.menuimg, .menuimg-last { margin:17px 17px 0 0; padding:11px; background:url('../img/menuimg_border.gif'); width:257px; height:146px; display:block; }
	.menuimg:hover, .menuimg-last:hover { background:url('../img/menuimg_border_hover.gif'); }
	.menuimg-last { margin-right:0; }
#content-col1 { width:280px; vertical-align:top; }
#content-col2 { width:637px; vertical-align:top; }
#content-col2-inner { width:615px; position:relative; margin-left:22px; }
#content-col2-inner h2.tour_dates{
	height: 20px;
	background: url('../img/title_tourdates.gif') no-repeat;
	text-indent: -20000px;
	margin: 33px 0 15px 20px;
	font-size: 20px;
	color: #9F0;
}
#content-col2-inner ul{
	margin: 0 0 30px;
	padding: 0 0 0 20px;
	font-size: 12px;
	line-height: 2;
	list-style: none;
}
	
#footer { color:#001e28; font-size:11px; height:30px; line-height:30px; }

#breadcrumb { height:30px; line-height:30px; }
#breadcrumb_links { float: left }
#vintage_links { float: right; }

#title, img.title { padding-top:15px; }
img.title { clear: both; }
#artist { padding:10px; background:url('../img/artist_border.gif'); }
#btn-sample { margin:8px 5px 0 0; float:left; display:inline; }
#btn-download { margin-top:8px; float:left; display:inline; }
#wine-pairing { position:absolute; left:0; top:158px; }

.form { padding-top:20px; width:661px; margin:0 auto; }
.form LABEL { text-align:right; width:220px; height:30px; background:#1a4a5c; padding:0 10px 0 25px; margin-top:1px; line-height:30px; display:block; }
.form LABEL.req { font-weight:bold; }
.form DIV.field { width:406px; background:#1a4a5c; height:30px; margin-top:1px; line-height:30px; }
.form DIV.note { font-size:11px; line-height:14px; padding:0 25px 5px 255px; background:#1a4a5c; }
.form DIV.note UL { padding:0 0 0 20px; margin:0; }
.form DIV.note LI { width:180px; float:left; display:inline; }
.form .txt-input { border:solid 1px #999; width:350px; height:20px; padding:0; margin:0; margin-top:4px; }
.form SELECT { margin-top:6px; }
.form LABEL.radio-label { width:95px; text-align:left; padding-left:5px; height:30px; line-height:30px; margin:0; display:inline; float:left; font-size:11px; }
.form INPUT.radio { height:13px; position:relative; top:5px; float:left; display:inline; }
#btn-submit { width:107px; height:38px; margin:20px auto; display:block; }

#intro			{ z-index:10; }
#wente			{ z-index:10; }
#dwdm			{ z-index:10; }
#box-signup		{ z-index:15; }
#box-login		{ z-index:15; }
#box-logout		{ z-index:15; }
#sweeps			{ z-index:20; }
#sweeps-banner	{ z-index:25; }
#sweeps-terms	{ z-index:30; }

/*----- Preview Player -----*/
#player{
	float: left;
	width: 137px;
	margin-top:5px;
}
#player,
#player *{
	outline: none !important;
}

/*----- Blog Banner -----*/
a#blog_banner{
	position: relative;
	z-index: 25;
	overflow: hidden;
	display: block;
	width: 406px;
	height: 74px;
	background: url('../img/blog_banner.png') no-repeat;
	text-indent: -20000px;
}
a#blog_banner:hover{
	background-position: -406px 0;
}
#sweepstakes{
	position: absolute;
	z-index: 1000;
	right: 119px;
	top: 502px;	
}
#sweepstakes a{
	overflow: hidden;
	display: block;
	width: 287px;
	height: 53px;
	background: url('../img/sweepstakes_banner.png') no-repeat;
	text-indent: -20000px;
}
#sweepstakes a:hover{
	background-position: -287px 0;
}


/*----- Social Links -----*/
#social_links{
	overflow: hidden;
	position: absolute;
	z-index: 1000;
	right: 25px;
	top: 500px;
}
#social_links li{
	list-style: none;
	float: left;
}
#social_links li#twitter{
	margin: 0 5px 0 0;
}
#social_links li a{
	display: block;
	width: 39px;
	height: 38px;
	background: url('../img/social_icons.gif') no-repeat;
}
#social_links li#facebook a{
	background-position: -39px 0;
}

/*----- Clear Fixes -----*/
.clearfix:after,
#blog:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#blog{
	display: inline-block;
	display: block;
}

/*----- Blog -----*/
#blog{
	position: relative;
	z-index: 1000;
	min-height: 780px;
	background: url('../img/blog_bg.png') left bottom no-repeat;
}
#blog a{
	text-decoration: underline;
	color: #005952;
}
#blog a:hover{
	text-decoration: none;
}
#post_list{
	float: left;
	width: 700px;
	margin: 0 0 0 10px;
}
.post{
	margin: 0 0 40px;
	font-family: helvetica, arial, sans-serif;
}
.post *{
	margin: 0;
	padding: 0;
	line-height: 1;
}

/*----- Blog Post Info -----*/
.post .info{
	position: relative;
	background: #005852;
	padding: 10px 0 8px 108px;
	color: #FFF;
}
.post .info .date{
	position: absolute;
	left: -31px;
	margin-top: -39px;
	width: 83px;
	height: 100px;
	background: url('../img/blog_leaf.gif') no-repeat;
	color: #F00;
}
.post .info .date span{
	display: block;
}
.post .info .date .cal{
	width: 28px;
	margin: 33px 0 0 34px;
	padding: 4px 6px 2px;
	background: #FFF;
	text-align: center;
}
.post .info .date .month{
	display: block;
	margin: 0 0 2px;
	font-weight: bold !important;
	font-size: 13px;
	text-transform: uppercase;
	color: #6DCFE0;
}
.post .info .date .day{
	display: block;
	font-size: 29px;
	color: #181313;
}
.post .info h2{
	font-size: 22px;
}
.post .info h3{
	min-height: 14px;
	margin: 5px 0 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.1;
}
#blog .post .info a{
	text-decoration: none;
	color: #FFF;
}
#blog .post .info a:hover{
	text-decoration: underline;
}

/*----- Blog Post Container -----*/
.post .post_container{
	overflow: hidden;
	min-height: 121px;
	margin: 0 0 0 45px;
	padding: 10px 63px;
	background: #FFF url('../img/blog_post.gif') repeat-x;
	font-size: 13px;
	color: #250412;
}
.post .post_container p.posted{
	font-size: 10px;
	text-align: right;
	color: #01354A;
}

/*----- Blog Post Content -----*/
.post .post_container .content{
	overflow: hidden;
	margin: 15px 0 0;
}
.post .post_container .content div,
.post .post_container .content p,
.post .post_container .content ul,
.post .post_container .content ol,
.post .post_container .content dl,
.post .post_container .content address,
.post .post_container .content blockquote
{
	margin: 0 0 15px;
	line-height: 1.4;
}
.post .post_container .content blockquote{
	padding: 0 15px;
	font-style: italic;
}
.post .post_container .content p img{
	display: inline;
	vertical-align: middle;
}

/*----- Blog Post Comments -----*/
#comments{
	margin: 15px 0 0;
}
#comments h5{
	margin: 0 0 15px;
	font-size: 15px;
	border-bottom: 1px solid #A9A9A9;
	color: #00354A;
}
#comments .comment{
	overflow: hidden;
	padding: 0 0 5px;
	margin: 0 0 15px;
	border-bottom: 1px solid #A9A9A9;
}
#comments .comment p{
	overflow: hidden;
	margin: 0 0 10px 58px;
	line-height: 1.3;
}
#comments .comment p.gravatar{
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 10px 10px 0;
}
#comments .comment p.gravatar img{
	width: 48px;
	display: block;
	border: 1px solid #A9A9A9;
}
#comments .comment p.posted{
	background: none;
	height: auto;
	margin-top: 10px;
	padding: 0;
	font-size: 10px;
	text-align: left;
}
#comments .messages .errors{
	margin: 0 0 15px;
	color: #990900;
}
#comments .messages .errors li{
	margin: 0 0 2px;
	list-style: none;
}


/*----- Blog Post Comment Form -----*/
#comments #comment_form dl dd{
	margin: 0 0 7px;
}
#comments #comment_form dl dd input,
#comments #comment_form dl dd textarea{
	width: 519px;
	padding: 4px;
	border: 1px solid #A9A9A9;
	font: 0.923em arial, helvetica, sans-serif; /* 12.0px at 13px base */
}
#comments #comment_form dl dd input.checkbox{
	padding: 0;
	border: none;
	width: auto;
}
#comments #comment_form p.submit{
	margin: 10px 0 0;
}
#comments #comment_form p.submit button{
	display: block;
	width: 69px;
	height: 30px;
	background: url('../img/button_submit.png') no-repeat;
	border: none;
	text-indent: -20000px;
	line-height: 0;
	cursor: pointer;
}
#comments #comment_form p.submit button:hover,
#comments #comment_form p.submit button.hover{
	background-position: -69px 0;
}


/*----- Blog Post Pagination -----*/
#pagination{
	overflow: hidden;
	margin: -40px 0 0;
	padding: 40px 63px 20px 108px;
	background: #FFF;
	font-size: 12px; /* 13.0px at 10px base */
	color: #002633;
}
#pagination p{
	margin: 0;
}
#pagination p#page_of{
	float: left;
	width: 45%;
}
#pagination p#pagination_links{
	float: right;
	width: 45%;
	text-align: right;
}
#pagination p a{
	text-decoration: none;
}
#pagination p a:hover{
	text-decoration: underline;
}
#pagination p em{
	font-weight: bold;
}


/*----- Blog Post Actions -----*/
.post .post_container .actions{
	clear: both;
	text-align: right;
}
.post .post_container .actions li{
	margin: 0 0 8px;
	padding: 3px 0;
	font-size: 12px;
	list-style: none;
}
.post .post_container .actions li.comment{
	margin-bottom: 0;
}
.post .post_container .actions li a{
	padding: 3px 0;
	font-weight: bold;
	text-decoration: none;
}
.post .post_container .actions li a:hover{
	text-decoration: underline;
}
.post .post_container .actions li.discussion a{
	padding-right: 40px;
	background: url('../img/blog_icon_discussion.png') right center no-repeat;
}
.post .post_container .actions li.comment a{
	padding-right: 40px;
	background: url('../img/blog_icon_comment.png') right center no-repeat;
}

/*----- Blog Sidebar -----*/
#blog_sidebar{
	float: right;
	width: 216px;
}

/*----- Social Widget -----*/
#social_widget{
	width: 190px;
	margin: 0 auto 25px;
}
#social_widget h2{
	margin: 0 0 0 10px;
	font-size: 18px;
}
#social_widget h2 a{
	text-decoration: none;
}
#social_widget h2 a:hover{
	text-decoration: underline;
}
#social_widget #tweet{
	padding: 15px;
	background: #00FBFF;
	font-weight: bold;
	font-size: 11px;
	color: #00394C;
}
#social_widget #tweet p{
	margin: 0;
}
#social_widget #tweet a{
	color: #005952;
}
#social_widget #user{
	margin: 0;
	padding: 15px 0 0;
	background: url('../img/blog_tweet_indicator.gif') 20px 0 no-repeat;
	font-weight: bold;
	font-size: 14px;
}
#social_widget #user a{
	text-decoration: none;
	color: #005953;
}
#social_widget #user a:hover{
	text-decoration: underline;
}

/*----- Link List -----*/
#link_list{
	padding: 11px 0 0;
	background: url('../img/linklist_top.gif') center top no-repeat;
}
#link_list_btm{
	padding: 0 0 11px;
	background: url('../img/linklist_btm.gif') center bottom no-repeat;
}
#link_list_rpt{
	padding: 29px 40px;
	background: url('../img/linklist_rpt.png') center top repeat-y;
}
#link_list h2{
	margin: 0;
	height: 29px;
	text-indent: -20000px;
}
#link_list h2#categories{
	background: url('../img/h2_categories.gif') no-repeat;
}
#link_list h2#archive{
	margin: 30px 0 0;
	background: url('../img/h2_archive.gif') no-repeat;
}
#link_list ul{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10px;
}
#link_list ul#category_links{
	text-transform: uppercase;
}
#link_list ul li{
	margin: 9px 0 0;
	list-style: none;
}
#link_list ul li.inactive{
	display: none;
}
#link_list ul li a{
	text-decoration: none;
	color: #FFF;
}
#link_list ul li a:hover{
	text-decoration: underline;
}
