@charset "UTF-8";
/* CSS Document */

/* CLASSES */
html, body {
	font-family:Helvetica;
	height:100%;
	}

/* DIVS */

/* RIGHT DIV CONTAINS NAV, NEWS, BIO, CONTACT, FOOTER */
#wrapper {
	margin:55px auto;
	padding:0px;
	width:600px;
	height:100%;
	/*border:solid 5px #600;*/
    }
#right {
	width:174px;
	margin-top:0px;
	margin-left:420px;
	padding:0px;
	position:fixed;
	/*border:solid 3px #FF0;*/
}

#masthead {
	width:126px;
	height:28px;
	background-image:url('http://www.nthnart.com/images/assets/mastMag.png');
	background-repeat:no-repeat;
	float:right;
	/*border:solid 3px #0FC;*/
}

#mastsub {
	font-size:12px;
	font-style:oblique;
	clear:both;
	float:right;
	padding:0;
	margin-top:-24px;
}

#nav {
	font-family:Helvetica, sans-serif;
	width:124px;
	clear:both;
	margin-left:-6px;
	display:block;
	}
#navrule {
	width:100%;
	border-top:solid 3px #000;
	clear:both;
	margin-top:30px;
}

#news {
	margin-top:50px;
	width:174px;
	height:200px;
	/*border:solid 3px #039;*/
}

#bio {
	width:174px;
	height:97px;
	margin-top:20px;
	/*border:solid 3px #9C0;*/
}

#contact {
	width:174px;
	height:165px;
	margin-top:14px;
	/*border:solid 3px #FC6;*/
}

#footer {
	width:174px;
	margin-top:70px;
	padding:0px;
	/*border:solid 3px #306;*/
	
}

/* CONTENT DIV */
#content{
	width:395px;
	height:100%;
	margin-top:30px;
	float:left;
	/*border:solid 4px #F00;*/
}

#illo {
	width:395px;
	border-top:solid 3px #000;
	/*border:solid 4px #F00;*/
}

#sketch {
	margin-top:20px;
	width:395px;
	border-top:solid 3px #000;
	/*border:solid 4px #F00;*/
}


/* CLASSES */

#nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	
}

#nav ul li {
	display:inline;
}

#nav ul li a {
	text-decoration:none;
	color:#000;
	font-size:24px;
	font-weight:bold;
	padding-top:3px;
	padding-left:15px;
	padding-right:3px;
}

#nav ul li a.mag:hover {
	color:#F0F;
	background-color:#000;
}

#nav ul li a.cyan:hover {
	color:#0FF;
	background-color:#000;
}

#nav ul li a.yel:hover {
	color:#FF0;
	background-color:#000;
}

h1.titles {
	font-size:14px;
	font-style:oblique;
}

p.caption {
	font-size:12px;
	font-style:oblique;
	text-align:right;
}	

h1 {
	font-family:Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-align:right;
	line-height:0px;
}

h2 {
	font-size:11px;
	font-weight:bold;
	text-align:right;
	line-height:5px;
}

p.bodyText {
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}

p.bioText {
	font-size:11px;
	text-align:justify;
}

p.footer {
	font-size:9px;
	line-height:0px;
	text-align:right;
}

img.float {
	float:right;
	margin:2px 0px 0px 2px;
	width:60px;
	height:60px;
}

img.gallery {
	clear:both;
	width:300px;
	margin-top:8px;
	margin-bottom:5px;
	margin-left:20px;
}

a img {
	text-decoration:none;
	border:0px;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

a:hover {
	color:#F0F;
}

/* CSS PRELOAD IMAGES */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   display:none;
   height: 1px;
   width: 1px;
}