/*
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: 2.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: GPL
*/

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

/* Menu CSS */
@import url( 'css/superfish.css' );

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

div.wp-pagenavi {
	padding: 0px 0px 0px 100px; /* 4px 6px; 2px 5px; */
	border: none;
	margin-top:0px;
	line-height: 1.2;
	font-size: 88%; /* 85%; */
	font-weight: normal; /* font-weight: bold; */
	text-transform: lowercase;/* uppercase lowercase*/
	color: #2eaad9;
	background-color: #0f0f0f;
}

div#header {
padding: 0px 0px 5px 0px; /* 55px 0px 5px 0px  padding:0 0 15px; 0px 0 padding: 1px 0; */
}
div#headertop {
padding: 55px 0px 5px 0px; /* padding:0 0 15px; 0px 0 padding: 1px 0; */
background: #ffffff; color: #999;
}
div#topbox {
/*	margin: 0em 2px 0px;  margin: 1em 30px; */
	padding: 0px 0px 5px 0px; /* padding:0 0 15px; 0px 0 padding: 1px 0; */
	_height: 1px; /* for IE6 */
	*min-height: 1px; /* for IE7 */
	display: inline; /*inline-block inline */
/*	overflow: hidden; */
	list-style-type: none;
	float: none; /* left; */
	width: 220px;  /* 240px */
	 /* height: 210px;   200px */
	border: 0px solid #eeeeee;
}
div#topbox a img {
	padding-left:77px;
}
div#posts{
/*	margin: 0em 2px 0px;  margin: 1em 30px; */
	padding: 0px 0px 5px 0px; /* padding:0 0 15px; 0px 0 padding: 1px 0; */
	_height: 1px; /* for IE6 */
	*min-height: 1px; /* for IE7 */
	display: inline; /*inline-block inline */
/*	overflow: hidden; */
	list-style-type: none;
	float: none; /* left; */
	width: 220px;  /* 240px */
	 /* height: 210px;   200px */
	border: 0px solid #eeeeee;
}

