@charset "utf-8";

/* CSS Document */

/*----------------------------------------------------------------------------------
	css properties reset for all browswers
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
	behavior:url(iepngfix.htc);
}
/*----------------------------------------------------------------------------------
	Deafault template for Ex Nihilo 
----------------------------------------------------------------------------------*/
body{
	position:relative;
	background:#000;
}

#container{
	position:relative;
	width:780px; height:auto;
	margin:0px auto;
}
.clearer{
	clear:both;
}

/*----------------------------------------------------------------------------------
	header styles
----------------------------------------------------------------------------------*/
#header{
	position:relative;
	width:780px; height:169px;
	background:url(../images/backgrounds/ENheader.jpg) no-repeat 0px 0px;
	border-top:1px solid #000; /*necessary for glitch regarding margin in header*/
}
	#header h1{}
		#header h1 a{
			display:block;
			margin:137px 0px 0px 0px;
			width:200px; height:30px;	
		}
			#header h1 a span{display:none;}
/*----------------------------------------------------------------------------------
	Main Content styles
----------------------------------------------------------------------------------*/
#mainContent{
	position:relative;
	width:780px; 	
	background:#cccbcb url(../images/backgrounds/ENcontent.jpg) no-repeat 0px 0px;
}
#twitter{
	position: absolute;
	right: 3px;
	top: 3px;
}
#twitter img
	{
		border:none;
	
	}
#pnav{
	position:relative;
	width:780px; height:37px;
	}
	#pnav li{ 
		height:25px;width:auto;
		padding:12px 8px 0px 8px;
		float:left; 
	}
		#pnav li:hover, #pnav li.sfhover{
			background:url(../images/backgrounds/ENpnavHoverShine.jpg) no-repeat center 36px;
		}
		#pnav li a{
		    width:auto;
			height:25px;
			text-decoration:none;
			color:#787676;
			}
			#pnav li a:hover{
				color:#651313;
			}
		#pnav li ul{
			display:none;
			position:absolute; 
			top:37px; left:0px;
			width:780px;height:31px;
			border-bottom:1px solid #777;
			/*border-left:1px solid #dddddd;
			border-right:1px solid #cccbcb;*/
			background:url(../images/backgrounds/listBG.png) repeat 0px 0px;
			_background:#666; /*hack for ie6 necessary for png background*/
		}
			#pnav li:hover ul, #pnav li.sfhover ul{ display:block; }
			#pnav li ul li{
				margin:0px;
				padding:0px 0px 0px 0px;
				width:auto; height:22px;
			}
			#pnav li ul li.icewines{width:160px;}
			#pnav li ul li a{
				display:block;
				height:22px;
				padding:10px 6px 0px 6px;
				margin:0px;
				text-decoration:none;
				color:#ccc;
				font-size:11px;
			}
			#pnav li ul li a:hover{
				color:#fff;
				background:url(../images/backgrounds/listBG.png) repeat 0px 0px;
			}
		
/*----------------------------------------------------------------------------------
	Footer styles
----------------------------------------------------------------------------------*/	
#footer{
	position:relative;
	width:780px; height:120px;
	background:url(../images/backgrounds/ENfooter.jpg) repeat-x bottom left;
		border-top:1px solid #cccbcb;
}		
	#footer p{
		border-top:1px solid #bebebe;
		margin:0px 12px 0px 12px;
		padding:12px 0px 0px 0px;
		
		font-size:10px;
		color:#787676;
	}
		#footer p a{
			text-decoration:none;
			color:#651313;
			font-size:10px;
		}
p#right{
	float:right;
	border:none;
	margin:-15px 18px 0px 0px;
	padding:0px;
}

/*----------------------------------------------------------------------------------
	Wines.php styles
----------------------------------------------------------------------------------*/	
.wineHeader{
	width:370px;
	margin:10px 0px 0px 28px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #aaa;
	color:#651313;
	font-size:12px;
	font-weight:bold;
}
.wineInfo{
	color:#666;
	margin:0px 0px 0px 18px;
	padding:10px 10px 5px 10px;
	width:370px;
	/*border:1px solid blue;*/
}
	.wineInfo li{margin:0px 0px 5px 0px;font-size:12px;}
		.wineInfo li span{
			display:block;
			float:left;
			width:180px;
			font-size:11px;
			color:#333;
		}
.winePic {
	margin:0px 45px 0px 0px;
	float:right;
	border:1px solid #dedede;
}
#anchorLinks,#anchorLinks a{
	margin:15px 0px 15px 5px;
	text-decoration:none;
	color:#2b2b2b;
}
	#anchorLinks a:hover{
		color:#666;
		border-bottom:1px dotted #666;
	}
.sympathyLink{
	margin:-150px 25px 0px 0px;
	clear:both;
	float:right;	
}
a.archivedWineLink{
	display:block;
	margin:10px 0px 0px 28px;
	padding:0px 0px 10px 0px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#651313;
}

