/*
 * Version: 05-20-2005
 * FORZA STUDIOS STYLESHEET - SCREEN
 * 
 * Media: screen, projection
 * Author: Jeroen Mulder ( me at jeroenmulder dot com )
 *
 * BUG: Incorrect height for search field (MSIE5.5 SP2/Win, Opera 7+)
 * BUG: Font size of many elements are too small (Opera 7+)
 *
 * BROWSER TESTING 
 * ( + passed | - failed | ~ not yet tested ): 
 * 		+ Konqueror 3.2.3, 3.2.4_beta1
 *		+ Microsoft Internet Explorer 5.01 SP2/Windows
 * 		~ Microsoft Internet Explorer 5.12/Mac
 *		+ Microsoft Internet Explorer 5.5 SP2/Windows
 *		+ Microsoft Internet Explorer 6.0
 * 		+ Mozilla Firefox 1.0 (Gecko)
 * 		+ Opera 7, Opera 8
 * 		+ Safari 1.2
 */

body {
	background: #234050 url("/images/layout/background_body.gif") repeat-x;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	font: normal x-small/20px Verdana, Tahoma, Arial, sans-serif;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: small;
} 
html>body { font-size: small; }

/* --------------------
 * Default Styling
 * -------------------- */
 
h1, h2, h3, h4, h5, h6, fieldset, form, p, img, ol, ul, li, dl, dt, dd {
	border: 0;
	margin: 0;
	padding: 0;
}

h2 {
	font: bold 120% Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	margin: 10px 0 6px 0;
}

h3, .subtitle {
	border-bottom: 1px solid #ccc;
	clear: left;
	color: #3d4e5e;
	font: bold 110%/125% Arial, Helvetica, Tahoma, sans-serif;
	letter-spacing: -0.020em;
	margin: 0 0 5px 0;
	padding: 4px 0 1px 0;
}

h4 {
	font: bold 100%/200% Verdana, Tahoma, sans-serif;
}

table {
	border-collapse: collapse;
	margin-bottom: 25px;
}

th {
	border-bottom: 1px solid #808080;
	color: #333;
	padding: 3px 0;
	white-space: nowrap;
}

td {
	vertical-align: top;
}


/* --------------------
 * List Styling
 * -------------------- */
ul {
	font-size: 90%;
	list-style-type: none;
	margin-bottom: 20px;
}

ul li {
	background: url("/images/layout/list_bullet_black.gif") no-repeat 0 50%;
	padding-left: 15px;
}

ul li:hover {
	background-image: url("/images/layout/list_bullet_hover.gif");
}

/* --------------------
 * Link Styling
 * -------------------- */
 
a:link, a:visited {
	border-bottom: 1px solid #f60;
	color: #f60;
	text-decoration: none;
}

a:hover, a:active {
	border-bottom: none;
}

a:target, a.target { color: #f60 }

.secondary a:link, .secondary a:visited, .secondary a:hover, .secondary a:active { color: #666; }
.secondary a:link, .secondary a:visited { border-bottom-color: #666; }

a.alt {	border-bottom: none; }

a.feed:link, a.feed:visited {
	background: url(/images/layout/rss_button.gif) no-repeat 0 60%;
	border-bottom: none;
	height: 0;
	padding: 5px 0 5px 35px;
	text-decoration: underline;
}

a.feed:hover, a.feed:active {
	text-decoration: none;
}

/* --------------------
 * Form Elements
 * -------------------- */

input, select, textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 100%;
}

input.button {
	background-color: #fff;
	border: 0 solid #fff; /* For Opera */
	cursor: pointer; 
	cursor: hand;
	padding: 4px 12px;
}

input.button:hover {
	border-color: #f60;
	color: #f60;
}

input.textfield {
	padding: 2px;
}

input.button-submit {
	border: 1px solid #999;
	font-weight: bold;
}

input.button-secondary {
	background-color: #ccc;
	border: 1px solid;
	border-top-color: #fff;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #fff;
}

input.textfield, textarea { 
	border: 1px solid;
	border-top-color: #aaa;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #aaa;
}

input.textfield:focus, textarea:focus { 
	border: 1px solid #999; 
}

select {
	font-size: 100%;
	width: 157px;
}

option {
	margin: 5px 0;
}

/* --------------------
 * General Layout
 * -------------------- */

#title a {
	background: url("/images/layout/title.gif") repeat-x; /* repeat-x to fix MSIE5/Win */
	border-bottom: none;
	display: block;
	height: 91px;
	line-height: 200%; /* Just making sure no remnants appear in MSIE/Win */
	text-indent: -4512px; /* Three times the width of the image */
}

#site {
	background: #fff url("/images/layout/background_main.gif") repeat-y;
	width: 752px;
	margin: 0 auto;
	text-align: left;
}

