/*
Theme Name: Amy Nicole Photography
Description: Custom theme for AmyNicoleGwaltney.com. Design by Ben Carr
Version: 2.0
Author: Ben Carr
Author URI: http://www.bencarr.net/
*/

@import url('css/reset.css');
@import url('css/900.css');

#construction {	background: #000; font-size: 12px; color: #CCC; padding: 3px 10px; text-align: center; }
#construction strong { color: #900; }

/* GENERAL & BASIC TYPOGRAPHY 
------------------------------------------------- */
body { background: #FFF url(images/bg.jpg) no-repeat; font: normal 13px "Geosans Light", "Century Gothic", Helvetica, Arial, sans-serif; color: #333; }
h1, h2, h3 { margin: 0 0 18px; }
h1 { font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color: #000; }
h2 { color: #900; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 20px }
h3 { font-weight: bold; font-size: 18px; color: #000; }
p { line-height: 18px; margin: 9px 0 18px; }
hr { clear: both; border: 0; border-bottom: 1px solid #CCC; padding: 20px 0 0; margin: 0 0 20px; }
ul { list-style-type: disc; margin: 0 0 20px 25px; }
li { padding: 2px 0; }	
small { font-size: 10px; }
a, a:active { color: #900; text-decoration: none; } p a, p a:active { text-decoration: underline; }
a:hover, a:focus, a:visited:hover { color: #F00; }
a:visited { color: #600; }

/* CUSTOM TYPOGRAPHY & MISC
------------------------------------------------- */
.serif { font-family: Georgia, 'Times New Roman', serif; }
.sans { font-family: "Century Gothic", Arial, sans-serif; }
.red { color: #900; }
.white { color: #FFF; }
.black { color: #000; }
.center { text-align: center; }
.right { text-align: right; }
.nomargin { margin: 0; }

/* HEADER 
------------------------------------------------- */
#container { padding-bottom: 74px; }
#header { padding: 30px 0; margin-bottom: 10px; }
#logo { display: block; position: relative; width: 300px; height: 65px; text-decoration: none; }

/* MENU 
------------------------------------------------- */
#nav { float: right; list-style: none; margin: 20px 0 0; padding: 0; position: relative; }
#nav li { float: left; font-family: 'Century Gothic'; position: relative; vertical-align: top; }
#nav li a { padding: 0 20px; text-transform: uppercase; color: #000; text-decoration: none; font-size: 12px; }
#nav li a.omega { padding-right: 0; }
#nav li a:hover { color: #900; }
#nav #submenu { list-style: none; margin: 0; text-align: center; width: 100%; position: absolute; top: 15px; left: 0; }
#nav #submenu li { float: none; padding: 0; line-height: 100%; }
#nav #submenu li a { font-size: 11px; padding: 0 5px; margin: 0; text-transform: none; color: #888; }
#nav #galleries.hide { height: 16px; overflow: hidden; }
#nav #submenu li a:hover { color: #900; }

/* FOOTER 
------------------------------------------------- */
#scribbles { background: #FFF url(i/footerbg.gif) no-repeat bottom; height: 74px; position: absolute; top: -74px; left: 0; width: 100%; }
#footer { background: #000; padding: 10px 0 20px; color: #FFF; position: relative; }
#copyright { font-size: 11px; text-align: center; color: #888; margin-bottom: 15px;}
#bclogocontainer { text-align: right; padding: 50px 0 0; overflow: hidden; }
#bclogo { display: block; width: 100px; height: 30px; background: url(i/bclogo.png); }
a.icon { display: inline-block; width: 32px; height: 32px; margin-right: 5px; position: relative; }
#footer-white #bclogo { background-image: url(i/bclogo_black.png); }


/* IMAGES & ALIGNMENT
------------------------------------------------- */
p img, img { max-width: 100%; height: auto; }
.alignright { float: right; margin-bottom: 5px; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; margin-bottom: 5px; }
.aligncenter { margin-left: auto; margin-right: auto; float: none; }
.wp-caption { text-align: center; background-color: #000; padding: 5px; }
p.wp-caption-text { font-size: 11px; line-height: normal; margin: 0; color: #FFF; }
.wp-smiley { vertical-align: middle; }

/* FORMS
------------------------------------------------- */
label { display: block; font-weight: bold; color: #000; padding: 2px 0; font-size: 11px; }
input, textarea { font-size: 12px; border: 1px solid #CCC; padding: 2px; color: #444; margin-bottom: 10px; }
textarea { height: 200px; overflow: auto; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #888; }
button { background: #000; padding: 3px 15px; color: #FFF; cursor: pointer; margin-top: 16px; border: 0; }
button:hover { background: #900; color: #FFF; }

/* CONTACT FORM 
------------------------------------------------ */
#contactform, #response { position: relative; }
label.error { color: #900; display: block; width: 100%; }
input.error, textarea.error, input.error:hover, textarea.error:hover { border-color: #900; }
#contactform #sender { width: 274px; } 
#contactform #email { width: 199px; } 
#contactform #message { width: 499px; }
#contactform #subject { width: 349px; } 
#contactform #spam { width: 124px; }

/* HOMEPAGE
------------------------------------------------- */
a.collagethumb { float: left; display: block; }
a.collagethumb, a.collagethumb img { width: 220px; height: 150px; }
#collage { position: relative; border: 5px solid #000; }
#collageoverlay { display: none; background: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.highslide-image { border: 1px solid #FFF; }
.highslide-loading { background: #FFF url(i/loader.gif) no-repeat center center; display: block; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; padding: 3px; text-indent: -9999px; border: 1px solid #AAA; }
.dim { opacity: 0.6 !important; filter: alpha(opacity=60) !important; }

/* POSTS
------------------------------------------------- */
.post img { border: 5px solid #000; }
a.archive_post { position: relative; display: block; background: #000; border: 5px solid #000; height: 221px; margin-bottom: 20px; }
a.archive_post:hover { border-color: #900; }
.title { padding: 3px 15px 3px 10px; color: #000; background: #FFF; position: absolute; bottom: 0; left: 0; font-size: 18px; font-weight: bold; }
.title .date { display: block; font-size: 12px; color: #900; }
.navigation { text-align: center; }
.navigation a { display: block; background: #000; padding: 4px 10px; color: #FFF; text-decoration: none; }
.next a:hover, .prev a:hover { background: #900; color: #FFF; }
#sidebar { position: relative; }
.nophoto-excerpt { padding: 10px; color: #AAA; overflow: hidden; }

/* GALLERIES
------------------------------------------------- */
a.gallery_post { height: 180px; }
#thumbshover { padding-right: 100px; position: absolute; top: 0; left: 0; z-index: 1000; height: 100%; }
#thumbs { width: 280px; background: url(i/white80.png); padding: 10px; height: 100%; }
#thumbs li { float: left; }
#thumbs ul a { display: block; width: 80px; border: 4px solid #000; margin: 0 2px 4px; }
#thumbs ul li.selected a { border-color: #900; }
#gallery { overflow: hidden; position: relative; }
.slideshow { clear: both; position: relative; z-index: 1; text-align: center; min-height: 540px; }
.image-wrapper { text-align: center; z-index: 10; }
.slideshow img { border: 4px solid #000; max-width: 872px; }
a.advance-link { display: block; text-align: center; text-decoration: none; }
.pagination { clear: both; overflow: hidden; }
.navigation div.top { margin-bottom: 15px; }
.navigation div.bottom { margin-top: 15px; }
.controls { overflow: hidden; padding-top: 20px; float: right; }
.controls a { display: inline-block; color: #888; margin-left: 20px; }
.controls a:hover { color: #900; }
.pagination a, div.pagination span { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; color: #000; }
.pagination a:hover { background-color: #900; border-color: #900; color: #FFF; text-decoration: none; -webkit-transition: 0.3s linear; }
.pagination .current { font-weight: bold; background-color: #000; border-color: #000; color: #FFF; }
.loader { position: absolute; top: 0; left: 0; background: url('i/loader.gif') no-repeat center; width: 100%; height: 400px; }
.gallery-row { margin-bottom: 7px !important; }
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { max-width: 90% !important; padding: 0 !important; }

/* COMMENTS
------------------------------------------------- */
.commentlist { margin-bottom: 15px; }
.commentlist li { padding: 9px 0; margin: 10px 0; border-bottom: 1px solid #DDD; overflow: hidden; }
.comment-author a, .comment-author { color: #000; font-weight: bold; }
.comment-author a:hover { color: #900; }
.comment-time { color: #888; font-size: 10px; }
.comment p { line-height: normal; font-size: 12px; }

/* COMMENT FORM
------------------------------------------------- */
#respond h2 { padding: 5px 0; }
#commentform textarea { width: 274px; }

/* ABOUT PAGE
------------------------------------------------ */
#aboutcontent { padding: 15px; background: url(i/white50.png); color: #000; }

h1#pagetitle { font-size: 12px; color: #000; margin: 0 0 15px; font-weight: bold; text-transform: uppercase; }
h1#pagetitle em { display: block; line-height: 26px; font-family: Georgia, Times, serif; font-size: 36px; font-style: italic; color: #900; font-weight: normal; vertical-align: middle; text-transform: none; }