/* Override */
body { background: #0f0f0f ; color: #999;  overflow-y:auto; } /* #0f0f0f */
.container { margin-top:24px; }
h1,h2,h3,h4,h5,h6 { color: #999; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff; }
a { color:#484632; text-decoration:underline; }
a:hover { color:#fff; }

/* Masthead */
#masthead { padding:0; margin:12px 0 24px 0; height: 30px; position: relative; display:block;background-color:#0F0F0F; clear:both; }
#masthead h2, #branding h2 { float:left; text-transform:none/*uppercase*/; margin:0; padding:0;text-indent:5px; }
#masthead h2 a, #branding h2 a { color:#fff; }

#masthead .description, #branding .description { float:left; color:#999; margin: 8px 25px; padding-left:22px; border-left: 1px solid #999; font-size:11px; }

/*IE7 hack*/
*:first-child+html #masthead .description, #branding .description { float:left; color:#999; margin: 8px 25px; padding-left:22px; border-left: 1px solid #999; font-size:11px; }

/*IE6 hack*/
* html  #masthead .description, #branding .description { float:left; color:#999; margin: 8px 25px; padding-left:22px; border-left: 1px solid #999; font-size:11px; }

/* Home Thumbs & Nav*/
.home { background: #0f0f0f; color: #999; }
.home-thumbs { margin-top: 0; padding: 0; background: #111111; overflow: auto; overflow: -moz-scrollbars-none; }
.home-thumbs2 { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; }
.bottom-thumbs {position: absolute; top: 353px; left:0;}
.bottom-thumbs2 {position: absolute; top: 353px; left:0;}
.thumbs { display:hidden; }
.thumbs2 { 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.thumbs2 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.thumbs2 li.thumb-big { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0; }
ul.thumbs2 li img.attachment-thumbnail { margin:0; }
ul.thumbs li.thumb-end {margin-top:144px;}
ul.thumbs2 li.thumb-end {margin-top:144px;}
.go-left { position:absolute; top:6px; right: 90px;display: none;}
.go-right { position:absolute; top:6px; right: 50px;}

#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:319px; /*375px*/
height:0px; padding-bottom:34px; zoom:1; width:100%; margin:auto; clear: both; display: block; }

/* IE 6 hacks */
* html div#branding { background: #000; color:#474747; position:absolute; z-index: 4; left: 0px; top:319px; 
height:0px; padding-bottom:0px; zoom:1; width:100%; margin:auto; clear: both; display: inline-block; }
/* IE 6 hacks */

#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;font-size:10px; }

/* IE 6 hacks for position fixed */
* html #branding { position: absolute; padding:5px 40px 35px 50px;width: 1505px;}
* html .go-left {  
/*     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader  
(src="http://info-fukuoka.com/fcp/wp-content/themes/fullscreen/images/back.png",sizingMethod="scale");*/
/*     background:none; */
     position:absolute
     top:6px;
     right: 90px; 
     display: none;
}
* html .go-right {
 /*        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://info-fukuoka.com/fcp/wp-content/themes/fullscreen/images/forward.png",sizingMethod="scale"); */
/*     background:none; */
     position:absolute
     top:6px;
     right: 50px;
}

/* Footer */
#footer-wrap { width:100%; background:#000; padding:24px 0; }
#footer { width: 950px; margin:0 auto;color:#333; text-align: left; }
#footer a { color:#333 ;}
#footer a:hover { color:#ccc; }
#footer ul { list-style:none; margin:0; padding:0; border-top:1px solid #111 ;}
#footer ul li { border-bottom:1px solid #111 ;}
#footer ul li a { text-decoration:none; padding: 4px; }
.post-nav-prev,.post-nav-next, #dialog_link,.icon { float:left; margin:0 0px 0 0; padding: .4em 1em .4em 18px; text-decoration: none; position: relative; color:#999; }
.icon span.ui-icon,#dialog_link span.ui-icon, .post-nav-prev span.ui-icon, #nav ul li ul li a.icon span.ui-icon { margin: 0 5px 0 0; position: absolute; left: .2em; top: 50%; margin-top: -8px; }
.post-nav-next span.ui-icon { margin: 0 5px 0 0; position: absolute; left: 42px; top: 50%; margin-top: -8px; }
ul#icons { margin: 0; padding: 0;}
ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon { float: left; margin: 0 4px ;}
#post-nav { float:right ;}

/* Posts */
#content { display:block; clear:both; margin:2em 0; }
#content2 { display:inline; clear:both; width:320px ; height:320px ; margin:2em 0; }
.post { display:block; clear:both; }
#post2 { display:inline-block; width:310px;  float:left; clear:none; }
#content h2, .post h2 { text-align:center; text-transform:uppercase; border-bottom:1px solid #333; border-top:1px solid #333; padding:6px 0 0 0; background: url(images/stripe.png) repeat; }
#content h2 a, .post h2 a { text-decoration:none; }
#content2 h2, .post2 h2 { text-align:center; text-transform:uppercase; float:none; border-bottom:1px solid #333; border-top:1px solid #333; padding:6px 0 0 0; background: url(images/stripe.png) repeat; }
#content2 h2 a, .post2 h2 a { text-decoration:none; }
#content2 h5, .post2 h5 { text-align:center; text-transform:uppercase; float:none; border-bottom:1px solid #333; border-top:1px solid #333; padding:0px 0 0 0; background: url(images/stripe.png) repeat; }
#content2 h5 a, .post2 h5 a { text-decoration:none; }
.postmetadata { background: #000; margin:0 0 2em 0; padding:1em; color:#999; font-size:11px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; clear:both ;height:25px;}
.postmetadata a { color:#515151; }
.postmetadata a:hover { color:#eee; }
.postmetadata2 { background: #000; margin:0 0 2em 0; padding:1em; color:#999; font-size:11px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; clear:both ;height:25px;}
.postmetadata2 a { color:#515151; }
.postmetadata2 a:hover { color:#eee; }
.sub { text-transform:uppercase;padding-bottom:10px; }
.underlined { border-bottom:1px solid #222; }
.nav { margin:12px 0; font-size:11px;}
.nav a { background:#000; color:#999; padding:8px; text-decoration:none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.nav a:hover { color:#eee; background:#333; cursor:pointer; }

/* Floats & Images */
.right { float: right; }
.left { float: left; }
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px;}
img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px;}
img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px;}
img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px;}
.alignleft{float: left;}
.alignright{float: right;}
.aligncenter,div.aligncenter {display: block;clear:both;margin-left: auto;margin-right: auto;}
.thumbnail, .attachment-thumbnail {margin:0 1.5em 1.5em 0;float:left;}
.attachment-medium {max-width:950px;overflow:hidden;display: inline;}
.attachment-large {max-width:950px;overflow:hidden;display: inline;}

/* Gallery */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* Captions */
.wp-caption { 
              text-align: center;
             -moz-border-radius:3px 3px 3px 3px;
             background-color:#0f0f0f;
             border:0 solid #DDDDDD;
             display:inline-block;
             margin-bottom:0;
             margin-right:0;
             margin-top:5px;
             padding:4px 0 0;
 }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }

/* IE7 hack Captions */
*:first-child+html .wp-caption { 
              text-align: center;
             -moz-border-radius:3px 3px 3px 3px;
             background-color:#0f0f0f;
             border:0 solid #DDDDDD;
             display:inline-block;
             float:left;
             margin-bottom:0;
             margin-right:0;
             margin-top:5px;
             padding:4px 0 0;
 }

*:first-child+html .wp-caption img { margin: 0; padding: 0; border: 0 none; }
*:first-child+html .wp-caption .wp-caption-text { margin: 0; padding: 5px; }

/* IE6 hack Captions */
* html .wp-caption { 
              text-align: center;
             -moz-border-radius:3px 3px 3px 3px;
             background-color:#0f0f0f;
             border:0 solid #DDDDDD;
             display:inline-block;
             float:left;
             margin-bottom:0;
             margin-right:0;
             margin-top:5px;
             padding:4px 0 0;
 }

* html .wp-caption img { margin: 0; padding: 0; border: 0 none; }
* html .wp-caption .wp-caption-text { margin: 0; padding: 5px; }


/* Etc */
#filters {clear: both;height: 2em;margin-bottom: 1em;}
#filters li {float: left;margin-right: 2em;}
:focus {outline: 0;}
.sticky {font-size: 24px;border: 1px solid #bbb;border-width: 1px 0;background: #eee;padding: 15px;}
.ad-main, .ad-sidebar {display:block;clear:both;}
.hidden {display:none;}
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/* Search */
#search {float:right;margin:55px 12px 0 0; padding:0;}
#search #s {background: #ddd url('images/search.png') 0px center no-repeat;color: #222;font-size: 1em;margin:0;padding: 4px 0 4px 17px;width: 150px;border:1px solid #333;}
#search input {border:0;}
#search #s:hover {color: #0066cc;background: #fff url('images/search_blue.png') 0px center no-repeat;}
.search-excerpt {margin: 0;}
#searchsubmit {display:none;}

/* Comments */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border-top:5px solid #ccc; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%;}
ol.commentlist li:hover {background:#ccc;}
ol.commentlist li.comment-author-admin {border-top:5px solid #ccc;}
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight: bold; color:#222;}
ol.commentlist li div.vcard a {color:#222;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; }
ol.commentlist li div.vcard img.avatar {left:0;position:absolute; top:5px; }
ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0;background:#ccc; padding:6px 4px 4px 4px;}
ol.commentlist li div.comment-meta a { color:#fff; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li.comment-author-admin div.comment-meta {background:#ccc; color:#fff;}
ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff;}
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { background:#eee; color:#222; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  color:#222; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover {color:#fff; background:#222;}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
#comments {margin:4px 0;}
#respond {margin:30px 0; padding:10px 0;border-top:5px solid #ccc;}
#commentform{ margin-bottom: 60px;}	
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 1.2em;}
#commentform textarea {margin-top:5px;width: 95%;padding: 2px;border:1px #ccc solid;font-size: 1.2em;}
#commentform textarea:hover {border:1px solid #222;}
#commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px;}
legend {font-size: 1.2em;font-weight:bold;padding: 2px 10px;}
#commentform #submit:hover{background:#000;color:#fff;}
#wp-submit {font-weight: bold;font-size: 1em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px;}
#wp-submit:hover {background:#000;color:#fff;}

/* Navigation at rest */

#nav {
padding:3px 0 6px 10px;
position:absolute;
right:0;
top:0;
}
/*
#branding #nav {
left:600px;
position:absolute;
top:45px;
}
*/
#nav ul, #nav ul li {
margin:0;
padding:0;
}
#branding #nav ul {
height:30px;
width:710px;
}
#nav ul li {
color:#999999;
float:left;
font-size:11px;
font-weight:normal;
list-style:none outside none;
margin-right:0px; /*15px*/
position:relative;
text-transform:lowercase;
}
#nav ul li a {
color:#999999;
text-decoration:none;
}
#nav ul li a:hover {
color:#FFFFFF;
}
#nav ul li ul {
display:none;
text-align:left;
}
#nav ul li.drop:hover ul {
display:block;
}
#nav ul li span {
cursor:pointer;
}
#nav ul li ul {
margin-left:-10px;
padding-top:7px;
position:absolute;
z-index:200;
}
#nav ul li ul li {
float:none;
font-size:11px;
font-weight:normal;
margin-right:0;
z-index:210;
}
#nav ul li ul li a {
background:none no-repeat scroll 5px 50% #1A1A1A;
color:#999999;
display:block;
padding:7px 10px;
width:130px;
}
#nav ul li ul li a:hover {
background:none repeat scroll 0 0 #000000;
text-decoration:underline;
}
#nav #search {
margin:0;
padding:0;
}
#nav #search #s {
background:none repeat scroll 0 0 #1A1A1A;
border:medium none;
color:#999999;
font-size:1em;
margin:0;
padding:8px 0 8px 10px;
width:140px;
}
#nav #search input {
border:0 none;
}
#nav #search #s:hover {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
}

 /* IE6のcss hack*/
