@import url("nav.css");

body {
text-align:center;
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#EEE;
font-size:8pt;
margin:0;
}

body#home{
	background-image: url(/gfx/splash.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body#contact{
	background-image: url(/gfx/contact_mask.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

body#gallery #wrapper,
body#bio {
	background-image: url(/gfx/gallery_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

body#bio #wrapper{
	background-image: url(/gfx/bio_banana_mask.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

a img{border: 1px solid #333;padding:2px;margin:3px}
a:hover img{border: 2px solid #A8A482;padding:1px;}
a:hover{color: #A8A482;border: 0px ;} /* Dummy definition to overcome IE bug */

a:link { color:#A8A482;}
a:visited { color:#A8A482;}
a:hover { color:#FFF;}
a:active { color:#A8A482;}

a.me {color:#999}

#wrapper {
width:960px;
text-align:left;
margin-left:auto;
margin-right:auto;
position:relative;
}

body#home #subWrapper {height:660px}
body#contact #subWrapper {height:685px}
body#bio #subWrapper {height:550px}
body#gallery #subWrapper {height:725px}

#header {
background-color:#000;
float:right;
margin-top:25px;
width:330px;
border-top:20px #000 solid;
border-right:30px #000 solid;
border-bottom:20px #000 solid;
border-left:30px #000 solid;
}

#header h1 {margin:0;width:254px;
 background-image: url(/gfx/title.png);
 background-repeat: no-repeat;}
#header h1 a {
 display: block;
width:85px;
 padding-top: 64px; height: 0 !important;
 height /**/: 64px; overflow: hidden;
}

#content {
background-color:transparent;
float:right;
width:900px;
padding:20px 30px 20px 30px;
}

#contentSubWrapper {
background-color:#000;
float:right;
width:330px;
border-top:20px #000 solid;
border-right:30px #000 solid;
border-bottom:20px #000 solid;
border-left:30px #000 solid;
position:relative;
left:31px;
}

p{line-height:150%}

/* Gallery */
#cloak{
	position:absolute;
	top:0;
	left:0;
	background-image: url(/gfx/spaceball.gif);
}

body#gallery #thumbs {
width:360px;
background-color:#000;
border-top:20px #000 solid;
border-right:20px #000 solid;
border-bottom:10px #000 solid;
border-left:10px #000 solid;
float:right;
text-align:right;
position:relative;
left:31px;
}

#gallery-front p {
margin:0;
padding:15px;
} 

#gallery-front p a:link { color:#FFF;text-decoration:none}
#gallery-front p a:visited { color:#FFF;text-decoration:none}
#gallery-front p a:hover { color:#A8A482;text-decoration:none}
#gallery-front p a:active { color:#FFF;text-decoration:none}


#gallery-front div {
padding:12px;
float:left;
background-color:#000;
margin-right:10px;
}


div#intro-quote p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16pt;
color:#A8A482;
padding-top:0;
margin-top:0;
}

div#intro-quote p span {
color:#666;
}

p#gallery-title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24pt;
color:#A8A482;
padding:0 0 0 20px;
}

#photo h2 {
padding:0 15px 0 15px;
}

#photo p {
padding:15px;
}

#photo-contents  {
background-color:#000;
float:left;
padding:10px;
text-align:left;
width:500px;
position:absolute;
top:24px;
}

/* do it for the footer too 

body.photo #footer {
position:relative;
bottom:124px;
}*/


body#gallery #context {
float:right;
text-align:center;
padding-top:10px;
position:relative;
left:30px;
background-color:#000;
width:330px;
border-top:20px #000 solid;
border-right:30px #000 solid;
border-bottom:20px #000 solid;
border-left:30px #000 solid;
}

#context p.nav a {padding:6px 9px 6px 9px;text-decoration:none;border:1px #333 solid;margin:2px;}
#context p.nav span {padding:6px 9px 6px 9px;}
#context p.nav a:link {color:#FFF;background-color:#333;padding:6px 9px 6px 9px;}
#context p.nav a:visited {color:#FFF;background-color:#333;padding:6px 9px 6px 9px;}
#context p.nav a:hover {color:#000;background-color:#A8A482;padding:6px 9px 6px 9px;}
#context p.nav a:active {color:#FFF;background-color:#999;padding:6px 9px 6px 9px;}
img.noimg {padding:5px}


#pagenav {font-size:10pt;color:#EEE;clear:both}
#pagenav a:link{ color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#pagenav a:visited{ color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#pagenav a:hover{ color:#333; text-decoration:none; background:#999;padding:2px 4px 2px 4px;border:1px #666 solid;}
#pagenav a:active{ color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}

h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif;color:#EEE}

#footer {clear:both;background-color:#000;padding:20px 0 20px 0}
#footer p {font-size:8pt;color:#666}
#footer a {text-decoration:none}
p#footernav {color:#666}

/* Footer graphic links */
div#shetook {
width:150px;
float:left;
}

div#shetook {
background-repeat: no-repeat;
background-position: left top;
padding:55px 0 0 0;
background-image: url(/gfx/she-took.png);
}

div#buy {
width:120px;
float:left;
}

div#buy {
background-repeat: no-repeat;
background-position: left top;
padding:55px 0 0 0;
background-image: url(/gfx/trigger-image.png);
}

/* --------------- */

#news {padding:15px;background:#111;border-top:10px #000 solid;border-bottom:1px #333 solid}
#news h4 {font-size:16pt;margin:0;padding:0 0 5px 0}
#news .news-item p {font-family:Georgia, "Times New Roman", Times, serif;font-size:14pt;margin:3px 0}
#news .news-item p a {text-decoration:none}
#news .news-item p span.date {font-size:8pt}

.icon{
list-style:none;
background-repeat: no-repeat;
background-position: left center;
padding:6px 5px 6px 20px;
}

.left {float:left}
.right{float:right}

.flickr{background-image: url(/gfx/flickr_icon_grey.png);}
.rss{background-image: url(/gfx/icon_rss.png);}

label {color:#FFF;font-size:8pt;font-weight:normal}
.box {background-color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;color:#EEE;padding:4px;margin-top:3px;margin-bottom:6px;width:70%;font-size:8pt;-moz-border-radius:3px;-webkit-border-radius:3px;}
.box:focus { background-color: #EEE;border:2px #090 solid;color:#000;font-size:8pt}
.button {background-color:#111; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;border:2px #333 solid;color:#FFF;cursor:pointer;padding:0.4em;-moz-border-radius:3px;-webkit-border-radius:3px;margin-top:15px}
.button:hover {border:2px #090 solid}