/***

Stylesheet: Global CSS for www.lukehollis.com
   Version: 1.0

Designer: Cody Tilson | www.codytilson.com
Web: www.codytilson.com

Artwork (c) 2007 Luke Hollis

***/

#wrapper { margin-left:auto; }
body {
	background: #050000 url(../../images/bg-darkred.jpg);
	background-repeat: repeat-y; margin:0 0 0 0;
	font: Georgia, "Times New Roman", Times, serif;
	color:#bba688; line-height:18px;
	font-size: 62.5%; /* Resets 1em to 12px */
}

/* default links styles */

a, a:visited {color:#bba688; text-decoration: none; }
a:hover, a:active {color:#bba688; text-decoration: underline; }

/* header and nav
********************************************/

#header { width:780px; }
.header_logo { width:250px; height:150px; background-image:url(../../images/head-logo-dr.jpg);  }
.header_illo { width:530px; height:150px; background-image:url(../../images/head-illo-dr.jpg); }

#nav_wrap {
	width:530px;
	height:36px;
	padding:0;
	margin:0;
	position:relative;
	top:24px;
	left:0px;
}

/* nav1 */

#nav1 {
	width:530px;
	height:16px;
	background-color:#0b0400;
	padding:0;
	margin: 0 auto;
	text-align:left;
	position:absolute;
	top:0px;
}
#nav1 ul {
    margin:0;
    padding:0;
    list-style:none;
   }
#nav1 li {
	float:left;
	height:16px;
	margin:0;
	padding:0 0 0 8px;
}
#nav1 a.nav1Gallery {
	display:block;
	width:48px;
	background:url("../../images/nav1_gallery.gif") no-repeat;
}
#nav1 a.nav1Gallery:hover {
	background-position:0 -16px;
}
#nav1 a.nav1Info {
	display:block;
	width:25px;
	background:url("../../images/nav1_info.gif") no-repeat;
}
#nav1 a.nav1Info:hover {
	background-position:0 -16px;
}

/* nav2 */

#nav2 {
	width:530px;
	height:16px;
	background-color:#0b0400;
	padding:0;
	margin: 0 auto;
	text-align:left;
	position:absolute;
	top:20px;
}
#nav2 ul {
    margin:0;
    padding:0;
    list-style:none;
   }
#nav2 li {
	float:left;
	height:16px;
	margin:0;
	padding:0 0 0 8px;
}
#nav2 a.nav2Main {
	display:block;
	width:27px;
	background:url("../../images/nav2_main.gif") no-repeat;
}
#nav2 a.nav2Main:hover {
	background-position:0 -16px;
}
#nav2 a.nav2Portraits {
	display:block;
	width:106px;
	background:url("../../images/nav2_portraits.gif") no-repeat;
}
#nav2 a.nav2Portraits:hover {
	background-position:0 -16px;
}
#nav2 a.nav2Nudes {
	display:block;
	width:35px;
	background:url("../../images/nav2_nudes.gif") no-repeat;
}
#nav2 a.nav2Nudes:hover {
	background-position:0 -16px;
}
#nav2 a.nav2Landscapes {
	display:block;
	width:69px;
	background:url("../../images/nav2_landscapes.gif") no-repeat;
}
#nav2 a.nav2Landscapes:hover {
	background-position:0 -16px;
}
#nav2 a.nav2StillLifes {
	display:block;
	width:59px;
	background:url("../../images/nav2_still.gif") no-repeat;
}
#nav2 a.nav2StillLifes:hover {
	background-position:0 -16px;
}
#nav2 a.nav2Drawing {
	display:block;
	width:50px;
	background:url("../../images/nav2_drawing.gif") no-repeat;
}
#nav2 a.nav2Drawing:hover {
	background-position:0 -16px;
}
#nav2 a.nav2Commissions {
	display:block;
	width:106px;
	background:url("../../images/nav2_commissions.gif") no-repeat;
}
#nav2 a.nav2Commissions:hover {
	background-position:0 -16px;
}

.navOnGallery {
	background-position:0px;
	display:block;
	width:48px;
	background:url("../../images/navOn_gallery.gif") no-repeat;
}
.navOnInfo {
	background-position:0px;
	display:block;
	width:25px;
	background:url("../../images/navOn_info.gif") no-repeat;
}
.navOnMain {
	background-position:0px;
	display:block;
	width:27px;
	background:url("../../images/navOn_main.gif") no-repeat;
}
.navOnPortraits {
	background-position:0px;
	display:block;
	width:106px;
	background:url("../../images/navOn_portraits.gif") no-repeat;
}
.navOnNudes {
	background-position:0px;
	display:block;
	width:35px;
	background:url("../../images/navOn_nudes.gif") no-repeat;
}
.navOnLandscapes{
	background-position:0px;
	display:block;
	width:69px;
	background:url("../../images/navOn_landscapes.gif") no-repeat;
}
.navOnStillLifes {
	background-position:0px;
	display:block;
	width:59px;
	background:url("../../images/navOn_still.gif") no-repeat;
}
.navOnDrawing {
	display:block;
	width:50px;
	background:url("../../images/navOn_drawing.gif") no-repeat;
}
.navOnCommissions {
	background-position:0px;
	display:block;
	width:106px;
	background:url("../../images/navOn_commissions.gif") no-repeat;
}

/* thumbview */

#thumbView {
	width:135px;
	height:22px;
	padding:0;
	margin: 0 auto;
	text-align:right;
	position:absolute;
	top:100px;
	left:395px;
}
#thumbView a.thumbLink {
	display:block;
	width:135px;
	background:url("../../images/thumbnail_view.jpg") no-repeat;
}
#thumbView a.thumbLink:hover {
	background-position:0 -22px;
}

/* info page styles
********************************************/

#infoWrap {
	width: 530px;
	position:relative;
	left:230px;
	top:0px;
	}
	
.infoTitle { font-size:2.6em; padding:0 0 0 0; font-style:italic; padding:10px 0 15px 0; }
.infoText { font-size:1.3em; padding:0 0 0 0; color:#f3edd5;}

.vertSpace {
	padding-top:10px;
	display:block;
	}

/* styles for preview image display
********************************************/

#content_wrap { margin-left:20px; width:760px; display:block; }
#content { width:760px; position:relative; }

.rule_prev { width:760px; height:2px; background-color:#3b1108; }
.rule_space { width:760px; padding-top:10px; }

.title { font-size:1.3em; padding:0 0 0 0; color:#f3edd5; }
.date { font-size:1.3em; padding:0 0 0 0; }
.view { font-size:1.3em; padding:0 0 0 0; }

.top_space { width:760px; padding-top:8px }
.bot_space { width:760px; padding-top:25px }