/* 
 * VG Views Main Stylesheet
 */

body
{
	background: #000 url("../images/backgrounds/body-gradient.jpg") repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 20px;
    color: #FFF;
}

strong
{
	font-weight: bold;	
}

a
{
	text-decoration: none;
	color: #990000;
}

a:hover
{
	text-decoration: underline;
}

.dimmed
{
	color: #a5a5a5;
}

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

/* 
	Rounded Borders
	- Based on this work: http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml
	- Modified to support three different rounded corner styles on the home page.
*/

.t {background: url("../images/borders/top.jpg") 0 0 repeat-x; width:100%;}
.t-small {background: url("../images/borders/top-small.jpg") 0 0 repeat-x; width:100%;}
.t-outer {background: url("../images/borders/top-outer.jpg") 0 0 repeat-x; margin: 0px auto; width: 660px;}
.t-blue {background: url("../images/borders/top-blue.jpg") 0 0 repeat-x; width:100%;}
.t-yellow {background: url("../images/borders/top-yellow.jpg") 0 0 repeat-x; width:100%;}
.bl {background: url("../images/borders/bottom-left.gif") 0 100% no-repeat}
.bl-small {background: url("../images/borders/bottom-left-small.gif") 0 100% no-repeat}
.bl-outer {background: url("../images/borders/bottom-left-outer.gif") 0 100% no-repeat}
.br {background: url("../images/borders/bottom-right.gif") 100% 100% no-repeat}
.br-small {background: url("../images/borders/bottom-right-small.gif") 100% 100% no-repeat}
.br-outer {background: url("../images/borders/bottom-right-outer.gif") 100% 100% no-repeat}
.tl {background: url("../images/borders/top-left.gif") 0 0 no-repeat}
.tl-small {background: url("../images/borders/top-left-small.gif") 0 0 no-repeat}
.tl-outer {background: url("../images/borders/top-left-outer.gif") 0 0 no-repeat}
.tl-blue {background: url("../images/borders/top-left-blue.gif") 0 0 no-repeat}
.tl-yellow {background: url("../images/borders/top-left-yellow.gif") 0 0 no-repeat}
.tr {background: url("../images/borders/top-right.gif") 100% 0 no-repeat; padding:1px}
.tr-small {background: url("../images/borders/top-right-small.gif") 100% 0 no-repeat; padding:1px}
.tr-outer {background: url("../images/borders/top-right-outer.gif") 100% 0 no-repeat; padding:1px}
.tr-blue {background: url("../images/borders/top-right-blue.gif") 100% 0 no-repeat; padding:1px}
.tr-yellow {background: url("../images/borders/top-right-yellow.gif") 100% 0 no-repeat; padding:1px}
.b {background: url("../images/borders/dot.gif") 0 100% repeat-x}
.b-outer {background: url("../images/borders/dot-outer.gif") 0 100% repeat-x}
.l {background: url("../images/borders/dot.gif") 0 0 repeat-y}
.l-outer {background: url("../images/borders/dot-outer.gif") 0 0 repeat-y}
.r {background: url("../images/borders/dot.gif") 100% 0 repeat-y}
.r-outer {background: url("../images/borders/dot-outer.gif") 100% 0 repeat-y}

/* 
	Wrapper

	Use this to center the page content inside the browser window.
	You can also control the margins for the page content here. 
*/
div#wrapper
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 800px;
}

/* 
	Header 
	
	Anything related to the top header goes in here.
*/
div#header
{
	background: #000;
	height: 115px;
	position: relative;
}

div#headline
{
	font-weight: bold;
	line-height: 10px;
	width: 248px;	
	height: 20px;
	position: absolute;
	left:  86px;
	top: 0px;
}

div#authentication
{
	text-align: right;
	width: 200px;
	position: absolute;
	left: 300px;
	top: 28px;
}

div#authentication a#username
{
	font-weight: bold;
	margin-right: 30px;
}

div#status
{
	width: 250px;
	height: 32px;
	position: absolute;
	left: 265px;
	top: 48px;
}

div#status div.line
{
	float: left;
	height: 16px;
	width: 125px;
}

div#status div.line img
{
	margin-right:  4px;	
}

div#navigation
{
	width: 600px;
	height: 10px;
	position: absolute;
	left: 80px;
	top: 94px;
}

div#navigation img
{
	margin-left: 53px;
}

div#logo
{
	position: absolute;
	left: 112px;
}

