/*

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.3

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

*/

 

@import "css/screen.css";

@import "css/superfish.css";

@import "css/jquery.ui.css";

body {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

color:#999999;

}

.container {

margin-top:24px;

}

h1, h2, h3, h4, h5, h6 {

color:#999999;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

color:#FFFFFF;

}

a, a:visited {

color:#999999;  /*color:#3FA5D3;*/

text-decoration:underline;

}

a:hover {

color:#FFFFFF;

}

#masthead {

clear:both;

display:block;

height:30px;

margin:12px 0 24px;

padding:0;

position:relative;

}

#masthead h2, #branding h2 {

float:left;

margin:0;

padding:0;

text-transform:uppercase;

}

#masthead h2 a, #branding h2 a {

color:#FFFFFF;

}

#masthead .description, #branding .description {

border-left:1px solid #999999;

color:#999999;

float:left;

font-size:11px;

margin:10px 12px;

padding-left:12px;

}

.home {

width: 1080px;

margin:0 auto;

}

.home-thumbs {

margin-top:0;

overflow:hidden;

padding:0;

}

.bottom-thumbs {

position:absolute;

top:350px;

}

.thumbs {

}

ul.thumbs {

left:0;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:0;

position:relative;

right:1080px;

top:0;

width:1080px;

}

ul.thumbs li {

float:left;

height:270px; /*height:135px;*/

margin:0;

overflow:hidden;

width:270px;  /*width:135px;*/

}

ul.thumbs-sm li {
float:left;
height:135px;
margin:0;
overflow:hidden;
width:135px;
}

ul.thumbs li.thumb-big {

float:left;

height:270px;

margin:0;

overflow:hidden;

width:270px;

}

ul.thumbs li img.attachment-thumbnail {

margin:0;

}

ul.thumbs li.thumb-end {

margin-top:144px;

}

.go-left {

display:none;

position:absolute;

right:90px;

top:17px;

}

.go-right {

position:absolute;

right:50px;

top:17px;

}

#branding {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

clear:both;

color:#474747;

display:block;

height:40px;

margin:auto;

padding:10px 10px 10px 0;

position:absolute;

top:270px;

width:100%;

z-index:4;

}

#branding a, #masthead a {

color:#474747;

text-decoration:none;

}

#branding h1 a, #masthead h1 a {

color:#FFFFFF;

}

#branding h1, #masthead h1 {

font-weight:bold;

margin:0;

text-transform:uppercase;

}

#branding a:hover {

color:#FFFFFF;

}

#branding .description {

text-align:left;

}

.brand-wrap {

float:left;

}

* html #branding {

padding:45px 40px 35px 50px;

position:absolute;

width:1505px;

}

* html .go-left {

display:none;

right:280px;

top:17px;

}

* html .go-right {

right:240px;

top:17px;

}

#footer-wrap {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

padding:24px 0;

width:100%;

}

#footer {

color:#999999;

margin:0 auto;

text-align:left;

line-height:1.5;

width:950px;

}

#footer a {

color:#999999;

}

#footer a:hover {

color:#CCCCCC;

}

#footer ul {

border-top:1px solid #111111;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:0;

}

#footer ul li {

border-bottom:1px solid #333333;

margin-bottom:2px;

}

#footer ul li a {

/*padding:4px;*/

text-decoration:none;

}

.post-nav-prev, .post-nav-next, #dialog_link, .icon {

color:#999999;

float:left;

margin:0 10px 0 0;

padding:0.4em 1em 0.4em 20px;

position:relative;

text-decoration:none;

}

.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 {

left:0.2em;

margin:-8px 5px 0 0;

position:absolute;

top:50%;

}

.post-nav-next span.ui-icon {

left:42px;

margin:-8px 5px 0 0;

position:absolute;

top:50%;

}

ul#icons {

margin:0;

padding:0;

}

ul#icons li {

cursor:pointer;

float:left;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:2px;

padding:4px 0;

position:relative;

}

ul#icons span.ui-icon {

