/*
Theme Name: Widescreen
Theme URI: http://graphpaperpress.com/
Description: A photo and multimedia theme framework for Wordpress by <a href="http://graphpaperpress.com">Graph Paper Press</a>
Version: 1.1
Tags: photography, one-column, theme options, minimal, widgets, white, portfolio, video, framework
Author: Thad Allender
Author URI: http://graphpaperpress.com/
License: GPL
*/

/* RESET */
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td { margin:0; padding:0; border:0; outline:none; }
body { line-height:1.5; font-size:80%; }
h1,h2,h3,h4,h5,h6 { font-size:100%; padding:.6em 0; margin:0; font-weight:normal; }
ul,ol { list-style:none; }

/* GRID */
.container { width:795px; padding-left:320px; padding-top:24px; }
.grid_1,.grid_2,.grid_3 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }
.alpha { margin-left:0; }
.omega { margin-right:0; }
.container .grid_1 { width:250px; }
.container .grid_2 { width:510px; }
.container .grid_3 { width:770px; }

/* TYPOGRAPHY */
body,textarea,input { font-family:Helvetica, Arial; color:#fff; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#ccc; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color:#fff; }
h1 { font-size:3em; line-height:1; margin-bottom:.5em; }
h2 { font-size:2em; margin-bottom:.75em; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin:0; }
p { margin-bottom:1.2em; }
.fancy, blockquote, p.credits, .postmetadata { font-style:italic; font-family:Georgia; text-shadow:1px 1px 1px #000; }
.sub { text-transform:uppercase; border-bottom:1px solid #999; letter-spacing:2px; font-weight:100; margin:24px 0; }
blockquote { font-size:1.2em }

/* CLEAR FLOATS */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* DEFAULTS */
body { color:#999; background:url(images/bg.jpg) fixed; }
a { color:#D6006B; text-decoration:none; }
a:hover,a:focus { color:#fff; }

/* MENU */
p#hidep { margin:0; padding:0; }
#hide { position:fixed; bottom:15px; left:65px; z-index:2; color:#999; font-style:italic; font-family:Georgia; }
#menu { height:100%; left:30px; margin-right:40px; padding:100px 25px 0; position:fixed; top:0; width:200px; z-index:1; background:transparent url(images/repeater.png) repeat; }
#menu .description { font-size:11px; }
#menu ul { list-style-type:none; border-top:1px solid #999; margin:24px 0; text-transform:uppercase; letter-spacing:2px; text-shadow:1px 1px 1px #000; }
#menu ul li { margin:0; padding:0; }
#menu ul li a { height:1%; line-height:24px; border-bottom:1px solid #999; display:block; padding:12px 0 12px 12px; color:#999; }
#menu ul li a:hover { background:#000; color:#fff; }
#menu ul li.trigger a:hover { background:transparent url(images/arrow.png) no-repeat 93% 50%; }
#menu ul ul.toggle { font-size:11px; padding:12px; border-bottom:1px solid #999; }
#menu ul ul.toggle li a { height:1%; line-height:24px; border-bottom:1px solid #999; display:block; padding:12px 0 12px 12px; color:#999; }

/* CONTENT */
.content { display:block; clear:both; }
.post { display:block; clear:both; margin:2em 0; }
.postmetadata { color:#999; font-size:.8em; }
.postmetadata a { color:#999; }
.postmetadata a:hover { color:#fff; }
.underlined { border-bottom:1px solid #222; }
.welcomebox { padding:1.5em; margin:0 0 1.6em; }

/* IMAGE WRAPS */
.image-wrap { float:left; display:inline; margin:0 10px 17px 0; position:relative; width:240px; height:160px; background:#fff url(images/thumb-bg.jpg) 7px 7px no-repeat; padding:7px; border:1px solid #eee; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; text-shadow:1px 1px 1px #000; overflow:hidden; }
.image-wrap img { background:#fff; }
.image-wrap span.title { display:block; color:#ccc; position:absolute; top:18px; left:18px; z-index:10; font-size:20px; font-family:Georgia; font-style:italic; }
.image-wrap span.category { color:#888; position:absolute; bottom:18px; left:18px; display:block; width:224px; font-size:11px; text-transform:uppercase; letter-spacing:1px; z-index:1; }
.image-wrap span.title a { color:#fff; }
.image-wrap span.category a { color:#aaa; }
.thumblink a { display:block; position:absolute; z-index:0; top:7px; left:7px; }

/* NAVI */
.nav { margin:10px 0; }
.project-info { display:none; }
.navi { float:left; margin-bottom:15px; }
.byline { font-size:11px; margin:0 0 1em; color:#bbb; }
.byline a { color:#bbb; }

/* FOOTER */
#footer { margin:4em 0 1em; font-size:.9em; clear: both; }
#footer h3 { margin:1em 0; }
#footer p.credits { text-align:right; }
#footer .item { margin:0 0 4em; float:left; width:198px; }
#footer ul { list-style:none; margin:0 0 1.6em; font-size:1em; }
#footer ul li a,ul.txt li { height:1%; line-height:1.2em; display:block; padding:6px 0 6px 8px; }
#footer ul li.active a { cursor:default; }
#footer ul ul { margin:0; list-style:none; }

/* 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:760px; }
img.alignright { padding:4px 0 4px 4px; margin:3px 0 2px 10px; display:inline; max-width:760px; }
img.alignleft { padding:4px 4px 4px 0; margin:3px 10px 2px 0; display:inline; max-width:760px; }
img.alignnone { padding:4px 4px 4px 0; margin:3px 10px 2px 0; display:block; max-width:760px; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter,div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.thumbnail,.attachment-thumbnail { max-width:240px; margin:0 1.5em 1.5em 0; float:left; }
.alignright .attachment-thumbnail { margin-right:0; }
.attachment-full,.attachment-medium,.attachment-large { max-width:760px; height:auto; overflow:hidden; display:inline; text-align:left; text-align:left; float:left; }
.content .size-medium,content size-large { margin:0 1.5em 1.5em 0; }
.home .size-medium,.home .size-large { max-width:760px; height:auto; overflow:hidden; margin:0 .5em .5em 0; }
.gallery { display:block; clear:both; overflow:hidden; margin:0 auto; }
.gallery .gallery-row { display:block; clear:both; overflow:hidden; margin:0; }
.gallery .gallery-item { overflow:hidden; text-align:center; list-style:none; padding:0; margin:0 auto; }
.gallery .gallery-item img,.gallery .gallery-item img.thumbnail { max-width:100%; height:auto; padding:0; border:none!important; }
.gallery-caption { margin-left:0; }
.gallery-item .attachment-thumbnail { float:none!important; margin:0 auto; }
.gallery-item dd { clear:both; }
.slideshow img { display:block; float:none; clear:both; }

/* IMAGE SCALING FOR GALLERY INSERTION */
.col-0 { width:100%; }
.col-1 { width:100%; }
.col-2 { width:50%; }
.col-3 { width:33%; }
.col-4 { width:25%; }
.col-5 { width:20%; }
.col-6 { width:16.5%; }
.col-7 { width:14%; }
.col-8 { width:12.4%; }
.col-9 { width:11%; }
.col-10 { width:10%; }
.col-11 { width:9%; }
.col-12 { width:8.33%; }
.col-13 { width:7.6%; }
.col-14 { width:7.1%; }
.col-15 { width:6.66%; }
.col-16 { width:6.25%; }
.col-17 { width:5.83%; }
.col-18 { width:5.55%; }
.col-19 { width:5.25%; }
.col-20 { width:4.95%; }

/* CAPTIONS */
.wp-caption p.wp-caption-text,.caption { font-size:11px; line-height:30px; margin:1em 0; padding:10px; text-align:center; font-style:italic; }

/* ETC */
#filters { clear:both; height:2em; margin-bottom:1em; }
#filters li { float:left; margin-right:2em; }
.prev,.next { font-size:.9em; text-align:center; }
.nav-interior { float: left; margin: 1.5em 0; width: 100%; }
.prev a { float: left; }
.next a { float: right; }
:focus { outline:0; }
.hide { display:none; text-indent:-9999px; }
.double-border { background:url(images/double-border.png) repeat-x bottom; height:8px; width:100%; clear:both; float:none; border:none; margin:1em 0; }
.ad-main,.ad-sidebar { display:block; clear:both; }
input #wp-submit { background:#999; }
.video { margin-bottom:2em; display:block; }

/* COMMENTS */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; margin:.5em 0 1em; padding:1em; background:url(images/h-bg.png); border:medium double #222; }
ol.commentlist li { margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; height:1%; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; }
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 img.avatar { left:0; position:absolute; top:5px; }
ol.commentlist li div.comment-meta { position:absolute; right:0; text-align:right; top:0; padding:6px 4px 4px; }
ol.commentlist li div.comment-meta a { text-decoration:none; }
ol.commentlist li div.reply { text-align:center; width:36px; }
ol.commentlist li div.reply a { padding:6px 10px 3px; text-decoration:none; text-transform:uppercase; }
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; }
h3#comments { margin:2em 0; }
#respond { margin:30px 0; padding:10px 0; }
#commentform { margin-bottom:60px; }
#commentform input { width:170px; padding:6px 12px; margin:5px 5px 1px 0; font-size:1.2em; background:url(images/h-bg.png); border:medium double #222; }
#commentform input:hover { cursor:pointer; }
#commentform textarea { width:60%; font-size:1.2em; margin:.5em 0 1em; padding:1em; background:url(images/h-bg.png); border:medium double #222; }
#commentform #submit { margin-top:5px; padding:5px; font-weight:bold; font-size:1.3em; 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 { }
#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; }