* html #nav ul li ul.push {
display:none; /* block */
margin-top:27px;/* 12px*/
z-index:111;/* z-index:211*/
}
 /* IE7のcss hack*/
*:first-child+html #nav ul li ul.push {
display:none; /* block */
margin-top:25px;/* 12px*/
z-index:211;
}
 /* IE8のcss hack*/
html>/**/body #nav ul li ul.push {
display/*\**/ :none\9; /* block */
margin-top/*\**/:25px\9;/* 12px*/
z-index/*\**/:211\9;
}
#nav ul li ul.push {
display:none; /* block */
margin-top:0px;/* 12px*/
z-index:211;
}
#nav ul li.enhanced {
margin-right:0;
/* padding-right:21px;*/
/* padding-top:9px;*/
padding:10px 3px 9px 10px;
z-index:211;
}
#nav ul li.enhanced span {
float:left;
padding-right:7px;
z-index:211;
}
#nav ul li.enhanced a.arrow {
display:block; /* block */
float:left;
height:0px;/* 15px*/
overflow:hidden;
position:relative;
top:-2px;
width:0px;/* 18px*/
}
#nav ul li.enhanced a.arrow:hover {
cursor:pointer;
}
#nav ul li.enhanced a.arrow img {
border:0 none;
display:block;
position:relative;
}
#nav ul li.enhanced a.rest img {
top:0;
}
#nav ul li.enhanced a.hover img {
top:-15px;
}
#nav ul li.enhanced a.open img {
top:-30px;
}

 /* IE6のcss hack*/