#container {
	background: url("/images/layout/background_container.gif") no-repeat;
}

/* --------------------
 * Global Content Styling
 * -------------------- */

#pre-content {
	display: inline; /* MSIE Fix: Double Float-Margin Bug */
	float: right;
	font-size: 90%;
	margin: 10px 26px 10px 0;
	width: 550px;
}

#content {
	clear: both;
	display: inline; /* MSIE Fix: Double Float-Margin Bug */
	float: right;
	font-size: 95%;
	margin: 0 26px 0 20px;
	padding: 20px 10px;
	width: 550px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 530px;
} 
html>body #content { width: 530px; }

#content p {
	margin-bottom: 15px;
}

#content dt {
	font-weight: bold;
}

#content dd {
	margin-bottom: 15px;
}

* html #content ul { height: 1%; }

#content ul.content-list {
	margin-left: 3em;
}

/* --------------------
 * Search
 * -------------------- */

#search {
	float: right;
	white-space: nowrap;
	text-align: right; /* For MSIE5.x/Win */
}

#search input.textfield { 
	border: 1px solid;
	border-top-color: #ddd;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #ddd;
	color: #666;
	font-size: 90%;
	padding: 4px 15px 3px 5px; /* Bound to break in most browsers */
	vertical-align: middle;
	width: 125px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 105px;
} 
html>body form#search input.textfield { width: 105px; }

#search input.textfield:focus {
	border-top-color: #999;
	border-left-color: #999;
}

#search input.button {
	border-width: 0;
	margin-left: -10px;
	padding: 0;
	vertical-align: middle;
}

#search legend { display: none; }

 
/* --------------------
 * Navigation
 * -------------------- */

#navigation {
	font-size: 95%;
	margin-left: 11px;
	padding-top: 10px;
	width: 135px;
}

#navigation h3 {
	background-repeat: no-repeat;
	border-bottom: none;
	height: 30px;
	line-height: 200%; /* Just making sure no remnants appear in MSIE/Win */
	margin: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	voice-family: "\"}\""; voice-family: inherit;
	height: 0;
} 
html>body #navigation h3 { height: 0; }

#navigation ul {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #ddd;
	list-style-type: none;
	margin-bottom: 0;
}

#navigation p { font-size: 90%; }

#navigation ul li {
	background: none;
	border-bottom: 1px solid #fff;
	clear: left;
	float: left;
	padding: 0;
	width: 131px;
	height: 20px;
	voice-family: "\"}\""; voice-family: inherit;
	height: 19px;
} 
html>body #navigation ul li { height: 19px; }

/* Undo floating for non-MSIE/Win browsers */
#navigation ul>li { float: none; }

#navigation a {
	background-color: #ebebeb;
	border-bottom: 1px solid #ddd;
	border-left: 10px solid;
	color: #333;
	display: block;
	height: 19px;
	padding-left: 10px;
	text-decoration: none;
	height: 20px;
	voice-family: "\"}\""; voice-family: inherit;
	height: 18px;
} 
html>body #navigation a { height: 18px; }

#navigation a:link, #navigation a:visited { border-left-color: #ddd; }
#navigation a:hover, #navigation a:active { border-left-color: #fc7304; color: #fc7304 }

/* Border correction for every last list item (MSIE friendly) *//*
   div#navigation a#nav-search { border-bottom-color: #ebebeb; } /**/
   
.nav-section {
	border-bottom: 1px solid #b2b7bc;
	background-color: #808080;
	margin-bottom: 10px;
	padding: 1px;
}

/* Force enclosing of floats in MSIE/Win */
/* Holly Hack: Hide for MSIE5/Mac \*/
 * html .nav-section ul { height: 1%; }
/* End Holly Hack */

/* --------------------
 * Navigation Headers
 * -------------------- */
 
h3#h-sitesections { background-image: url("/images/layout/navigation_sitesections.gif") }
h3#h-forzamotorsport { background-image: url("/images/layout/navigation_forzamotorsport.gif") }
h3#h-community { background-image: url("/images/layout/navigation_community.gif") }
h3#h-sitepoll { background-image: url("/images/layout/navigation_sitepoll.gif") }

/*
body#page-home #nav-home,
body#page-archives #nav-archives,
body#page-search #nav-search,
body#page-contact #nav-contact,
body#page-cars #nav-cars,
body#page-circuits #nav-circuits,
body#page-faq #nav-faq,
body#page-features #nav-features,
body#page-media #nav-media,
body#page-gamertagdb #nav-gamertagdb,
body#page-register #nav-register,
body#page-links #nav-links {
	border-left-color: #ddd;
	color: #333;
	font-weight: bold;
}
*/

