/*
Elena Grossman, graphiste
http://convealer.com
Version 2.0 beta
Modified: 2010-08-12
*/


/* Elements
----------------------------------------------------------------- */
* {line-height:1.5; margin:0; padding:0;}
a {color:#fff;}
abbr {border-bottom:0 none; cursor:help;}
body {background:#ccc url(/assets/backgrounds/grid.png) repeat 0 0; color:#333; font-size:75%; font-family:'American Typewriter','Courier New',Courier,monospace; height:100%;}
html {height:100%;}
h1 {font-size:2em; line-height:1.4; margin:0; padding:0;}
hr {border:0 none; border-bottom:1px dashed #ddd; height:1px; margin:1em 0;}
img {border:0 none;}
p {margin:0 0 1em;}


/* Links
----------------------------------------------------------------- */
#header a:link, #header a:visited, #header a:active, #header a:hover {display:block; height:90px; padding:40px;}
#next a:before {content:'+ '; font-size:2em; vertical-align:middle;}
#next a:link, #next a:visited, #next a:active {background-color:rgba(0,0,0,0.5); border-radius:4px; display:block; font-weight:bold; height:26px; line-height:26px; text-decoration:none; width:100px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#next a:hover {background-color:#000; text-decoration:none;}
#samples a:link, #samples a:visited, #samples a:visited {background-color:#fff; border-radius:4px; color:#333; font-weight:bold; line-height:1.2; padding:.6em; text-shadow:none; -moz-border-radius:4px; -webkit-border-radius:4px;}
#samples a:hover {background-color:#fff; color:#000; text-decoration:none;}
#samples legend a:link, #samples legend a:visited, #samples legend a:active {border-radius:11px; float:left; height:22px; line-height:21px; margin:1px 0 0 5px; padding:0; text-align:center; width:22px; -moz-border-radius:11px; -webkit-border-radius:11px;}
#samples legend a.selected {background-color:#333; color:#fff;}
#samples legend a:hover {background-color:#ccc; color:#333;}
#samples legend a.selected:hover {background-color:#595959; color:#fff;}
.pdf:after {background-color:transparent; content:', PDF'; margin:0; padding:0;}


/* Main sections
----------------------------------------------------------------- */
#shim {float:left; height:50%; margin-bottom:-325px; width:1%;}
#wrapper {border:10px solid #fff; border-radius:4px; box-shadow:0 0 14px rgba(0,0,0,0.75); clear:both; color:#fff; height:619px; margin:2em auto; width:800px; -moz-border-radius:4px; -moz-box-shadow:0 0 14px rgba(0,0,0,0.75); -webkit-border-radius:4px; -webkit-box-shadow:0 0 14px rgba(0,0,0,0.75);}
#header {background-color:transparent; height:170px; padding:0; width:800px;}
#content {background-color:transparent; float:left; height:390px; margin:20px; margin-right:0; position:relative; width:640px;}
#nav {background-color:transparent; float:left; margin:20px; margin-left:0; text-shadow:#000 0 0 3px; width:120px;}
#footer {background-color:#fff; clear:both; padding:5px; width:790px;}


/* Backgrounds
----------------------------------------------------------------- */
#wrapper {background:#900 url(/assets/backgrounds/elena_grossman_graphiste.png) no-repeat top right;}
#home #wrapper {background:#900 url(/assets/backgrounds/elena_grossman_graphiste.png) no-repeat top right;}
#apparel #wrapper {background-color:purple;}
#books #wrapper {background-color:#6699cc;}
#letterforms #wrapper {background-color:silver;}
#loves #wrapper {background-color:#583000;}
#magazines #wrapper {background-color:#ff8e00;}
#other #wrapper {background-color:teal;}
#postcards #wrapper {background-color:green;}
#posters #wrapper {background-color:#900;}
#screen #wrapper {background-color:#333;}


/* Content
----------------------------------------------------------------- */
#samples {border:1px solid #fff; border-radius:3px; height:360px; margin:-1em 0 0; overflow:hidden; padding:15px 20px 25px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#samples legend {background-color:#fff; border-radius:4px; clear:left; color:#333; font-size:larger; overflow:auto; margin:0; padding:.2em .5em; text-shadow:none; -moz-border-radius:4px; -webkit-border-radius:4px;}
#samples legend em {font-style:normal;}
#samples legend strong {float:left; font-weight:normal;}
#samples .panel {float:left; margin:0; padding:0; text-align:center; width:290px;}
#samples .panel img {margin-bottom:10px;}
#samples .narrow {width:147px;}
#samples .wide {width:587px;}
#next {position:absolute; bottom:1px; left:650px; text-align:center;}
#home #samples {background-color:rgba(0,0,0,0.5);}
.button {margin-right:-.6em;}
.caption {font-weight:bold;}
.caption a {padding:.5em .6em !important;}
.large, .large li {font-size:large; line-height:2.7;}
.list li {display:inline; float:left; line-height:3.7; margin-right:7px;}


/* Nav
----------------------------------------------------------------- */
#nav {list-style-type:none; margin-top:3em; text-align:right; text-transform:lowercase;}
#nav li a:link, #nav li a:visited, #nav li a:active {border:1px solid transparent; border-top-right-radius:4px; border-bottom-right-radius:4px; display:block; float:right; font-weight:bold; height:26px; line-height:26px; margin:1px 0 0 0; padding:0 18px 0 0; text-shadow:#000 0 0 3px; width:101px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px;}
#nav li a.selected {background-color:#fff; border:1px solid #fff; color:#333; text-shadow:none;}
#nav li a.selected:before {content:'\2605 \00A0';}
#nav li a.selected strong {padding:0;}
#nav li a:hover {background-color:#fff; color:#000; border:1px solid #fff; text-decoration:none; text-shadow:none;}


/* Footer
----------------------------------------------------------------- */
#footer {color:#333; font-size:.9em; text-align:center;}


/* Preloading
----------------------------------------------------------------- */
#preload01 {background:url('/assets/backgrounds/bg001.jpg') no-repeat -9999px -9999px;}
#preload02 {background:url('/assets/backgrounds/bg002.jpg') no-repeat -9999px -9999px;}
#preload03 {background:url('/assets/backgrounds/bg003.jpg') no-repeat -9999px -9999px;}
#preload04 {background:url('/assets/backgrounds/bg004.jpg') no-repeat -9999px -9999px;}
#preload05 {background:url('/assets/backgrounds/bg005.jpg') no-repeat -9999px -9999px;}
#preload06 {background:url('/assets/backgrounds/bg006.jpg') no-repeat -9999px -9999px;}
#preload07 {background:url('/assets/backgrounds/bg007.jpg') no-repeat -9999px -9999px;}
#preload08 {background:url('/assets/backgrounds/bg008.jpg') no-repeat -9999px -9999px;}
#preload09 {background:url('/assets/backgrounds/elena_grossman_graphiste.png') no-repeat -9999px -9999px;}


/* Misc
----------------------------------------------------------------- */
.align-left, .align-left * {text-align:left;;}
.clear {clear:both; height:0;}
.hide, #skip, h1 {position:absolute; top:-50000px; font-size:1px; line-height:1; width:500px;}
.nowrap {white-space:nowrap;}