/*
THEME NAME: Trey Hill Photography
THEME URI: http://www.squarerootofnine.com/
DESCRIPTION: Super amazing theme just for our little Trey-ster
VERSION: 1.0
AUTHOR: Trey Hill and John Dyer
AUTHOR URI:
TAGS: awesome, libertarian, guns
*/
/* RESET */
* { margin: 0; padding: 0; border: 0; text-decoration: none; }
body
{ text-align:center; background: #ffffff; font-family: "helvetica neue", Helvetica, Arial, sans-serif; color: #3b3b3c; }
#container
{ text-align:left; margin: 0 auto; width: 940px; }
#header
{ margin: 36px 0 35px 0; position: relative;}
#header h1 a
{ float: left; width: 350px; height: 65px; text-indent: -9999px; margin: 0 0 0 -10px;
background: #ffffff url(images/trey-hill-photography-logo.png) top left no-repeat; }
#menu
{ position: absolute; bottom: 0; right: -30px; }
#menu ul
{ list-style-type: none; }
#menu ul li
{ float: left; font-size: 18px; letter-spacing:-0.75px; display: block; font-weight: bold; height: 20px; padding-right: 29px; }
#menu a:link, #menu a:visited, #menu a:active
{ color: #3b3b3c; }
#menu a:hover
{ color: #8cc63f }
/*#menu #m-portfolio
{ width: 117px; }
#menu #m-blog
{ width: 91px; }
#menu #m-stories
{ width: 94px; }
#menu #m-connect
{ width: 110px; }
#menu #m-prints
{ width: 65px; display: none;}
#menu #m-about
{ width: 49px; text-align: right; } */
#content
{ clear: both; margin: 0; }
h2
{ color:#79797A; font-size:48px; letter-spacing:-0.75px;}
/* footer on posts */
#footer
{ clear: both; margin: 40px 0 0 0; font-size:12px; padding: 4px 0 0 0 ; font-family: Georgia; line-height: 18px; font-style: italic; border-top: solid 1px #919192; }
#footer h4
{ font-family: Helvetica, Arial; font-weight: bold; font-size: 26px; text-transform: lowercase; line-height: 28px; font-style: normal; margin: 0 0 0 0;}
#footer a:link, #footer a:active, #footer a:visited
{ color: #3B3B3C; }
#footer a:hover
{ text-decoration:underline;; }
#footer li
{ list-style-type: none; }
#footer ul
{ margin-bottom: 8px; }
#footer #contact
{ width: 220px; float: left;margin: 0 20px 0 0 ;}
#footer #widgets
{ width: 220px; float: left;margin: 0 20px 0 0;}
#footer #copyright
{ width: 220px; float: left; margin: 0 20px 0 0 ;}
#footer #copyright p
{ line-height: 14px; margin: 0 0 10px 0; }
#footer #credits-meta
{ width: 220px; float: left; padding: 4px 0 0 0;}
#footer #credits a
{ display: block; padding: 0 0 0 40px; background: #ffffff url(images/four-man-furnace.png) top left no-repeat; height: 40px; }
#footer #meta li
{ text-transform: lowercase;}
/* footer on galleries and stories */
#footer.simple
{ clear: both; margin: 40px 0 0 0; font-size:12px; padding: 4px 0 0 0 ; font-family: Georgia; border-top: solid 1px #919192; }
#footer.simple a:link, #footer a:visited, #footer a:active
{ text-decoration: none; color: #3b3b3b; }
#footer.simple a:hover
{ text-decoration: underline; }
#footer.simple #contact
{ float: left; width: 400px;}
#footer.simple #contact h4
{ font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; text-transform: lowercase; margin: 0 0 0 0; }
#footer.simple #contact p
{ color: #3b3b3c; font-style: italic; line-height: 20px;}
#footer.simple #credits
{ float: right; width: 220px; text-align: right; }
#footer.simple #credits a
{ display: block; padding: 0 0 20px 20px; background: #ffffff url(images/four-man-furnace.png) top left no-repeat; }
.clear
{ clear: both; }
/* top/bottom navigation */
#nav-below-index
{ margin: 7px 0 0 0; text-align:center; }
#nav-below-index .nav-prev
{ display: block; float: left; margin: 0 1px 0 432px; text-indent: -5000px; background: transparent url(images/thp-prev.png) top left no-repeat; height: 24px; width: 24px; }
#nav-below-index .nav-next
{ display: block; float: left; margin: 0 1px 0 1px; text-indent: -5000px; background: transparent url(images/thp-next.png) top left no-repeat; height: 24px; width: 24px; }
#nav-below-index .nav-prev:hover, #nav-below-index .nav-next:hover
{ background-position: 0 -24px; }
#nav-below-index .empty
{ background-position: 0 -48px; }
#nav-below-index .empty:hover
{ background-position: 0 -48px; }
/* post */
.post
{ width: 940px; }
.post .header
{ border-bottom: solid 1px #919192; position: relative; }
.post .header .entry-date
{ width: 160px; bottom: -2px; left: 0; position: absolute; font-size: 14px; text-align: right; }
.post .header .entry-title
{ width: 580px; margin: 0 0 -11px 180px; color: #404041;}
.post .header .entry-title h2
{ color: #404041; letter-spacing: -2px;}
.post .header .share-this
{ width: 100px; bottom: 4px; left: 780px; position: absolute;}
.post .header .share-this a
{ color: #8b8b8b; }
.post .header .nav-post
{ width: 60px; bottom: 4px; left: 880px; position: absolute;}
.post .header .nav-post .nav-prev
{ background: pink; }
.post .header .nav-post .nav-prev a
{ float: left; display:block; background: transparent url(images/thp-prev.png) top left no-repeat; height: 24px; width: 24px; margin: 0 0 0 6px; }
.post .header .nav-post .nav-prev a span
{ display: none;}
.post .header .nav-post .nav-next a
{ float: left; display:block; background: transparent url(images/thp-next.png) top left no-repeat; height: 24px; width: 24px; margin: 0 0 0 6px; }
.post .header .nav-post .nav-next a span
{ display: none;}
.post .header .nav-post .nav-next a:hover, .post .header .nav-post .nav-prev a:hover
{ background-position: 0 -24px; }
.post .post-main
{ clear: both; margin: 45px 0 0 0; border-bottom: solid 1px #919192; padding: 0 0 10px 0;}
.post .post-excerpt
{ width: 160px; float: left; font-family: Georgia; font-size: 26px; font-style: italic; text-align: right; color: #75c63f; line-height: 22px;}
.post .post-content
{ width: 580px; float: left; margin: 0 20px 0 20px; }
.post .side-notes
{ width: 160px; float: left; }
.post .post-content
{ font-family: Georgia; font-size: 14px; color: #000000; }
.post .post-content p
{ margin: 0 0 24px 0; }
/* TEMP */
.post .post-content img
{ width: 580px; }
.post .post-content strong
{ font-family: Helvetica, Arial; font-size: 16px; }
.post .post-content a:link, .post .post-content a:active, .post .post-content a:visited
{ font-family: Helvetica, Arial; color: #74c63e; }
.post .post-content a:hover
{ text-decoration: underline; }
.post .post-tags
{ clear: both; margin: 0 0 0 0; border-bottom: solid 1px #919192; padding: 18px 180px; color: #d1d4d1; font-family: Georgia;}
.post .post-tags span
{ font-family: Helvetica, Arial; color: #000000; }
.post .post-tags a:link, .post .post-tags a:visited, .post .post-tags a:active
{ color: #d1d4d1; font-family: Georgia; font-style: italic; }
.post .post-tags a:hover
{ text-decoration: underline; }
/* tweet */
.recent-tweet
{ width: 153px; margin: 40px 0 0 0; padding: 36px 10px 0 5px; background: transparent url(images/post-tweet-top.png) top left no-repeat;
font-size: 12px; }
.recent-tweet .ago
{ display: block; text-align: right; margin: 5px 0 0 0; padding: 0 5px 0 0; }
.recent-tweet a:link, .recent-tweet a:active, .recent-tweet a:visited
{ color:#74C63E; }
.recent-tweet-footer
{ width: 168px; height: 18px; background: transparent url(images/post-tweet-bottom.png) top left no-repeat; }
/* gallery posts */
.full-image
{ width: 940px; height: 627px; position: relative;}
.full-image img
{ width: 940px; height: 627px; position: absolute; top: 0; left: 0;}
.full-image .entry-caption-bg
{ width: 940px; height: 80px; background: #000000; opacity: 0.5; position: absolute; bottom: 0; left: 0; }
.full-image .entry-caption
{ width: 920px; height: 60px; position: absolute; bottom: 0; left: 0; padding: 10px; }
.full-image .entry-caption h3
{ display:inline; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; }
.full-image .entry-caption p
{ display:inline; font-family: Georgia; font-size: 14px; color: #ffffff; }
.full-image a.nav-prev, .full-image a.nav-next
{ text-indent: -100000px;}
.full-image a.nav-prev
{ width: 460px; height: 627px; position: absolute; top: 0; left: 0; background: transparent url(images/image-prev-green.png) -1000px -1000px no-repeat; }
.full-image a.nav-next
{ width: 460px; height: 627px; position: absolute; top: 0; right: 0; background: transparent url(images/image-next-green.png) -1000px -1000px no-repeat;}
.full-image a.nav-prev:hover
{ background-position: 33px 255px; }
.full-image a.nav-next:hover
{ background-position: 332px 255px; }
.entry-meta .post-count
{ text-align: center; margin: 10px 0 0 0; font-size: 14px;}
body.attachment-jpeg #footer
{ margin: 8px 0 0 0; }
/* comments */
#comments
{ margin: 30px 0 0 0;}
#comments h2
{ font-size: 48px; padding: 0 0 0 180px; }
#comments ol.commentlist
{ margin: 0 0 0 ; border-top: solid 1px #919192; }
#comments ol.commentlist li
{ border-bottom: solid 1px #919192; list-style-type: none; padding: 15px 0; }
#comments a
{ color: #79797a; }
#comments a:hover
{ text-decoration: underline; }
#comments .date
{ width: 175px; float: left; font-size: 12px; padding: 5px 0 0 5px; color: #79797a;}
#comments .main
{ width: 580px; float: left; }
#comments .author
{ font-size: 20px; font-weight: bold; }
#comments .author a
{ color: #8cc63f;}
#comments .content
{ margin: 15px 0 0 0 ; font-size: 12px; }
#comments .reply
{ margin: 15px 0 0 0 ; font-size: 13px; }
#comments .reply a
{ color: #8cc63f; }
#respond
{ margin: 15px 0 15px 180px;}
#respond input[type=text], #respond textarea
{ border: solid 1px #999; padding: 2px; margin: 0 0 2px 0; width: 580px; margin: 0 0 6px 0; }
#respond input[type=text]:focus, #respond textarea:focus
{ border-color: #666; }
#respond input[type=button], #respond input[type=submit]
{ border: solid 1px #666; padding: 2px;}
/* list of posts */
#post-list
{ margin: 0 0 12px 0; border-bottom: solid 1px #919192; }
#post-list h2
{ }
#post-list div.post-preview
{ height: 60px; width: 940px; margin: 0 0 0 0; border-top: solid 1px #919192; overflow: hidden; }
#post-list div.post-preview a
{ display: block; background-position: top left; background-repeat: no-repeat; position: relative;
width: 940px; height: 60px; }
#post-list img
{ position: absolute; top: 0; left: 0; width: 460px; height: 60px; }
#post-list .bg
{ position: absolute; top: 0; left: 0; width: 940px; height: 60px; padding: 0; color: blue; }
#post-list .excerpt
{ position: absolute; top: 0; left: 0; display:block; visibility: hidden;
text-align: right; font-size: 13px;
width: 450px; height: 45px; padding: 15px 10px 0 0; }
#post-list .title-and-date
{ position: absolute; top: 0; left: 460px; display:block; width: 460px; padding: 0 0 0 20px; height: 60px; float: right; text-align: left;}
#post-list .title-and-date h3
{ color: #3b3b3c; font-size:35px; height: 44px; overflow: hidden; font-weight:bold; letter-spacing:-1px; text-transform:lowercase; margin: -4px 0 -4px 0; }
#post-list .date
{ color: #3b3b3c; font-size:14px; letter-spacing:-0.75px; margin: 0 0 0 0; }
#post-list a:hover img
{ opacity: 0.5; filter: alpha(opacity = 50);}
#post-list a:hover .bg
{ background: #8cc63f; opacity: 0.5; filter: alpha(opacity = 50);}
#post-list a:hover .excerpt
{ visibility: visible; color: #3b3b3b; opacity: 0.90; filter: alpha(opacity = 90);} /* text-shadow: #ffffff 0 1px 3px;} */
/* search */
#searchform
{ width: 160px; }
#searchform div
{ width: 160px; height: 28px; background: #808081; position: relative;}
#searchform input
{ width: 157px; position: absolute; bottom: 2px; left: 0; text-align: right; background:transparent; font-size: 18px; color: #ffffff; font-weight: bold; }
/* front page */
#featured
{ float: left; width: 460px; }
#stories
{ float: right; width: 460px; }
.rotator
{ width: 460px; height: 307px; position: relative;}
.rotator a
{ width: 460px; height: 307px; display: block; position: absolute; top: 0; left: 0; background: #eeeeee; color: #ffffff;}
.rotator a img
{ position: absolute; top: 0; left: 0;}
.rotator a span.info
{ display: block; position: absolute; top: 100px; left: 0; background: transparent url(images/opacity-000000-60.png) top left;
padding: 5px 5px 5px 25px; width: 430px; font-family: Georgia; text-align: right; font-size: 15px; }
.rotator a:hover span.title
{ color: #8cc63f;}
.rotator span.title
{ font-size: 17px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
.rotator-buttons
{ margin: 4px 0 0 0;}
.rotator-buttons ul
{ list-style-type: none;}
.rotator-buttons li
{ display: block; float: left; margin: 0 0 0 0; }
.rotator-buttons a
{ display: block; width: 11px; height: 11px; padding: 4px; background: transparent url(images/rotator-dot.png) 4px 4px no-repeat; }
.rotator-buttons ul li:first-child a
{ padding: 4px 4px 4px 0; background-position: 0 4px; }
.rotator-buttons a.selected
{ background-image: url(images/rotator-dot-selected.png); }
/* ABOUT PAGE */
#twitter
{ height: 315px; position: relative;}
#twitter-bubble
{ width: 299px; left: 320px; bottom: 0; position: absolute; padding: 0 20px 24px 9px; font-size: 12px;
background: transparent url(images/about-twitter-bottom.png) bottom left no-repeat; }
#twitter-bubble a
{ color: #8cc63f; }
#twitter-bubble-header
{ width: 21px; height: 20px; padding: 11px 0 0 307px ; margin: 0 0 0 -9px; color: #111111; background: transparent url(images/about-twitter-top.png) top left no-repeat; }
#site-info
{ margin: 6px 0 300px 0; width: 940px; height: 69px; font-family: Georgia; font-style: italic; font-size: 12.68px;
background: transparent url(images/about-logo.png) 111px 0 no-repeat;
position: relative;line-height: 19px;}
#home-link
{ display: block; float: left; width: 640px; height: 70px; }
#contact-info
{ position: absolute; bottom: 5px; left: 640px;}
#site-info a, #site-info a:link, #site-info a:active, #site-info a:visited, #reps a, #reps a:link, #reps a:active, #reps a:visited
{ color: #3B3B3C; }
#site-info a:hover, #reps a:hover
{ text-decoration:underline; }
#reps
{ width: 300px; padding: 28px 0 0 640px; margin: 80px 0 95px 0; font-family: Georgia; font-style: italic; font-size: 12.68px;
background: transparent url(/wp-content/themes/thp/images/reps-claque.png) 740px 0 no-repeat; line-height: 19px;}
#pullshade
{ position:absolute; top: -250px; width: 100%; }
#top-wrapper
{ background: #cccccc; }
#top-contents
{ padding: 0 0 10px 0; height: 250px; width: 940px; margin: 0 auto; text-align: left; }
#about-trey
{ width: 300px; margin: 0 20px 0 0; float: left;}
#about-stories
{ width: 300px; margin: 0 20px 0 0;float: left;}
#about-thanks
{ width: 300px; margin: 0 0 0 0;float: left;}
#top-contents h2, #top-contents h3
{ color: #3b3b3c; font-size: 18px; font-weight: bold; margin: 15px 0 5px 0;}
#top-contents p
{ color: #3b3b3c; font-size: 13px; margin: 5px 0 10px 0;}
#pullstring
{ height: 36px; background: transparent url(images/pull-string-3.png) top center no-repeat; cursor: pointer; }
/* splash page */
/*#splash-wrapper td
{ height: 100%; margin: 0 auto; width: 940px; vertical-align: middle; text-align: center; }
*/
body.page-template-customsplash-php
{ height: 100%; }
#splash-container
{ height: 100%; margin: 0 auto; width: 940px; position: relative;
text-align:left; }
#splash-container #main
{ position: absolute; top: 50%; left: 50%; margin: -217px 0 0 -470px;
width: 940px; height: 434px; border-top: solid 1px #919192; border-bottom: solid 1px #919192;}
/*
#splash-container
{float:left; height:50%; margin-bottom:-217px;}
#splash-container #main
{ clear:both; height:240px; position:relative; margin: 0 auto;
width: 940px; height: 434px; border-top: solid 1px #919192; border-bottom: solid 1px #919192;}
*/
#splash-container #random-image
{ width: 520px; height: 434px; float: left; }
#image-wrapper td
{ width: 520px; height: 434px; display: table-cell; vertical-align: middle; text-align: center;}
#splash-container #random-image img
{ vertical-align:middle; }
#splash-container #entrance
{ width: 400px; height: 434px; float: right; }
#entrance
{ font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #3b3b3c; font-weight: bold;}
#entrance #site-links
{ margin: 166px 0 0 21px; }
#entrance #logo
{ display: block; margin: 0 0 0 -8px; }
#entrance .enter
{ display: block; margin: 38px 0 0 0; font-family: Georgia; font-size: 13px; font-style: italic; color: #3b3b3c; font-weight: normal; }
#entrance a, #entrance a:link, #entrance a:visited, #entrance a:active
{ text-decoration: none; color: #3b3b3c; text-transform:uppercase; }
#entrance a:hover
{ color: #8CC63F; /* text-decoration: underline; */ }
#splash-footer
{ clear: both; margin: 0 0 0 0; padding: 40px 0 0 0; width: 940px; font-family: Georgia; font-style: italic; color: #3b3b3c; font-size: 13px; text-align: right; }