/* CSS Document 

Global CSS
http://design.jessierauch.com
by Jessie Rauch

c.2009-2010 All rights reserved. This CSS may not be duplicated for any purpose.


*/


/* Structure
----------------------------------------------------------------------------- */

html {	 background: #e6e6e3 url(../images/interface/bg.jpg) repeat-x left top;	}


body {
		font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2","Franklin Gothic", "Arial Narrow", Arial, sans-serif;
		font-size: 14px;
		line-height:12px;
		color:#FFF;
	}
#bg {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:1000;
}
#centered {
		margin: auto;
		width:100%;
		overflow:hidden;
}
#footer {
		background: #000 url(../images/interface/footerbg.png) repeat-x left top;	
		padding:12px 0;
		width:100%;
    	position: fixed;
    	bottom: 0;
		z-index:5000;
}
#logo {
		margin-top:-24px;
		padding:0 10px 0 20px;
		float:left;
}
.container {
		width:85%;
		padding:0 10px;
		float:left;
}
.info {
		/*width:720px;*/
		float:left;
}
#nextprev {
		width:192px;
		float:right;
}
#instructions {
		width:192px;
		height:30px;
		float:right;
		margin-top:-8px;
}
#instructions img { float:left; padding-right:12px;}
#instructions p {float:left;}
.spacer { clear:both; padding-top:12px;}
.clr {	clear:both;	}
.line { 
		padding-top:12px;
		margin-bottom:12px;
		clear:both;
}
.imgspacer {
		padding:12px;	
}


/* Navigation
----------------------------------------------------------------------------- */
ul.mainnav { float:left;}
ul.mainnav li {
		font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2",Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
		letter-spacing:2px;
		font-weight:800;
		display:inline;
		float:left;
		padding-right:24px;
}
ul.mainnav li a {
		color:#999;	
}
ul.mainnav li a:hover {
		color:#FFF;	
}
ul.mainnav li a.subpop {
		background: url(../images/interface/pointer.png) center top no-repeat;
		padding-top:16px;
}
ul.subnav { 
		height:8px;
		overflow:hidden;
}
ul.subnav li {
		display:inline;
		float:left;
		margin-right:12px;
}
ul.subnav li a {
		background:#999;	
}

ul.subnav li a:hover {
		background:#FFF;	
}
ul.subnav li a.current {
		background:#F00;
}
ul.mainsub {
		font-size:14px;
		line-height:18px;
		padding-bottom:24px;
}
ul.mainsub li a {
		color:#ccc;
		padding:8px;
		display:block;
}
ul.mainsub li a:hover {
		color:#FFF;
		background:#000;	
}
#navhover {
		display:none;
		background:transparent url(../images/interface/pophover_bg.png);
		z-index:4000;
}

#logohover {
		display:none;
		background:transparent url(../images/interface/pophover_bg.png);
		height:120px;
		width:72px;
		padding:10px;
		margin-left:5px;
		font-size:14px;
		line-height:18px;
		text-align:center;
		color:#fff;	
		z-index:4000;
}

#imgInfo,
#navTip,
#nextTip{
		background:transparent url(../images/interface/pophover_bg.png);
		color:#FFF;
		width:120px;
		z-index:10000;
		padding:10px;
		font-size:12px;
		line-height:12px;
		border: 1px solid #333;
		-moz-box-shadow: 2px 2px 6px #111; 
    	-webkit-box-shadow: 2px 2px 6px #111;
}

#imgInfo {
		width:220px;
		font-size:14px;
		line-height:18px;
}
#navTip{ width:180px;}

/* Typography
----------------------------------------------------------------------------- */
#logohover h1 {
		font-family: "ff-meta-serif-sc-web-pro-1","ff-meta-serif-sc-web-pro-2",Georgia, "Times New Roman", Times, serif;
		letter-spacing:1px;
		font-weight:normal;
		font-size:16px;
		line-height:18px;
		padding-bottom:18px;
		border-bottom:1px dotted #FFF;
		margin-bottom:18px;
}
h2 {	
		/*font-family:"youngblood-1","youngblood-2","Franklin Gothic", "Arial Narrow", Arial, sans-serif;*/
		font-family:"swingdancer-1","swingdancer-2","Franklin Gothic", "Arial Narrow", Arial, sans-serif;
		font-weight:normal;
		/*"swingdancer-1","swingdancer-2",*/
		font-size:24px;
		margin-left:-1px;
		letter-spacing:1px;
		line-height:24px;
		padding-right:24px;
		display:inline;
}
h3 {
		display:inline;	
		font-weight:normal;
		font-size:16px;
}
.detailPop a {
		text-decoration:underline !important;
		font-size:16px;
}
.detailPop a:hover { color:#FFF; }
h3 a:hover {
		color:#F00;	
}
span.amp {
	font-family: "Goudy Old Style", Palatino, "Book Antique", serif;
	font-size: 110%;
	font-style:italic;
}