﻿* {
	outline:none;
	}
body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, Verdana, Helvetica, Sans-serif;
	background-color:#050505;
	}
.container {
	width:100%;
	font-size:small;
	color:#999;
	}
a:link, a:visited {
	color:#FFF;
	/*background-color:#444;*/
	text-decoration:none;
	}
a:hover {
	color:#111;
	background-color:#EEE;
	}
table#outside {
	background-color:#151515;
}
h1 {
	margin:0;
	padding:0 10px;
	line-height:60px;
	font-size:130%;
	}
h1 a:link, h1 a:visited, h1 a:hover {
	color:#999;
	text-decoration:none;
	background:none;
	}
table#banner {
	background-color:#151515;
	}
table#banner td.nav a:link, td.nav a:visited {
	text-decoration:none;
	padding:0 10px;
	border-right:1px solid #252525;
	color:#777;
	line-height:60px;
	display:block;
	background-color:#151515;
	font-size:90%;
}
table#banner td.nav a:hover {
	background-color:#444;
	color:#999;
}
#hphoto, #vphoto {
	display:none;
	}
.photocell {
	background-color:#000;
	background-image:url(../images/loadingB.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.photo {
	display:none;
	}
.sidecol {
	width:250px; 
	background-color:#252525;
	}
.details {
	padding:20px;
	background-color:#252525;
	font-size:85%;
	line-height:150%;
	}
h2 {
	margin:0;
	padding:0;
	font-size:120%;
	}
h3 {
	font-size:110%;
	}
	
.comment ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.comment ul li {
	display:none;
	}	
.viewAll {
	display:none;
	}	
#footer {
	padding:20px;
	font-size:90%;
	background-color:#111;
	}
	
	
/* COMMENT TEMPLATE */

#commentTop {
	padding:8px 20px;
	background-color:#252525;
}
#commentMid {
	
}
#commentMid ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#commentMid ul li {
	padding:6px 20px;
	}	
.odd {
	background-color:#222;
	}
.even {
	background-color:#333;
}
#commentBottom {
	padding:8px 20px;
	}
#commentBottom input.input, #commentBottom textarea {
	background-color:#111;
	color:#FFF;
	padding:4px;
	border:1px solid #666;
	}

/* ARCHIVE */

table td#thumbs {
	background-color:#333;
}
table td#thumbs a:link, table td#thumbs a:visited {
	border:2px solid #444;
	display:block;
	float:left;
	margin:12px;
}
table td#thumbs a:hover {
	border:2px solid #666;
}
table td#thumbs a img {
	border:none;
	}
td.sidecol ul {
	list-style:none;
	margin:0;
	padding:0;
}
td.sidecol ul li {
	margin-bottom:4px;
}

.votes{
	width: 150px;
	display:block;
	text-align: left;
	float: left;
	margin-left: 7px;
}

/* AJAX RATING */
/* BEGIN */
/* Rating Star */

.unit-rating {
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 6px; /* ****************************************** Change to new image width */
	width:50px; /* ******************************************** Change to new image width ???*/ 
	position: relative;
	background: url('http://oculus.farfromreal.com/addons/_ajaxratings/ajax_ratings/images/stars/dot2.gif') top left repeat-x; /* Change image name / path */		
}
.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	width:10px; /* ******************************************** Change to new image width ???*/ 
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.unit-rating li a {
	outline: none;
	display:block;
	width:10px; /* ******************************************** Change to new image width */
	height: 6px; /* ****************************************** Change to new image width */
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover{
	background: url('http://oculus.farfromreal.com/addons/_ajaxratings/ajax_ratings/images/stars/dot2.gif') left center; /* Change image name / path */
	z-index: 2;
	left: 0px;
}

.unit-rating li.current-rating {
	background: url('http://oculus.farfromreal.com/addons/_ajaxratings/ajax_ratings/images/stars/dot2.gif') left bottom; /* Change image name / path */
	position: relative;
	width:10px; /* ******************************************** Change to new image width ???*/ 
	height: 6px; /* *************************************** Change to new image width */
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* end */

/* Rating Star */

.votes{
	width: 150px;
	display:block;
	text-align: left;
	float: left;
	margin-left: 7px;
}

.ratingblock {
	width: 50px;
	display:block;
	padding: 3px 0 8px 5px;
	margin-bottom:8px;
	text-align: left;
	float: left;
	vertical-align:bottom;	
}
.loading {
	height: 18px;
	background: url('../images/working.gif') 50% 50% no-repeat;
}

/* end */

/* Rating Star Hover */

/* ************************************************
If you have used the Ajax Rating CSS Calculator, 
please remove the code BELLOW and replace it with
the dynamically generated CSS calculator output
************************************************* */

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 10px;}
.unit-rating a.r2-unit{left: 10px;}
.unit-rating a.r2-unit:hover{width: 20px;}
.unit-rating a.r3-unit{left: 20px;}
.unit-rating a.r3-unit:hover{width: 30px;}
.unit-rating a.r4-unit{left: 30px;}
.unit-rating a.r4-unit:hover{width: 40px;}
.unit-rating a.r5-unit{left: 40px;}
.unit-rating a.r5-unit:hover{width: 50px;}
.unit-rating a.r6-unit{left: 50px;}
.unit-rating a.r6-unit:hover{width: 60px;}
.unit-rating a.r7-unit{left: 60px;}
.unit-rating a.r7-unit:hover{width: 70px;}
.unit-rating a.r8-unit{left: 70px;}
.unit-rating a.r8-unit:hover{width: 80px;}
.unit-rating a.r9-unit{left: 80px;}
.unit-rating a.r9-unit:hover{width: 90px;}
.unit-rating a.r10-unit{left: 90px;}
.unit-rating a.r10-unit:hover{width: 100px;}

/* ************************************************
If you have used the Ajax Rating CSS Calculator, 
please remove the code ABOVE and replace it with
the dynamically generated CSS calculator output
************************************************* */

/* @end */

/* @group Status Messages */

#voted {
	color:#999;
}
#thanks {
	color:#36AA3D;
}
#shame {
	color:#CC3333;
}

/* end */
/* end */
/* AJAX RATING */