div#sub-nav-bg
{
	background: #000 url("../images/backgrounds/subnav-bar.gif") no-repeat;
	opacity: .5;
	filter:alpha(opacity=50);
	width: 488px;
	height: 23px;
	left: 76px;
	top: 122px;
	position: absolute;
}

div#sub-nav
{
	font-weight: bold;
	width: 488px;
	height: 23px;
	left: 80px;
	top: 126px;
	position: absolute;
	z-index: 10;
}

div#sub-nav a
{
	color: #FFF;
	margin-right: 8px;
}

div#header-search
{
	position: absolute;
	left: 566px;
	top: 122px;
}

/* Reusable Search field with rounded corners. */
div.search
{
	position: relative;
	width: 154px;
	height: 17px;
}

div.search div.rounded
{
	background: #000 url("../images/backgrounds/round-search.gif") no-repeat;
	width: 131px;
	height: 19px;
}

div.search form
{
	margin: 0px;
	padding: 0px;
}

div.search form input.field
{
	border: 0px none;
	font-weight: normal;
	font-size: 9px;
	width: 112px;
	padding: 1px;
	height: 11px;
	margin-top: 3px;
	margin-left: 8px;
}

div.search form input.score
{
	border: 0px none;
	font-weight: bold;
	font-size: 15px;
	width: 20px;
	padding: 1px;
	height: 50px;
	margin-top: 3px;
	margin-left: 8px;
}

div.entry form input.score-input
{
	border: 1px dotted #666;
	padding: 2px;
	width: 50px;
	height: 40px;
	line-height: 26px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #3c3c3c;
}

div.search form input.gobutton
{
	border-style: none;
	border-width: 0;
	cursor: pointer;
	margin-left: 4px;
}

/* End of Header Definitions */

div#content
{
	padding: 8px 4px 4px 10px;
}

div#sections
{
	float: left;
	width: 460px;
}

div.section-contest
{
	float: left;
	width: 145px;
	margin-bottom: 16px;
	text-align: center;
}

div.section-contest-left
{
	float: left;
	width: 140px;
	margin-bottom: 16px;
	text-align: center;
	margin-left: 8px;
}


div.section-small
{
	float: left;
	width: 148px;
	margin-bottom: 16px;
	text-align: center;
}

div.section-small-left
{
	float: left;
	width: 148px;
	margin-bottom: 16px;
	text-align: center;
	margin-left: 8px;
}

div.section
{
	width: 100%;
	margin-bottom: 16px;
}

div.section-title
{
	color: #2d2d2d;
	font-weight: bold;
	margin-bottom: 4px;
}

div.section-title span.title
{
	font-size: 14px;
	margin-right: 12px;
}

div.section-title a
{
	margin-right: 8px;
}

div.section-title img
{
	margin-right: 4px;
}

div.entry
{
	margin: 8px;
}

div.entry-icon
{
	float: left;
	width: 40px;
}

div.entry-text
{
	color: #4a4a4a;
	float: left;
	width: 400px;
}

div.entry p
{
	margin-bottom: 12px;
}

div.entry form
{
	padding-left: 20px;
}

div.entry form label
{
	float: left;
	font-weight: bold;
	width: 120px;
	margin-bottom: 20px;
}

div.entry form input.text-input
{
	border: 1px solid #999;
	padding: 2px;
	width: 250px;
}

div.entry form input.checkbox-input
{
	border: 1px solid #999;
	padding: 2px;
}

div.entry form input.date-input
{
	border: 1px solid #999;
	padding: 2px;
	width: 32px;
	text-align: right;
}

div.entry form select
{
	border: 1px solid #999;
}

div.entry form input#submit-button
{
	margin-top: 10px;
}

div.entry form span.error-msg
{
	color: #990304;
	font-weight: bold;
}

div.help
{
	line-height: 12px;
	padding-left: 240px
}

div.rating-control
{
	line-height: 24px;
	margin-left: 10px;
}

textarea#review_body
{
	border: 1px solid #999;
	width: 400px;
	height: 200px;
}

div.review_title
{
	font-weight: bold;
	margin-bottom: 4px;
}

div.rating
{
	float: left;
	height: 64px;
	width: 64px;
	margin-right: 10px;
}

div.score
{
	width: 62px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #3c3c3c;
}

div.small-score
{
	width: 62px;
	height: 46px;
	text-align: center;
	font-weight: bold;
	color: #3c3c3c;
}

div.score-footer
{
	font-weight: bold;
	text-align: center;
}

div.score-type
{
	font-weight: normal;
	line-height: 10px;
}

div.score-value
{
	font-size: 22px;
	line-height: 24px;
}

