/* SHADOWS */

#email-form-container,
#header,
#banner,
#addstory.open,
#imagezoom,
#introbox,
#story {
	-moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    box-shadow: 0 0 1em rgba(0, 0, 0, .5);
	}
	
	
html {
	background-color: #ded5b3;
	}
form {
	margin: 0; 
	padding: 0;
	}
body {
	padding: 0px;
	margin: 0px;
	}
#header {
	/*background: rgba(0, 0, 0, 0.5);*/
	background: url(../library/bg-header.png) repeat 0 0 transparent!important;
	text-align: right;
	position: absolute;
	top: 11px;
	right: 11px;
	z-index: 14;
	}
	
#header div {
	padding: 4px 10px 4px 13px;
	border-top: 1px solid rgba(255, 255, 255, .5);
	border-right: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	border-left: 1px solid rgba(255, 255, 255, .5);
	}
#header span {
	background: url(../library/bg-joinus.png) no-repeat 0 5px;
	display: inline-block;
	padding-top: 15px;
	width: 59px;
	height: 0;
	overflow: hidden;
	}		
#banner {
	background-color: #be0f34;
	bottom: 0;
	left: 140px;
	position: fixed;
	top: 0;
	width: 204px;
	z-index: 8;
	border-left: 1px solid #ce4a66;
	border-right: 1px solid #8f0b27;
	min-height: 600px;
	}
	
.mod-filternav {
	text-align: left;
	padding-left: 20px;
	}	
#footer {
	background: url(../library/bg-footer.jpg) repeat-x 0 0 #ded5b3;
	bottom:0;
	color:#FFFFFF;
	height:40px;
	left:0px;
	position:fixed;
	right:0px;
	z-index:4;
	text-align: right;
	padding-right: 40px;
	}
.footerlinks {
	float: right;
	}	
.footerlinks li {
	float: left;
	}	
.footerlinks a {
	overflow: hidden;
	height: 0;
	padding-top: 40px;
	display: block;
	}
.regions {
	background: url(../library/footerlink-1.gif) no-repeat 0 0;
	width: 244px;
	}
.enjoy {
	background: url(../library/footerlink-2.gif) no-repeat 0 0;
	width: 79px;
	}	
.video {
	background: url(../library/footerlink-3.gif) no-repeat 0 0;
	width: 193px;
	}		
.regions:hover,
.enjoy:hover,
.video:hover {
	background-position: 0 -40px!important;
	}		
	
h1.mod-sitelogo {
	padding: 0;
	}	


.name,
.occupation,
.wineregion,
.story-by {
	display: block;
	}
.name {
	text-transform: uppercase;
	color: #be0f34;
	}	
.occupation {
	color: #be0f34;
	}
.wineregion,
.story-by {
	color: #000;
	}			
.occupation,
.wineregion,
.story-by {
	font-size: 12px;
	font-weight: normal;
	}
.story-by {
	font-style: italic;
	}
.story-by em {
	color: #808080;
	/*font-weight: bold;*/
	}							
	
/* STORY DETAILS */
	
#story-media {
	width: 462px;
	height: 308px;
	overflow: hidden;
	}
#story-media div.portrait,
#story-media div.landscape  {
	/*background: url(../library/bg-filepreview.jpg) no-repeat 0 0 #d9d9d9;*/
	background-color: #fff;
	}
#story-media div.video {
	height: 284px;
	padding-top: 24px;
	background: #000;
	text-align:center;
	}	
	
#story-media div.video .error{
	color:#fff;
	font-size:12px;
	}	
/*
#story-media div.landscape img {
	width: 462px;
	height: 308px;
	}
#story-media div.portrait img {
	height: 308px;
	}*/
#story .mod-content {
	padding: 20px 60px 50px 60px;
	}
.story-opening,
.story-body {
	float: left;
	display: block;
	padding-top: 15px;
	}				
.story-opening {
	width: 180px;
	padding: 15px 10px 0 0;
	}
.story-body {
	width: 272px;
	}	
#story .name,
#story .occupation {
	color: #b6b28e;
	}
#story .occupation {
	font-weight: bold;
	}		

/* Share this */
	
.share-this {
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 60px;
	z-index: 1;
	}
