/* CSS Document 

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

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


*/

/* Structure
----------------------------------------------------------------------------- */
body {
		overflow:hidden;
}
#controlbar{
		margin:0px auto;
		height:96px;
		width:100%;
		bottom:62px;
		z-index: 3;
		background: url(../images/home/controlbar_bg.png) repeat left top;
		position:absolute;
		border-bottom:1px solid #FFF;
}
#header {
		margin-left:90px;
		border-left:1px dotted #666;
		padding-left:10px;
		width:240px;
		float:left;
		height:96px;
}
#featuredcaption {
		margin-left:10px;
		border-left:1px dotted #666;
		padding-left:10px;
		float:left;
		height:96px;
		
}
#slideshownav {
		margin-left:10px;
		border-left:1px dotted #666;
		padding-left:10px;
		float:right;
		height:96px;
		margin-right:10px;
		border-right:1px dotted #666;
		padding-right:10px;
}
#loading {
		position: absolute;
		top: 49.5%; 
		left: 49.5%;
		z-index: 3;
		width: 32px; 
		height: 32px;
		text-indent: -999em;
		background-image: url(../images/home/loading.gif);
}
.navitems { margin-top:9px; }
#prevslide, #pauseplay { padding-right:10px;}
#supersize{
		position:fixed;
}
#supersize img, #supersize a{
		height:100%;
		width:100%;
		position:absolute;
		z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img{
		z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
		z-index: 2;
}


/* Typography
----------------------------------------------------------------------------- */
#header 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-variant:small-caps;
		font-weight:bold;
		font-size:24px;
		line-height:30px;
		color:#FFF;
		margin-top:18px;
}
#header h2 {
		font-family: "ff-meta-condensed-web-pro-1","ff-meta-condensed-web-pro-2","Franklin Gothic", "Arial Narrow", Arial, sans-serif;
		font-size: 16px;
		line-height:18px;
		font-style:italic;
		font-weight:normal;
		color:#CCC;
}
p.section {
		font-size:14px;
		line-height:18px;
		color:#666;
		margin-top:9px;
}
#slidecounter {
		font-size:14px;
		line-height:18px;
		color:#666;
}
#slidecounter span { color: #999; }
#slidecaption{
		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;
		text-transform:lowercase;
		font-variant:small-caps;
		font-weight:bold;
		font-size:18px;
		line-height:18px;
		color:#FFF;
}
#slidesubcaption {
		font-size:14px;
		line-height:18px;
		margin-top:4px;
		color:#CCC;
}