/* ------------------------------------------- /

BrowardCreative(R)
v.10.2 Monochrome Plus Goldfish One Page Zoomy-Zoom Edition
2008 04 - 06

/* ------------------------------------------- /
site colors */

/*
#000		black
#191919		nigh unto black
#292929		not so black as that
#515151		dove grey
#a1a1a1		pidgeon grey
#f9f9f9		not quite white
#f4b52c		fishgold
*/

/* ------------------------------------------- /
voodoo 

/* global reset */
* {border: 0; padding: 0; margin: 0; vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%;}

/* global size setting */
html, body {height: 100%;font-size: 62.5%}

/* slightly enhanced, universal clearfix hack (www.perishablepress.com) */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* ------------------------------------------- /
global */

body
{
background: #000 url(../assets/images/bg_koi_rising.png) no-repeat 50% 0;
color: #f9f9f9;
font-family: 'Lucida Grande', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.25em;
line-height: 1.65em;
margin: 0;
padding: 4em 0;
text-align: center;
}

body.clients,
body.contact,
body.password_protect
{
background: #000;
}

a,
a:link,
a:visited
{
background: transparent;
color: #f4b52c;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}

a:hover,
a:active,
a:focus
{
color: #f9f9f9;
outline: none;
text-decoration: none;
}

/* ------------------------------------------- /
typography */

p,
ul,
ol
{
margin: 0;
padding: 0 0 1.3em 0;
}

h1,
h2
{
font-family: 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, Times-Roman, serif;
font-weight: normal;
letter-spacing: 0.2em;
margin: 0;
text-transform: uppercase;
}

h1
{
font-size: 1.4em;
padding: 1em 0 0.65em 0.7em;
}

h2,
h3,
h4
{
margin: 0;
padding: 0;
}

h2
{
font-size: 1.2em;
}

h3
{
font-size: 1em;
font-weight: bold;
padding: 0 0 0.3em 0;
}

h4
{
font-size: 1em;
font-weight: normal;
}

ul,
ol
{
list-style-position: inside;
}

ul
{
list-style-type: none;
}

ol
{
list-style-type: lower-roman;
}

li
{
margin: 0.3em 0 0 0;
}

em
{
font-style: italic;
}

strong
{
font-weight: bold;
}

abbr
{
border: 0;
}

address
{
font-style: normal;
line-height: 1.85em;
padding: 0.1em 0 1.3em 0;
}

.caption,
.name
{
font-size: 0.85em;
margin: -1em 0 0 0;
padding: 0 0 0.25em 0;
}

.caption
{
font-style: italic;
line-height: 1em;
padding: 0 0 0 1.25em;
margin: -0.25em 0 1.35em 0;
}

.hang_punc
{
text-indent: -0.4em;
}

.smallcaps
{
font-variant: small-caps;
letter-spacing: 0.1em;
text-transform: lowercase;
}

/* ------------------------------------------- /
structure */

div.wrapper
{
background: url(../assets/images/bg_opacity50.png) repeat 0 0;
border: 0;
margin: 0 auto 2px auto;
padding: 0;
text-align: left;
width: 57.5em;
}

div.header
{
border-top: 1px solid #292929;
}

div.lede
{
color: #f4b52c;
padding: 6em 0 10em 0;
width: 55.5em;
}

div.main
{
float: left;
margin: 0;
padding: 0;
position: relative;
width: 68%;
}

div.side
{
float: right;
font-size: 0.85em;
margin: 0;
padding: 0.05em 0 0 0;
position: relative;
width: 26%;
}

div.footer
{
color: #515151;
padding: 1em 0 1em 0;
width: 55.5em;
}

/* ------------------------------------------- /
navigation - accordian menu */

.ui-accordion,
.ui-accordion-group,
.ui-accordion-header,
.ui-accordion-header a,
.ui-accordion-group-lede,
.ui-accordion-header-lede,
.ui-accordion-header-lede a,
.ui-tabs-nav,
.ui-tabs-nav-item,
.ui-tabs-nav-item a,
.ui-tabs-panel
{
border: 0;
list-style: none;
margin: 0;
outline: 0;
padding: 0;
text-decoration: none;
}

.ui-accordion-group
{
border-top: 1px solid #292929;
border-bottom: none;
}

.ui-accordion-header
{
cursor: pointer;
}

.ui-accordion-header a,
.ui-accordion-header a:link,
.ui-accordion-header a:visited
{
color: #a1a1a1;
display: block;
padding: 0.5em 0.5em 0.5em 0.85em;
}

.ui-accordion-header a:hover,
.ui-accordion-header a:active,
.ui-accordion-header a:focus
{
color: #f4b52c;
outline: none;
}

.selected .ui-accordion-header a
{
color: #f9f9f9;
}

.ui-accordion-content
{
padding: 1em;
}

.ui-accordion-group-lede
{
border: 0;
margin: -2px 0 0 0;
}

.ui-accordion-header-lede a
{
display: none;
margin: 0;
padding: 0;
}

.ui-accordion-content-lede
{
padding: 0 1em 0 1em;
}

/* ------------------------------------------- /
navigation - tabs */

ul.ui-tabs-nav
{
padding: 0 0 0 1em;
}

.ui-tabs-nav
{
bottom: -1px;
float: left;
position: relative;
z-index: 1;
}

.ui-tabs-nav-item
{
float: left;
border: 1px solid #515151;
margin: 0 0.5em 0 0;
}

.ui-tabs-nav-item a,
.ui-tabs-nav-item a:link,
.ui-tabs-nav-item a:visited
{
color: #a1a1a1;
float: left;
padding: 0.5em 1.3em;
text-decoration: none;
}

.ui-tabs-nav-item a:hover,
.ui-tabs-nav-item a:active,
.ui-tabs-nav-item a:focus
{
color: #f4b52c;
outline: none;
}

.ui-tabs-selected
{
border-bottom-color: #191919;
color: #f9f9f9;
}

.ui-tabs-selected a,
.ui-tabs-selected a:link,
.ui-tabs-selected a:hover
{
color: #f9f9f9;
}

.ui-tabs-panel
{
border-top: 1px solid #515151;
clear: left;
padding: 1.3em 0 0 0;	
}

.ui-tabs-hide
{
display: none;
/* position: absolute;
left: -99999px */;
}

/* ------------------------------------------- /
header + lede */

div.header h1 a,
div.header h1 a:link,
div.header h1 a:visited
{
color: #f9f9f9;
}

div.header h1 a:hover,
div.header h1 a:active,
div.header h1 a:focus
{
color: #f4b52c;
}

div.header p
{
margin: 1.925em 1em 0 0;
padding: 0;
text-align: right;
}

div.lede p
{
font-family: 'Goudy Old Style', Palatino, 'Book Antiqua', Georgia, Times-Roman, serif;
font-size: 2.3em;
margin: 0;
padding: 0;
}

/* ------------------------------------------- /
main + side sections: anchors & typography */

div.side p
{
line-height: 1.45em;
}

div.side h3
{
margin: 0;
padding: 0 0 0.7em 0;
}

/* ------------------------------------------- /
main + side sections: lists */

div.main ul
{
margin: 0;
padding: 0 3em 1.3em 0;
}

div.side ul
{
padding: 0 0 1em 0;
}

div.side ul li
{
line-height: 1.45em;
margin: 0;
padding: 0 0 0.35em 0;
}

ul.illus li
{
height: 100px;
text-align: center;
width: 100%;
}

ul.illus li span
{
display: block;
letter-spacing: 0.185em;
padding: 70px 0 20px 0;
}

ul.illus li#koi span
{
padding: 111px 0 20px 0;
}

ul.illus li#clarity
{
background: url(../assets/images/illus_clarity.png) no-repeat 50% 0;
}

ul.illus li#consistency
{
background: url(../assets/images/illus_consistency.png) no-repeat 50% 0;
}

ul.illus li#authenticity
{
background: url(../assets/images/illus_authenticity.png) no-repeat 50% 0;
}

ul.illus li#koi
{
background: url(../assets/images/illus_koi.png) no-repeat 50% 0;
}

ul.icon li
{
display: inline;
}

ul.icon li a
{
cursor: pointer;
display: -moz-inline-box;
display: inline-block;
height: 16px;
padding: 0 1em 0 0;
width: 16px;
}

ul.icon li a span
{
display: none;
}

ul.icon li a#dopplr
{
background: url(../assets/images/icon_dopplr.png) no-repeat 0 100%;
}

ul.icon li a#flickr
{
background: url(../assets/images/icon_flickr.png) no-repeat 0 100%;
}

ul.icon li a#lastfm
{
background: url(../assets/images/icon_lastfm.png) no-repeat 0 100%;
}

ul.icon li a#linkedin
{
background: url(../assets/images/icon_linkedin.png) no-repeat 0 100%;
}

ul.icon li a#twitter
{
background: url(../assets/images/icon_twitter.png) no-repeat 0 100%;
}

/* ------------------------------------------- /
footer */

div.footer a
{
color: #515151;
}

div.footer a:hover
{
color: #f4b52c;
}

div.footer p,
div.footer ul
{
font-size: 0.85em;
margin: 0;
padding: 0;
}

div.footer li
{
display: inline;
padding: 0 0.6em 0 0;
}

/* ------------------------------------------- /
forms */

form,
fieldset
{
border: 0;
display: block;
font-weight: normal;
margin: 0;
padding: 0 0 1.3em 0;
width: 100%;
}

fieldset label
{
display: block;
font-weight: normal;
text-align: left;
margin: 0;
padding: 0.5em 0 0 0;
}

fieldset input,
fieldset textarea 
{
background-color: #191919;
border: 1px solid #292929;
color: #a1a1a1;
font-family: 'Lucida Grande', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: normal;
height: 1.5em;
margin: 0;
padding: 0.3em 0 0.3em 0;
width: 100%;
}

fieldset input:focus,
fieldset textarea:focus
{
border: 1px solid #f9f9f9;
}

fieldset input.button
{
background: #191919 url(/assets/images/bg_sprite_button.png) repeat-x 0 0;
border: 1px solid #292929;
color: #f4b52c;
cursor: pointer;
height: 2em;
margin: 0.5em 0 0 0;
padding: 0.1em 0.5em 0.3em 0.5em;
width: auto;
}

fieldset input.button:hover,
fieldset input.button:active
{
background: #191919 url(/assets/images/bg_sprite_button.png) repeat-x 0 -20px;
color: #f9f9f9;
outline: none;
}

div.form_group
{
display: block;
margin: 0 0 0.5em 0;
padding: 0;
}

div.main fieldset legend
{
display: block;
font-size: 1em;
font-weight: bold;
line-height: 1.35em;
padding: 0;
}

div.main fieldset p
{
font-size: 0.85em; 
font-style: italic;
font-weight: normal;
margin: 0;
padding: 0 0 0.3em 0;
}

div.main fieldset label
{
float: right;
line-height: 1.35em;
position: relative;
width: 26%;
}

div.main fieldset input,
div.main fieldset textarea 
{
width: 68%;
padding: 0.3em 0 0.3em 0.5em;
}

div.main fieldset textarea
{
height: 6em;
overflow: auto;
padding: 0.4em 0 0 0.5em;
}

div.main fieldset div.radio_group
{
display: block;
float: left;
padding: 0.5em 0 0 0;
position: relative;
width: 68%;
}

div.main fieldset div.radio_group input
{
float: left;
margin: 0.2em 0.5em 0 0;
padding: 0;
position: relative;
width: 1em;
}

div.main fieldset div.radio_group label
{
display: block;
float: left;
margin: 0 2em 0 0;
padding: 0;
position: relative;
width: auto;
}

div.main fieldset input.button
{
padding: 0.1em 0.5em 0.3em 0.5em;
width: auto;
}

/* ------------------------------------------- /
lightbox */

#jquery-overlay
{
height: 500px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 90;
}

#jquery-lightbox
{
left: 0;
line-height: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 100;
}

#jquery-lightbox a img
{
border: 0;
}

#lightbox-container-image-box
{
background-color: #f9f9f9;
height: 250px;
margin: 0 auto;
position: relative;
width: 250px;
}

#lightbox-container-image
{
padding: 10px;
}

#lightbox-loading
{
height: 25%;
left: 0%;
line-height: 0;
position: absolute;
text-align: center;
top: 40%;
width: 100%;
}

#lightbox-nav
{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav
{
left: 0;
}

#lightbox-nav a
{
outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext
{
display: block;
height: 100%;
width: 49%;
zoom: 1;
}

#lightbox-nav-btnPrev
{
float: left;
left: 0;
position: relative;
}

#lightbox-nav-btnNext
{ 
float: right;
position: relative;
right: 0;
}

#lightbox-container-image-data-box
{
background-color: #f9f9f9;
font-family: 'Lucida Grande', Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.45em;
margin: 0 auto;
overflow: auto;
padding: 10px;
width: 100%;
}

#lightbox-container-image-data-box h4
{
display: block;
letter-spacing: 0.1em;
margin: 0;
padding: 0 0 0.5em 0;
text-transform: uppercase;
}

#lightbox-container-image-data
{
color: #292929;
padding: 0; 
}

#lightbox-container-image-data #lightbox-image-details
{
float: left;
position: relative;
text-align: left;
width: 80%;
}	

#lightbox-image-details-caption
{
font-weight: normal;
}

#lightbox-image-details-currentNumber
{
clear: left;
display: block;
font-size: 0.85em;
font-weight: bold;
padding: 1em 0 1em 0;	
}

#lightbox-secNav-btnClose
{ 
float: right;
margin: -0.15em 0 0 0;
padding: 0 0 0.7em 0;
position: relative;
width: 66px;
}

ul.folio,
ul.folio_pw
{
list-style: none;
margin: 0;
padding: 0;
}

ul.folio li,
ul.folio_pw li
{
float: left;
margin: 0 0.6em 0.3em 0;
padding: 0;
position: relative;
}

ul.folio img,
ul.folio_pw img
{
border: 1px solid #515151;
padding: 3px;
}

ul.folio a:hover img,
ul.folio_pw a:hover img
{
border: 1px solid #f4b52c;
}

/* ------------------------------------------- /
panel (for Contact & Client pages) */

#contact .wrapper,
#clients .wrapper,
#clients_logout .wrapper,
#password_protect .wrapper
{
border-bottom: 1px solid #292929;
}

#contact .footer,
#clients .footer,
#clients_logout .footer,
#password_protect .footer
{
border-bottom: none;
}

div.panel
{
clear: left;
margin: 0 auto 0 auto;
padding: 1.3em 0 1.3em 0;
width: 55.5em;
}

#clients .panel h2,
#password_protect .panel h2,
#clients .panel legend,
#password_protect .panel legend
{
padding: 0 0 1em 0;
}

/* ------------------------------------------- /
miscellaneous */

div.bg_clear
{
background: transparent;
}

div.border_bottom
{
border-bottom: 1px solid #292929;
}

div.clear
{
clear: both;
height: 0;
}

.koi_ghost
{
background: url(../assets/images/bg_koi_ghost.png) no-repeat 95% 100%;
}

.left
{
float: left;
position: relative;
}

.right
{
float: right;
position: relative;
}