* html #nav {
padding:0px 0 6px 10px;
position:absolute;
right:0;
top:0;
}

* html #branding #nav {
left:350px;
position:absolute;
top:4px;
}

* html #nav ul, #nav ul li {
margin:0;
padding:0;
}
* html #branding #nav ul {
height:30px;
width:1210px;
}
* html #nav ul li {
color:#999999;
float:left;
font-size:11px;
font-weight:normal;
list-style:none outside none;
margin-right:0px; /*15px*/
position:relative;
text-transform:lowercase;
}
* html #nav ul li a {
color:#999999;
text-decoration:none;
}
* html #nav ul li a:hover {
color:#FFFFFF;
}
* html #nav ul li ul {
display:none;
text-align:left;
}
* html #nav ul li.drop:hover ul {
display:block;
}
* html #nav ul li span {
cursor:pointer;
}
* html #nav ul li ul {
margin-left:-10px;
padding-top:7px;
position:absolute;
z-index:200;
}
* html #nav ul li ul li {
float:none;
font-size:11px;
font-weight:normal;
margin-right:0;
z-index:210;
}
* html #nav ul li ul li a {
background:none no-repeat scroll 5px 50% #1A1A1A;
color:#999999;
display:block;
padding:7px 10px;
width:130px;
}
* html #nav ul li ul li a:hover {
background:none repeat scroll 0 0 #000000;
text-decoration:underline;
}
* html #nav #search {
margin:0;
padding:0;
}
* html #nav #search #s {
background:none repeat scroll 0 0 #1A1A1A;
border:medium none;
color:#999999;
font-size:1em;
margin:0;
padding:8px 0 8px 10px;
width:140px;
}
* html #nav #search input {
border:0 none;
}
* html #nav #search #s:hover {
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
}