/* --------------------
 * User Navigation
 * -------------------- */

#user-navigation {
	color: #666;
	float: left;
	font-size: 95%;
	margin: 4px 0 0 0;
	width: 380px; /* Fix Opera 7's wrapping of floated parent with floated children */
}

#user-navigation li {
	background-image: none;
	border-left: 1px solid #ccc;
	float: left;
	height: 16px;
	margin-left: 10px;
	padding: 0 0 0 10px;
}

#user-navigation a {
	border-bottom: none;
	color: #333;
	float: left;
	display: block;
	line-height: 115%; /* Middle ground for all browsers */
	padding: 1px 0;
}

#user-navigation a:hover {
	border-bottom: 1px solid #333;
	color: #333;
}

#user-navigation .username, #user-navigation .login {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

#user-navigation .username a, #user-navigation .login a {
	color: #666;
	font-weight: bold;
}
#user-navigation .username a:hover, #user-navigation .login a:hover { color: #333; }


/* --------------------
 * Footer
 * -------------------- */
 
#footer {
	background: #234050 url("/images/layout/background_footer.gif") no-repeat;
	clear: both;
	color: #ccc;
	font-size: 85%;
	padding: 1px 25px 20px 25px; /* Just to ... */
}
#footer p { padding-top: 40px; /* ... fix MSIE5.x/Win */ }

#footer a { 
	border-bottom-color: #ccc;
	color: #ccc;
}

/* --------------------
 * Forms (Comment, Login etc.)
 * -------------------- */

/* #fs-form: General Forms */
#fs-form {
	line-height: 140%;
	margin: 7px -10px 0 -10px;
}

#fs-form p, #fs-form ul, #fs-form ol, #fs-form dl {
	border-left: 10px solid #ddd;
	border-bottom: 1px solid #ddd;
	clear: left;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 0;
	padding: 10px;
}

#fs-form h3 {
	margin-top: 15px;
}

#fs-form input.textfield { 
	margin-right: 10px; 
	width: 150px; 
}

#fs-form select {
	margin-right: 10px;
}

#fs-form textarea {
	height: 200px;
	margin: 5px 0;
	width: 100%;
}

#fs-form .note {
	border-bottom: none;
}

#fs-form dt { font-weight: bold; }

#fs-form label {
	display: block;
	float: left;
	margin-right: 10px;
	width: 120px;
}

#fs-form label.inline {
	display: inline;
	width: auto;
}

#fs-form #login-auto label { width: auto; }


/* --------------------
 * Site Poll
 * -------------------- */

#sitepoll {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #ebebeb;
}

#sitepoll legend { display: none; }
#sitepoll-submit { margin-left: 20px }

#sitepoll li input { 
	float: left;
	margin-right: 10px;
}

#sitepoll p {
	border-bottom: 1px solid #ddd;
	border-left: 10px solid #ddd;
	line-height: 120%;
	padding: 5px 5px 5px 10px;
}

#sitepoll dl a {
	border: none;
}

#sitepoll .sitepoll-question {
	font-size: 85%;
	text-transform: uppercase;
}

#sitepoll ol, #sitepoll dl {
	border-left: 10px solid #ddd;
	border-top: 1px solid #fff;
	list-style-type: none;
	padding: 5px;
}
#sitepoll dl { padding-left: 10px; }

/* Hide from MSIE/Mac \*/
 * html #sitepoll dl { height: 1%; }
/* End Hide */

#sitepoll li, #sitepoll dt, #sitepoll dd { 
	background-color: #ebebeb;
	font-size: 90%;
}

#sitepoll-results {
	background-color: #ebebeb;
	margin-top: 5px;
	padding: 4px 0;
}


/* --------------------
 * Table Styling
 * -------------------- */
.results td:first-child, .column-main {
	background: url("/images/layout/list_bullet_black.gif") no-repeat 0 50%;
	padding-left: 15px;
	width: 100%;
}

.results td:first-child:hover {
	background-image: url("/images/layout/list_bullet_hover.gif");
}

.results td {
	white-space: nowrap;
}

#news-archives td:first-child {
	background-position: 0 12px;
}

/* --------------------
 * Frontpage
 * -------------------- */
.featured {
	clear: both;
	margin: 0 -10px;
}

.featured a { 
	border-bottom: none;  
	display: block; 
	margin-bottom: 20px;
}

.featured img { display: block; }

