/* @override http://beta.barbarabialkowski.com/css/styles.css */

/****************************/
/* css by justintalbott.com */
/****************************/

/*
reset & restore
***************/
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 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
html { overflow-y:scroll; }
body { line-height: 1; }
ol, ul { list-style: none; }
li { display: inline; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { -ms-interpolation-mode: bicubic; }
a, input[type=submit], label, select { cursor: pointer; }
a { text-decoration: none; }
a img { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
sup, sub { vertical-align: baseline; position: relative; }
sup { bottom: .3em; }
sub { top: .3em; }

/*
font family
***********/
body, h1, h2, h3, h4, h5, h6
	{ font-family: Georgia, Times, serif; font-weight: normal; }
.sans
	{ font-family: Helvetica, sans-serif; }

/*
colors
******/
body
	{ background: #fcfff9; color: #233339; text-shadow: 3px 3px #fff; margin: 2.8em 0; }
a
	{ color: #233339; border-bottom: 1px dotted; border-color: #fff; }
a:active, #portraits a.portraits, #beauty a.beauty, #commercial a.commercial, #bio a.bio, #contact a.contact, li.focus cite, #color a.color, #black-white .black-white
	{ color: #278a92; border-color: #278a92; }
input:focus, textarea:focus, select:focus
	{ background: #fffddd; }
	
/*
general classes 
***************/
.clear
	{ clear: both; }
.hide
	{ display: none; }
.text
	{ padding: .1em .2em; }
.rounded, #slideshow img, #gallery img, #nav a
	{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; }
.wrap
	{ width: 80%; margin: 0 auto; position: relative; }
body
	{ overflow: hidden; }

/*
font styles
***********/
h1
	{ font-size: 1.6em; display: block; padding: 0 2px; line-height: 1.6em; }
h2
	{ font-size: 1.4em; margin: 0 0 .8em 0; padding: 0 2px; }
#nav a
	{ float: left; display: block; padding: 1em 1.5em .6em 6px; }
	
/*
slideshow + gallery
*********/
#nav
	{ display: block; padding: 1em 0; height: 100px; }
#gallery-holder
	{ height: 555px; width: 100%; overflow: auto; position: relative; }
#gallery
	{ width: 19999px; }
#gallery li
	{ float: left; display: block; position: relative; margin-right: 2em; cursor: pointer; }
#gallery cite
	{ position: absolute; bottom: -20px; left: 5px; }
#controls
	{ padding: 1em; position: absolute; top: 13px; right: -6px; font-size: .8em; }

#commercial #gallery-holder, #commercial #controls, #bio #gallery-holder, #bio #controls, #contact #gallery-holder, #contact #controls
	{ display: none; }
#beauty #description, #portraits #description
	{ display: none; }
	
#description
	{ padding: 1em 1.5em; max-width: 600px; line-height: 1.44em; font-size: .85em; }
	

#nav li { position: relative; float: left; display: block; }
a.noclick, a.noclick:hover, a.noclick:active { color: #999 !important; width: 137px; border: 0; }
#nav a.noclick { padding-left: 1.5em; }
#nav li .lower { position: absolute; left: 0; bottom: -35px; width: 400px; font-size: .9em; }