float:left;

margin:0 4px;

}

#post-nav {

float:right;

}

#content {

clear:both;

display:block;

margin:2em 0;

padding-left:12px;

}

.post {

clear:both;

display:block;

}

#content h2, .post h2 {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(images/stripe.png) repeat scroll 0 0;

border-bottom:1px solid #333333;

border-top:1px solid #333333;

padding-left:5px;

text-align:left;

text-transform:uppercase;

}

#content h2 a, .post h2 a {

text-decoration:none;

}

.essay-caption {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(images/stripe.png) repeat scroll 0 0;

border-bottom:1px solid #333333;

border-top:1px solid #333333;

text-align:left;

margin-top:120px;

padding:10px 35px;

}

.postmetadata {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

background:#000000 none repeat scroll 0 0;

clear:both;

color:#999999;

display:block;

/*font-size:11px;*/

height:25px;

/*margin:0 0 2em;*/

padding:1em;

}

.postsmall {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

color:#999999;

font-size:10px;

height:45px;

}

.postmetadata a {

color:#515151;

}

.postmetadata a:hover {

color:#EEEEEE;

}

.content a {

color:#4DB3FD;

}

.sub {

text-transform:uppercase;

color:#3fa5d3;

font-size:110%;

border-bottom:1px solid #333333;

margin-bottom:18px;

}

.underlined {

border-bottom:1px solid #222222;

}

.nav {

font-size:11px;

margin:12px 0;

}

.nav a {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px;

background:#000000 none repeat scroll 0 0;

color:#999999;

padding:8px;

text-decoration:none;

}

.nav a:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#333333 none repeat scroll 0 0;

color:#EEEEEE;

cursor:pointer;

}

.right {

float:right;

}

.left {

float:left;

}

.middle {

margin:0;

}

.clear {

clear:both;

}

img.centered {

display:block;

margin-left:auto;

margin-right:auto;

max-width:950px;

}

img.alignright {

display:inline;

margin:3px 0 2px 10px;

max-width:950px;

padding:4px 0 4px 4px;

}

img.alignleft {

display:inline;

margin:3px 10px 2px 0;

max-width:950px;

padding:4px 4px 4px 0;

}

img.alignnone {

display:block;

margin:3px 10px 2px 0;

max-width:950px;

padding:4px 4px 4px 0;

}

.alignleft {

float:left;

}

.alignright {

float:right;

}

.aligncenter, div.aligncenter {

clear:both;

display:block;

margin-left:auto;

margin-right:auto;

}

.thumbnail, .attachment-thumbnail {

float:left;

margin:0 1.5em 1.5em 0;

}

.attachment-medium {

display:inline;

max-width:950px;

overflow:hidden;

}

.attachment-large {

display:inline;

max-width:950px;

overflow:hidden;

}

.gallery {

margin:auto;

}

.gallery-image {

border:2px solid #CFCFCF;

margin-left:0;

}

.gallery-caption {

margin-left:0;

}

.gallery-item {

float:left;

margin-left:0;

text-align:center;

}

.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%;

}

.wp-caption {

text-align:center;

}

.wp-caption img {

border:0 none;

margin:0;

padding:0;

}

.wp-caption .wp-caption-text {

margin:0;

padding:5px;

}

#filters {

clear:both;

height:2em;

margin-bottom:1em;

}

#filters li {

float:left;

margin-right:2em;

}

:focus {

outline-color:-moz-use-text-color;

outline-style:none;

outline-width:0;

}

.sticky {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EEEEEE none repeat scroll 0 0;

border-color:#BBBBBB;

border-style:solid;

border-width:1px 0;

font-size:24px;

padding:15px;

}

.ad-main, .ad-sidebar {

clear:both;

display:block;

}

.hidden {

display:none;

}

.wp-smiley {

margin:0 !important;

max-height:13px;

}

#search {

float:right;

margin:55px 12px 0 0;

padding:0;

}

#search #s {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#DDDDDD url(images/search.png) no-repeat scroll 0 center;

