@import url("reset.css");

body {background:#000;color:#fff;}
body.dark {background:#000;color:#fff;}
body.light {background:#fff;color:#000;}


body {font: 12px/18px "helvetica neue", arial, helvetica, sans-serif;}

h1 {font-weight:bold;font-size: 32px;letter-spacing: -1px;line-height: 36px;}
h1#identity {width:240px;height:54px;text-indent:-5000px;background:#000 url('/_media/images/lionelsamain-dark.png') no-repeat;}
.light h1#identity {width:240px;height:54px;text-indent:-5000px;background:transparent url('/_media/images/lionelsamain-light.png') no-repeat;}

#identity a {width:240px;height:54px;display:block;}

h2 {color:#666;}
h2 em {color:#999;font-style:normal;}

h3 {font-size:14px;line-height:36px;color:#333;font-weight:normal}
.light h3 {color:#999;}

#content {margin:0;padding:18px 0 18px 18px;}

#nav {width:240px;font-size:14px;line-height:18px;float:left;position:relative;margin-right:10px;}
#sub {position:relative;top:9px;left:0;width:240px;overflow:hidden;min-height:550px;}
.root #primary {width:240px;position:relative;top:0;left:0;}
.root #secondary {width:240px;position:absolute;top:0;left:240px;}
.portfolio #primary {width:240px;position:relative;top:0;left:-240px;}
.portfolio #secondary {width:240px;position:absolute;top:0;left:0;}


#focus {position:relative;float:left;display:block;clear:right;}
#focus p {margin:0;padding:0;}
#main {float:left;width:600px;}
#footer {float:left;color:#222;clear:both;margin:54px 0 36px 0;font-size:12px;}
#home #footer {margin-top: 534px;}
.dark #footer {color:#222;}
.light #footer {color:#ccc;}

a:link,a:visited {text-decoration:none;color:#fff;}
a:hover {color:#63cbed;text-decoration:none;}

.light a:link, .light a:visited {text-decoration:none;color:#000;}
.light a:hover {color:#63cbed;text-decoration:none;}

a#folio {padding-right:20px;background: url('/_media/images/arrow1-right_light.png') -12px right no-repeat;}
a:hover#folio {background: url('/_media/images/arrow1-right_light.png') -71px right no-repeat;}
a#return {font-size:12px;line-height:54px;padding-left:16px;background: url('/_media/images/arrow2-left_light.png') 2px -14px no-repeat}
a:hover#return {background: url('/_media/images/arrow2-left_light.png') 2px -73px no-repeat}

.dark a#folio {padding-right:20px;background: url('/_media/images/arrow1-right_dark.png') -12px right no-repeat;}
.dark a:hover#folio {background: url('/_media/images/arrow1-right_dark.png') -71px right no-repeat;}
.dark a#return {font-size:12px;line-height:54px;padding-left:16px;background: url('/_media/images/arrow2-left_dark.png') 2px -14px no-repeat}
.dark a:hover#return {background: url('/_media/images/arrow2-left_dark.png') 2px -73px no-repeat}



#fashion a:link#nav-fashion,#fashion a:visited#nav-fashion {color: #999;}
#fashion a:hover#nav-fashion {color:#999;cursor:default;}

#thumbnails {float:left;width:600px;}

.grid p {width:100px;height:100px;margin:0 9px 9px 0;float:left;padding:0;border:1px solid #4d4d4d;background: #fff url(/_media/images/loading.gif) 30px 30px no-repeat}
.grid img {padding:0;margin:0;}

.subform {width:100%;margin:9px 0;float:left;clear:right;}

#env {position:absolute;top:60px;left:270px;display:inline;}
#photo {position:relative;float:left;clear:right;}
.dark #photo img {border:1px solid #000}
#photodesc {width:100%;overflow:hidden;position:absolute;bottom:0px;left:0;background:transparent url('/_media/images/tptile.png');display:none;}
#photodesc p {margin:0;padding:18px 9px;font-size:12px;line-height:18px;color:#fff;}

#photonav {position:relative;float:left;clear:both;width:480px;margin: 6px 0 3px 0;color:#666;line-height:18px;min-height:18px;}
#photonav a:link,#photonav a:visited {color:#666;padding-top:9px;padding-bottom:9px;} 
#photonav a:hover {color:#63cbed;} 

a:link.zoom,a:visited.zoom {padding-left:18px;background:url('/_media/images/nav-zoom_light.png') 0 -7px no-repeat;}
a:link.details,a:visited.details {padding-left:18px;background:url('/_media/images/nav-info_light.png') 0 -7px no-repeat;}
a:link.prev,a:visited.prev {padding-left:18px;background:url('/_media/images/nav-prev_light.png') 0 -7px no-repeat;}
a:link.next,a:visited.next {padding-right:18px;background:url('/_media/images/nav-next_light.png') right -7px no-repeat;}
a:link.thumblink,a:visited.thumblink {padding-left:18px;background:url('/_media/images/nav-thumbs_light.png') 0 -7px no-repeat}

.dark a:link.zoom,.dark a:visited.zoom {padding-left:18px;background:url('/_media/images/nav-zoom_dark.png') 0 -7px no-repeat;}
.dark a:link.details,.dark a:visited.details {padding-left:18px;background:url('/_media/images/nav-info_dark.png') 0 -7px no-repeat;}
.dark a:link.prev,.dark a:visited.prev {padding-left:18px;background:url('/_media/images/nav-prev_dark.png') 0 -7px no-repeat;}
.dark a:link.next,.dark a:visited.next {padding-right:18px;background:url('/_media/images/nav-next_dark.png') right -7px no-repeat;}
.dark a:link.thumblink,.dark a:visited.thumblink {padding-left:18px;background:url('/_media/images/nav-thumbs_dark.png') 0 -7px no-repeat}


span.nprev {color:#1d1d1d;padding-left:18px}
span.nnext {color:#1d1d1d;padding-right:18px}
.light span.nprev {color:#eee;padding-left:18px}
.light span.nnext {color:#eee;padding-right:18px}

span.direction {position:absolute;bottom:0;right:6px;margin:0;padding:0}
span.data {position:absolute;bottom:0;left:0}

a:hover.zoom {background:url('/_media/images/nav-zoom_light.png') 0 -37px no-repeat;}
a:hover.details {background:url('/_media/images/nav-info_light.png') 0 -37px no-repeat;}
a:hover.prev {background:url('/_media/images/nav-prev_light.png') 0 -37px no-repeat;}
a:hover.next {padding-right:18px;background:url('/_media/images/nav-next_light.png') right -37px no-repeat;}
a:hover.thumblink {background:url('/_media/images/nav-thumbs_light.png') 0 -37px no-repeat;}

.dark a:hover.zoom {background:url('/_media/images/nav-zoom_dark.png') 0 -37px no-repeat;}
.dark a:hover.details {background:url('/_media/images/nav-info_dark.png') 0 -37px no-repeat;}
.dark a:hover.prev {background:url('/_media/images/nav-prev_dark.png') 0 -37px no-repeat;}
.dark a:hover.next {padding-right:18px;background:url('/_media/images/nav-next_dark.png') right -37px no-repeat;}
.dark a:hover.thumblink {background:url('/_media/images/nav-thumbs_dark.png') 0 -37px no-repeat;}


#journalbox {width:600px;float:left;}
#journalbox p {line-height:18px;font-size:12px;}
#journalbox div {margin: 0 0 36px 0;}
#journalbox h3 {line-height:18px;font-size:18px;color:#999;margin-bottom:18px;}
.postdate {color:#333;margin: 9px 0;font-size:9px;line-height:18px;}

#gallery,#individual  {margin-top:63px;}
#thumbnails {margin-top:12px;}
#contactbox,#aboutbox,#journalbox {margin-top:23px;}

#aboutbox a:link,#aboutbox a:visited {text-decoration:underline;}
#aboutbox a:hover {text-decoration:none;}
#about #footer {margin-top: 0 !important;}

.credit {color:#333;font-size:10px;padding:54px 0 0 0;margin:0 0 9px 0 !important;}
.credit a:link,.credit a:visited {color:#333;}
.credit a:hover {color:#999;}

.current {color:#999 !important;}
a.current:hover {color:#999;cursor:pointer;}

.text {width:500px;}
.text h2 {font-size: 16px;color:#666;line-height:18px;margin: 0 0 18px 0;}
.text h3 {font-size: 12px;color:#fff;line-height:18px;font-weight:bold;}
.text dl {font-size: 12px;line-height:18px;margin: 0 0 36px 0;}
.text dt {float: left;width:130px;}
.text p {margin: 0 0 18px 0;font-size:12px;line-height:18px;}

#mugshot {margin: 0 0 18px 18px;}

.pagelist ul {float:left;width:90%;}
.pagelist li {display:inline;color:#333;}
.pagelist a:link,.pagelist a:visited {color:#666;padding: 0 3px;line-height:36px;}
.pagelist a:hover {color:#63cbed;}
.pagelist .current a:link,.pagelist .current a:visited,.pagelist .current a:hover {color:#ccc;cursor:pointer;}

/* gallery */

#gallery {width:480px;height:480px;background:url(/_media/images/loading.gif) center 200px no-repeat #fff;float:left;}
#slideholder {height:480px;margin: 0 0 18px 0;}
#slideimg {	width:480px;height:480px;background:#f1f1f1;}
.thumb img {width:100px;height:100px;float:left;margin:0 3px;}
#scrollDiv {overflow: hidden;height: 100px;width:400px;float:left;}
#thumbs {height: 100px;width:10000px;text-align:left;}
#thumbnav {width:480px;float:left;clear:right;}
.thumbscroll {color:#fff;width:40px!important;height:100px;line-height:100px;text-align:center;font-size:10px;float:left;display:block;clear:none;text-indent:-5000px;}
a:link#thumbleft,a:visited#thumbleft {background: transparent url('/_media/images/thumbleft.png') 0 -27px no-repeat;}
a:link#thumbright,a:visited#thumbright {background: transparent url('/_media/images/thumbright.png') 10px -27px no-repeat;}
a:hover#thumbleft {background: transparent url('/_media/images/thumbleft.png') 0 -117px no-repeat;}
a:hover#thumbright {background: transparent url('/_media/images/thumbright.png') 10px -117px no-repeat;}

#player {width:640px;height:480px;float:left;position:relative;display:block;}