.header {
	background: #f60 url("/images/layout/background_content_title.gif") no-repeat;
	border-bottom: none;
	clear: both;
	color: #fff;
	font: bold 120% Arial, Tahoma, Verdana, sans-serif;
	letter-spacing: -0.05em;
	height: 30px;
	line-height: 30px; /* Fix MSIE5.x/Win? */
	margin: 0 -10px 7px -10px;
	padding: 1px 8px 0 8px;	
}

.header a:link, .header a:visited, .header a:hover, .header a:active,
.entry-category a:link, .entry-category a:visited, .entry-category a:hover, .entry-category a:active {
	border-bottom: none;
	color: #fff;
}

.entry {
	position: relative;
	margin-bottom: 20px;
}

.entry p {
	margin-bottom: 15px;
}

.entry-metadata {
	color: #666;
	font-size: 90%;
	line-height: 125%;
	list-style-type: none;
	margin: 2px 0 10px 0;
}
.entry .entry-metadata {
	min-height: 1.25em; /* Ugly -- To evade the need to use extra markup to clear the floats. */
}

.entry-category, .entry-category:hover {
	position: absolute;
	background-image: none;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0;
	right: 0;
	text-transform: uppercase;
	top: 8px;
}
/* Hide from MSIE/Mac \*/ 
 * html .entry-category { right: 10px; } 
/* End Hide */

.entry-author, .entry-author:hover {
	background: url("/images/layout/list_bullet_black.gif") no-repeat 0 50%;
	float: left;
	padding-left: 10px;
}

.entry-timestamp, .entry-timestamp:hover {
	background-image: none;
	border-left: 1px solid #999;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}

.entry-comments, .entry-comments:hover {
	background: url("/images/layout/list_comments_grey.gif") no-repeat 0 50%;
	padding-left: 15px;
}

.entry .entry-comments { float: right; }

.entry .note {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #666;
	font-size: 90%;
	line-height: 150%;
	padding: 5px 10px;
}

.comment {
	color: #666;
	font-size: 90%;
	line-height: 150%;
	padding-bottom: 1px; /* Prevent collapsing margins */
	margin: 15px -10px 9px -10px;
}

.comment dt {
	clear: both;
	color: #333;
	padding: 10px;
}

.comment dt strong {
	border-right: 1px solid #999;
	color: #f60;
	display: block;
	float: left;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 160%;
	margin-right: 10px;
	padding-right: 10px;
	padding-top: 1px;
}

.comment dt a { font-weight: bold }
.comment-timestamp { color: #666; }

.comment dd {
	margin-bottom: 15px;
	padding: 4px 10px 0 10px;
}

/* Alternative to make it look like it is enclosing the float */
* html .comment dd { padding-bottom: 12px; }

.comment dd:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.comment p {
	margin-bottom: 10px;
}

.comment a.comment-link {
	border-bottom-width: 0;
	margin-left: 5px;
}

.comment dt.staff {
	background-color: #223355;
	color: #fff;
	padding: 10px;
}

.comment dt.staff strong {
	border-right: 1px solid #ccc;
	color: #ccc;
}

.comment dt.staff a { 
	border-bottom-color: #fff;
	color: #fff;
}
dt.staff .comment-timestamp { color: #ccc; }
.comment dd.staff { padding-top: 10px; }

.comment .user-avatar img {
	float: right; 
	margin: 0 0 10px 10px;
}

/* Pagination */
.pagination {
	border-bottom: 1px solid #ccc;
	color: #333;
	line-height: 150%;
	margin: 0 -10px 25px -10px;
}

.pagination ul {
	background-color: #ebebeb;
	border: 1px solid #808080;
	margin: 0;
	padding: 5px 0;	
	text-align: center;
}
/* Hide from MSIE/Mac \*/
 * html .pagination ul { height: 1%; }
/* End Hide */

.pagination ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.pagination li, .pagination li:hover {
	background-image: none;
	padding: 0;
}

.page-select {
	float: left;
	width: 300px;
}

.previous-page { float: left; width: 100px; }
.next-page { float: right; width: 100px; }

/* News Archives */
#news-archives .entry-author {
	background-image: none;
	border-right: 1px solid #999;
	margin-right: 10px;
	padding: 0;
	padding-right: 10px;
}

#news-archives td {
	padding-bottom: 8px;
}

#news-archives p {
	margin: 0;
}

#archives-months {
	float: left;
	width: 210px;
}

#archives-categories {
	border-left: 1px solid #ccc;
	float: right;
	padding-left: 50px;
	width: 220px;
}

/* Gamertag Database */
#gamertag-db-select {
	min-height: 2em;
	list-style-type: none;
	margin: 10px 0;
}

