/*
Theme Name: The Picture Garden
Theme URI: http://thepicturegarden.co.nz/
Description: jQuery Wordpress gallery theme for <a href="http://thepicturegarden.co.nz/">The Picture Garden</a>.
Version: 1.0
Author: Glen Mossong
Author URI: http://www.glenmossong.net/
Tags: jQuery, gallery, photography, sideshow, thumbnails, photos

	This theme was designed by <a href="http://thepicturegarden.co.nz/">Angela Keoghan</a>. and built by Glen Mossong,
	who co-owns and operates <a href="http://www.thereformation.co.nz/">The Reformation</a>.

*/

/* Core */
* { margin:0; padding:0; }

/* Typography & Colors */
/* Franklin Gothic URW */
body {
  font-family: franklin-gothic-urw,sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  color: #999;
}

body {background:#fff; text-align:left;}
h1, h2, h3, h4, h5 {font-weight: 400; color: #333;}
ul { list-style-type:none; }
a { text-decoration:none; color:#333; }
a:hover { color:#ff8000; }
p a { text-decoration:none; color:#ff8000; }
p a:hover { text-decoration:underline; }
ul#navigation {font-weight:400; font-size:16px; text-align:left; text-transform:uppercase; }
#blog-sidebar li {font-size:13px; line-height:1.6em; text-align:right; }
#blog-sidebar li a, .navigation a { color:#ff8000; }
#blog-sidebar li a:hover, .navigation a:hover { text-decoration:underline; }
#blog-sidebar p { text-align:right; }
#blog-sidebar strong { margin:5px 0; }
#blog-sidebar form { margin-bottom:20px; }
p {margin-bottom:1.5em; }
p.tags {font-size:13px;}
#blog-sidebar h3, #blog-sidebar h2 {text-align:right;}
h2, h1 {line-height:100%; font-size:18px; text-decoration:none;}
h3 {line-height:100%; font-size:14pt; text-decoration:none;}
small { color:#999; font-size:13px; text-transform:capitalize; }
p.alt small { color:#999; font-size:13px; text-transform:none;}
p.postmetadata { padding-top:5px; font-size:13px; color:#999; }
.post-info {border-top:dashed 1px #999; margin:0 0 20px 0;}
strong {color:black; padding-left:25px; padding-right:25px; display:block;}
a.post-edit-link {font-size:11px;}
.current_page_item a {color:#ff8000;}
p.wp-caption-text {margin-top:5px; color: #999; font-size:13px;}

/* Layout & Structure */
div#wrapper { height:100%; width:100%; }
div#header { position:fixed; left:0; top:0; height:200px; width:100%; background-image:url(http://www.thepicturegarden.co.nz/media/header-bg.jpg) no-repeat; margin-bottom:20px; }
#headerimg span a { display:block; width:400px; height:200px; background:url(http://www.thepicturegarden.co.nz/media/logo.png); text-indent:-9999px; }
div#description { position:absolute; left:110px; top:153px; }
div#description p {font-size:12px; color:black; margin:0 0 0 13px;}
div#nav {position:fixed; left:90px; top:225px; width:150px; }
div#blog-sidebar { position:absolute; left:270px; top:215px; width:200px; }
#blog-sidebar ul { margin-bottom:20px; }
div#content { position:absolute; left:510px; top:215px; width:465px; }
div#page { position:absolute; left:365px; top:215px; width:465px; }
.entry { margin-top:10px; }
div#footer {margin:2em 0 0 0; }
p.copyright {font-size:11px; margin:100px 0 0 0; line-height: 1.3em;}
p.copyright a {color:#ccc;}
p.copyright a:hover {color:#ff8000;}
div.textwidget { margin-bottom: 20px; }

/* Page */
#page h1, h1.hidden {display:none}

/* Gallery */
div#gallery-page { position:absolute; left:275px; top:215px; width:auto; }
div#thumbnails {position: fixed; top:228px; left:260px; width: 175px; margin-right: 30px;}
div#main_image {position:absolute; top: 40px; left:200px; width:auto; padding-bottom: 25px;}
.galleryTitle {display:none;}
a img {border: none;}

/* Search */
#searchform { margin-top:2px; background:url(images/search.gif) no-repeat right; }
#searchform label.screen-reader-text {display: none;}
#searchform p { margin-bottom:10px; }
#searchform input { margin-right:20px; width:175px; height:18px; border:1px solid #DEDEDE; }
#searchform input:hover { border:1px solid #ff8000; }
#searchform input:active,input:focus { border:1px solid #ff8000; }
#searchsubmit { display:none; }
#rss { position:relative; top:-10px; font-style:normal; background:url(images/rss.gif) no-repeat right; padding-right: 20px;}

/* Comments */
textarea#comment { width:465px; padding:5px; }
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-author-admin {}
ol.commentlist li.comment { border-bottom:1px dashed #999; padding: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 { border:1px solid #ccc; float:right; 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-size:13px; }
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 p { font-size:11px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; 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:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }
ol.commentlist li.pingback { border-bottom:1px dashed #999; padding:1em; }
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
h3#comments {font-size:13px; color:#999; margin: 5px 0 5px 0; border-top:1px dashed #999; display:block;}
div#respond h3 {color:black; margin-bottom: 5px; }
div#respond p, #respond form small {font-size:13px; color:#ccc; text-transform: none;}