/*
Theme Name: Photofolio
Theme URI: http://www.thereformation.co.nz/
Description: Wordpress theme for Photography portfolio sites.
Version: 1.0
Author: Glen Mossong
Author URI: http://www.thereformation.co.nz/
Tags: jQuery, portfolio, minimal, photography
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }
body { line-height:1; }
h1,h2,h3,h4,h5,h6 { clear:both; font-weight:normal; text-transform: uppercase; color: #4f4f4f;}
ol,ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before,blockquote:after { content:''; content:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse; border-spacing:0; }
a img { border:none; }

/* Core
-------------------------------------------------------------- */
@font-face {
			    font-family: 'TimesEuropaLTRomanRegular';
			    src: url('fonts/timeseuropa-normal-webfont.eot');
			    src: local('Times Europa LT Roman'), 
			         local('TimesEuropaLT-Roman'), 
			         url('fonts/timeseuropa-normal-webfont.ttf') format('truetype'),
			         url('fonts/timeseuropa-normal-webfont.svg#webfonttcTMlIkJ') format('svg'); 
			}

#home-content p, .menu li a, .gallery-menu ul.left, .gallery-menu-top ul li a, h1, h2 {font-family: 'TimesEuropaLTRomanRegular','Times New Roman', Times, Georgia, serif;}

