/* reset
________________________________________________________________________________________________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: separate;
	border-spacing: 0;
}*/
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* general 
________________________________________________________________________________________________________________________*/

.clear {
	clear: both;
}

body {
	font: 14px "Verdana", Verdana, "Geneva", sans-serif; color: #7E7171; background-color: #000000; line-height: 1.2;}

#container {
	padding: 0;
	width: 100%;
}

/* type
________________________________________________________________________________________________________________________*/

a { color: #F0B112; text-decoration: none; }
a:hover { color: white; text-decoration: none; }

em {font-style: italic; color: grey;}

.global a:hover { color: white; text-decoration: none; }

h1 { font-size: 20px; color: #F0B112; display: block; font-weight: normal; text-align: right; }

h3 { font-size: 24px; color: #F0B112; display: block; margin: 10px 0;}

span { color: #cccccc; display: block;}

a.current, a.current:hover { color: white !important; }

p {color: white; padding: 4px 0; text-align: justify; text-indent: 12px; line-height: 1.4; }


/* title
________________________________________________________________________________________________________________________*/

a#title { float: left; display: block; width: 217px; height: 80px; margin: 10px 0 0 20px;
	background: transparent url('/images/title.gif') no-repeat top; }
a#title:hover {background-position: bottom;}

#header_container {width: 100%; background-color: #454545;}

#header { width: 900px; height: 90px; margin: 0 auto; }

.line { display: block; width: 100%; height:2px; background-color: #F0B112; }
.bl_line { display: block; width: 100%; height:1px; background-color: black; }
.dotted_line {display: block; width: 100%; border-bottom: thin dotted #F0B112; margin: 20px 0; }

/* nav
________________________________________________________________________________________________________________________*/


.global {
	float: left;
	display: block;	
	margin: 70px 0 0 0;
}

.global a {
	float: left;
	display: block;
	padding: 0 20px;
	font-size: 16px;
	color: #F0B112;
}

.category {
}

.category a {
	float: left;
	display: block;
	padding: 0 20px;
}

/* thumbs
________________________________________________________________________________________________________________________*/

#thumbs {
	float: left;
	width: 800px;
	position: relative;
	overflow: hidden;
}

#thumb_left_gradient { background: transparent url('/images/thumb_left_gradient.png') repeat-y left;
  position: absolute; left: 0px; display: block;}

#thumb_column {
	float: left;
	height:75px;
	margin: 0 0 0 20px;
	overflow: hidden;
}

.thumb {
	display: block;
	float: left;
	padding: 0 5px;
}

.thumb a img {
	opacity: .5;
}

.thumb a img:hover {
	opacity: 1;
}

a.current img {
	opacity: 1;
}

.shade {
	float: left;
	display: block;
}

#thumbs_left, #thumbs_right {
	display: block;
	float: left;
	width: 7px;
	height: 29px;
	margin: 24px 10px 0 10px;
	background: transparent url('/images/thumb_arrows.gif') no-repeat;
}

#thumbs_left { background-position: bottom left; }
#thumbs_right	{ background-position: bottom right; }

#thumbs_left:hover { background-position: bottom left; }
#thumbs_right:hover { background-position: bottom right; }

/* content
________________________________________________________________________________________________________________________*/

#content_container {width: 100%; background-color: black;}

#content {
	width: 900px;
	margin: 3px auto;
	padding: 20px 0;
	min-height: 430px;
}

.main { display: table-cell; }

#slide { float: left; display: block; }

.copy {float: left; width: 700px; padding: 0 10px;}
.copy a {font-size: 13px;}
#portrait { float: left; padding: 2px; border: thin solid #7E7171;}

/* galleries
________________________________________________________________________________________________________________________*/

.gallery { display: block; float: left; text-align: center; width: 450px; margin: 30px 0;}
.gallery span { color: white;}
.gallery h3 {font-size: 18px;}
.gallery a { color: #F0B112;}
.gallery a:hover { color: white;}


/* tag
________________________________________________________________________________________________________________________*/

#tag { 
  float: left;
	display: block;
	width: 250px;
	margin: 160px 0 0 0;
	padding: 10px;
}

#paypal_button {
  display: none;
}

/* footer
________________________________________________________________________________________________________________________*/

.bard {display: block; float: left; width: 16px; height: 22px; margin: 3px 0 0 3px;
  background: #000000 url('/images/bard.gif') no-repeat left;}
.bard:hover {background-position:right;}

#footer_container {width: 100%; background-color: #454545; 
  border-top: 2px solid #F0B112; border-bottom: 2px solid #F0B112; }

#footer {
	display: block;
	width: 900px;
	padding: 10px 0;
	margin: 0 auto;
}

#copy { float: right; display: block; text-align: right; padding: 0 4px 0 0;}
#copy span {color: #454545; font-size: 12px;}

/* forms
________________________________________________________________________________________________________________________*/

.span_block {display: block; width: 120px; text-align: left; float: left;}
.a_block {display: block; float: left;}

form {margin: 20px 0; display: block; width: 430px;}
form span {display: block; width: 120px; text-align: left; float: left;}
label {display: block; margin: 10px 0;}
input { display: block; float: left; width: 300px;}

.submit { width: 100px; float: right; }
.lg_field { width: 300px; height: 100px; }