/*** style.css ***/

/**
 * @author		- 	Delicious Simplicity (www.delicious-simplicity.com)
 * @copyright	-	2009
 * @client		-	Sloane Arcaro
 *
 */ 

/**
 * 1. GENERAL
 */
  
* { margin: 0; padding: 0; }
:focus { outline: 0; }
html, body { height: 100%; width: 100%; overflow: hidden; }
body { font: 62.5%/1.6em Helvetica, Arial, sans-serif; color: #384044; letter-spacing: 1px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1em; }
h1 { font-size: 3.6em; letter-spacing: -.075em; text-transform: uppercase; }
h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em;}
big {font-size: 1.3em; font-weight: bold;}
p {margin-bottom: 2em;}
a { text-decoration: underline; color: #384044; }
a:hover { text-decoration: underline; }
img { border: 0; }

.spacer {height: 2em;}


ul.resume-list, ul.resume-list li {
 list-style:none;
}

ul.resume-list li {
 line-height: 1.5em; /* adjust to suit */
 margin-bottom: 1em; /* adjust to suit */
}



/**
 * 2. LAYOUT
 */
 
/* Background */
#bg, #bg table, #bg td, #main { height: 100%; width: 100%; overflow: hidden; }
#bg { position: fixed; }
#bg div { height: 200%; left: -50%; position: absolute; top: -50%; width: 200%; }
#bg td { text-align: center; vertical-align: middle; }
#bg img { margin: 0 auto; min-height: 50%; min-width: 50%; }

/* Foreground */
#main { position: absolute; top: 0; left: 0; z-index: 70; overflow:auto; }
#wrapper {position:absolute; top:50%; margin-top: -212px; left: 50%; margin-left: -380px; width: 760px ; height: 425px; font-size: 1.1em; line-height: 1.8em; overflow: hidden; }

/* Name and Title */
#left h1 a { display:block; text-indent: -999em; background: url(../images/sloane_arcaro.png) 0 0 no-repeat; width:293px;}
#left h3 { text-indent: -999em; 0 0 no-repeat; width:147px; }

/* Conent */
#left, #right { height: 425px; float:left; overflow: hidden;}
#left { width: 285px; padding: 135px 50px 50px 0; }
#right { width: 324px; padding: 133px 50px 0; border-left: 1px solid #cfcfcf; }
#right.flexcroll { padding-top: 0; }

/* Menu */
#menu { list-style: none; margin-top: 35px; }
#menu li a { display: block; line-height: 0; height:15px; background-repeat: no-repeat; text-indent: -999em; margin: 9px 0; overflow: hidden; }
#menu li#item1 a { background-image: url(../images/reel.png); }
#menu li#item2 a { background-image: url(../images/resume.png); }
#menu li#item3 a { background-image: url(../images/bio.png); }
#menu li#item4 a { background-image: url(../images/contact.png); }
#reel #menu li#item1 a, #resume #menu li#item2 a, #bio #menu li#item3 a, #contact #menu li#item4 a {background-position: 0 -16px;} 

/* Scroll Box - general and .js */
.flexcroll {overflow: auto; }
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbar { width: 17px; background-color: #ccc; }
.vscrollerbarbeg { height: 1px !important; width: 17px; margin: 0 !important; }
.vscrollerbarend { height: 1px; width: 17px; }
.vscrollerbase { width: 17px; background: transparent url(../images/scroll.png) 0 0 repeat-y; }
.vscrollerbasebeg { width: 17px; height: 16px !important; background: url(../images/scroll.png) -17px 0px no-repeat; margin: 0 !important; }
.vscrollerbaseend { height: 16px; width: 17px; background: url(../images/scroll.png)  -17px -16px no-repeat; }
.hscrollerbase { height: 16px; background-color: white; }
.hscrollerbar { height: 16px; background-color: white; }
.vscrollerbar, .hscrollerbar { padding: 23px; z-index: 2; }
.scrollerjogbox { width: 36px; height: 16px; top: auto; left: auto; bottom: 0px; right: 0px; background: #fff; }

/* Contact information */
dt, dd, ddemail { float: left; padding: 21px 0; line-height: 26px; }
dt { width: 25%; clear: left;  font-weight: normal; font-size: 9px; color: #000000; }
dd { font-size: 14px; width: 75%; letter-spacing: 2px;  }
ddemail { font-size: 14px; width: 75%; letter-spacing: 1px;  }