@charset "UTF-8";
/* CSS Document */

* {margin:0;}

html,body {height:100%;}

body {background-image:url(/assets/images/paperbg.jpg);
font-family:Helvetica, 'Lucida Sans', Arial, Verdana, san-serif;
font-size:11px; font-weight:lighter; line-height:14px; 
padding:0; text-align:center;}

#wrapper {color:#e7e7e7; min-height:100%; height:auto !important; margin:0 auto -25px; position:relative; text-align:left; width:700px;}
#menu {background-color:#e7e7e7; border-bottom:1px #43464B solid; color:#43464B; height:120px; line-height:30px; width:700px;}
#toplogo {float:left; height:74px; width:162px;}
#toptions {border-bottom:1px #43464B solid; float:right; margin-right:40px; margin-top:10px; text-align:right; width:480px;}
#toptions img {vertical-align:middle;}
#menulinks {clear:both; height:45px; margin-left:178px; vertical-align:top; width:521px;}
#menubar {background-color:#09c; background-image:url(/assets/images/shadow.gif); background-repeat:repeat-x; height:25px; width:700px;}
#footer {background-color:#09c; height:25px; margin:0 auto; position:relative; text-align:center; width:700px;}
#push {height:25px;}
#menubar div {display:inline-block; height:25px; margin-right:1px; width:155px;}
#home div.home,#print div.print,#digital div.digital,#other div.other {background:url(/assets/images/currentbg.jpg) top center;}
#tweetbox {width: 243px; height: auto; background:url(/assets/images/paperbgdark.gif); float:right; margin-left: 30px; margin-top: 5px; margin-bottom: 5px;}
.tweet {border-bottom: 1px solid #FC3; padding: 3px; line-height:13px;}
#home p img {vertical-align:middle;}

/* links */
#close {position:fixed;top:0;}
a,a:visited {outline:none;}

a:link {color:  #09c; text-decoration: none;}
a:visited, #toptions a:visited {color:  #09c; text-decoration: none;}
a:hover, a:focus {color: #FC3;}
a:active, #toptions a:active {color:  #FC3; text-decoration: none;}

#toptions a:link {color:  #0099cc; text-decoration: none;  display: inline-block; display:-moz-inline-box; padding-left: 3px; padding-right: 3px;}
#toptions a:visited {color:  #0099cc; text-decoration: none;  display: inline-block; display:-moz-inline-box; padding-left: 3px; padding-right: 3px;}
#toptions a:hover, #toptions a:active, #toptions  a:focus {background-image:url(/assets/images/paperbg.jpg);}

#menulinks a:link, #menulinks a:visited {display:-moz-inline-box; display: inline-block; width: 155px; height: 44px; text-align: left; margin-right: 1px; overflow: hidden; background: url(/assets/images/menu.gif) no-repeat; text-indent: -9999px; font-size: 0; line-height: 0; background-position: 0 0; vertical-align: top;}
#menulinks a:hover, #menulinks a:active, #menulinks a:focus {background-position: 0 -40px;}
#menulinks a.print, #menulinks a.print:visited {background-position: -158px 0;}
#menulinks a.print:hover, #menulinks a.print:active, #menulinks a.print:focus {background-position: -158px -40px;}
#menulinks a.other, #menulinks a.other:visited {background-position: -314px 0;}
#menulinks a.other:hover, #menulinks a.other:active, #menulinks a.other:focus {background-position: -314px -40px;}

a.livelink:link,a.livelink:visited {border:1px #09C dotted; color:#09c; display:-moz-inline-box; margin-bottom:3px; margin-top:3px; padding:3px; text-decoration:none;}
a.livelink:hover,a.livelink:active,a.livelink:focus {background-image:url(/assets/images/paperbgdark.gif);}
.livelink img {vertical-align:middle;}

a.previous:link,a.next:link,a.previous:visited,a.next:visited {border:1px #09C dotted; color:#09c; display:-moz-inline-box; margin:5px 5px 5px 0; padding:3px; text-decoration:none; width:79px;}
a.previous:hover,a.next:hover,a.previous:focus,a.next:focus {background-image:url(/assets/images/paperbgdark.gif);}
/* end links */

img {border:0;}

h1,h2,h3 {font-weight:lighter;padding-left:22px !important;}
h1 {color:#FC3; font-family:Palatino, serif; font-size:28px; line-height:20px; padding-top:8px;}
h2 {background-color:#09c; color:#e7e7e7; display:-moz-inline-box; font-size:10px; margin-bottom:6px; text-transform:uppercase;}
h2.home {width:435px;}
h3,span {color:#FC3; font-size:9px; line-height:10px; text-transform:uppercase; white-space:normal;}
h3.project,span.project {width:260px;}

p {padding-left:22px;}
p.selected {width:400px;}
p.project {width:260px;}

p.journalprev {
border:1px #FC3 solid;
margin-left:22px;
padding:7px;
width:310px;
}

/*projects*/
#target {background-repeat:no-repeat; border:0 #09C solid; float:right; height:500px; overflow:hidden; width:400px;}
#thumbs {padding-left:22px;width:260px;}
.previewpic {background-image:url(/assets/images/shadow2.gif); float:right; height:100px; overflow:hidden; padding-bottom: 5px;z-index:0;}
.overlay {-moz-opacity:0; height:100px; opacity:0; position:relative; top:-105px; width:243px; z-index:5;}
.overlay:hover,.overlay:focus {-moz-opacity:1; cursor:pointer; opacity:1; visibility:visible;}

.clear {clear:both; height:1px; margin:0; overflow:hidden; visibility:hidden;}

/*gallery list styles */
.firstcol {float:left ;height:150px; margin-left:180px ;width:243px;}

.secondcol {float:right;height:150px;width:243px;}

.firstcol .previewpic,.secondcol .previewpic {background-color:#09C; background-image:url(/assets/images/shadow2.gif);}
.firstcol h2,.firstcol h3,.secondcol h2,.secondcol h3 {padding-left:3px !important;}
.firstcol h2,.secondcol h2 {width:240px;}

/* sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* Hide the browser text before it is replaced... sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden; font-size: 28px; color: #FC3; line-height: 28px;}