.share-this span.title {
	background: url(../library/bg-share.gif) no-repeat 0 8px;
	display: inline-block;
	padding-top: 16px;
	width: 145px;
	height: 0;
	overflow: hidden;
	float: left;
	}	
.share-this a {
	padding-right: 5px;
	}	
.share-this em,	
.share-this a,
.share-this img {
	float: left;
	display: inline;
	}	
.share-this em {
	font-style: normal;
	padding: 1px 4px 0 4px;
	font-weight: bold;
	background: #ccc;
	height: 14px;
	overflow: hidden;
	margin-top: 4px;
	font-size: 10px;
	}
.twitter em {
	color: #4cc5e6;
	background: #dbf3fa;
	}
.facebook em {
	color: #325796;
	background: #d6ddea;
	}
.email em {
	color: #be0f34;
	background: #f2cfd6;
	}					

/* Pop-up email form */

#email-form-container {
	background-color: #BE0F34;
	color: #fff;
	padding: 20px;
	padding-top: 1px;
	width: 226px;
	z-index: 10000;
	position: absolute;
	left: -9999px;
	bottom: 54px;
	left: -82px;
	text-align: left;
	}
#storypage #email-form-container .pointer {
	border-left: solid 35px #7a0a23;
	border-bottom: solid 35px transparent;
	border-right: none;
	border-top: none;
	top: auto;
	left: auto;
	bottom: -35px;
	right: 0;
	}

.hiddendesc {
	position: absolute;
	left: -9999px;
	}
#email-form-container legend span {
	position: absolute;
	left: -9999px;
	}

#email-form-container .row {
	background: transparent;
	padding: 4px 0;
	border: none;
	}
#email-form-container h2 {
	font-size: 127.3%;
	margin: 1em 0 0;
	padding: 1px 0;
	font-weight: bold;
	color: #ffb60f;
	}
#email-form-container h3 {
	font-size: 127.3%;
	margin: 1em 0 0;
	padding: 1px 0;
	font-weight: normal;
	color: #fff;
	}
#email-form-container h3 strong {
	font-weight: bold;
	}

#email-form-container .field {
	width: 226px;
	font-size: 100%;
	font-size: 14px;
	}
	
#email-form-container textarea {
	width: 222px;
	background: #E9A9AC;
	border: none;
	}

#email-form-container .desc {
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #E9A9AC;
	float: none;
	font-weight: normal;
	width: auto;
	padding: 0;
	line-height: 1;
	}
#email-form-container .element {
	float: none;
	width: auto;
	padding: 0;
	display: inline;
	}

#email-form-container .submit {
	padding-top: 3px;
	margin: 0;
	}
#email-form-container .close {
	margin-right: 4px;
	}


.js #email-form-container .overlabel input {
	background: transparent;
	border: none;
	border-bottom: dotted 2px #E39397;
	color: #fff;
	}

#email-form-container .counter {
	display: block;
	color: #df879a;
	}
#email-form-container .warning {
	color: #fff;
	}
#email-form-container .exceeded {
	color: #fff;
	font-weight: bold;
	}
#email-form-container .counter {
	display: block;
	}

#email-form-container .formerror {
	/*position: absolute;
	top: 28px;
	left: -193px;
	width: 168px;*/
	background-color: #e57200;
	padding: 10px 20px 10px 20px;
	color: #fff !important;
	/*z-index: 10001;*/
	margin: -20px -20px 0 -20px;
	zoom: 1;
	}
#email-form-container .formerror ul {
	padding: 0;
	margin: 0!important;
	}	
#email-form-container .formerror h3 {
	font-weight: bold;
	padding-top: 5px;
	margin-top: 0;
	}
#email-form-container .formerror li,
#email-form-container .formerror p {
	padding-top: 0;
	margin-top: 0;
	line-height: 1em;
	font-size: 11px;
	}
#email-form-container .formerror li {
	padding-bottom: 5px;
	margin: 0;
	background-position: 0 2px;
	}
#email-form-container .formerror p {
	padding-bottom: 5px;
	margin: 0;
	}	

#email-form-container .formerror label {
	font-weight: bold;
	cursor: pointer;
	}


/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}
	
#story-media 
{
	position:relative;
}

div.video, div.landscape, div.portrait
{
	position:absolute;
	left:0;
	top:0;
}

div.video 
{
	display:none;
}