/*
Theme Name: Fullscreen
Theme URI: http://graphpaperpress.com/
Description: A multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.0.1
Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
Contributors: Chandra Maharzan, Richard Cornish
License: Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
*/

/* Blueprint CSS Styles */
@import url( 'css/screen.css' );

/* jQuery UI CSS */
@import url( 'css/jquery-ui-1.7.1.custom.css' );

/* Override */
body { background: #000; color: #555; overflow:hidden; }
.container { margin-top:24px }

.home {
	position:absolute;
	top:50%;
	margin-top:-300px;
}

/* Home Thumbs & Nav*/
.home-thumbs { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; }
.bottom-thumbs {position: absolute; top: 440px; left:0;}
.thumbs { display:hidden; }
ul.thumbs { width: 1600px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:1600px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}
.go-left { position:absolute; top:6px; left: 470px;display: none}
.go-right { position:absolute; top:6px; left: 500px; }
#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:320px; height:30px; padding:10px; zoom:1; width:100%; margin:auto; clear: both; display: block; }
#branding a, #masthead a { color:#474747; text-decoration:none }
#branding h1 a, #masthead h1 a { color:#fff; }
#branding h1, #masthead h1 { text-transform:uppercase; font-weight:bold; margin:0 ;}
#branding a:hover { color:#fff }
#branding .description { text-align:left;}
.brand-wrap { float:left }

/* IE 6 hacks for position fixed */
* html #branding { position: absolute; padding:45px 40px 35px 50px;width: 1505px;}
* html .go-left { top:6px; left: 470px; display: none}
* html .go-right { top:6px; left: 500px; }


/* Navigation at rest */
#nav { position: absolute; margin-top: 15px; margin-left:75px; }
#branding #nav {
	position: absolute;
	top: 25px;
	left:413px;
	width: 746px;
}
#nav ul, #nav ul li { margin: 0; padding: 0; }
#branding #nav ul {height:30px;width:710px}
#nav ul li { 
	float:left;
	position:relative;
	display:block;
	height:19px;
	line-height:19px;
}
#nav ul li a { 
	font-family:"Courier New", Courier, monospace;
	font-size:12pt;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
#nav ul li a:hover { text-decoration:underline; }
#nav ul li.last {
	border:none;
}

/* Navigation interaction */
#nav ul li ul { display: none; text-align:left;}
#nav ul li.drop:hover ul { display: block; }
#nav ul li span {cursor: pointer}

/* Sub-navigation */
#nav ul li ul { position: absolute; z-index:200; top:15px; left:0px; margin:0px; padding:0px; }
#nav ul li ul li { position:relative; float: none; z-index:210; line-height:30px; margin-bottom:10px; }
#nav ul li ul li a { display:block; width:200px; height:30px; line-height:30px; padding-left:10px; font-family:sans-serif; font-size:8pt; background:#333; font-weight:normal; }
#nav ul li ul li a:hover { text-decoration: underline; background:#222; }

#pageflip {
	right: 0; top: 0;
	float: right; 
	z-index:97;
}
#pageflip img {
	width: 100px; height: 104px;
	z-index:99;
	position: absolute;
	right: 0; top: 0;
	opacity:1.0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 100px; height: 100px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent:-9999px;
	z-index:97;
}

/* Navigator */
#navigator {
	margin:0px;
	padding:0px;
	position:absolute;
	left:400px;
	top:37px;
	list-style:none;
	color:#FFF;
}

#navigator li {
	float:left;
	position:relative;
	display:block;
	height:20px;
	line-height:20px;
	padding-right:20px;
	padding-left:20px;
	border-right:1px solid #FFF;
}

#navigator li.last {
	padding-right:0px;
	border:none;
}

#navigator li a {
	font-family:"Courier New", Courier, monospace;
	font-size:12pt;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#navigator li a:hover {
	text-decoration:underline;
}

#promo-text {
	font-family:monospace;
	position:absolute;
	top:68px;
	left:545px;
	color:#CCC;
}