* { padding: 0; margin: 0; }

html, body { overflow-x: hidden;}

body {
 background-image:url('img/bg_runner.gif');
 background-repeat:repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 color: #5b5b55;
 background-color: #2B2D28;
 font-size: 10pt;
}

a {outline: none;}
a img { border: none; }

a:link {color:#8f8e85; text-decoration: none;}
a:visited {color:#8f8e85; text-decoration: none;}
a:hover {color:#a7a69f; text-decoration: underline overline;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}
p.left {text-align: left;}
p.right {text-align: right;}
p.center {text-align: center;}
p.justify {text-align: justify;}
p.subject {color:#8f8e85; font-weight:bold;}

ul {
font-size: 8pt;
list-style-position: outside;
list-style-type: square;
padding: 5px;
margin: 5px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 background-image:url('img/header.gif');
 background-repeat:no-repeat;
 width: 900px;
 float: left;
 padding: 10px;
 height: 150px;
 margin: 17px 0px 0px 0px;
}
#navigation {
 background-image:url('img/nav.gif');
 background-repeat:no-repeat;
 float: left;
 width: 920px;
 height: 35px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
#leftcolumn { 
 background-image:url('img/header_left.gif');
 background-repeat:repeat-x;
 background-color:#1b1e1b;
 margin: 0px 0px 0px 0px;
 font-size: 8pt;
 padding: 10px;
 height: 710px;
 width: 150px;
 float: left;
}
#content { 
 background-image:url('img/header_centre.gif');
 background-repeat:repeat-x;
 background-color:#1b1e1b; 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 710px;
 width: 560px;
 display: inline;
}

#main { 
margin-top:25px;
height:675px;
overflow:auto;
overflow-x:hidden;
padding-left:5px;
padding-right:5px;
scrollbar-face-color:#1B1E1B;
scrollbar-shadow-color:#1B1E1B;
scrollbar-highlight-color:#1B1E1B;
scrollbar-3dlight-color:#161916;
scrollbar-darkshadow-color:#161916;
scrollbar-track-color:#1B1E1B;
scrollbar-arrow-color:#393E37;
scrollbar-base-color:#1B1E1B;
}

#main .gallery {
	background:url(img/gallery_bg.gif);
}

#rightcolumn { 
 background-image:url('img/header_right.gif');
 background-repeat:repeat-x;
 background-color:#1b1e1b;
 margin: 0px 0px 0px 0px;
 font-size: 8pt;
 padding: 10px;
 height: 710px;
 width: 150px;
 float: left;
}

#twitter {
float: left;
margin: 0px 0px 0px 5px;
margin-top: 2px;
padding: 5px;
height: 175px;
width: 240px;
font-size: 8pt;
}

#music {
float: right;
text-align:center;
margin: 0px 0px 0px 0px;
height: 150px;
width: 295px;
font-size: 8pt;
}

#footer { 
 background-color:#1b1e1b;
 font-size: 8pt;
 width: 900px;
 clear: both;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

/*
      Page View Styling
*/

#view 			{ position: relative; background-color:#2B2D28;margin-top:5px; padding-top:3px; width:481px; z-index:1;}

#cg_img     			{ }
#cg_credits 			{ font-family:"sans-serif", arial; font-size: 0px; color:#2B2D28; }
#cg_credits a 			{ color:#2B2D28; text-decoration: none; }
#cg_credits a:hover		{ color:#2B2D28; text-decoration: none; }
#cg_nav1 { height: 37px; width: 288px; margin: 0 auto; }
#cg_nav1 a, #cg_nav1 span {height: 37px; width: 288px; float: left;}
#cg_nav1 a span, #cg_nav1 span span,
#cg_nav1 .cg_divider { display: none; }

a#cg_first { background: url(img/first.gif); height:37px; width:72px;}
a#cg_back { background: url(img/back.gif); height:37px; width:72px;}
a#cg_next { background: url(img/next.gif); height:37px; width:72px;}
a#cg_last { background: url(img/last.gif); height:37px; width:72px;}

span#cg_first { background: url(img/first_off.gif); height:37px; width:72px;}
span#cg_back { background: url(img/back_off.gif); height:37px; width:72px;}
span#cg_next { background: url(img/next_off.gif); height:37px; width:72px;}
span#cg_last { background: url(img/last_off.gif); height:37px; width:72px;}

/*
      Lightbox Gallery Styling
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #171917; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Arial, Helvetica, sans-serif; background-color:#171917; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:5px 10px; color: #5b5b55; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; min-width: 100%; height: 500px; background-color: #000; }

/*
      Created by Keith Donegan of Code-Sucks.com
	  E-Mail: Keithdonegan@gmail.com
	  Additional code by Chella Morgan of Ealaionta.com
*/