html
{
	background-image: url(images/bg_html.jpg);
	background-repeat: repeat-x;
	background-position: center 198px;
	background-color: #000000;
	color: #bcbbbb;
	font-family: 'Arial', sans-serif;
}
body
{
	margin: 0;
	padding: 0;
}
/* This enables the PNG fix for IE6 */
img, div, a, input 
{ 
	behavior: url(http://www.lovethebeast.com.au/iepngfix.htc); 
}

#header
{
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 198px;
}
#contentArea
{
	margin-top: 19px;
	width: 980px;
	text-align: left;
	margin-bottom: 40px;
}
.contentSpace
{
	width: 572px;
	padding-top: 45px;
	margin-left: 40px;
	_margin-left: 20px;
	margin-right: 60px;
	float: left; 
}
.contentSpace.userGallery
{
	float: none;
}
.contentSpace.secondHalf
{
	width: 520px;
	_width: 512px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	margin-left: 62px;
	_margin-left: 32px;
	margin-right: 0px;
}
.contentSpace p
{
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}
.contentSpace p.openingPara
{
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}
.contentSpace p.description
{
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
}
#sideBar
{
	text-align: left;
	height: 762px;
	width: 308px;
	float: right;
}
hr
{
	border: 0;
	height: 1px;
	color: #4d4d4d;
	background-color: #4d4d4d;
}
a
{
	color: #ffffff;
	text-decoration: none;
}
a:hover
{
	color: #999999;
}
h2
{
	text-transform: uppercase;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	color: #ebbd46;
	font-weight: bold;
	margin-bottom: 8px;
}
h2.galleryTitle
{
	font-size: 15px;
	margin-left: 21px;
	color: #dddede;
}
strong
{
	font-weight: bold;
}
.downloadOptions img
{
	margin-right: 12px;
}
.shareOptions
{
	margin-top: 4px;
}
.stbuttontext
{
	display: none;
}
a.stbutton 
{
	display: block;
    padding: 0px 310px 26px 0px;
	width: 310px;
	height: 26px;
}
.stbutton.stico_default 
{
	background: url(images/button_share.gif) no-repeat scroll 0 0 !important;
}
.rateBox
{
	padding: 10px;
	float: right;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	margin-left: 10px;
	margin-bottom: 10px;
}
.starGroup img
{
	margin-right: 2px;
}
#averageRatingPanel
{
	margin-top: 5px;
	margin-left: 21px;
	margin-bottom: 10px;
}
.indiThumb
{
	float: left;
	height: 135px;
}
.videoThumb
{	
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	margin-right: 1px;
	margin-bottom: 1px;
}
.videoThumbOverlay
{
	width: 130px;
	height: 73px;
	background-image: url(images/gallery/videoThumbOverlay.png);
	background-repeat: no-repeat;
}
.videoThumbImage, .imageThumbImage
{
	width: 130px;
	height: 73px;
	cursor: hand;
	overflow: hidden;
}
.ratingRow
{
	margin-bottom: 0px;
}
.ratingRowBox
{
	padding: 5px;
	margin-right: 3px;
	width: 130px;
	_width: 136px;
	text-align: center;
}
.ratingRowBox .commentsBox
{
	padding: 5px;
	margin-right: 3px;
	width: 90%;
	text-align: center;
	font-size: 10px;
}

.imageThumb
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
}
.singleImageWrapper
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	width: 510px;
	text-align: center;
	margin-left: 61px;
/*	_margin-top: -152px;*/
}
.imageThumb
{
	margin-right: 1px;
	margin-bottom: 1px;
}
.galleryEnterButton
{
	text-align: center;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
#videoPlayer
{
	float: left;
	width: 512px;
	height: 288px;
	padding: 3px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	margin-bottom: 10px;
}
form
{
	width: 520px;
	_width: 512px;
}
.formField
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	color: #dddede;
	font-size: 11px;
	margin-bottom: 5px;
	_height: 25px;
}
.formTextArea
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	color: #dddede;
	font-size: 11px;
	margin-bottom: 5px;
	overflow: auto;
}
.formButton
{
}
.formCheckbox
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	color: #dddede;
	font-size: 11px;
	margin-bottom: 5px;
}
.publicComment
{
	padding-top: 10px;
	color: #adadad;
	border-bottom: 1px solid #4d4d4d;
}
.publicComment.alt
{
	color: #787676;
}
.publicComment p
{
	margin-top: 10px;
}
.offensiveComment
{
	font-size: 10px;
	display: block;
	text-align: right;
	margin-bottom: 6px;
	margin-top: 3px;
	color: #554949;
}
.offensiveComment a
{
	color: #847118;
}
.offensiveComment a:hover
{
	color: #ebbd46;
}
/* Offensive Image message at bottom of page as opposed to in each comment block*/
.offensive
{
	display: block;
	text-align: center;
	border: 1px solid #3c3b3b;
	padding: 6px;
	margin-top: 15px;
	font-size: 10px;
}
.offensive a
{
	color: #ebbd46;
}
.offensive a:hover
{
	color: #ebbd46;
}
/* PAGENATION */
.page-numbers {
	font-size: 11px;
	padding: 2px 4px;
	margin-right: 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #3e3e3e;
}
.page-numbers.current {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: #eec429;
	color: #eec429;
}
a.page-numbers:hover {
	border-color: #999;
}
.next, .prev {
	padding: 0;
	border: none;
	color: #eec429;
}
.next:hover, .prev:hover {
	color: #d54e21;
}
.pageGroup
{
	text-align: right;
}
.pageNation
{
	margin: 6px;	
}
.pageGroup.bottom
{
	border-bottom: none;
	border-top: 1px solid #ededed;
}
.dots {
	border: none;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	background-color: #121212;
	border: 1px solid #3e3e3e;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.entry img
{
	padding: 4px;
	background-color: #121212;
	border: 1px solid #3e3e3e;
}
ul
{
	margin: 20px; 
	list-style-type: disc;
}
li
{
	margin-bottom: 5px;
}
.extraLinks
{
	font-size: 10px;
	color: #3e3e3e;
	margin-bottom: 20px;
}
.extraLinks a
{
	font-size: 10px;
	color: #717171;
}
.extraLinka a:hover
{
	color: #eec429;
}