div.review
{
	float: left;
	margin-left: 10px;
}

div.review-editor textarea
{
	border: 1px solid #999;
	height: 50px;
	width: 460px;
	margin-bottom: 6px;
}

div.message-editor textarea
{
	border: 1px solid #999;
	height: 50px;
	width: 400px;
	margin-bottom: 6px;
}

div.gamebox
{
	margin-right: 10px;
}

/* Sidebar column that contains the Profile, Fans/Favorites and Google AdSense widgets. */
div#sidebar
{
	float: right;
	padding-top: 18px;
	width: 175px;
}

/* Profile Widget */
div#profile
{
	width: 175px;
}

div#pheader
{
	background: url("../images/backgrounds/profile-header.jpg") no-repeat;
	height: 34px;
}

div#pheader span.username
{
	margin-left: 62px;
	padding-top: 2px;
	display: block;
}

div#ptile
{
	background: url("../images/backgrounds/profile-tile.jpg") repeat-y;
}

div#ptile img.userphoto
{
	margin-left: 40px;
}

div#ptile div
{
	padding-bottom: 4px;
}

div#ptile form
{
	width: 120px;
	margin-left: 16px;
}

div#ptile form input.text-input
{
	border: 1px solid #999;
	width: 120px;
}

div#ptile div.join
{
	width: 134px;
	margin-left: 16px;
	line-height: 12px;
}

div#pinfo
{
	margin-left: 20px;
	top: 80px;
}

div#ptext
{
	width: 128px;
}

div#pinfo img
{
	margin-right: 8px;	
}

div#ptile div.signout
{
	width: 122px;
	text-align: center;
	margin-top: 30px;
	margin-left: 16px;
}

/* Stats Widget */
div#sinfo
{
	width: 110px;
	margin-left: 30px;
}

div#sheader
{
	background: url("../images/backgrounds/stats-header.jpg") no-repeat;
	height: 34px;
}

div#stitle
{
	background: url("../images/backgrounds/profile-tile.jpg") repeat-y;
}

div#sfooter
{
	background: url("../images/backgrounds/profile-footer.jpg") no-repeat;
	height: 21px;
}

div.signout span.pipe
{
	margin-left: 8px;
	margin-right: 8px;
}

div#pfooter
{
	background: url("../images/backgrounds/profile-footer.jpg") no-repeat;
	height: 21px;
}

/* Fan/Favorites Widget */
div#ff-container
{
	width: 175px;
}

div#tabs
{
	cursor: pointer;
	height: 47px;
}

div#favorites
{
	background: url("../images/backgrounds/ff-tile.jpg") repeat-y;
}

div#fans
{
	background: url("../images/backgrounds/ff-tile.jpg") repeat-y;
}

div.ff-content
{
	margin-left: 20px;
}

div.user-info
{
	margin-left: 4px;
	font-weight: bold;
	width: 326px;
}

div.user-info div.cell
{
	width: 100px;
}

div.narrow-user-info
{
	margin-left: 4px;
	font-weight: bold;
	width: 234px;
}

div.narrow-user-info div.cell
{
	width: 100px;
}

div.mini-user-info
{
	margin-left: 4px;
	font-weight: bold;
	width: 100px;
}

div.mini-user-info div.cell
{
	width: 44px;
}

div.mini-user-info div.double-cell
{
	width: 88px;
}

img.small-icon
{
	padding-right: 4px;
}

img.rating-icon
{
	margin-left: -2px;
	margin-right: -2px;
}

div.ff-footer
{
	background: url("../images/backgrounds/ff-footer.jpg") no-repeat;
	height: 40px;
	width: 175px;
}

div#date-headers
{
	font-weight: bold;
}

div#date-headers span.month
{
	margin-left: 128px;
}

div#date-headers span.day
{
	margin-left: 32px;
}

div#date-headers span.year
{
	margin-left: 32px;
}

div.legal-warning
{
	color: #990304;
	font-weight: bold;
	margin-bottom: 8px;
}

div.captcha
{
	background-color: #000;
	width: 200px;
	height: 60px;
	margin-bottom: 16px;
}

div.login-help
{
	font-weight: bold;
	margin-left: 20px;
	margin-top: 16px;
	margin-bottom: 32px;
}

/* Google Ad Sense Widget */
div.advertisement-container-title
{
	background-color: #DDDDDD;
	text-align: center;
	font-weight: bold;
}

div.advertisement-container
{
	text-align: center;
	font-weight: bold;
}

/***** End of Style Definitions *****/