/*----------------------------------------------------------------------------------
	story.php styles
----------------------------------------------------------------------------------*/	
#homeQuote{
	width:216px;
	margin:0px 0px 0px 10px;
	padding:18px 18px 10px 8px;
	color:#722b2b;
	font-size:16px;	
	font-weight:bold;
	background:url(../images/backgrounds/HomeBlockquote.png) no-repeat 0px 0px;
}
#mainContent .homeParagraph{
	/*width:229px;*/
	padding:5px 10px 10px 18px;
	color:#666;
	font-size:12px;
}
#mainContent .homeParagraph,#homeQuote{}	
	#mainContent .homeParagraph b{
		font-weight:bold;
	}
.homepageImage{
	float:right;
	margin: 0px 5px 0px -3px;
}
	.homepageImage img{}
	
	.homepageImage p{
		margin:5px 20px 0px 0px;
		color:#777;
		font-size:11px;
	}
		.homepageImage p em{
			margin:10px 0px 0px 0px;
			font-size:11px;
			color:#555;
			font-style:italic;
			font-weight:bold;
		}
#rightP{
	width:250px;
	float:right;
}
.HomeHover{
	text-decoration:none;
	position:relative;
	display:block;
	float:right;
	cursor:default;
}
.HomeHover img{
	border:1px solid white;
	margin:0px 15px 10px 15px;
}
.HomeHover span{
	display:none;
}
.HomeHover:hover span{
	display:block;	
}
.HomeHover:hover span img{
	position:absolute;
	top:-200px; left:75px;
	border:1px solid white;
}

/*----------------------------------------------------------------------------------
	News &Press page
----------------------------------------------------------------------------------*/	
.pressHeader{
	width:370px;
	margin:10px 0px 0px 28px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #aaa;
	color:#651313;
	font-size:12px;
	font-weight:bold;
}
.pressLinks{
	color:#666;
	margin:0px 0px 0px 18px;
	padding:10px 10px 5px 10px;
	width:350px;
	/*border:1px solid blue;*/
}
		.pressLinks li{ 
			margin:12px 0px 12px 0px;
			padding:0px 0px 0px 15px;
			background:url(../images/backgrounds/bulletList.jpg) no-repeat 0px 5px;
		}
		.pressLinks li a{ 
			display:block;
			margin:0px 0px 5px 0px;
			font-size:12px;
			text-decoration:none;
			color:#666;
		}
			.pressLinks li a:hover{ color:#651313; }
			.pressLinks li a span{
				display:block;
				float:left;
				width:180px;
				font-size:11px;
				color:#333;
			}
			.pressLinks li a span[style]{ color:#333!important; }

.PressPic {
	margin:0px 45px 32px 0px;
	float:right;
	border:1px solid #dedede;
}
/*----------------------------------------------------------------------------------
	Contact page
----------------------------------------------------------------------------------*/	
.contact{
	color:#666;
	margin:0px 0px 0px 18px;
	padding:10px 10px 5px 10px;
	width:370px;
	/*border:1px solid blue;*/
}
	.contact li{margin:0px 0px 5px 0px;font-size:12px;}
		.contact li span{
			width:180px;
			font-size:12px;
			color:#333;
		}
		.contact li b{
			font-size:12px;
			color:#333;
		}
	.contact li a { 
			display:block;
			margin:0px 0px 5px 0px;
			font-size:12px;
			text-decoration:none;
			color:#666;
		}
			.contact li a:hover { color:#651313; }

.additionalInfo{
	color:#666;
	margin:0px 0px 0px 18px;
	padding:10px 10px 5px 10px;
	width:370px;
}
	.additionalInfo li{
		margin:5px 0px 5px 0px;
		padding:0px 0px 0px 15px;
		background:url(../images/backgrounds/bulletList.jpg) no-repeat 0px 5px;
	}
		.additionalInfo li b{
			font-weight:bold;
		}
/*----------------------------------------------------------------------------------
	Exnihilo home page
----------------------------------------------------------------------------------*/
#latinMeaning{
	width:650px; height:120px;
	margin:35px 0px 0px 45px;
	background:url(../images/backgrounds/OutOfNothing.jpg) no-repeat 10px 10px;
	color:#651313;
	font-style:italic;
}
#leftColumn{
	font-size:11px;
	margin:0px 0px 0px 10px;
	float:left;
	width:280px;
	padding:10px;
	text-align:right;
	color:#555;
}
#rightColumn{
	font-size:11px;
	float:left;
	width:280px;
	padding:10px;
	text-align:left;
	color:#555;
}
#homepageContact{
	margin:10px 0px 0px 165px;
	width:300px;
	text-align:center;
	font-style:italic;
	font-size:11px;
	color:#333333;
}
/*----------------------------------------------------------------------------------
	The Team
----------------------------------------------------------------------------------*/	
.TeamHeader{
	width:370px;
	margin:10px 0px 0px 28px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #aaa;
	color:#651313;
	font-size:12px;
	font-weight:bold;
}
.TeamSubHeader {
	margin:10px 0px 0px 28px;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
	
.teamP  a.TeamLinks{
	text-decoration:none;
	color:#666;
	margin:0px 0px 0px 0px;
	padding:10px 10px 5px 0px;
	width:350px;
	/*border:1px solid blue;*/
}
.teamP a.TeamLinks:hover{ color:#651313; }

.teamP{ padding:10px 28px 10px 28px; width:370px; color:#555; }
.teamP strong{ font-weight:bold;color:#222;}