/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remove the silly firefox outline on links */
a:focus {	outline: none; border: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0; }

/* P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after { content: "."; font-size: 0; clear: both; height: 0; visibility: hidden; display: block; }

.clearfix { display: inline-block; /* Fixes IE/Mac */ }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Fixes IE's default image-scaling to a smoother, bicubic resizing */
* img { -ms-interpolation-mode: bicubic; }


/* ========== */
/* ! Basics   */
/* ========== */

body {
	background: #000;
	color: #eee;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.inline-block {
	display: -moz-inline-box;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	_display: inline;
	position: relative;
}


/* ================ */
/* ! Footer Stuff   */
/* ================ */

#footerarea a {
	color: #bbb;
	text-transform: uppercase;
}

#footerarea a:hover {
	color: #fff;
}

#topfooter {
	margin: 0 auto;
	width: 841px;
}

img#awards {
	float: left;
	width: 379px;
}

#blocksite,
#recordkeeping,
#sitelinks {
	margin: 15px auto;
	position: relative;
	text-align: center;
	width: 700px;
}

#sitelinks,
#recordkeeping {
	float: right;
	width: 430px;
}

p.copyright {
	font-size: 11px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.centerlist {
	position: relative;
}

ul.centerlist li {
	display: -moz-inline-box;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	_display: inline;
	margin: 5px 8px;
	position: relative;
	text-align: center;
}

ul.centerlist li.break {
	clear: both;
	display: block;
}

/* ============== */
/* ! Pagination   */
/* ============== */

p.resultscount {
	font-size: 14px;
	display: block;
	margin: 5px 0 10px;
}

div.pagination {
	clear: both;
	margin: 0 3px 3px;
	padding: 0 3px 3px;
	position: relative;
	text-align: center;
}

div.pagination ul.centerlist li {
	margin: 5px 0;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ffc0c1;
	text-decoration: none; /* no underline */
	color: #fff;
}

div.pagination a:hover, div.pagination a:active {
	background: #9d0002;
	border: 1px solid #ffc0c1;
	color: #fff;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #ffc0c1;
	font-weight: bold;
	background: #600001;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #333;
	color: #333;
}

/* =========================== */
/* ! Gallery & Video Listing   */
/* =========================== */


#gallerylist {
	margin: 15px auto;
	width: 875px;
}

#gallerylist a.galitem {
	background: #fff;
	color: #333;
	border: 1px dotted #bbb;
	display: block;
	float: left;
	height: 170px;
	margin: 10px;
	padding-bottom: 5px;
	position: relative;
	text-decoration: none;
	width: 410px;
}

#gallerylist a.galitem:hover {
	background: #c9c9c9;
	color: #000;
}

#gallerylist a.galitem img {
	border: 1px dotted #666;
	float: left;
	height: 120px;
	margin: 5px;
	padding: 1px;
	width: 120px;
}

#gallerylist a.galitem span.galtitle {
	background: #960000;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 5px 10px;
}

#gallerylist a.galitem span.numimages {
	background: #333;
	color: #ddd;
	display: block;
	font-size: 13px;
	left: 5px;
	padding: 4px 0;
	position: absolute;
	text-align: center;
	top: 140px;
	width: 124px;
}

#gallerylist a.galitem span.galdate {
	display: block;
	font-size: 13px;
}

#gallerylist a.galitem span.galdesc {
	display: block;
	font-size: 12px;
	line-height: 125%;
	padding-right: 5px;
}


#gallerylist a.galitem span.galdetail {
	display: block;
	margin: 5px 5px 5px 0;
}

#gallerylist a.galitem span.duration {
	color: #666;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0;
}

#gallerylist a.galitem span.duration b {
	font-size: 12px;
	color: #000;
}

#thumbwrapper {
	margin: 20px auto;
	padding-bottom: 50px;
	text-align: center;
	width: 98%;
}

#thumblist {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: auto;
}

.memberthumb {
	font-size: 11px;
	margin: 8px 0 0 8px;
	vertical-align: top;
}

#thumblist.withdvd .memberthumb {
	margin: 3px 0 0 3px;
}

.memberthumb img {
	border: 1px solid #fff;
	height: 120px;
	width: 120px;
}

.memberthumb:hover img {
	border-color: #ff0004;
}

#galleryinfo {
	background: #fff;
	color: #333;
	border: 1px dotted #eee;
	margin: 10px auto;
	padding: 8px;
	width: 890px;
}

#galleryinfo h2 {
	clear: both;
	color: #960000;
	font-size: 20px;
	margin: 0 0 10px 5px;
}

#galleryinfo .details {
	float: left;
	margin-right: 10px;
	width: 285px;
}

#galleryinfo .details li {
	margin-bottom: 5px;
}

#galleryinfo .description {
	float: right;
	margin-right: 10px;
	width: 580px;
}

#galleryinfo .description p {
	line-height: 130%;
	margin-bottom: 8px;
}

#randomizer {
	background: #960000;
	border: 2px solid #fff;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 8px auto;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
}

#randomizer span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}

#randomizer:hover {
	background: #333;
}