#gamertag-db-select:after {
	content: ".";
	clear: left;
	display: block;
	height: 0;
	visibility: hidden;
}

#gamertag-db-select li {
	background-image: none;
	float: left;
	margin: 0 3px;
	padding: 0;
}

#gamertag-db-select a {
	padding: 2px;
}

/* Account Settings */
#account-options li {
	background-position: 0 10px;
	font-size: 110%;
	margin-bottom: 10px;
}

#account-options a {
	font-weight: bold;
}

/* Hide from MSIE/Mac \*/
 * html #account-options dl { height: 1%; }
/* End Hide */

#account-options dd {
	font-size: 90%;
	margin-bottom: 0;
}

/* Avatar Administration */
#manage-avatar {
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

#manage-avatar:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#manage-avatar p {
	border: none;
	padding: 20px 50px;
}

#manage-avatar input {
	margin-top: 5px;
}

#current-avatar {
	float: left;
	margin: 0 25px 0 0;
	vertical-align: middle;
}

/* .sitepoll-view: Viewing Sitepoll */
.sitepoll-view ol {
	list-style-type: none;
	overflow: auto;
}

.sitepoll-view li { 
	clear: left;
	width: 111px;
}

.sitepoll-view dd span {
	background-color: #ddd;
	border: 1px solid #ccc;
	display: block;
	margin: 5px 0 10px 0;
	padding: 1px 0 0 0;
	text-indent: 5px;
}

.sitepoll-compact dd span {
	margin: 0 0 5px 0;
	padding: 0;
}


/* --------------------
 * Member Pages
 * -------------------- */
#member .user-avatar { float: left; }
#member .user-avatar img { 
	border-bottom: none;
	display: block;	
}

#member-info {
	float: right;
	margin-bottom: 10px;
	padding: 5px 0;
	width: 450px;
}

.member-name {
	border-bottom: 0;
	color: #3d4e5e;
	font-size: 150%;
	margin: 0;
	padding: 0;
}

.member-level {
	font-size: 90%;
	width: 450px;
}

.member-location {
	font-weight: normal;
}

/* Forza Motorsport: Game Information */
#general-info:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#general-info li {
	background-image: none;
	float: left;
}

#general-info img {
	display: block;
	margin: 10px 10px 10px 0;
}

#general-info dl {
	margin: 1.5em 0 1.5em 0;
	width: 300px;
}

#general-info dt {
	clear: left;
	font-weight: bold;
	float: left;
	margin-right: 0.5em;
}

#general-info dd {
	margin-bottom: 5px;
}

/* Forza Motorsport: Screenshots */
.screenshots { margin-bottom: 8px; width: 100%; }
.screenshots td { padding: 8px 0; text-align: center; }
.screenshots a { border-bottom: none; }
.screenshots img { display: block; margin: 0 auto; }

/* Forza Motorsport: Tracks List */
#tracks-list dt {
	margin: 0;
}

#tracks-list img { display: block; }

/* Forza Motorsport: Review Scores */
.article-header {
	clear: both;
	margin: 0 -10px 20px -10px;
}

#article-scores {
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 25px;
}

#article-scores dt {
	color: #3d4e5e;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 20px 0 20px;
}

#article-scores dd {
	border-bottom: 1px solid #ddd;
	font-size: 90%;
	line-height: 120%;
	margin: 0;
	padding: 0 20px 10px 20px;
}

#article-scores dd.score {
	border-bottom: none;
	color: #f60;
	float: right;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 250%;
	line-height: 100%;
	letter-spacing: -0.05em;
	margin: -0.5em 0 10px 10px;
}

dd.overall-score {
	font-weight: bold;
}

/* Misc */
#index-list dd { font-size: 90%; }

/* --------------------
 * Misc. Classes
 * -------------------- */
 
p.alt, div.alt, img.alt { background-color: #ebebeb; }

.hide { display: none; }

.error {
	color: red;
	font-size: 90%;
	font-weight: bold;
}

.explain {
	font-size: 90%;
}

.error-explain {
	background: url("/images/layout/error_sign.gif") no-repeat 17px 50%;
	border: 1px solid #ccc;
	color: red;
	font-size: 90%;
	line-height: 120%;
	margin: 10px -10px;
	padding: 10px 20px 10px 70px;
}

.form-submit, .message { 
	text-align: center; 
}

.headernote {
	color: #666;
	float: right;
	font-size: 80%;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 90%;
	margin-top: -14px;
}

.headernote a { border-bottom: none; }

.intro { font-style: italic }

.advertisement-unit { margin-bottom: 20px; }

#content .sponsor { 
	font-size: 90%;
}