/*
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: #FFFEF1 url(i/bg_noise.jpg); 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; }
h1 em { color: #900; font-weight: normal; font-style: normal; letter-spacing: -1px; }
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 
------------------------------------------------- */
#wrap { overflow: hidden; zoom: 1; }
#wrap:after { visibility: hidden; clear: both; display: block; content: "."; height: 0; }
#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.jpg) 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, input[type="submit"] { background: #000; padding: 3px 15px; color: #FFF; cursor: pointer; margin-top: 16px; border: 0; }
button:hover, input[type="submit"]: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
------------------------------------------------- */

#gallery { overflow: visible !important; position: relative; height: 600px; width: 880px; white-space: nowrap; }
#gallery img { max-width: none; margin-right: 2px; }

#controls { float: right; }
#controls .next, #controls .prev { display: block; float: left; margin-left: 20px; }
#controls a.disabled { color: #DDD; }

#album a.gallery_post { width: 270px; height: 180px; }


/* 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
------------------------------------------------ */
#about { margin-bottom: 10px; }
#aboutcontent { float: right; padding: 15px; color: #AAA; }

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; }

/* ---------------------------------------------------------------------- */
/* CLIENTS
/* ---------------------------------------------------------------------- */
#protected-post-password {
	background: #EEE;
	border: 1px solid #DDD;
	padding: 15px; 
	width: 300px;
	margin: 50px auto;
}