/*
####################################
#  Company:Moxie Media Group Inc.  #
#  Author:Jeffrey C. Nolte         #
#  URL:http://www.getmoxied.net    #
####################################
*/

/*RESETS
---------------------------------------------------------------------------------*/
* {margin:0;padding:0;}
body {font-family:Georgia,Serif; background:#FFF; }
a,a:visited {text-decoration:none;outline:none;color:blue;}
a:hover {color:#444;}
a img {border:none;}
img {vertical-align:middle;}
fieldset {border:none;}
::selection {background:#fe4902;color:white;/* Safari */}
::-moz-selection {background:#fe4902;color:white;/* Firefox */}

/*TOOL BOX
---------------------------------------------------------------------------------*/
.clear {clear:both;}
.alignCenter {text-align:center;}
.floatLeft {float:left;}
.floatRight {float:right;}

/*PAGE STRUCTURE
---------------------------------------------------------------------------------*/
#wrapper {width:960px; margin:0 auto; background:#260202;border-left:1px solid #d2b37a;border-right:1px solid #d2b37a;}
#header {height:160px; background:url('/images/header-bg.gif') repeat-x;}
#header h1{height:100px;display:block;text-indent:-9999px;background:url('/images/logo.gif') no-repeat 20px 45px;}
#main-content{min-height:500px;background:#260202;}
#footer{height:125px; background:#d9d9d9 url('/images/footer-bg.gif') repeat-x;}

/*NAVIGATION
---------------------------------------------------------------------------------*/
#navigation{margin:30px 0 0 0; text-transform:uppercase;}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;}
.sf-menu{line-height:1.0;}
.sf-menu ul{position:absolute;top:-999em;width:10em;/* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%;}
.sf-menu li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
.sf-menu li{float:left;position:relative;margin-right:10px;z-index:9999;}
.sf-menu a{display:block;position:relative;border-bottom:1px solid #260202;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{left:0;top:2.1em;/* match top ul list item height */
z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{left:10em;/* match ul width */
top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{left:7em;/* match ul width */
top:0;}
.sf-menu{float:right;margin-bottom:1em;}
.sf-menu a{padding:5px 7px;text-decoration:none;}
.sf-menu a,.sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/
color:#260202;}
.sf-menu li{background:#d2b37a;}
.sf-menu li li{background:#d9d9d9;}
.sf-menu li li li{background:#d9d9d9;}
.sf-menu a:hover{background:#d2b37a;outline:0;}
.sf-menu a.sf-with-ul{min-width:1px;font-weight:bold;/* trigger IE7 hasLayout so spans position accurately */}
.sf-menu a.sf-with-ul:hover{background:#d9d9d9;}
.sf-menu li:hover{background:#d9d9d9;}
/*about-roz menu*/
.about-roz{background:#EEE;font-weight:normal;text-transform:none;}
.about-roz span{font-weight:bold;}


/*MAIN CONTENT
---------------------------------------------------------------------------------*/
#main-content{padding:30px 20px 10px 25px;color:#FFF;}
#main-content h1{text-indent:-9999px;height:50px;margin:0 0 20px 0;}
#main-content p{font-weight:normal;line-height:1.7em;margin:0 0 20px 3px;}
#main-content a{color:#999;}
#main-content a:hover{border-bottom:1px dashed #999;}
#main-content h2{font:bold 1.2em 'helvetica neue',helvetica, sans-serif;letter-spacing:3px;text-transform:uppercase;color:#EEE;}

/*headers*/
.about-roz-head{background:url('/images/about-roz-header.gif') no-repeat;}
.resume-roz-head{background:url('/images/resume-roz-bg.gif') no-repeat;}
.press-roz-head{background:url('/images/press-roz-header.gif') no-repeat;}
.statement-roz-head{background:url('/images/statement-roz-header.gif') no-repeat;}
.contact-me-head{background:url('/images/contact-me-header.gif') no-repeat;}

/*OPENING PAGE PHOTO CYCLE
---------------------------------------------------------------------------------*/
#cycle{margin:0 auto 20px auto;height:500px;width:900px;}
.pics{padding:0;margin:0;}
.pics img{padding:15px;border:1px solid #ccc;background-color:#eee;top:0;left:0;margin:0;max-width:900px;max-height:500px;}


/*GALLERIA 
---------------------------------------------------------------------------------*/
#galleria{text-align:center;color:#a4845a;}
#galleria h1,#galleria h2{font:bold 80% 'helvetica neue',helvetica, sans-serif;letter-spacing:3px;text-transform:uppercase;height:0;margin-top:30px;}
#galleria a{color:#a4845a;text-decoration:none;outline:none;}
#galleria a:hover{color:#999;}
.caption{font-style:italic;color:#a4845a;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #222;margin:0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 60px auto;height:500px;width:900px;}
#main_image img{margin-bottom:10px;padding:10px;background:#d9d9d9;border:1px solid #EEE;}
.nav{padding-top:15px;padding-bottom:10px;clear:both;font:80% 'helvetica neue', helvetica, sans-serif;letter-spacing:3px;text-transform:uppercase;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
.galleria{list-style:none;width:900px}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 2px 2px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px}/* MSIE bug */
.galleria_wrapper{margin:0;padding:0;}
span.caption{width:100%;float:left;}

/*FORM & CONTACT INFO
---------------------------------------------------------------------------------*/
#contact-area{width:560px;float:left;}
#contact-area form{width:510px;color:#fff;}
#contact-area input,#contact-area textarea{padding:5px;color:#999;width:375px;background:#d9d9d9;font-size:1.4em;margin:0px 0px 20px 0px;border:2px solid #d9d9d9;}
#contact-area textarea{height:200px;overflow:auto;resize:none;}
#contact-area textarea:focus,#contact-area input:focus{border:2px solid #EEE;background:#444;color:#FFF;}
#contact-area input.submit-button{font-family:Georgia,Serif;width:200px;float:right;margin-right:5px; color:#000;text-transform:capitalize;}
#contact-area input.submit-button:hover{color:#333;background:#FFF;}
#form-copy{float:left;font-size:.7em;width:425px;margin-top:7px;}
label{float:left;text-align:right;margin-right:15px;width:100px;padding-top:5px;font-size:1.4em;color:#EEE;}
#address{float:left;margin:0 0 0 20px;display:none;}
#address h1{text-indent:-9999px;height:30px;margin:0 0 10px 0;background:url('/images/roz-bodoni.gif') no-repeat;}
#address p{margin:0 0 0 5px; font-size:1.2em;font-weight:normal;letter-spacing:1px;color:#EEE;}

/*RESUME TABLE ELEMENTS
---------------------------------------------------------------------------------*/
caption{text-align:left;font-size:1.5em;color:#FFF;margin:30px 0 10px 0;text-decoration:underline;}
table{width:100%;border-collapse:collapse;text-align:left;font-weight:normal;}
th{font-weight:normal;vertical-align:top;color:#d2b37a;font-style:italic; }
th:first-child + th{font-weight:normal;padding-bottom:20px;color:#EEE;font-style:normal}
.odd{background:#DDD;}

/*FOOTER
---------------------------------------------------------------------------------*/
#footer{clear:both;}
.copyright{float:right;margin:53px 25px 0 0; color:#260202;font-family:Arial,sans-serif;font-size:.70em;text-align:right;}
.copyright a{color:#320001;}
.copyright a:hover{border-bottom:1px dotted #000;}