html
{
	margin: 0;
	padding: 0;
	min-width: 976px;
	background-image: url('/_resources/interface/content_bottom_background_2.png');
	background-position: left bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

body
{
	margin: 0;
	padding: 0 0 3000px 0;
	min-width: 976px;
	height: 100%;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	
	background-image: url('/_resources/interface/content_background_2.png');
	background-position: center bottom;
	background-repeat: repeat-y;
	background-attachment: fixed;
}

a,
img
{
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}

div#page_wrapper
{	
	width: 976px;
//	height: 100%;
	margin: 0 auto 0 auto;
}

div#content_wrapper
{
	width: 576px;
	padding: 0 0 24px 200px;
}

div#content
{
}

div#content h1
{
	margin: 0;
	padding: 80px 0 0 0;
	color: white;
	text-indent: -9999px;
}

div#content h2
{
	clear: both;
	margin: 0 32px 24px 32px;
	padding: 0;
	color: white;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
}

div#content p
{
	color: #ddd;
	font-size: 13px;
	line-height: 24px;
	margin: 0 32px 24px 32px;
}

div#content p.intro
{
	font-size: 16px;
	line-height: 24px;
	
	color: white;
}

div#content p.clear
{
	clear: both;
}

div#content img
{
	margin: 10px 32px 20px 32px;
	border: 1px solid white;
}

div#content object
{
	margin: 10px 32px 20px 32px;
	border: 1px solid white;
}

div#content ul
{
	margin: 0 0 20px 32px;
}

div#content ul li
{
	color: white;
	font-size: 12px;
	margin-bottom: 4px;
}

div#content ul li a
{
	color: white;
	text-decoration: none;
}

div#content ul li a:hover
{
	text-decoration: underline;
}

div#content a
{
	color: white;
	text-decoration: underline;
}

div#content a:hover
{
	text-decoration: underline;
}


div#header_wrapper
{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 128px;
	min-width: 976px;
	z-index: 10;
	margin: 0;
	padding: 0;
	background: url('/_resources/interface/page_top_background.png') top left repeat-x;
}

div#header
{
	display: block;
	width: 976px;
	height: 128px;
	margin: 0 auto 0 auto;
	padding: 0;
}

div#header p
{
	margin: 0;
	padding: 0;
	color: white;
}

div#page_wrapper div#header p
{
	margin: 0;
	padding: 0;
	width: 600px;
	height: 136px;
	background-position: 80px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

div#page_wrapper.home div#header p
{
	background-image: url('/_resources/interface/headings/home.png');
}

div#page_wrapper.mouthing_off div#header p
{
	background-image: url('/_resources/interface/headings/mouthing_off.png');
}

div#page_wrapper.attitude div#header p
{
	background-image: url('/_resources/interface/headings/attitude.png');
}

div#page_wrapper.the_girls div#header p
{
	background-image: url('/_resources/interface/headings/the_girls.png');
}

div#page_wrapper.best_friends div#header p
{
	background-image: url('/_resources/interface/headings/best_friends.png');
}

div#page_wrapper.goodies div#header p
{
	background-image: url('/_resources/interface/headings/goodies.png');
}

div#page_wrapper.gruesome_bruises div#header p
{
	background-image: url('/_resources/interface/headings/gruesome_bruises.png');
}

div#page_wrapper.get_in_touch div#header p
{
	background-image: url('/_resources/interface/headings/get_in_touch.png');
}

div#page_wrapper.get_your_skates_on div#header p
{
	background-image: url('/_resources/interface/headings/get_your_skates_on.png');
}

div#page_wrapper.roller_derby div#header p
{
	background-image: url('/_resources/interface/headings/roller_derby.png');
}



div#footer_wrapper
{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	min-width: 912px;
	margin: 0;
	padding: 0;
	background: #000 url('/_resources/interface/footer_background.png') top left repeat-x;
}

div#footer
{
	display: block;
	width: 976px;
	height: 24px;
	margin: 0 auto 0 auto;
	padding: 0;

	background: #000 url('/_resources/interface/footer_background.png') repeat-x 0 0;
}

div#footer p
{
	margin: 0;
	padding: 0;
	color: gray;
}

div#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none inside none;
}

div#footer li
{
	margin: 0;
	padding: 4px 20px 0 0;
	float: left;
}

div#footer a
{
	font-size: 11px;
	color: #aaa;	
	text-decoration: none;
}

div#footer a:hover
{
	color: white;
	text-decoration: underline;
}

div#footer ul.swatches li
{
	padding: 4px 4px 0 0;
}

div#footer ul.swatches li a
{
	border: 1px solid white;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	
}

div#footer ul.swatches li a#swatch_white
{
	background: #ffffff;
}

div#footer ul.swatches li a#swatch_red
{
	background: #ec2418;
}

div#footer ul.swatches li a#swatch_orange
{
	background: #ba5e12;
}

div#footer ul.swatches li a#swatch_yellow
{
	background: #dad71d;
}

div#footer ul.swatches li a#swatch_green
{
	background: #095a16;
}

div#footer ul.swatches li a#swatch_blue
{
	background: #1d2b85;
}

div#footer ul.swatches li a#swatch_purple
{
	background: #430b5b;
}

div#footer ul.swatches li a#swatch_black
{
	background: #000000;
}


x_div#interface_wrapper
{
	position: fixed;
	bottom: 24px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

x_div#interface_inner_wrapper
{
	width: 976px;
	margin: 0 auto 0 auto;
	padding: 0;
}

div#navigation
{
	display: block;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 24px;
	width: 196px;
	height: 495px;
	background: url('/_resources/interface/buffy.png') left bottom no-repeat;
}

div#navigation ul
{
	position: relative;
	list-style: none inside none;
	margin: 0;
	padding: 0;
}

div#navigation li
{
	margin: 0;
	padding: 0;
}

div#navigation a
{
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	opacity: 0;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-repeat: no-repeat;	
}

div#navigation a#menu_mouthing_off
{
	left: 82px;
	top: 48px;
	width: 90px;
	height: 80px;
	background-image: url('/_resources/interface/menus/mouthing_off.png');
}

div#navigation a#menu_attitude
{
	left: 10px;
	top: 60px;
	width: 83px;
	height: 80px;
	background-image: url('/_resources/interface/menus/attitude.png');
}

div#navigation a#menu_the_girls
{
	left: 110px;
	top: 113px;
	width: 83px;
	height: 80px;
	background-image: url('/_resources/interface/menus/the_girls.png');
}

div#navigation a#menu_goodies
{
	left: 70px;
	top: 205px;
	width: 72px;
	height: 80px;
	background-image: url('/_resources/interface/menus/goodies.png');
}




div#navigation a#menu_best_friends
{
	left: 40px;
	top: 128px;
	width: 90px;
	height: 80px;
	background-image: url('/_resources/interface/menus/best_friends.png');
}



div#navigation a#menu_gruesome_bruises
{
	left: 0px;
	top: 230px;
	width: 120px;
	height: 80px;
	background-image: url('/_resources/interface/menus/gruesome_bruises.png');
}

div#navigation a#menu_get_in_touch
{
	left: 80px;
	top: 270px;
	width: 96px;
	height: 80px;
	background-image: url('/_resources/interface/menus/get_in_touch.png');
}


div#navigation a#menu_get_your_skates_on
{
	left: 60px;
	top: 340px;
	width: 128px;
	height: 80px;
	background-image: url('/_resources/interface/menus/get_your_skates_on.png');
}


div#navigation a#menu_roller_derby
{
	left: 20px;
	top: 420px;
	width: 90px;
	height: 80px;
	background-image: url('/_resources/interface/menus/roller_derby.png');
}


div#navigation a:hover
{
	background-position: 0 -120px;
}


div#sidebar
{
	display: block;
	position: fixed;
	bottom: 24px;

	margin: 0 0 0 776px;

	width: 200px;
	height: 495px;
	background: url('/_resources/interface/sidebar_background.png') left bottom no-repeat;
	color: gray;
}

/* @group gallery */

div.gallery
{
	position: relative;
}



div.gallery_thumbnails
{
	display: block;
	margin: 0;
	padding: 0;
}

div.gallery_thumbnails div.thumbnail
{
	display: block;
	float: left;
	width: 115px;
	margin: 0;
	padding: 0;
}

div#content div.gallery_thumbnails div.thumbnail a
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	width: 115px;
	height: 145px;
}

div#content div.gallery_thumbnails div.thumbnail a:hover
{
}

div#content div.gallery_thumbnails div.thumbnail img
{
	padding: 0;
	margin: 0;
	border: none;
}

div#content div.gallery_thumbnails div.thumbnail img.photo
{
	margin: 0 0 0 32px;
	border: 1px solid white;
}

div#content div.gallery_thumbnails div.thumbnail a p
{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 14px;
//	color: #666;
}

div#content div.gallery_thumbnails div.thumbnail a:hover p
{
	color: #bbb;
	text-decoration: underline;
}


div.gallery_previews
{
	
}

div.gallery_previews div.preview
{
	display: none;
	position: absolute;
	width: 574px;
	border: 1px solid white;
	background: url('/_resources/interface/black_95.png') top left repeat;
	margin: 0;
	padding: 0;
}


div#content div.gallery_previews div.preview h1
{
	margin: 0;
	padding: 4px 32px 0 32px;
	text-indent: 0;
	color: white;
	font-size: 18px;
	

}

div.gallery_previews div.preview p
{
	color: white;
	margin: 0;
	padding: 0;

}

div.gallery_previews div.preview img.photo
{
	float: left;
	border: 1px solid white;
	margin: 0;
	padding: 0;
}

div.gallery_previews div.preview a
{
	position: relative;
	color: white;
	clear: both;
	font-size: 12px;
}

div.gallery_previews div.preview a.close
{
	left: 360px;
}

div.gallery_previews div.preview a.previous
{
	left: 390px;
}

div.gallery_previews div.preview a.next
{
	left: 420px;
}

div.photo_gallery
{
	
}

div#content div.photo_placeholder
{
	display: block;
	width: 512px;
	height: 348px;
	padding: 0 0 0 32px;
	margin: 0 0 8px 0;
}

div#content div.photo_placeholder img.preview
{
	margin: 0 auto 0 auto;
	border: 1px solid white;
	text-align: center;
}

div.photo_gallery_thumbnails
{
	clear: both;
	padding: 0 0 0 32px;
}

div.photo_thumbnail
{
	float: left;
	margin: 0;
	padding: 0;
}

div.photo_thumbnail a
{
	width: 120px;
}

div#content div.photo_thumbnail img.photo
{
	float: none;
	margin: 0 8px 8px 0;
	padding: 0;
	border: 1px solid white;
	width: 64px;
	height: 64px;
}


/* new */

div.photo_thumbnail_flyer
{
	float: left;
	margin: 0;
	padding: 0;
}

div.photo_thumbnail_flyer a
{
	width: 120px;
}

div#content div.photo_thumbnail_flyer img.photo
{
	float: none;
	margin: 0 8px 8px 0;
	padding: 0;
	border: 1px solid white;
	width: 136px;
	height: 191px;
}


div.photo_thumbnail_flyer_wide
{
	float: left;
	margin: 0;
	padding: 0;
}

div.photo_thumbnail_flyer_wide a
{
	width: 120px;
}

div#content div.photo_thumbnail_flyer_wide img.photo
{
	float: none;
	margin: 0 8px 8px 0;
	padding: 0;
	border: 1px solid white;
	width: 270px;
	height: 191px;
}


/********/



/* @group cycle_image */

div#cycle_image
{
	position: relative;
}

div#cycle_image img
{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.0;
	margin: 0 0 5px 32px;
}

div#cycle_image img.cycle_visible
{
	position: relative;
	opacity: 1.0;
}

/* @end */


/* @end */

div#navigation_caption
{
	position: absolute;
	display: block;
	top: 20px;
	width: 80px;
	height: 32px;
	background-image: url('/_resources/interface/buffy_captions.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}