border:1px solid #333333;

color:#222222;

font-size:1em;

margin:0;

padding:4px 0 4px 17px;

width:150px;

}

#search input {

border:0 none;

}

#search #s:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#FFFFFF url(images/search_blue.png) no-repeat scroll 0 center;

color:#0066CC;

}

.search-excerpt {

margin:0;

}

#searchsubmit {

display:none;

}

ol.commentlist {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:0;

text-indent:0;

}

ol.commentlist li {

border-top:5px solid #CCCCCC;

height:1%;

margin:0 0 10px;

padding:5px 7px 5px 57px;

position:relative;

}

ol.commentlist li:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#CCCCCC none repeat scroll 0 0;

}

ol.commentlist li.comment-author-admin {

border-top:5px solid #CCCCCC;

}

ol.commentlist li div.comment-author {

padding:0 170px 0 0;

}

ol.commentlist li div.vcard {

color:#222222;

font-weight:bold;

}

ol.commentlist li div.vcard a {

color:#222222;

}

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:#333333;

}

ol.commentlist li div.vcard img.avatar {

left:0;

position:absolute;

top:5px;

}

ol.commentlist li div.comment-meta {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

-x-system-font:none;

background:#CCCCCC none repeat scroll 0 0;

font-family:helvetica,arial,sans-serif;

font-size:11px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

padding:6px 4px 4px;

position:absolute;

right:0;

text-align:right;

top:0;

}

ol.commentlist li div.comment-meta a {

color:#FFFFFF;

text-decoration:none;

}

ol.commentlist li div.comment-meta a:hover {

color:#000000;

}

ol.commentlist li.comment-author-admin div.comment-meta {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#CCCCCC none repeat scroll 0 0;

color:#FFFFFF;

}

ol.commentlist li.comment-author-admin div.comment-meta a:hover {

color:#FFFFFF;

}

ol.commentlist li div.reply {

text-align:center;

width:36px;

}

ol.commentlist li div.reply a {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

-x-system-font:none;

background:#EEEEEE none repeat scroll 0 0;

color:#222222;

font-family:helvetica,arial,sans-serif;

font-size:9px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:bold;

line-height:1;

padding:6px 10px 3px;

text-decoration:none;

text-transform:uppercase;

}

ol.commentlist li div.reply a:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#222222 none repeat scroll 0 0;

color:#FFFFFF;

}

ol.commentlist li ul.children {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:1em 0 0;

text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {

margin:0 0 0.25em;

}

ol.commentlist li ul.children li.depth-3 {

margin:0 0 0.25em;

}

ol.commentlist li ul.children li.depth-4 {

margin:0 0 0.25em;

}

ol.commentlist li.pingback div.vcard {

padding:0 170px 0 0;

}

#comments {

margin:4px 0;

}

#respond {

border-top:5px solid #CCCCCC;

margin:30px 0;

padding:10px 0;

}

#commentform {

margin-bottom:60px;

}

#commentform input {

font-size:1.2em;

margin:5px 5px 1px 0;

padding:2px;

width:170px;

}

#commentform textarea {

border:1px solid #CCCCCC;

font-size:1.2em;

margin-top:5px;

padding:2px;

width:95%;

}

#commentform textarea:hover {

border:1px solid #222222;

}

#commentform #submit {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#111111 none repeat scroll 0 0;

border:1px solid #222222;

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 {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

color:#FFFFFF;

}

#wp-submit {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#111111 none repeat scroll 0 0;

border:1px solid #222222;

color:#BBBBBB;

font-size:1em;

font-weight:bold;

padding:5px;

}

#wp-submit:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#000000 none repeat scroll 0 0;

color:#FFFFFF;

}

#nav {

overflow:hidden;

padding:0;

position:absolute;

right:0;

top:0;

}

#branding #nav {

left:860px;

overflow:hidden;

position:absolute;

top:16px;

}

#masthead .sf-menu li a:hover {

color:#FFFFFF;

}