/*
Theme Name: Man's Guide To Love (Fullscreen)
Theme URI: http://graphpaperpress.com/
Description: Modified version of "Fullscreen" for The Man's Guide to Love
Version: 2.1
Tags: photography, one-column, minimal, widgets, black, portfolio, video, multimedia, framework
Author: Pete Berg / 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.css' );

/* Override */
body { background: #0f0f0f; color: #999; font-family: Helvetica,Arial,Sans-Serif;}
.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:#428ce7; text-decoration:underline }
a:hover { color:#fff }

/* Masthead */
#masthead { padding:0; margin:12px 0 50px 0; height: 40px; position: relative; display:block; clear:both }
#masthead h2, #branding h2 { float:left; margin:0; padding:0; font-size: 33px; }
#masthead h2 a, #branding h2 a { color:#fff }
#masthead .description, #branding .description { float:left; color:#999; margin: 0px 12px 10px 6px; font-size:11px; clear:both; }

/* Home Thumbs & Nav*/
.homecontainer { width: 962px; overflow: hidden; margin: auto; position:relative; padding-top:12px; }
.home { background: #000; }
.home-thumbs { margin-top: 0; padding: 0; overflow: hidden; }
.bottom-thumbs { top: 480px; left:0;}
.mgl-comingsoon {top:1600px; right:0px; width:320px; height:160px; z-index:100px;}
.thumbs { display:hidden; }
ul.thumbs { width: 960px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; }
ul.thumbs-hallfame { width: 160px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:160px }
ul.thumbs-bigfrontpageimg { width: 640px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:160px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 360px; height:360px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-hallfame { float: left; width: 80px; height:80px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-bigfrontpageimg { float: left; width: 640px; height:360px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}
ul.thumbs-hallfame li { float: left; width: 80px; height:80px; margin:0; overflow:hidden; }
ul.thumbs-hallfame li img.attachment-thumbnail { margin:0 }


.videooverlay { font-size:30px; text-align:right; background-image:url(/wp-content/themes/fullscreen/images/play.png); background-position:center; background-repeat:no-repeat; width:640px; height:360px; }


#branding { background: #000; color:#474747; z-index: 4; left: 0px; padding:20px 0px 60px 0px; zoom:1; width:960px; height: 40px; display: block; margin: auto; clear: both; position: relative; }
#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 }

/* Guy Video Boxes */
.guyvideo { float:left; }
.guyvideodescription { width:160px; height:360px; float:left; display:inline; overflow: hidden;}
.guyvideodescription h3 { display: block; font-size:11px; font-weight: 600; text-transform:uppercase; width: 120px; height: 30px; margin-top: 18px; padding: 20px 0 8px 32px; background-image:url(/wp-content/themes/fullscreen/images/back.gif); background-position:left; background-repeat:no-repeat; background-position: 6px 0px; text-align: center;}
.guyvideodescription h2 { font-size: 19px; text-align: center; padding-top: 6px; font-face: Helvetica; font-weight: lighter; }
.guyvideodescription h2 a { color: #AAA; text-decoration: none; }
.guyvideodescription h2 a:hover { color: #FFF; }

.guyquotebox { display: block; width:160px; height: 185px; overflow: hidden; }
.guyquotebox p { text-align: center; font-size: 15px; font-weight: 400; font-style: italic; margin: 0 25px 5px 25px;}
.guyquotebox p a { color: #AAA; }

.addthis_frontpage { position: absolute; display: block; top: 340px; left: 650px; margin-top:16px; margin-left:5px;}
.addthis_frontpage a { color: #CCC; }



/* Hall of Fame */

.halloffamelink {width:160px; height:40px; text-align: center; overflow: hidden; display:block; }
.halloffamelink a { color: #999; text-decoration: none; display: block; width: 160px; height: 40px; background-image:  url(images/hall_of_fame_160px_gray.png);}
.halloffamelink a:hover { color: #FFF; background-image:  url(images/hall_of_fame_160px.png);}



/* 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 10px 0 0; padding: .4em 1em .4em 20px; 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 }
.post { display:block; clear:both }
#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; }
.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 }
.sub { text-transform:uppercase }
.underlined { border-bottom:1px solid #222 }
.nav { margin:12px 0; font-size:11px}
.nav a { background:#000; color:#999; padding:6px; text-decoration:none; }
.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}

/* Video */
.video { margin: auto; text-align: center; }

/* 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; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.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 { top: 25px; left: 480px; position: absolute; margin: 0px; padding: 0px; }
#branding #nav { top: 42px; left:485px; position: absolute; }
.sf-menu li { font-size: 12px; }
.sf-menu li ul li { font-size: 11px; }
#masthead .sf-menu li a:hover {color:#fff;}


/* Archives / Category Pages */
h6.sub { padding:10px; text-transform:uppercase; }
#categorytitle, #categorytitleprev, #categorytitlenext { background-color:#333; -moz-border-radius:4px; -webkit-border-radius:4px; width:200px; margin:16px 0 28px;} 

.category_archive_posts { padding-top:20px; clear:both; width:960px; }
.category_archive_posts ul li { width: 160px; height: 185px; list-style: none; margin: 0 10px 20px 10px; padding: 0; position:relative; top:0; left:0; }
.category_archive_posts ul li img {margin: 0; padding: 0; }

.tag_archive_posts { clear:both; width:960px; }
.tag_archive_posts ul li { width: 160px; height: 185px; list-style: none; margin: 0 10px 20px 10px; padding: 0; position:relative; top:0; left:0; }
.tag_archive_posts ul li img {margin: 0; padding: 0; }

span.guyname {font-weight: 500; font-size:18px; text-transform:uppercase; text-align: left;}
span.date {float: right; margin-top:6px; color: #555; }

.dateoverlay { color: #bbb; font-size:44px; text-align:right; position: absolute; display: block; width: 160px; margin:100px 11px 0 0;}
ul.catlist {margin:0 0 0 80px; width:800px;}
ul.catlist li { list-style:none; float:left; margin:0; padding:0; clear:none; display:block; height:160px; width:160px; }


.archive_video { float:left; display:inline; width:580px; height:326px; overflow:hidden; }

.archive_video_info { float:left; display:inline; width:300px; height:326px; overflow:hidden; padding: 0px 20px 0px 20px; position: relative; }

.guyquoteboxarchive { display: block; width:100%; }
.guyquoteboxarchive p { text-align: center; font-size: 16px; font-weight: 500; font-style: italic; margin: 0 20px 15px 20px;}
.guyquoteboxarchive p a { color: #AAA; }

.addthis_frontpage { position: absolute; display: block; top: 340px; left: 650px; }
.addthis_frontpage a { color: #CCC; }

.addthis_archive { position: absolute; top: 310px; left: 170px; }


/* Blog */

#blogcolumn { float:left; width:740px; }
#blogcolumn h2 { text-align: left; }
#blogsidebar { float:left; width: 180px; }
#blogsidebar ul { padding: 0 10px 10px 10px; }
#blogsidebar a { color: #999; }
#blogsidebar a:hover { color: #fff; }


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


/* Widgets */
.item3 { text-transform:lowercase; }


/* Page with Comments */
.comments_page { }
.comments_page a { color: #aaa; text-decoration: underline; }
.comments_page a:hover { color: #fff; }


/* Single Page */

#singlepagequote { padding-top: 6px; font-size: 16px; text-align: center; font-style: italic; font-weight: 600; }


/* Tag Cloud Page */
.tag_cloud { padding: 0px 40px 10px 40px; }
.tag_cloud a { color: #777; margin: 6px;}
.tag_cloud a:hover { color: #ccc; }

/*
Random Selection Page
*/
#random-selection-page .thumbs-hallfame img {opacity:0.4;filter:alpha(opacity=40);}
#random-selection-page .thumbs-hallfame img:hover {opacity:1.0;filter:alpha(opacity=100);}
#random-selection-page .bottom-thumbs img {opacity:0.4;filter:alpha(opacity=40);}
#random-selection-page .bottom-thumbs img:hover {opacity:1.0;filter:alpha(opacity=100);}