@charset "UTF-8"; 
/*Design by Amelia Fabian - http://ameliafabian.com*/

/*Text global styles*/

h1 { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; line-height: 30px; color: #F30; }
h2  { font-family: "Times New Roman", Times, serif; font-size: 20px; line-height: 18px; margin-bottom: 18px; font-weight: normal; line-height: 36px; color: #F30;}
h3 {font-size: 12px; color: #f30; line-height: 18px; font-weight:normal; font-style:italic; margin-bottom: 18px; }
p {margin-bottom: 18px;}
a:link {color: #0C3;	text-decoration: none;}
a:visited {color: #090;	text-decoration: none;}
a:hover { color: #F30;}
a:active { color: #F30;}
.rule {border-top: 1px dotted #333; padding-top: 9px;}

blockquote { font-family:"Times New Roman", Times, serif; font-size:16px; line-height:20px; font-style:italic; letter-spacing: .025em; padding: 16px; color: #999; border-top: 1px dotted #333;}

.pdf {padding-left:20px; background:transparent url(images/page_white_acrobat.png) center left no-repeat; }
.mail {padding-left:20px; background:transparent url(images/email.png) center left no-repeat; }
.external {padding-left:16px; background:transparent url(images/External_Link.png) center left no-repeat; }
.phone {padding-left:16px; background:transparent url(images/phone.png) center left no-repeat; }

/*layout*/
* {margin:0; padding:0;}
body { background-color: #000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; line-height: 18px; width: 100%; color: #999; text-align:center; }
body, html { height: 100%; }

img.left { float: left; margin: 0 18px 18px 0; border: 5px solid #FFF;  }

.right {float: right;  margin-left: 18px; }
.right img { border: 5px solid #FFF; }

.right a:link img { border: 5px solid #0C3;}
.right a:visited img {border: 5px solid #090;}
.right a:hover img { border: 5px solid #F30;}
.right a:active img { border: 5px solid #F30;}
.right p {margin: 0; text-align:center; font-size: 10px; border-bottom: 1px dotted #333; padding: 9px 0;}

.left {float: left;  margin-right: 18px;}
img.left  { border: 5px solid #FFF; margin-top: 18px;}
.left p {margin: 0; text-align:center; font-size: 10px; border-bottom: 1px dotted #333; padding: 9px 0;}
.left img {border: 5px solid #FFF; }
img.about {border: 0px; border: none;}

.otherworld {text-align:center; }
.otherworld img {border: 5px solid #FFF;}
.otherworld p {margin-bottom: 9px; text-align:center; font-size: 10px; padding: 9px 0;}

#wrapper {	min-height:100%; text-align: left }
* html #wrapper { height:100%; }

div.archtime-imgs {float: left; width: 900px; margin-bottom: 18px; }
div.arch-img {float: left; width: 224px; height: 300px; }
div.arch-img p {margin-top: 8px; }
div.archtim {width: 600px; }
.arch-img a:link img { border: 4px solid #fff;}
.arch-img a:visited img {border: 4px solid #fff;}
.arch-img a:hover img { border: 4px solid #f30;}
.arch-img a:active img { border: 4px solid #f30;}
/*header*/
#header { width: 100%;}
#header_inside {	font-weight: normal; width: 918px; padding-top: 36px; margin: 0 auto; color:#0C3; padding-bottom:18px; position: relative;overflow: hidden; }
#header_inside h1 a { font-family: "Times New Roman", Times, serif; font-size: 32px; font-weight: normal; color: #0C3;	text-decoration: none;}
#header_inside h1 a:hover {color: #FFF; }
#header_inside .description {font-size: 14px; color: white; letter-spacing: 1px; margin-left: 9px; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }

/*top menu*/
div#menu { color: #0C3; border-top: 2px solid #0C3; width: 100%; }
div#menu ul { width: 918px; margin: 0 auto; padding-top: 18px; padding-bottom: 18px; font-size: 14px; background-color:#000000; }
div#menu li { display: inline; list-style-type: none; }
div#menu li a { text-decoration:none; color:#0C3; padding: 2px 0 2px 0; margin: 9px 18px 18px 18px;}
div#menu li.desktops a { text-decoration:none; color:#0C3; padding: 2px 0 2px 0; margin: 9px 20px 18px 0;}
div#menu li a:hover { color: #F30;}
div#menu li a.current {color:#F30; cursor:default;}

/*content*/
div#greyed-out {color: #333; border: 1px dotted #333; padding: 0 18px; font-style:italic; margin-top: 18px;}
div#boxed {color: #666; border: 2px solid #0c3; padding: 18px; margin-top: 24px; color: #999;}
div#contentSub #boxed h1, div#contentSub #boxed h2 {margin: 0 0 18px 0; }
div#content {width: 918px; margin: 0 auto; padding-bottom: 80px; overflow:hidden;}
div#contentMain {float: left; width: 510px; margin: 0 28px 0 0;}
div#contentSub {float: left; width: 380px; margin-top: 36px;}
div#landing-id {float: left; width: 140px; margin: 18px 9px 0 0; }
div#landing-text {float: left; width: 350px; }
div#content h1 {margin: 18px 0;}
div#content h2 {margin: 9px 0;}

img.arrival {margin-top: 18px;}

ul#shows li {list-style: outside; list-style-type:square; margin: 0 0 0 54px;}
div#contentMain ul#shows {margin-bottom: 18px;}
div#contentMain ul#show li {margin-top: 18px;}
div#contentMain ul#shows p {margin: 9px 0 0 0px; font-weight: bold;}
/*side menu*/
div#contentSub ul {margin-top: 0px;}
div#contentSub ul li {height: 80px; padding-bottom: 18px; list-style: none; overflow: visible;}
div#contentSub ul li a:link img, div#contentSub ul li a:visited img {border:none;}
div#contentSub ul li a:link, div#contentSub ul li a:visited {border: 5px solid #0C3; display:block; width: 118px; height: 71px; float:left; margin-right: 18px;}
div#contentSub ul li a:hover, div#contentSub ul li a:active {border: 5px solid #F30;}
div#contentSub ul li span p {padding: 18px 0; }

/*navigation*/
div#navigation {float: left;}

div#navigation.eight {margin-top: 36px; }
/*gallery*/

/*This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/clickgallery.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.*/

#gallery {width: 100%; padding-bottom: 18px; padding-top: 18px; overflow: hidden; }
	
ul#thumbnails { width: 250px; padding: 18px 0 0 0; margin: 0; list-style:none; overflow:hidden;}
ul#thumbnails.nav-below {width: 500px; float: right; margin-right: 80px;}

ul#thumbnails  li {	float:left;	} 
ul#thumbnails li a {height:63px; width:63px; margin: 0 9px 9px 0; padding: 0; display:block; border: 4px solid #FFF;	text-decoration:none; }
ul#thumbnails li a img {width:63px; height:63px; border:0;}
ul#thumbnails li a:hover { border: 4px solid #F30; }

ul#thumbnails li a.limited {height:80px; width:80px; margin: 0 12px 12px 0; padding: 0; display:block; border: none;	text-decoration:none; }
ul#thumbnails li a.limited:hover { border: none; }
ul#thumbnails li a.limited img {width:80px; height:80px; border:0;}



#gallery #fullsize div img { display:block; margin: 0; border: 18px solid white; clear: left; }
#fullsize {float: right; height: 480px; width: 656px; overflow: hidden; }

/*fullsize height = height of image + 124px, 
fullsize width = img width + 36px*/

#fullsize.classic {float: right; height: 553px; width: 656px; overflow: hidden; }
#fullsize.postcards {float: right; height: 364px; width: 356px; overflow: hidden; margin-right: 230px;}

#fullsize.amberlith {float: right; height: 499px; width: 536px; overflow: hidden; margin-right: 80px;}
#fullsize.iron {float: right; height: 470px; width: 522px; overflow: hidden; margin-right: 80px;}
#fullsize.revisited {float: right; height: 492px; width: 420px; overflow: hidden; margin-right: 200px;}
#fullsize.nine {height: 424px; width: 836px; overflow: hidden; margin-right: 41px;}

#fullsize.prints1 {height: 482px; width: 394px; overflow: hidden; margin-right: 180px;}
#gallery #fullsize.prints1 div img {border: none;}
div#fullsize.prints2 {height: 708px; width: 620px; overflow: hidden; margin-right: 40px;}
#gallery #fullsize.prints2 div img {border: none;}

/*custom gallery navigation - previous, download, and next*/
#gallery #fullsize ul.buttons {	margin: 0;	list-style:none; font-size: 14px; display: block; height: 88px; width: 100%;}
#gallery #fullsize ul.buttons li a {display: block; float: left; padding: 10px 0; margin: 8px 0 16px 0; border-bottom: 2px solid #f30; }

#gallery #fullsize ul.buttons li.previous a {text-align: left; width: 25%;}
#gallery #fullsize ul.buttons li.download a {text-align: center; width: 50%;}
#gallery #fullsize ul.buttons li.next a {text-align: right; width: 25%;}

#gallery #fullsize ul.buttons li.previous-half a {text-align: left; width: 50%;}
#gallery #fullsize ul.buttons li.next-half a {text-align: right; width: 50%;}

#gallery #fullsize ul.buttons li.end a {text-indent: -9999px; width: 25%; cursor:default;}
#gallery #fullsize ul.buttons li.end-half a {text-indent: -9999px; width: 50%; cursor:default;}

/*breadcrumbs*/
ul#breadcrumbs { list-style:none;}
ul#breadcrumbs.special {width: 236px; margin-left: 41px; float: left;}
ul#breadcrumbs li a {margin: 0; padding: 9px 0; width: 214px; display: block; border: none;}
ul#breadcrumbs li a:hover {border: none;}
ul#breadcrumbs li a.current {color: #F30; cursor:default; margin: 0; padding: 9px 0; width: 214px; display: block; border: none;}
ul#breadcrumbs li a.soon {color: #666; cursor:default; margin: 0; padding: 9px 0; width: 214px; display: block; border: none;}

/*footer*/
#footer { width: 100%; height: 80px; margin: -80px auto 0 auto; position: relative; text-align: right; overflow:hidden;}
#footer_inside {color: #F30; padding-right: 18px; padding-top: 18px; height: 80px; position: relative; margin: 0 auto; background:#000000;}