body { font-family: 'Georgia', 'Times New Roman', Times, serif; }
h1.entry-title {font-size: 14pt; color: #4f4f4f; text-decoration: none; margin:0 0 40px 0}
h2 a { font-size: 14pt; color: #4f4f4f; text-decoration: none;}
h2 a:hover {color: #fbbf9b; text-decoration: none;}
h3 {font-size: 11pt;}
p {color:#909090; font-size: 13px; line-height: 1.5em; margin: 0 0 1em 0;}
a {color:#fbbf9b; text-decoration: none;}
p a {font-style: italic;}
a:hover {color:#4f4f4f;}
blockquote p {color: #4f4f4f; font-style: italic; padding: 0 2em 0 2em;}
p code {font: 13px normal "Courier New", Courier, Monaco, monospace; text-transform: none;}

/* Layout
-------------------------------------------------------------- */
#wrapper { margin:0 auto; padding:100px 0 0; width:1000px; }
#content, #home-content { float:left; width:710px; margin:0 0 100px 0;}
#access { float:right; width:250px; }
#fixed	{}
#footer {position: fixed; bottom:0px; width:100%; height:40px; background: url(images/footer-bg.png) repeat-x;}
#footer p, .edit-link {font: bold 10px Helvetica, Verdana, Arial, sans-serif; color:#ccc; text-transform: uppercase; margin:0;}
#footer p a {font-style: normal;}
#colophon {margin:0 auto; width:1000px; padding:20px 0 0 0;}
#site-info {float:left; width:480px;}
#site-generator {float:right; width:480px; text-align: right;}
#siteinfo {margin:2em 0 0 0;}

/* Homepage
-------------------------------------------------------------- */
#home-image {float:right; width:400px;}
#home-content h1, #home-content h2 {display: none;}
#home-content p { font-style: normal; font-size: 14pt; color: #909090; line-height: 1.4em; }

/* Access / Menu
-------------------------------------------------------------- */
.menu li {border-bottom: 1px solid #d6d6d6; margin: 2px 0 3px 0; padding: 0 0 6px 0;}
.menu li.current_page_item a {color: #fbbf9b;}

.menu li a {color: #4f4f4f; font-style: normal; font-size: 13px; text-transform: uppercase; padding:0 13px 0 13px; }

.menu li a:hover {color:#FBBF9B;}
#access p {padding:15px 13px 15px 13px;}
#searchform div {width:250px; height:36px; background: url(images/search.gif) no-repeat;}
.screen-reader-text, #searchsubmit {display:none;}
input#s {margin:8px 0 0 40px; width:180px; border: 0px; padding: 0; height:20px; color:#909090; font: italic 13px Georgia, "Times New Roman", Times, serif;}
.widget-container ul {padding:0 13px 0 13px;}
.widget-container li {font: bold 10px Helvetica, Verdana, Arial, sans-serif; color:#ccc; text-transform: uppercase;}
h3.widget-title {font: bold 10px Helvetica, Verdana, Arial, sans-serif; color:#ccc; text-transform: uppercase; border-bottom: 1px solid #d6d6d6; padding:0 13px 4px 13px; margin: 20px 0 4px 0;}

/* Hover fading images
-------------------------------------------------------------- */
div.fadehover { position:relative; height:100px; border-bottom: 1px solid #d6d6d6;}
img.a { position:absolute; left:0; top:0; z-index:10; }
img.b { position:absolute; left:0; top:0; }

/* Posts
-------------------------------------------------------------- */
.entry-meta, .entry-utility {margin:5px 0 20px 0; font: bold 10px Helvetica, Verdana, Arial, sans-serif; color:#ccc; text-transform: uppercase; }
.entry-utility {border-bottom: 1px solid #d6d6d6; padding:10px 0 10px 0;}

/* Comments
-------------------------------------------------------------- */
#commentform {margin:0 0 75px 0;}
textarea#comment { width:697px; padding:5px; border: 1px solid #d6d6d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment { padding:1em 1em 2em 1em; }
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { background-color: #fff; float:right; padding:3px; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata { margin-bottom: 5px; font-family: Georgia, Garamond, Times, serif; font-style:italic; font-size:8pt; }
ol.commentlist li div.comment-meta a { text-decoration: none; color:#999; }
ol.commentlist li div.comment-meta a:hover { color:#ff8000; }
ol.commentlist li ul {list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#fffaf5; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px solid #d6d6d6; padding:1em; }
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
h3#comments-title {color:#ccc; text-transform: uppercase;}
h3#comments-title em {color: #4f4f4f; text-transform: capitalize;}
div#respond h3 { margin-bottom: 5px; }
div#respond p, #respond form small, .vcard { font: bold 10px Helvetica, Verdana, Arial, sans-serif; color:#ccc; text-transform: uppercase;}
.comment-body p {font: italic 13px Georgia, "Times New Roman", Times, serif; margin:.5em 0 0 0; color:#ccc;}
.comment-author-admin .comment-body p {font: italic 13px Georgia, "Times New Roman", Times, serif; color: #4f4f4f; margin:.5em 0 0 0;}
#commentform input {display:block; border: 1px solid #d6d6d6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:20px; margin:0;}
span.required {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 13px; color:red;}
input#submit {width:150px; height:26px; background: url(images/submit.png) no-repeat 0 -32px; font: bold 11px Helvetica, Verdana, Arial, sans-serif; color: #fff; text-transform: uppercase; border: none; text-shadow: 0px -1px 0px #666;}
input#submit:hover {background: url(images/submit.png) no-repeat 0 -2px; cursor: pointer;}

/* Gallery Styling
-------------------------------------------------------------- */
#gallery-wrapper {margin:0 auto; padding:0 0 10px 0; width:1000px;}
#galleria {height:550px;}
.galleryTitle, .images img {display:none;}
.gallery-entry-content {margin:20px 40px 0 40px; display: none;}
.gallery-menu-top {margin:20px 0 10px 0; padding:0 0 10px 0; background: url(images/line.gif) no-repeat bottom center;}
.gallery-menu-top ul {text-align: center;}
.gallery-menu-top ul li {display: inline; padding:0 .7em 0 .7em;}
.gallery-menu-top ul li a {color: #4f4f4f; font-style: normal; font-size: 13px; text-transform: uppercase;}
.gallery-menu-top ul li a:hover {color:#FBBF9B;}
.gallery-menu-top li.current_page_item a {color: #fbbf9b;}
p.gallery-credits {text-align: center; color: #ccc; padding:0 0 10px 0; font-size: 11px;}