/* Core Body Styles */
/* Description: Basic page stuff that doesn't go anywhere else */

* {
	margin: 0;
	padding: 0;
	}

body {
	background: #000 url(../i/core/body/stone.jpg) no-repeat center 49px;
	background: #050505 xurl(../i/sandwich/mexico/bg.gif) no-repeat bottom center;
	background: #050505;
	}

.container {
	margin: 0 auto;
	width: 970px;
	}

.clear { clear: both; }

#background {
	background: #000 url(../i/core/body/stone.jpg) no-repeat center 0;
	min-width: 100%;
	min-width: 995px;
	}

::-moz-selection {
	background: #f07;
	xbackground: #ffaa00;
	color: #fff;
	}

::selection {
	background: #da187c;
	color: #fff;
	} 

.left { float: left; }
.right { float: right; }

.right.padded { margin: 5px 10px; margin-right: 10px !important;}
/* Grid » Sizes */
/* Description: Rough draft, working copy. Sizing and margins for content types. Size attributes so far are applied to .columns and .content areas and .titles/.tabs within the .columns. */
/* Will ultimately also be used for lightbox sizing, which will perhaps warrant its own sizing stylesheet */

.max {
	clear: both;
	width: 950px;
	}

.max.content { width: 936px; }

.large {
	float: left;
	width: 710px;
	}

.large.content { width: 696px; }

.medium {
	float: left;
	width: 470px;
	}

.medium.content { width: 456px; }

.small {
	float: left;
	width: 230px;
	}

.small.content { width: 216px; }

.max,.large,.medium,.small {
	margin: 0 0 10px 10px;
	}

.title,.tabs,.column { margin-bottom: 0; }

/* Nesting titles and content in SAME SIZE columns (ie. .small.column with .small.title and .small.content -- needed for containing upper level floating columns) */

.max .max,
.large .large,
.medium .medium,
.small .small,
.column .ad {
	margin-left: 0; 
	}/* Grid » America */
/* Description: Codename America is the main content area sandwiched between Canada and Mexico. If this is all that's going to be in the stylesheet, move it to lib/c/core.css or somewhere appropriate */

/* Last Modified: 04/10/08 */

#america {
	background: #222 url(../i/core/body/stone.jpg) repeat-y top center;
	margin: 0 auto -12px auto;
	width: 971px;
	xpadding: 0 14px;
	padding: 0 0 1px 0;
	}/* Grid » Splits */
/* Description:  */

.medium .n2 {
	float: left;
	margin: 0 10px 0 0;
	width: 216px;	
	}/* Content » Core */
/* Description: Basic styling for typical title-attached content boxes or tab fragments */

.content {
	background: #000 url(../i/core/content/sprite.gif) no-repeat bottom left;
	padding: 14px 0 1px 14px;
	}

.content.small { background-position: 0 bottom; }
.content.medium { background-position: -230px bottom; }
.content.large { background-position: -700px bottom; }
.content.max { background-position: -1410px bottom; }

.light .content.large {
	background-position: -2360px bottom; 
	margin-bottom: 0;
	}


.content.unbuffered,.content.untitled { padding: 0; }

.content.untitled { margin-top: -1px; margin-bottom: 10px; }

.content.untitled.small,.content.unbuffered.small { width: 230px; }
.content.untitled.medium,.content.unbuffered.medium { width: 470px; }
.content.untitled.large,.content.unbuffered.large { width: 710px; }
.content.untitled.max,.content.unbuffered.max { width: 950px; }

.content.untitled .content-top {
	background: url(../i/core/content/top.gif) no-repeat top left;
	padding: 14px 0 0 14px;
	}

.content.unbuffered.untitled .content-top { padding: 5px 0 1px 4px; }

.content.small.untitled .content-top { background-position: 0 top; }
.content.medium.untitled .content-top { background-position: -230px top; }
.content.large.untitled .content-top { background-position: -700px top; }
.content.max.untitled .content-top { background-position: -1410px top; }

.content.min250 { min-height: 195px; }
.content.untitled.min250 { min-height: 253px; }/* Titles » Core */
/* Description: Main bar and image application for titles/tabs. Primarily sizing and upper-level stuff. */
/* Related Stylesheets:

titles.css - Core title stuff, h2 span.tab
tabs.css - similar to titles but with extra components and different tabs depending on whether an item is first or not. Inactive link styles and different markup structure.
rainbows.css - the rainbows text overrides for different color tabs and the hover 
colors.css - sprite modification by color tags, all are built pink by default and bg modulation overrides only occur in here */

/* Last Modified: 04/10/08 (Old stylesheet split and rewritten) */

.title,
.tabs {
	background: url(../i/core/titles/bars.jpg) no-repeat -20px 0;
	height: 42px;
	}

.title h2,
.tabs ul {
	background: url(../i/core/titles/bars.jpg) no-repeat; /* Positioned individually by size */
	display: block;
	height: 42px;
	}

/* Position: (width-20)px 0; */
.max.title h2,.max.tabs ul { background-position: 930px 0; }
.large.title h2,.large.tabs ul { background-position: 690px 0; }
.medium.title h2,.medium.tabs ul { background-position: 450px 0; }
.small.title h2,.small.tabs ul { background-position: 210px 0; }/* Titles » Tabs */
/* Description: Styles regarding the Javascript powered tabbed content titles. Includes active states (.tab-selected) and inactive states, but not the rainbows text and rainbows hover. (see titles/rainbows.css) */

/* Last Modified: 04/15/08 */

/* Known Isuses: Tabs use liberal padding and easily overflow in .small usage. Possible workaround: an extra .compact mode that is slimmer. (Drawback: don't match and looks rather out of place) Other workaround: Avoid tabbing .smalls and use a .title and then filter tabs inside the content. (Drawback: Items may not be logically related)*/

.anchors { list-style: none; }

.anchors li {
	display: block;
	float: left;
	height: 42px;
	}

.anchors li.tab { background: url(../i/core/titles/tabs.jpg) no-repeat 0 -210px; }
.anchors li.first.tab { background-position: 0 0; }

.anchors li a {
	background: transparent;
	display: block;
	font: 800 11px/12px "lucida grande",tahoma,verdana,sans-serif;
	padding: 13px 37px 19px 20px;
	text-decoration: none;
	text-transform: uppercase;
	height: 10px;
	}

.ie .tabs .anchors li a .rainbow {
	xwidth: 80px;
	}

.tabs.compact .anchors li a {
	xfont-size: 10px;
	padding-right: 30px;
	}

.anchors li.tab a {
	background: url(../i/core/titles/tabs_right.jpg) no-repeat top right;
	padding: 16px 37px 16px 20px;
	}

.tabs.compact .anchors li.tab a {
	padding-right: 37px;
	}

.anchors li.first a { padding-left: 18px; }

.ie .anchors li a .rainbow { display: none !important; }

.ie .anchors li a .source {
	color: #ccc;
	visibility: visible;
	position: relative;
	xtop: 16px;
	xleft: 20px;
	padding: 1px 0 0 1px;
	height: auto;
	}

.ie .anchors li.tab a .source { color: #000; top: -2px; left: -2px; }/* Titles » Titles */
/* Description: Colored tab styles for .title elements, defaults to pink and further modified in colors.css. Builds upon background bar styles and pre-sizing in core. */

.title .tab {
	background: url(../i/core/titles/tabs.jpg) no-repeat 0 0;
	display: block;
	float: left;
	text-transform: uppercase;
	height: 42px;
	}

.title .tab-right { 
	background: url(../i/core/titles/tabs_right.jpg) no-repeat top right; 
	display: block;
	font: 800 11px/12px "lucida grande",tahoma,verdana,sans-serif;
	padding: 16px 42px 16px 20px;
	height: 10px;
	}

.title.compact .tab-right {
	font: 800 10px/12px "lucida grande",tahoma,verdana,sans-serif;
	overflow: hidden;
	float: left;
	}

.ie .title .tab-right .rainbow { display: none; }

.ie .title .tab-right .rainbow { display: none !important; }

.ie .title .tab-right .source {
	color: #ccc;
	visibility: visible;
	position: relative;
	xtop: 16px;
	xleft: 20px;
	padding: 1px 0 0 1px;
	height: auto;
	}

.ie .title .tab-right .source { color: #000; top: -2px; left: -2px; }/* Titles » Rainbows */
/* Description:  */

/* Last Modified: 04/15/08 */

/* Highlights & Shadows Positioning */

.tab,.anchors a {
	position: relative;
	}

.tab .source,.anchors a .source {
	display: block;
	overflow: hidden;
	height: 0px;
	visibility: hidden;
	}

.tab .shadow { display: none; } 

.title .tab .highlight,.anchors li.tab .highlight {
	color: #fff;
	display: block;
	opacity: 0.25;
	filter: alpha(opacity=25);
	position: absolute;
	top: 16px;
	}

/* Shadows on inactive items, Replace with highlight on active ones */

.anchors li a .highlight { display: none; opacity: 0.4; filter:alpha(opacity=40); }
.anchors li a .shadow {
	color: #000;
	display: block;
	position: absolute;
	top: 13px;
	}

.anchors li.tab a .shadow { display: none !important; }

/* Inverted silver on hover (Tabs only) 

EXPORTED to engines/rainbows.css

.anchors a:hover .rainbow { color: #ececec !important; }
.anchors a:hover .rainbow-1 { color: #777777 !important; }
.anchors a:hover .rainbow-2 { color: #808080 !important; }
.anchors a:hover .rainbow-3 { color: #898989 !important; }
.anchors a:hover .rainbow-4 { color: #929292 !important; }
.anchors a:hover .rainbow-5 { color: #9b9b9b !important; }
.anchors a:hover .rainbow-6 { color: #a4a4a4 !important; }
.anchors a:hover .rainbow-7 { color: #adadad !important; }
.anchors a:hover .rainbow-8 { color: #b6b6b6 !important; }
.anchors a:hover .rainbow-9 { color: #bfbfbf !important; }
.anchors a:hover .rainbow-10 { color: #c8c8c8 !important; }
.anchors a:hover .rainbow-11 { color: #d1d1d1 !important; }
.anchors a:hover .rainbow-12 { color: #dadada !important; }
.anchors a:hover .rainbow-13 { color: #e3e3e3 !important; }
.anchors a:hover .rainbow-14 { color: #ececec !important; }

*/

/* tabs .anchors > li.tab | .title > .tab */

/* Active Tinting - Pink */

.tabs .tab .rainbow,.title .rainbow { color: #69002a !important; }

.tabs .tab .rainbow-1,.title .rainbow-1 { color: #48001d !important; }
.tabs .tab .rainbow-2,.title .rainbow-2 { color: #49001e !important; }
.tabs .tab .rainbow-3,.title .rainbow-3 { color: #49001d !important; }
.tabs .tab .rainbow-4,.title .rainbow-4 { color: #4b001e !important; }
.tabs .tab .rainbow-5,.title .rainbow-5 { color: #4d001f !important; }
.tabs .tab .rainbow-6,.title .rainbow-6 { color: #500020 !important; }
.tabs .tab .rainbow-7,.title .rainbow-7 { color: #530021 !important; }
.tabs .tab .rainbow-8,.title .rainbow-8 { color: #560022 !important; }
.tabs .tab .rainbow-9,.title .rainbow-9 { color: #580023 !important; }
.tabs .tab .rainbow-10,.title .rainbow-10 { color: #5b0025 !important; }
.tabs .tab .rainbow-11,.title .rainbow-11 { color: #5e0026 !important; }
.tabs .tab .rainbow-12,.title .rainbow-12 { color: #610027 !important; }
.tabs .tab .rainbow-13,.title .rainbow-13 { color: #640028 !important; }
.tabs .tab .rainbow-14,.title .rainbow-14 { color: #660029 !important; }


/* Active Tinting - Orange */

/* Active Tinting - Green */

.green.tabs .tab .rainbow,.green.title .rainbow { color: #003b7f !important; }

.green.tabs .tab .rainbow-1,.green.title .rainbow-1 { color: #00112d !important; }
.green.tabs .tab .rainbow-2,.green.title .rainbow-2 { color: #001330 !important; }
.green.tabs .tab .rainbow-3,.green.title .rainbow-3 { color: #001535 !important; }
.green.tabs .tab .rainbow-4,.green.title .rainbow-4 { color: #00183a !important; }
.green.tabs .tab .rainbow-5,.green.title .rainbow-5 { color: #001b40 !important; }
.green.tabs .tab .rainbow-6,.green.title .rainbow-6 { color: #001e46 !important; }
.green.tabs .tab .rainbow-7,.green.title .rainbow-7 { color: #00224d !important; }
.green.tabs .tab .rainbow-8,.green.title .rainbow-8 { color: #002554 !important; }
.green.tabs .tab .rainbow-9,.green.title .rainbow-9 { color: #00295b !important; }
.green.tabs .tab .rainbow-10,.green.title .rainbow-10 { color: #002c62 !important; }
.green.tabs .tab .rainbow-11,.green.title .rainbow-11 { color: #003069 !important; }
.green.tabs .tab .rainbow-12,.green.title .rainbow-12 { color: #00336f !important; }
.green.tabs .tab .rainbow-13,.green.title .rainbow-13 { color: #003675 !important; }
.green.tabs .tab .rainbow-14,.green.title .rainbow-14 { color: #00397a !important; }


/* Active Tinting - Blues */

.blue.tabs .tab .rainbow,.blue.title .rainbow { color: #003b7f !important; }

.blue.tabs .tab .rainbow-1,.blue.title .rainbow-1 { color: #00112d !important; }
.blue.tabs .tab .rainbow-2,.blue.title .rainbow-2 { color: #001330 !important; }
.blue.tabs .tab .rainbow-3,.blue.title .rainbow-3 { color: #001535 !important; }
.blue.tabs .tab .rainbow-4,.blue.title .rainbow-4 { color: #00183a !important; }
.blue.tabs .tab .rainbow-5,.blue.title .rainbow-5 { color: #001b40 !important; }
.blue.tabs .tab .rainbow-6,.blue.title .rainbow-6 { color: #001e46 !important; }
.blue.tabs .tab .rainbow-7,.blue.title .rainbow-7 { color: #00224d !important; }
.blue.tabs .tab .rainbow-8,.blue.title .rainbow-8 { color: #002554 !important; }
.blue.tabs .tab .rainbow-9,.blue.title .rainbow-9 { color: #00295b !important; }
.blue.tabs .tab .rainbow-10,.blue.title .rainbow-10 { color: #002c62 !important; }
.blue.tabs .tab .rainbow-11,.blue.title .rainbow-11 { color: #003069 !important; }
.blue.tabs .tab .rainbow-12,.blue.title .rainbow-12 { color: #00336f !important; }
.blue.tabs .tab .rainbow-13,.blue.title .rainbow-13 { color: #003675 !important; }
.blue.tabs .tab .rainbow-14,.blue.title .rainbow-14 { color: #00397a !important; }

.grey.tabs .tab .rainbow,.grey.title .rainbow { color: #111 !important; }

/* Titles » Colors */
/* Description: Applies color tints by modifying y position of i/titles/tabs.jpg and i/titles/tabs_right.jpg in .tab | .tab-right and .anchors li | .anchors li a for titles and tabs respectively, and y position of i/titles/bars.jpg in .title | .title h2 and .tabs | .tabs ul.  i = 42 */

/* Last Modified: April 18, 2008 */

/* Pink - 0 default */

/* Orange -42px */

.orange .tabs,.orange.tabs,
.orange .title,.orange.title { background-position: -20px -42px; }

.orange.max.title h2,.orange.max.tabs ul { background-position: 930px -42px; }
.orange.large.title h2,.orange.large.tabs ul { background-position: 690px -42px; }
.orange.medium.title h2,.orange.medium.tabs ul { background-position: 450px -42px; }
.orange.small.title h2,.orange.small.tabs ul { background-position: 210px -42px; }

.orange .anchors li.tab { background-position: 0 -252px; }
.orange .anchors li.first.tab,
.orange .tab { background-position: 0 -42px; }

.orange li.tab a,
.orange .tab-right { background-position: right -42px; }

/* Green -84px */

.green .tabs,.green.tabs,
.green .title,.green.title { background-position: -20px -84px; }

.green.max.title h2,.green.max.tabs ul { background-position: 930px -84px; }
.green.large.title h2,.green.large.tabs ul { background-position: 690px -84px; }
.green.medium.title h2,.green.medium.tabs ul { background-position: 450px -84px; }
.green.small.title h2,.green.small.tabs ul { background-position: 210px -84px; }

.green .anchors li.tab { background-position: 0 -294px; }
.green .anchors li.first.tab,
.green .tab { background-position: 0 -84px; }

.green li.tab a,
.green .tab-right { background-position: right -84px; }

/* Blue -126px */

.blue .tabs,.blue.tabs,
.blue .title,.blue.title { background-position: -20px -126px; }

.blue.max.title h2,.blue.max.tabs ul { background-position: 930px -126px; }
.blue.large.title h2,.blue.large.tabs ul { background-position: 690px -126px; }
.blue.medium.title h2,.blue.medium.tabs ul { background-position: 450px -126px; }
.blue.small.title h2,.blue.small.tabs ul { background-position: 210px -126px; }


.blue .anchors li.tab { background-position: 0 -336px; }
.blue .anchors li.first.tab,
.blue .tab { background-position: 0 -126px; }

.blue li.tab a,
.blue .tab-right { background-position: right -126px; }

/* Grey -168px */

.grey .tabs,.grey.tabs,
.grey .title,.grey.title { background-position: -20px -168px; }

.grey.max.title h2,.grey.max.tabs ul { background-position: 930px -168px; }
.grey.large.title h2,.grey.large.tabs ul { background-position: 690px -168px; }
.grey.medium.title h2,.grey.medium.tabs ul { background-position: 450px -168px; }
.grey.small.title h2,.grey.small.tabs ul { background-position: 210px -168px; }

.grey .anchors li.tab { background-position: 0 -378px; }
.grey .anchors li.first.tab,
.grey .tab { background-position: 0 -168px; }

.grey li.tab a,
.grey .tab-right { background-position: right -168px; }

/* Lightboxx (pink on black) — 210px */

.light .tabs,
.light .title { background-position: -20px -210px; }

.light .max.title h2,.light .max.tabs ul { background-position: 930px -210px; }
.light .large.title h2,.light .large.tabs ul { background-position: 690px -210px; }
.light .medium.title h2,.light .medium.tabs ul { background-position: 450px -210px; }
.light .small.title h2,.light .small.tabs ul { background-position: 210px -210px; }

.light  .anchors li.tab { background-position: 0 -210px; }
.light  .anchors li.first.tab,
.light  .tab { background-position: 0 -420px; }

.light li.tab a,
.light .tab-right { background-position: right 0px; }
/* Dragon Interactive */
/* Codename Pufferfish */

/* Description: Basic style support for script Codename Pufferfish. */

span.hover { display: block; width: 100%; height: 100%; }

.pufferfish span.source { display: none; }/* Dragon Interactive */
/* Codename Rainbows */

/* Description: Positions and colors elements from script Codename Rainbows. */

.rainbows {
	position: relative;
	}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

.rainbow span {
	position: absolute;
	display: block;
	white-space: nowrap;
	top: 0;
	left: 0px;
	}

.rainbows .highlight {
	color: #fff;
	display: block;
	display: none;
	position: absolute;
	z-index: 2;
	}

.rainbows .shadow,.rainbows .shadow * {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 0px;
	z-index: 3;
	}

.rainbows .source {
	display: block;
	overflow: hidden;
	height: 0px;
	visibility: hidden;
	}


/* Hover Silver Flip */

li a:hover .rainbow { color: #ececec !important; }
li a:hover .rainbow-1 { color: #777777 !important; }
li a:hover .rainbow-2 { color: #808080 !important; }
li a:hover .rainbow-3 { color: #898989 !important; }
li a:hover .rainbow-4 { color: #929292 !important; }
li a:hover .rainbow-5 { color: #9b9b9b !important; }
li a:hover .rainbow-6 { color: #a4a4a4 !important; }
li a:hover .rainbow-7 { color: #adadad !important; }
li a:hover .rainbow-8 { color: #b6b6b6 !important; }
li a:hover .rainbow-9 { color: #bfbfbf !important; }
li a:hover .rainbow-10 { color: #c8c8c8 !important; }
li a:hover .rainbow-11 { color: #d1d1d1 !important; }
li a:hover .rainbow-12 { color: #dadada !important; }
li a:hover .rainbow-13 { color: #e3e3e3 !important; }
li a:hover .rainbow-14 { color: #ececec !important; }

/* Shadows Version */

.addshadows {
	position: relative;
	}

.shadow {
	color: #000;
	position: absolute;
	}

.addshadows .source {
	position: relative;
	}
/* Engines » Tabs */
/* Description: Basic auxiliary styles for jQuery UI Tabs plugin */

.fragment-hidden { display: none; }/* Engines » Slideshow */
/* Description: For the large splash */

/* Temp Filler till the JS is written and images are found */

#ss2,#ss3,#ss4,#ss5,#ss6 {
	height: 190px;
	width: 700px;
	background: transparent;
	overflow: hidden;
	}

#ss7,#ss8,#ss9 {
	height: 190px;
	width: 940px;
	background: transparent;
	overflow: hidden;
	}

#ss4,#ss5 { height: 220px; }

#ss6 { height: 140px; width: 460px; }

#ss2 div.one, #ss2 div.two, #ss2 div.three,#ss2 div.four,
#ss3 div.one, #ss3 div.two, #ss3 div.three, #ss3 div.four,
#ss4 div.one, #ss4 div.two, #ss4 div.three, #ss4 div.four,
#ss5 div.one, #ss5 div.two, #ss5 div.three, #ss5 div.four,
#ss6 div.one, #ss6 div.two, #ss6 div.three, #ss6 div.four,
#ss7 div.one, #ss7 div.two, #ss7 div.three, #ss7 div.four, #ss7 div.five,
#ss8 div.one, #ss8 div.two, #ss8 div.three, #ss8 div.four, #ss8 div.five,
#ss9 div.one, #ss9 div.two, #ss9 div.three, #ss9 div.four, #ss9 div.five  {
	top: 0;
	left: 0;
	height: 190px;
	width: 700px;
	background: transparent;
	}

#ss7 div.one, #ss7 div.two, #ss7 div.three, #ss7 div.four, #ss7 div.five,
#ss8 div.one, #ss8 div.two, #ss8 div.three, #ss8 div.four, #ss8 div.five,
#ss9 div.one, #ss9 div.two, #ss9 div.three, #ss9 div.four, #ss9 div.five  {
	width: 940px;
	}

#ss6 div.one,
#ss6 div.two,
#ss6 div.three,
#ss6 div.four {
	width: 460px;
	}

#ss2 .item,#ss3 .item,#ss4 .item,#ss5 .item {
	float: left;
	display: block;
	background: #141414;
	}
/* Type » Core */
/* Description: Basic typography settings for content. Paragraphs, etc. */

p {
	color: #999;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	margin: 0 10px 0 0;
	padding: 0 0 18px 0;
	}

.table .content p { margin-left: 14px; }

hr {
	background: transparent url(../i/type/divider.gif) repeat-x top center;
	border: 0 none;
	clear: both;
	display: block;
	margin: 0px 10px 10px 0;
	height: 2px;
	width: auto;
	}

.ie hr { width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #222; }

.large hr {
	xmargin-left: -14px;
	xwidth: 710px;
	}

small {
	color: #999;
	font: 11px/14px verdana,sans-serif;
	}

p.notification {
	background: #0a0a0a;
	xborder: 1px solid #222;
	text-align: center;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 10px;
	}

p.centered,h3.centered,h4.centered,h5.centered,h2.centered {
	text-align: center;
	}

p.unbuffered { padding: 0;}

p,span,h2,h3,h4,h5,h6,em,dt,dd,li {
	text-shadow: 0 0 0 #000;
	}/* Type » Headers */
/* Description:  Header elements in type. Begins from H2. */

/* Main Styles */

.content h2,.content h2 a {
	color: #ff1385;
	font: 22px/14px "lucida grande","trebuchet ms",tahoma,sans-serif;
	padding: 10px 0 12px 0;
	}

.content h3,.content h3 a {
	color: #ff3697;
	font: 19px/16px "lucida grande","trebuchet ms",tahoma,sans-serif;
	padding: 10px 0 10px 0;
	}

.content h4,.content h4 a {
	color: #ff73b7;
	font: 17px/16px "lucida grande","trebuchet ms",tahoma,sans-serif;
	padding: 10px 0 10px 0;
	}

.content h5,.content h5 a {
	color: #ffbbdb;
	font: 16px/18px "lucida grande","trebuchet ms",tahoma,sans-serif;
	padding: 10px 0 8px 0;
	}

.content h6,.content h6 a {
	color: #ffd0e7;
	font: oblique 12px/18px "lucida grande","trebuchet ms",tahoma,sans-serif;
	padding: 12px 0 6px 0;
	}

.content h2.unbuffered,
.content h3.unbuffered,
.content h4.unbuffered,
.content h5.unbuffered,
.content h6.unbuffered  { padding-top: 0; }

.light h5.marker {
	background: #ff267d;
	background: #0f0f0f url(../i/type/divider.gif) repeat-x bottom;
	color: #ff267d;
	font-size: 22px;
	line-height: 22px;
	margin: 0 0 0 -14px;
	padding: 5px 0 8px 14px;
	text-align: center;
	}

/* Type » Links */

a,button { outline: none; }

a img { border: 0 none; }

a:hover { text-decoration: none; }.content ul.bulleted {
	color: #ccc;
	margin: 0 0 10px 14px; 
	}

.content ul.unbulleted {
	color: #ccc;
	margin: 0 0 10px 14px; 
	list-style: none;
	}

.content ul.bulleted li,
.content ul.unbulleted li {
	font: 12px/22px "lucida grande",verdana,sans-serif;
	}

.content ul.pink li a { color: #ff3697; }

/* Type » Colors */
/* Description:  */

a { color: #999; }
small a { color: #777; }

small str { font-weight: 800; }

p em { color: #ddd; }

.white { color: #eee !important; }

/* Pinks */

.content h2,.content h2 a { color: #ff1385; }
.content h3,.content h3 a,p a,dt,
small str,p str { color: #ff3697; }
.content h4,.content h4 a,small em { color: #ff73b7;}
.content h5,.content h5 a { color: #ffbbdb; }
.content h6,.content h6 a { color: #ffd0e7; }

/* Orange Tints */

.orange.content h2,.orange.content h2 a { color: #ff9600; }
.orange.content h3,.orange.content h3 a,.orange p a,.orange dt { color: #ffaa31; }
.orange.content h4,.orange.content h4 a,.orange small em { color: #ffc06e; }
.orange.content h5,.orange.content h5 a { color: #ffd297; }
.orange.content h6,.orange.content h6 a { color: #ffeeca; }

/* Green Tints */

.green.content h2,.green.content h2 a { color: #6ee303; }
.green.content h3,.green.content h3 a,.green p a,.green dt { color: #8cd945; }
.green.content h4,.green.content h4 a,.green small em { color: #b5e884; }
.green.content h5,.green.content h5 a { color: #d4efba; }
.green.content h6,.green.content h6 a { color: #e6f3da; }

/* Blue Tints */

.blue.content h2,.blue.content h2 a { color: #0094ff; }
.blue.content h3,.blue.content h3 a,.blue p a,.blue dt { color: #46b2ff; }
.blue.content h4,.blue.content h4 a,.blue small em { color: #7ac7ff; }
.blue.content h5,.blue.content h5 a { color: #b6e0ff; }
.blue.content h6,.blue.content h6 a { color: #eaf6ff; }img.right {
	margin: 0px 14px 7px 21px;
	}

img.left {
	margin: 9px 21px 7px 0px;
	}/* Arctic Core */
/* Description: Login/Signup/User Dash area at top of page */

/* Last Modified: 04/10/08 */

#arctic {
	background: url(../i/sandwich/arctic/x.gif) repeat-x top;
	
	height: 42px;
	padding: 0 0 7px 0;
	width: 100%;
	min-width: 970px;
	}

#arctic .container {
	background: url(../i/sandwich/arctic/bg.gif) no-repeat top left;
	margin: 0 auto;
	position: relative;
	width: 970px;
	height: 42px;
	}

.logged #arctic .container { background: transparent; }

#arctic_dash { display: none; }
.logged #arctic_dash { display: block; }

.logged #arctic_login { display: none; }
.logged #arctic .create-account { display: none; }

#arctic_subnav {
	position: absolute;
	left: 620px;
	top: 40px;
	z-index: 101;
	}

#arctic_subnav {
	background: url(../i/components/splash/black75.png);
	display: none;
	padding: 7px 0;
	}

#arctic_subnav ul { list-style: none; }
#arctic_subnav ul li {
	display: block;
	}

#arctic_subnav ul li a {
	color: #ccc;
	display: block;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	padding: 0 14px;
	}

/* Related: 

arctic/login.css - login form & signup button
arctic/dash.css - user dash once logged in *//* Arctic » Login */
/* Description: Login form at top of page, as well as button to sign up for an account */

/* Last Modified: 04/10/08 */

/* Note: Whole unit is hidden with a body.logged, also needed to display #arctic_dash (styles in arctic core) */

#arctic_login {
	position: absolute;
	top: 0;
	left: 250px;
	}

#arctic_login_username,#arctic_login_password {
	background: #000 url(../i/sandwich/arctic/form.jpg) no-repeat top left;
	float: left;
	margin: 7px 5px 0 0;
	height: 22px;
	}

#arctic_login_username {
	width: 212px;
	width: 198px
	}

#arctic_login_username:hover {	 background-position: 0 -30px; }
#arctic_login_username:focus { background-position: 0 -60px; }

#arctic_login_password {
	background-position: -212px 0;
	width: 128px;
	width: 114px;
	}

#arctic_login_password:hover { background-position: -212px -30px; }
#arctic_login_password:focus { background-position: -212px -60px; }

#arctic_login_password {
	background-position: -212px 0;
	}

#arctic_login_remember {
	float: left;
	margin: 14px 10px 0 5px;
	}

#arctic_login_submit {
	background: #ccc url(../i/sandwich/arctic/buttons.jpg) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	float: left;
	position: relative;
	display: block;
	margin: 7px 0 0 0;
	line-height: 0;
	height: 28px;
	width: 80px;
	}

#arctic_login_submit span.hover {
	background: url(../i/sandwich/arctic/buttons.jpg) no-repeat 0 -28px;
	border: 0 none;
	display: block;
	height: 28px;
	width: 80px;
	}

/* Generalized for button.hover in c/forms/core.css */
.gecko #arctic_login_submit span.hover {
	margin: 0 0 0 -3px;
	position: relative;
	top: -1px;
	}

#arctic a.create-account {
	background: #ccc url(../i/sandwich/arctic/buttons.jpg) no-repeat -80px 0;
	display: block;
	position: absolute;
	top: 7px;
	right: 9px;
	height: 28px;
	width: 215px;
	}

#arctic a.create-account .hover {
	background: #ccc url(../i/sandwich/arctic/buttons.jpg) no-repeat -80px -28px;
	display: block;
	height: 28px;
	width: 215px;
	}/* Arctic » Dashboard */
/* Description: User dashboard for logged in users. Has user info (stars, icon, name, points) and links to basic account features (logout, preferences, bookmarks) */

/* Unfinished*/

#arctic_dash {
	padding: 7px 0 0 0;
	}

#arctic_user {
	margin: 0 0 0 24px;
	}

#arctic_user .welcome {
	color: #ccc;
	font: 11px/28px "lucida grande",verdana,sans-serif;
	margin: 0 10px 0 0;
	vertical-align: top;
	}

/* Rainbows Nav */

#arctic_nav ul {
	width: 500px;
	float: right;
	display: block;
	list-style: none;
	padding: 4px 0 0 0;
	}

.ie #arctic_nav ul { width: 600px; }

#arctic_nav li {
	margin: 0 4px 0 0;
	float: right;
	}

#arctic_nav a {
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	text-decoration: none;
	}

x.ie #arctic_nav a {
	min-width: 1px; 
	background: #999;
	}

#arctic_nav span {
	padding: 0 10px;
	}

#arctic_nav ul li a .shadow {
	padding: 0 2px;
	margin: 0 0  0 10px;
	top: 0;
	left: -1px;
	}

#arctic_nav ul li a:hover .shadow {
	}

#arctic_nav ul li a:active .rainbow {
	color: #fff !important;
	}

.ie #arctic_nav ul li a {
	cursor: pointer;
	display: block; width: 80px; 
	}

/* Points n Stars */

#arctic_user  .welcome {
	float: left;
	}

#arctic_user .photo {
	float: left;
	margin: 0 10px 0 0;
	}

#arctic_user .points {
	color: #fff;
	float: left;
	font: 10px/14px "lucida grande",verdana,sans-serif;
	height: 14px;
	margin: 0;
	overflow: hidden;
	}

#arctic_user br { height: 0; }

#arctic_user .stars {
	background: url(../i/components/ratings/stars.jpg) no-repeat 0 -54px ;
	float: left;
	font: 10px/14px "lucida grande",verdana,sans-serif;
	margin: -2px 0 0 0;
	overflow: hidden;
	height: 18px;
	}/* Canada Core */
/* Description: Codename Canada is the top area of the site, encompassing the logo, main navigation, subnavigation, search form and platform filter. */

#canada {
	background: url(../i/sandwich/canada/bg.jpg) no-repeat top left;
	margin: 0 auto 1px auto;
	position: relative;
	top: -7px;
	height: 134px;
	width: 970px;
	}

.home #canada {
	background-position: 0 0;
	}

.games #canada {
	background-position: 0 -134px;
	}

.zine #canada {
	background-position: 0 -268px;
	}

.community #canada,.dashboard #canada {
	background-position: 0 -402px;
	}

.calendar #canada {
	background-position: 0 -536px;
	}

.participate #canada {
	background-position: 0 -670px;
	}

.dashboard #canada {
	background-position: 0 -804px;
	}/* Canada » Logo */
/* Description: Main logo, links to homepage. Different colors for different sections, based on sprite */

/* Last Modified: 04/10/08 */

#canada #logo {
	position: absolute;
	top: 15px;
	left: 15px;
	
	width: 180px;
	height: 100px;
	}

#canada #logo a {
	display: block;
	height: 100%;
	width: 100%;
	}

#canada #logo a span.source { display: none; }

#canada #logo a span.hover { 
	background: url(../i/sandwich/canada/logo.jpg) no-repeat top left;
	opacity: 0;
	height: 100%;
	width: 100%;
	}

.games #canada #logo a span.hover { background-position: -180px 0; }
.zine #canada #logo a span.hover { background-position: -360px 0; }
.calendar #canada #logo a span.hover { background-position: -540px 0; }

.dashboard #canada #logo a span.hover { display: none; }

/* user Portrait in dashboard */

#canada .user_portrait {
	display: none;
	position: absolute;
	left: 50px;
	top: 6px;
	height: 120px;
	width: 120px;
	}

body.dashboard #canada .user_portrait { display: block; }

#canada .user_portait a {
	display: block;
	position: absolute;
	height: 120px;
	width: 120px;
	}

#canada .user_portrait a span.source {
	display: block !important;
	z-index: 10;
	}

#canada .user_portrait a span.source img { margin: 15px; position: relative; z-index: 11; }

#canada .user_portrait a span.hover {
	background: url(../i/sandwich/canada/portrait_hover.jpg) no-repeat top left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 120px;
	z-index: 9;
	}
/* Canada ÈÊNavigation */
/* Description: The main navigation. Doesn't include subnavigation. Pufferfish technology for hovers. Based on large sprites and multiple patches, don't mess with it. */

/* Last Modified: 04/10/08 */

#navigation {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 56px;
	width: 720px;
	}

#navigation li {
	float: left;
	}

#navigation li a {
	background: url(../i/sandwich/canada/navigation.jpg) no-repeat 0 0;
	display: block;
	position: relative;
	height: 56px;
	}

#navigation li a span.source {
	display: none;
	}

/* 
	Individual Buttons
	Sizing & BG Position
*/

#navigation li.home a {
	background-position: 0 0;
	width: 91px;
	}

#navigation li.games a {
	background-position: -91px 0;
	width: 113px;
	}

#navigation li.zine a {
	background-position: -204px 0;
	width: 97px;
	}

#navigation li.community a {
	background-position: -301px 0;
	width: 146px;
	}

#navigation li.calendar a {
	background-position: -447px 0;
	width: 137px;
	}

#navigation li.participate a {
	background-position: -584px 0;
	width: 136px;
	}

/*
	Hovers
*/

#navigation li a span.hover {
	background: url(../i/sandwich/canada/navigation.jpg) no-repeat 0 -56px;
	display: block;
	border-left: 1px solid #888;
	position: relative;
	top: 0;
	left: -1px;
	height: 100%;
	width: 100%;
	}

#navigation li.home a span.hover,
body.home #navigation li.games a span.hover,
body.games #navigation li.zine a span.hover,
body.zine #navigation li.community a span.hover,
body.community #navigation li.calendar a span.hover,
body.calendar #navigation li.participate a span.hover {
	border: 0 none;
	left: 0;
	}

#navigation li.home .hover {
	background-position: 0 -56px;
	}

#navigation li.games .hover {
	background-position: -91px -56px;
	}

#navigation li.zine .hover {
	background-position: -204px -56px;
	}

#navigation li.community .hover {
	background-position: -301px -56px;
	}

#navigation li.calendar .hover {
	background-position: -447px -56px;
	}

#navigation li.participate .hover {
	background-position: -584px -56px;
	}

/*
	Active (Invisible)
*/

body.home #navigation li.home a, body.home #navigation li.games a,
body.games #navigation li.games a, body.games #navigation li.zine a,
body.zine #navigation li.zine a, body.zine #navigation li.community a,
body.community #navigation li.community a, body.community #navigation li.calendar a,
body.calendar #navigation li.calendar a, body.calendar #navigation li.participate a,
body.participate #navigation li.participate a {
	background: transparent !important;
	}

body.home #navigation li.home .hover,
body.games #navigation li.games .hover,
body.zine #navigation li.zine .hover,
body.community #navigation li.community .hover,
body.calendar #navigation li.calendar .hover,
body.participate #navigation li.participate .hover {
	display: none;
	}

/*
	Patches
*/

#navigation li .patch {
	background: url(../i/sandwich/canada/patches.png) no-repeat 0 0;
	display: block;
	
	position: absolute;
	bottom: 0;
	
	height: 7px;
	width: 7px;
	
	visibility: hidden;
	}

#navigation li a .patch.a { left: 0; }
#navigation li a .patch.b { right: 0; }

#navigation li.home .patch.a { background-position: 0 0; }
#navigation li.home .patch.b { background-position: -14px 0; }

#navigation li.games .patch.a { background-position: 0px 0; }
#navigation li.games .patch.b { background-position: -35px 0; }

#navigation li.zine .patch.a { background-position: -21px 0; }
#navigation li.zine .patch.b { background-position: -56px 0; }

#navigation li.community .patch.a { background-position: -42px 0; }
#navigation li.community .patch.b { background-position: -77px 0; }

#navigation li.calendar .patch.a { background-position: -63px 0; }
#navigation li.calendar .patch.b { background-position: -91px 0; }

#navigation li.participate .patch.a { background-position: -84px 0; }
#navigation li.participate .patch.b { background-position: 0 0; }

body.games #navigation li.home .patch.a { background-position: -7px 0; }
body.zine #navigation li.home .patch.a { background-position: 0 0; }
body.community #navigation li.home .patch.a { background-position: -49px 0; }
body.calendar #navigation li.home .patch.a { background-position: -70px 0; }

body #navigation li.home a .patch.a, /* on all */
body.home #navigation li.games a .patch.a,
body.games #navigation li.home a .patch,
body.games #navigation li.zine a .patch.a,
body.zine #navigation li.games a .patch.b,
body.zine #navigation li.community a .patch.a,
body.community #navigation li.zine a .patch.b,
body.community #navigation li.calendar a .patch.a,
body.calendar #navigation li.community a .patch.b,
body.calendar #navigation li.participate a .patch.a,
body.participate #navigation li.calendar a .patch.b {
	visibility: visible;
	} /* Canada » Subnavigation */
/* Description: On all the pages except homepage, with a pseudo tagline built into the sprite */

/* Last Modified: 04/10/08 */

#subnavs ul {
	display: none;
	}

body.games #games-subnavigation,
body.zine #zine-subnavigation,
body.community #community-subnavigation,
body.calendar #calendar-subnavigation,
body.participate #participate-subnavigation,
body.dashboard #dashboard-subnavigation {
	display: block;
	}

#subnavs ul {
	position: absolute;
	list-style: none;
	top: 64px;
	left: 251px;
	}

#subnavs ul li {
	float: left;
	margin: 0 6px 0 0;
	}

#subnavs ul li a {
	xbackground: url(../i/sandwich/canada/subnavigation_left.png) no-repeat bottom left ;
	color: #fff;
	display: block;
	font: 800 11px/24px "lucida grande",verdana,sans-serif;
	opacity: 0.7;
	xfilter:alpha(opacity=7);
	-moz-opacity:.7;
	padding: 0 0 0 10px;
	position: relative;
	text-decoration: none;
	}

.ie #subnavs ul li a {
	xbackground: #000;
	}

#subnavs ul li a span.source {
	display: block;
	padding: 0 12px 1px 3px;
	position: relative;
	z-index: 5;
	}

#subnavs ul a span.wrap {
	xbackground: url(../i/sandwich/canada/subnavigation_right.png) no-repeat bottom right;
	display: block;
	position: relative;
	}

.ie #subnavs ul a span.wrap {
	display: block;
	height: 25px;
	cursor: pointer;
	}


#subnavs ul .shadow {
	color: #000;
	opacity: 0.5;
	xfilter:alpha(opacity=50);
	-moz-opacity:.5;
	position: absolute;
	top: 1px;
	left: 4px;
	z-index: 4;
	}

.ie #subnavs ul .shadow { top: 1px; left: 4px; }

#subnavs ul li a:hover {
	background: url(../i/sandwich/canada/subnavigation_left.png) no-repeat bottom left;
	opacity: 0.8;
	}

#subnavs ul li a:active {
	opacity: 1.0;
	}

#subnavs ul a:hover span.wrap {
	background: url(../i/sandwich/canada/subnavigation_right.png) no-repeat bottom right;
	}

.games.latest #games-subnavigation .latest,
.games.browse #games-subnavigation .browse,
.games.reviews #games-subnavigation .reviews,
.games.articlespreviews #games-subnavigation .articlespreviews,
.games.media #games-subnavigation .media,
.games.guidescheats #games-subnavigation .guidescheats,
.games.charts #games-subnavigation .charts,
.zine.latest #zine-subnavigation .latest,
.community.latest #community-subnavigation .latest,
.community.members #community-subnavigation .members,
.community.groups #community-subnavigation .groups,
.community.gallery #community-subnavigation .gallery,
.community.blogs #community-subnavigation .blogs,
.community.forums #community-subnavigation .forums,
.community.townhall #community-subnavigation .townhall,
.calendar.current #calendar-subnavigation .current,
.participate.current #participate-subnavigation .current,
.participate.past #participate-subnavigation .past,
.participate.gp #participate-subnavigation .gp,
.zine.columns #zine-subnavigation .columns,
.zine.features #zine-subnavigation .features,
.zine.hotsheets #zine-subnavigation .hotsheets,
.zine.browse #zine-subnavigation .browse,
.zine.videos #zine-subnavigation .videos,
.dashboard.main #dashboard-subnavigation .main,
.dashboard.blog #dashboard-subnavigation .blog,
.dashboard.media #dashboard-subnavigation .media,
.dashboard.privacy #dashboard-subnavigation .privacy,
.dashboard.settings #dashboard-subnavigation .settings,
.dashboard.edit_profile #dashboard-subnavigation .edit_profile {
	background: url(../i/sandwich/canada/subnavigation_left.png) no-repeat top left;
	opacity: 1;
	xfont-weight: 400;
	}

.games.latest #games-subnavigation .latest span.wrap,
.games.browse #games-subnavigation .browse span.wrap,
.games.reviews #games-subnavigation .reviews span.wrap,
.games.articlespreviews #games-subnavigation .articlespreviews span.wrap,
.games.media #games-subnavigation .media span.wrap,
.games.guidescheats #games-subnavigation .guidescheats span.wrap,
.games.charts #games-subnavigation .charts span.wrap,
.zine.latest #zine-subnavigation .latest span.wrap,
.community.latest #community-subnavigation .latest span.wrap,
.community.members #community-subnavigation .members span.wrap,
.community.groups #community-subnavigation .groups span.wrap,
.community.gallery #community-subnavigation .gallery span.wrap,
.community.blogs #community-subnavigation .blogs span.wrap,
.community.forums #community-subnavigation .forums span.wrap,
.community.townhall #community-subnavigation .townhall span.wrap,
.calendar.current #calendar-subnavigation .current span.wrap,
.participate.current #participate-subnavigation .current span.wrap,
.participate.past #participate-subnavigation .past span.wrap,
.participate.gp #participate-subnavigation .gp span.wrap,
.zine.columns #zine-subnavigation .columns span.wrap,
.zine.features #zine-subnavigation .features span.wrap,
.zine.hotsheets #zine-subnavigation .hotsheets span.wrap,
.zine.browse #zine-subnavigation .browse span.wrap,
.zine.videos #zine-subnavigation .videos span.wrap,
.dashboard.main #dashboard-subnavigation .main span.wrap,
.dashboard.blog #dashboard-subnavigation .blog span.wrap,
.dashboard.media #dashboard-subnavigation .media span.wrap,
.dashboard.edit_profile #dashboard-subnavigation .edit_profile span.wrap,
.dashboard.privacy #dashboard-subnavigation .privacy span.wrap,
.dashboard.settings #dashboard-subnavigation .settings span.wrap {
	background: url(../i/sandwich/canada/subnavigation_right.png) no-repeat top right;
	}/* Canada » Platforms */
/* Description: Platform selector area (ul.platforms) and question mark with info on hover (Codename Stingray technology) */

/* Last Modified: 04/10/08 */

#canada .platforms {
	display: block;
	list-style: none;
	padding: 0 0 0 4px;
	position: absolute;
	top: 103px;
	left: 250px;
	width: 700px;
	}

.platforms li { float: left; }

.platforms li a {
	color: #444;
	display: block;
	font: 800 11px/28px "lucida grande",tahoma,verdana,sans-serif; 
	padding: 0 10px;
	text-decoration: none;
	}

#canada .platforms li a:hover {
	color: #eee;
 	xcolor: #ff267d;
	xtext-decoration: underline;
	}

#canada #platforms-help {
	background: url(../i/sandwich/canada/question.jpg) no-repeat top left;
	cursor: help;
	display: block;
	position: absolute;
	top: 107px;
	left: 224px;
	height: 21px;
	width: 22px;
	}

#platforms-help .hover {
	background: url(../i/sandwich/canada/question.jpg) no-repeat bottom left;
	height: 21px;
	width: 22px;
	}

body.platform-all li.platform-all a,
body.platform-pc li.platform-pc a,
body.platform-x360 li.platform-x360 a,
body.platform-wii li.platform-wii a,
body.platform-ps3 li.platform-ps3 a,
body.platform-ps2 li.platform-ps2 a,
body.platform-psp li.platform-psp a,
body.platform-ds li.platform-ds a,
body.platform-web li.platform-web a,
body.platform-mobi li.platform-mobi a,
body.platform-iphone li.platform-iphone a
{
 	color: #ff267d !important;
 	xcolor: #fff !important;
 	cursor: default;
 	font-weight: 400;
 	}
 
body.games.platform-all li.platform-all a,
body.games.platform-pc li.platform-pc a,
body.games.platform-x360 li.platform-x360 a,
body.games.platform-wii li.platform-wii a,
body.games.platform-ps3 li.platform-ps3 a,
body.games.platform-ps2 li.platform-ps2 a,
body.games.platform-psp li.platform-psp a,
body.games.platform-ds li.platform-ds a,
body.games.platform-web li.platform-web a,
body.games.platform-mobi li.platform-mobi a,
body.games.platform-iphone li.platform-iphone a,
.blue .selectors .active,.blue .selectors .active a

 {
 	color: #46b2ff !important;
 	}

body.calendar.platform-all li.platform-all a,
body.calendar.platform-pc li.platform-pc a,
body.calendar.platform-x360 li.platform-x360 a,
body.calendar.platform-wii li.platform-wii a,
body.calendar.platform-ps3 li.platform-ps3 a,
body.calendar.platform-ps2 li.platform-ps2 a,
body.calendar.platform-psp li.platform-psp a,
body.calendar.platform-ds li.platform-ds a,
body.calendar.platform-web li.platform-web a,
body.calendar.platform-mobi li.platform-mobi a,
body.calendar.platform-iphone li.platform-iphone a,
.green .selectors .active,.green .selectors .active a
 {
 	color: #8cd945 !important;
 	}

body.zine.platform-all li.platform-all a,
body.zine.platform-pc li.platform-pc a,
body.zine.platform-x360 li.platform-x360 a,
body.zine.platform-wii li.platform-wii a,
body.zine.platform-ps3 li.platform-ps3 a,
body.zine.platform-ps2 li.platform-ps2 a,
body.zine.platform-psp li.platform-psp a,
body.zine.platform-ds li.platform-ds a,
body.zine.platform-web li.platform-web a,
body.zine.platform-mobi li.platform-mobi a,
body.zine.platform-iphone li.platform-iphone a
.orange .selectors .active,.orange .selectors .active a
 {
 	color: #ff9600 !important;
 	}/* Canada » Search */
/* Description: Basic search, standard .small type-1a form. Pufferfish hover */

/* Last Modified: 04/10/08 */

#canada_search  {
	position: absolute;
	top: 102px;
	left: 728px;
	width: 231px;
	}

#canada_search input {
	background: #000 url(../i/sandwich/canada/search.jpg) no-repeat top left;
	border: 0 none;
	margin: 0 6px 0 0;
	padding: 8px 0 0 14px;
	height: 22px;
	width: 151px;
	}

#canada_search input:hover { background-position: 0 -30px; }
#canada_search input:focus { background-position: 0 -60px; }

#canada_search button {
	background: #000 url(../i/sandwich/canada/search_go.jpg) no-repeat 0 0;
	width: 60px;
	}

#canada_search button .hover {
	background: #000 url(../i/sandwich/canada/search_go.jpg) no-repeat 0 -28px;
	}/* Mexico Core */
/* Description: The bottom of page. Includes bottom nav, THF & Di logos and copyright text. */

/* Known issues: When page is shorter than viewport, transition from bg to bg color is not smooth. Background sprite is long enough but only when the content in footer stretches--it doesn't by default. */

#mexico_highlight {
	background: #fff;
	clear: both;
	display: block;
	opacity: 0.04;
	filter:alpha(opacity=10);
	-moz-opacity:.04;
	margin: 10px 0 0 0;
	height: 1px; 
	}

#mexico {
	background: #050505 url(../i/sandwich/mexico/x.gif) repeat-x top;
	height: 84px;
	clear: both;
	}

#mexico .container {
	background: url(../i/sandwich/mexico/bg.gif) no-repeat top;
	position: relative;
	top: -2px;
	min-height: 84px;
	padding: 0 0 5px 0;
	width: 970px;
	}

.ie #america { padding-bottom: 15px;}

.ie #mexico .container { top: -1px; }
.ie #mexico_highlight { margin-top: -1px; }

/* Rainbows */

#mexico ul {
	margin: 0 0 0 7px;
	padding: 21px 0 0 0;
	width: 710px;
	}

#mexico ul li {
	display: block;
	float: left;
	position: relative;
	height: 28px;
	}

#mexico ul li a {
	display: block;
	font: 12px/22px "lucida grande","trebuchet ms",verdana,sans-serif;
	text-decoration: none;
	}

.ie #mexico ul a span { color: #999 !important; }
.ie #mexico ul a:hover span { color: #f07 !important; }


#mexico ul li a span {
	cursor: pointer;
	padding: 0 7px;
	}

#mexico ul li a .shadow {
	padding: 0 2px;
	margin: 0 5px;
	}

#mexico ul li .highlight {
	display: none;
	top: -2px;
	}

#mexico ul li .shadow {
	top: 0;
	}

#mexico ul li a:hover .shadow {
	xborder-bottom: 1px solid #f07;
	xborder-bottom: 1px dotted #777;
	}

#mexico ul li a:active .rainbow {
	color: #f07 !important;
	}
/* Mexico » Footer */
/* Description: Copyright text, a paragraph with rainbows applied */

#footer {
	clear: both;
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	margin: 0 0 0 14px;
	padding: 0 !important;
	}/* Mexico » Sitemap */
/* Description: Currently unmade. Will either come up in lightbox or something will expand. */

#sitemap {
	display: none;
	}

/* Mexico ÈÊLogos */
/* Description: Pufferfish powered links, one sprite */

#mexico_logos {
	position: absolute;
	top: 8px;
	right: 0;
	height: 82px;
	width: 190px;
	}

#mexico_logos a {
	background: #050505 url(../i/sandwich/mexico/logos.jpg) no-repeat top left;
	cursor: pointer;
	display: block;
	position: relative;
	float: right;
	height: 82px;
	z-index: 50;
	}

#mexico_logos #thf_logo {
	background-position: 0 0;
	width: 111px;
	}

#mexico_logos #dragon_logo {
	background-position: -111px 0;
	width: 79px;
	}

#mexico_logos .hover {
	background: #050505 url(../i/sandwich/mexico/logos.jpg) no-repeat top left;
	}

#mexico_logos #thf_logo .hover { background-position: 0 -82px; }
#mexico_logos #dragon_logo .hover { background-position: -111px -82px; }

#mexico_logos a .source {
	display: block;
	position: absolute;
	visibility: hidden;
	width: 100%;
	height: 82px;
	}/* Components » Pagination */

.pagination {
	background: url(../i/type/divider.gif) repeat-x top;
	clear: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 10px 0 11px 0;
	position: relative;
	width: auto;
	height: 21px;
	}

.pagination.unbuffered {
	background: transparent;
	}

.unbuffered.content .pagination,
.table .content .pagination {
	padding-left: 10px;
	}

.untitled .content-top .pagination.topped {
	padding-top: 0px;
	}

.splash .pagination {
	background: transparent;
	padding: 5px 0 10px 10px;
	}

.pagination a {
	display: block;
	color: #555;
	font: 12px/21px "lucida grande",verdana,sans-serif;
	text-decoration: none;
	height: 21px;
	}

.pagination a:hover { color: #f07; }

.pagination a.previous,.pagination a.first {
	float: left;
	margin: 0 0 0 -10px;
	padding: 0 10px;
	}

.pagination p.previous { float: left; padding: 0; }
.pagination p.previous a { margin: 0 3px; display: inline; }

.pagination a.next,.pagination a.last {
	float: right;
	margin: 0 -6px 0 0;
	padding: 0 10px;
	}

.numbers { display: none; }

ul.dots {
	list-style: none;
	margin: 0 0 0 300px;
	}

.medium ul.dots { margin: 0 0 0 170px; }

ul.dots li {
	float: left;
	margin: 0 5px 0 0;
	}

ul.dots li a {
	background: url(../i/components/pagination/dots.jpg) no-repeat 0 0;
	display: block;
	text-indent: -5000px;
	height: 21px;
	width: 21px;
	}

ul.dots li a:hover { background-position: 0 -21px; }

ul.dots li a.active {
	background-position: 0 -42px;
	color: #fff;
	}

.pagination.type.c form {
	margin: 0 0 0 210px;
	float: left;
	}

.pagination.type.c.v2 form { /* With show more results on */
	margin: 0 0 0 150px;
	}

.medium .pagination.type.c form {
	margin: 0 0 0 60px;
	float: left;
	}

.max .pagination.type.c form {
	margin: 0 0 0 250px;
	float: left;
	}

.medium .pagination.type.c .show_more { display: none; }

.medium .pagination.type.c.v3 .show_more { display: block; margin: 0 0 0 120px; }

.max .pagination.type.c.v3 .show_more { display: block; margin: 0 0 0 320px; }

.pagination form label {
	float: left;
	margin: 0 10px 0 0;
	}

.pagination form select {
	clear: none;
	float: left;
	margin: 0 10px 0 0;
	}

.pagination .show_more {
	float: left;
	font-size: 11px;
	text-decoration: underline;
	}

.pagination.type.m a {
	xfloat: right;
	}

.pagination .count {
	color: #999;
	font: 13px/22px "lucida grande",verdana,sans-serif;
	float: left;
	margin: 0 10px 0 200px;
	}

.pagination a.show_more { float: left; }
/* Components » Ads */
/* Description: Ad sizes, patches (for rounding) and molding (for overflows) */

/* Note: The grid category is getting a bit weird, possibly reorganize later */

.ad {
	float: left;
	margin: -3px 0 5px 10px;
	position: relative;
	}

.ad .patch {
	background: transparent url(../i/components/ads/a.png) no-repeat top left;
	display: block;
	position: absolute;
	height: 5px;
	width: 5px;
	}

.ad .patch.a { background-image: url(../i/components/ads/a.png); top: 4px; right: 0; }
.ad .patch.b { background-image: url(../i/components/ads/b.png); bottom: 4px; right: 0; }
.ad .patch.c { background-image: url(../i/components/ads/c.png); bottom: 4px; left: 0; }
.ad .patch.d { background-image: url(../i/components/ads/d.png); top: 4px; left: 0; }

.ad.twofifty {
	display: block;
	width: 230px;
	}

.ad.twofifty .molding {
	background: transparent url(../i/components/ads/250_r.png) no-repeat top right;
	display: block;
	padding: 4px 4px 4px 0;
	height: 250px;
	width: 250px;
	}

.ad.twofifty .patch.a,.ad.twofifty .patch.b { right: -20px; }
.ad.twofifty.left .patch.c,.ad.twofifty.left .patch.b { left: -20px; }

.ad.twofifty.x300 .molding {
	width: 300px;
	}

.ad.twofifty.x300 .patch.a,.ad.twofifty.x300 .patch.b { right: -70px; }
.ad.twofifty.x300.left .patch.c,.ad.twofifty.x300.left .patch.b { left: -70px; }

.ad.twofifty.x300.truncated .molding {
	width: 250px;
	overflow: hidden;
	}

.ad img { border: 0 none; }

div.textad200 { background: #333; display: block; height: 90px; width: 200px; }

.ad.max .seventwentyeight{ float: left; display: block; margin: 4px 3px 4px 4px; }
.ad.max .textad200 { float: left; display: block; margin: 4px;}/* Components » Splash */
/* Description: Slideshow of splash images, used on games » latest and possibly homepage. */

#ss {
	display: block;
	overflow: hidden;
	height: 206px;
	width: 702px;
	}

#ss div {
	overflow: hidden;
	position: relative;
	height: 
	width: 702px;
	}

#ss div h2 {
	background: transparent url(../i/components/splash/black75.png) repeat;
	color: #fff;
	font: 36px/36px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 10px 10px 14px 14px;
	position: absolute;
	left: 240px;
	left: 34px;
	top: 34px;
	}

#ss div h2 .shadow {
	top: 11px;
	left: 15px;
	}

#ss div h6 {
	background: transparent url(../i/components/splash/black75.png) repeat;
	color: #ccc;
	font: 18px/24px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 10px 10px 10px 14px;
	position: absolute;
	max-width: 420px;
	left: 240px;
	left: 34px;
	top: 105px;
	}

#ss div h6 .shadow {
	top: 11px;
	left: 15px;
	}

#ss a.link {
	background: transparent;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 206px;
	width: 702px;
	z-index: 99;
	}/* Components » Selectors */
/* Description:  Lists of links, generally at the top of .content. Usually select one active one and that turns the others off. In some circumstances, it could function like the platform selector, with multiple ones turning on except the last one staying on permanently and one of the items (ie. all selected) that undoes the rest since it includes them.*/
/* Add .tabbing to activate tab power. */

.selectors {
	background: #000;
	list-style: none;
	display: block;
	margin: 0 0 10px -2px;
	padding: 2px 11px 5px 5px;
	height: 23px;
	}

.large .selectors {
	background: url(../i/components/selectors/large.jpg) no-repeat top left;
	width: 670px;
	}

.medium .selectors {
	background: url(../i/components/selectors/medium.jpg) no-repeat top left;
	width: 430px;
	}

.max .selectors {
	background: url(../i/components/selectors/max.jpg) no-repeat top left;
	padding-bottom: 21px;
	width: 908px;
	}

.selectors li {
	float: left;
	margin: 0 2px 0 0;
	}

.selectors li a {
	color: #333;
	display: block;
	font: 800 11px/26px "lucida grande",verdana,sans-serif; 
	padding: 0 10px;
	text-decoration: none;
	}

.selectors li a:hover {
	color: #999;
	}

.selectors li.active a,.selectors li a.active {
 	color: #ff267d;
 	font-weight: 400;
	}
/* Stars */

.stars {
	background: url(../i/components/ratings/stars.jpg) no-repeat top left;
	float: left;
	margin: 4px 10px 0px 0;
	height: 18px;
	}

/* Score Box (floated in user reviews) */

.score {
	background: #090909;
	border: 1px solid #1a1a1a;
	color: #999;
	color: #ffaa31;
	font: 18px/22px "lucida grande",verdana,sans-serif;
	padding: 5px 10px;
	float: right;
	margin: 0 5px 1px 5px;
	}

/* 5 Hearts */

ul.hearts {
	background: url(../i/components/ratings/hearts.jpg) repeat-x 0 0;
	float: left;
	position: relative;
	list-style: none;
	padding: 0 !important;
	height: 20px;
	width: 100px;
	overflow: hidden;
	}

ul.hearts li.currently {
	background: url(../i/components/ratings/hearts.jpg) repeat-x 0 -20px;
	float: left;
	z-index: 0;
	}

ul.hearts li {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 !important;
	margin: 0 !important;
	height: 20px;
	}

ul.hearts li a {
	display: block;
	text-indent: -2000px;
	height: 20px;
	}

ul.hearts li a.pufferfish span {
	background: url(../i/components/ratings/hearts.jpg) repeat-x 0 -40px;
	cursor: pointer;
	padding: 0;
	}

ul.hearts li.rate1 { width: 20%; z-index: 10; }
ul.hearts li.rate2 { width: 40%; z-index: 8; }
ul.hearts li.rate3 { width: 60%; z-index: 6; }
ul.hearts li.rate4 { width: 80%; z-index: 4; }
ul.hearts li.rate5 { width: 100%; z-index: 2; }

ul.hearts li a:active,
ul.hearts li a:focus { 	background: url(../i/components/ratings/hearts.jpg) repeat-x 0 -20px; }

/* 3score Ratings Box */

.rating_box {
	background: url(../i/components/ratings/rating.jpg) no-repeat top left;
	float: right;
	margin: -10px 0 0 0;
	position: relative;
	height: 125px;
	width: 170px;
	z-index: 2;
	}

.rating_box .gg_rating {
	background: transparent;
	color: #ff3697;
	display: block;
	font: 800 24px/42px "lucida grande",verdana,sans-serif !important;
	position: absolute;
	left: 87px;
	top: 17px;
	text-align: center;
	width: 66px;
	height: 43px;
	}

.rating_box .users_rating {
	background: transparent;
	color: #ffaa31;
	font: 800 14px/22px "lucida grande",verdana,sans-serif;
	position: absolute;
	left: 18px;
	top: 87px;
	text-align: center;
	width: 62px;
	height: 22px;
	}

.rating_box .critics_rating {
	background: transparent;
	color: #999;
	font: 800 14px/22px "lucida grande",verdana,sans-serif;
	position: absolute;
	left: 87px;
	top: 87px;
	text-align: center;
	width: 62px;
	height: 22px;
	}

.rating_box .null { display: none !important; }
.ie { /* changed display none to + !important */ }

.table .details .rating_box span {
	padding: 0;
	margin: 0;
	}

/* Rating Module */
/* For Yuri */

.moduleinfeed .ratings.module {
	float: right;
	margin: -45px 0 0 0;
	}

.ratings.module {
	background: url(../i/components/ratings/module.png) no-repeat top left;
	float: right;
	position: relative;
	height: 100px;
	width: 200px;
	z-index: 3;
	}

.ratings.module.played {
	background-position: -200px 0; 
	}

.ratings.module.rented {
	background-position: -400px 0; 
	}

.ratings.module .hearts {
	position: absolute;
	top: 23px;
	left: 35px;
	}

.ratings.module .add {
	background: url(../i/icons/add.jpg) no-repeat top left;
	position: absolute;
	top: 24px;
	right: 35px;
	text-indent: -4200px;
	height: 16px;
	width: 16px;
	}

.module a.owned,.module a.played,.module a.rented {
	position: absolute;
	display: block;
	text-indent: -4200px;
	top: 55px;
	height: 35px;
	}

.module a.owned {
	left: 10px;
	width: 62px;
	}

.module a.played {
	left: 72px;
	width: 57px;
	}

.module a.rented {
	left: 129px;
	width: 61px;
	}

.ratings.module .add_menu {
	display: none;
	list-style: none;
	position: absolute;
	z-index: 9001;
	top: 45px;
	left: 150px;
	width: 115px;
	background: url('../i/components/splash/black90.png');
	padding: 5px;
	}

.light .ratings.module .add_menu {
	margin: 0 0 0 -100px;
	}

.ratings.module.adding .add { background-image: url(../i/icons/x.jpg); }

.ratings.module .add_menu li {
	padding: 3px 0 0 10px;
	}

.ratings.module .add_menu a {
	display: block;
	color: #fff;
	visibility: visible;
	text-indent: 0;
	font: 11px/20px "lucida grande",verdana,sans-serif;
	text-decoration: none;
	}

.ratings.module .add_menu a:hover {
	text-decoration: underline;
	}

.ratings.module .add_menu a:active {
	text-decoration: none;
	}/* Content » Forms » Core */
/* Description: Basic form stuff. Using backgrounds and borders to setup default spacing, sizes and styles. */

fieldset { border: 0 none; }

legend {
	color: #ff3697;
	display: block;
	font: 800 14px/21px "lucida grande",verdana,sans-serif;
	margin: 0 0 7px 0;
	}

label {
	color: #777;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	display: block;
	clear: left;
	}

/* Splits */

.max .n3 {
	float: left;
	width: 308px;
	}

fieldset.n4 {
	float: left;
	width: 230px;
	}

.max .n2 {
	xbackground: #ccc;
	float: left;
	margin: 0 10px 0 0;
	width: 450px;
	}

.birthday select.month {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	width: 80px !important;
	}

.birthday select.day {
	display: block;
	float: left;
	margin: 5px 5px 0 5px;
	width: 50px !important;
	}

.birthday select.year {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	width: 63px !important;
	}/* Content » Forms » Inputs */
/* Description: Styles & sizes for inputs, checkboxes, radio buttons, dropdowns and textareas. */

/* Text Inputs (input.text) */

input.text {
	background: #050505 no-repeat 0 0;
	border: 0 none;
	color: #ccc;
	display: block;
	float: left;
	font: 800 11px/18px "lucida grande",tahoma,sans-serif;
	margin: 0 7px 10px -2px;
	padding: 8px 0 0 14px;
	height: 22px;
	}

.ie input.text { line-height: 14px; }

input.shy { color: #444; }

input.text:hover { background-position: 0 -30px; }
input.text:active { background-position: 0 -60px; outline: none; }
input.text:focus { background-position: 0 -60px; outline: none; }

/* Sizes */

input.tiny {
	background-image:  url(../i/content/forms/inputs/tiny.jpg);
	width: 137px;
	}

input.small {
	background-image:  url(../i/content/forms/inputs/small.jpg);
	width: 192px;
	}

input.medium {
	width: 432px;
	}

fieldset.type.a input.medium {
	width: 374px;
	}

input.large {
	width: 670px; 
	}

input.medium:active,input.medium:focus,input.large:active,input.large:focus, {
	border: 1px solid #ff267d !important;
	}

/* Checkboxes & Radios (input.checkbox|radio) */

x.checkbox { margin: 1px 10px 0 0; }

/* Dropdowns (<select>) */

select {
	display: block;
	margin: 0 0 10px 0;
	}

label select { margin: 10px 0 17px 0; }

.small select { width: 206px; }
.medium select { width: 446px; }


/* Textareas (<textarea>) */

textarea {
	background: #090909;
	border: 1px solid #1c1c1c;
	color: #ccc;
	display: block;
	float: left;
	font: 800 11px/18px "lucida grande",verdana,sans-serif;
	margin: 7px 0 10px 0;
	padding: 10px 0 0 14px;
	width: 100px;
	}

textarea:hover { background: #000; }
textarea:active,textarea:focus { background: #000; border: 1px solid #ff267d; }

.small textarea {
	width: 190px;
	height: 100px;
	}

textarea.large {
	width: 670px;
	}/* Content » Forms » Buttons */
/* Description: */

button {
	background: #000 url(../i/content/forms/buttons/go.jpg) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	position: relative;
	display: block;
	line-height: 0;
	margin: 1px 0 10px 0;
	height: 28px;
	width: 52px;
	}

button.pufferfish .hover {
	background: url(../i/content/forms/buttons/go.jpg) no-repeat 0 -28px;
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	width: 100%;
	}

button.right { float: right; margin-right: 8px;}

.gecko button span.hover {
	margin: 0 0 0 -3px;
	position: relative;
	top: -1px;
	}



button.save,button.save .hover { background-image: url(../i/content/forms/buttons/save.jpg); }
button.update,button.update .hover { background-image: url(../i/content/forms/buttons/update.jpg); }
button.filter,button.filter .hover { background-image: url(../i/content/forms/buttons/filter.jpg); }


/* Pufferfish link version */

a.button {
	background: #000 url(../i/content/forms/buttons/go.jpg) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	position: relative;
	display: block;
	line-height: 0;
	margin: 1px 0 10px 0;
	height: 28px;
	width: 52px;
	}

a.button.pufferfish .hover {
	background: url(../i/content/forms/buttons/go.jpg) no-repeat 0 -28px;
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	width: 100%;
	}

a.button.pufferfish.matchup,
a.button.pufferfish.matchup .hover {
	width: 206px;
	background-image: url(../i/content/forms/buttons/matchup.jpg);
	}fieldset.type.a label input {
	margin-top: 7px;
	}

fieldset.type.a label {
	margin-bottom: 7px;
	}

fieldset.type.a button { float: left; }fieldset.type.b label input { margin-top: 7px; }

fieldset.type.c { margin-bottom: 7px; }

fieldset.type.c label {
	line-height: 21px;
	padding: 0 20px 5px 0;
	position: relative;
	xbackground: #ccc;
	}

fieldset.type.c.colorcoded {
	margin: -7px 0 0 0;
	}

fieldset.type.c.colorcoded label {
	margin: 14px 0;
	display: block;
	}

fieldset.type.c .checkbox {
	float: left;
	margin: 3px 10px 0 0;
	}

fieldset.type.c label img {
	xpadding: 5px 0 0 5px;
	position: absolute;
	top: 3px;
	right: 14px;
	}fieldset.type.f {
	padding: 0 0 0 235px;
	display: block;
	}fieldset.type.x label span {
	clear: left;
	display: block;
	float: left;
	line-height: 30px;
	margin: 0 14px 0 0;
	text-align: right;
	width: 220px;
	}

fieldset.type.x label select {
	display: block;
	float: left;
	width: 200px;
	margin: 5px 0 14px 0;
	}

fieldset.type.x textarea { margin-left: 0; }

fieldset.type.custom input.first {
	margin: 0 10px 0 160px; 
	text-align: right;
	padding-right: 14px; 
	padding-left: 0;
	}

fieldset.type.custom { position: relative; }

fieldset.type.custom a { font: 11px/28px "lucida grande",verdana,sans-serif; margin: 0 5px; }

fieldset.type.custom a.delete { position: absolute; right: 10px; }
fieldset.type.custom a.delete:hover { color: #f30; }


.max.content fieldset.type.x label span { width: 150px; }
.max.content fieldset.type.x.n2 label span { width: 150px; }

.max.content fieldset.type.x textarea { width: 650px; }/* Content » Lists » Core */
/* Description: ??? */

dt,dd { font: 12px/18px "lucida grande",verdana,sans-serif; }

dd.last,dt.last { margin-bottom: 14px; }

dt{
	/* Colored in type » Colors */
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	text-align: right;
	}

dd {
	color: #ccc;
	margin-left: 35%;
	}

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

dd {display:inline-block;}
/* Hide from IE Mac \*/
dd {display:block;}
/* End hide from IE Mac */

dt.tall,dd.tall {
	line-height: 24px;
	}

.medium dt { width: 140px; }
.medium dd { margin-left: 150px; }

.small dt,
.medium .n2 dt { width: 70px; }
.small dd,
.medium .n2 dd { margin-left: 80px; }

/* Link Lists */

ul.links {
	list-style: none;
	margin-bottom: 14px;
	}

ul.links a {
	font: 12px/21px "lucida grande",verdana,sans-serif;
	}

ul.links.big a { font-size: 15px; }

ul.links a.add,
ul.links a.bookmark,
ul.links a.send_message {
	padding-left: 22px;
	}

ul.links a.add { background: url(../i/icons/add.jpg) no-repeat top left; }
ul.links a.bookmark { background: url(../i/icons/star.jpg) no-repeat top left; }
ul.links a.send_message { background: url(../i/icons/message.jpg) no-repeat top left; }

.small ul.links.n2 {
	float: left;
	margin: -4px 10px 10px 0;
	width: 98px;
	}

.medium ul.links.n2 {
	float: left;
	margin: -4px 10px 10px 0;
	width: 210px;
	}

.medium ul.links.n3 {
	float: left;
	margin: -4px 10px 10px 0;
	width: 140px;
	}


.small ul.links.n2 li a {
	color: #999;
	display: block;
	font: 12px/21px "lucida grande",verdana,sans-serif;
	text-decoration: underline;
	}

.small ul.links li a:hover { text-decoration: none; }

.large ul.links li,
.max ul.links li,
ul.links.big li {
	background: url(../i/type/divider.gif) repeat-x bottom;
	line-height: 24px;
	padding: 7px 10px 7px 0;
	}

ul.links li.last { background: transparent; }

.large ul.links.type.b li a {
	font-size: 15px;
	}

.max ul.n4 { width: 200px; float: left; }/* Content » Lists » Horizontal */
/* Description: Horizontal lists. Splits based on parent size and desired columns (n4,n6, etc...) */

/* Splits */

.max .horizontal.list.n6 .item {
	float: left;
	margin: 0 11px 10px 0;
	width: 145px;
	}

.large .horizontal.list.n4 .item {
	float: left;
	margin: 0 10px 10px 0;
	width: 163px;
	}

.large .horizontal.list.n2 .item {
	float: left;
	margin: 0 10px 10px 0;
	width: 326px;
	}

.medium .horizontal.list.n3 .item {
	float: left;
	margin: 0 10px 10px 0;
	width: 140px;
	}

/* Type A */

.horizontal.list.type.a h3 {
	clear: left;
	font-size: 16px;
	margin: 0;
	padding: 10px 0 7px 0;
	}

.horizontal.list.type.a h3 a {
	font-size: 16px;
	}

.horizontal.list.type.a small {
	display: block;
	margin: 0 0 5px 0;
	}.vertical.list .item {
	background: url(../i/type/divider.gif) repeat-x bottom;
	clear: left;
	padding: 0 0 9px 0;
	position: relative;
	margin: 0 10px 7px 0;
	}

.vertical.list .item.last {
	background: transparent;
	margin-bottom: 0;
	}

.vertical.list .thumb { margin-right: 10px; }
.vertical.list p { margin-left: 0; }

.list.type.m.v2 h3,
.list.type.m.v3 h3,
.list.type.m.v4 h3,
.list.type.m.v5 h3 {
	margin-right: 45px;
	}

.list.type.m h3,.list.type.m h3 a {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.list.type.m span {
	color: #999;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	position: absolute;
	top: 7px;
	text-align: center;
	right: 10px;
	width: 35px;
	}

.list.type.m.v2 span {
	color: #444;
	font-size: 22px;
	}

.list.type.m.v3 span {
	font-size: 11px;
	}

.list.type.m.v5 span {
	color: #888;
	font-weight: 800;
	font-size: 15px;
	line-height: 18px;
	text-align: left;
	}

.list.type.m.v5 span em {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	padding: 0 0 0 14px;
	}

.list.type.m.v5 span em.up {
	background: url(../i/icons/arrow_up.jpg) no-repeat center left;
	color: #5dab06;
	}

.list.type.m.v5 span em.down {
	background: url(../i/icons/arrow_down.jpg) no-repeat center left;
	color: #ed1c24;
	}

.list.type.m.v6 small {
	float: left;
	position: absolute;
	right: 50px; 
	top: 10px; 
	}

.list.type.o .item p {
	display: block;
	float: left;
	line-height: 30px;
	margin: 0 7px 0 0;
	padding: 0;
	}

.ie .list.type.o .item p {
	float: none !important;
	}

.list.type.o .item .thumb {
	display: inline;
	float: left;
	margin: 0 10px 0px 0;
	}

.list.type.o .item.v2 p {
	display: block;
	float: none;
	}

.list.type.o .item small a { color: #888;}

.list.type.o .item { padding-right: 70px; }

.list.type.o .item .timestamp {
	color: #555;
	position: absolute;
	right: 10px;
	top: 5px;
	}
.list.type.p .item { background: transparent; }

.list.type.q .item { padding: 5px 0 0 0; }
.list.type.q p { margin: 0; padding: 5px 0 14px 0; }
.list.type.q h3 { padding: 0 0 7px 0; line-height: 28px; }
.list.type.q h3 a { font-size: 14px; }
.list.type.q .thumb { margin-bottom: 0; }

.list.type.r {
	background: url(../i/type/divider.gif) repeat-x top;
	padding: 2px 0 0 0;
	}

.light .list.type.r { margin: 0 0 0 -14px; }

.list.type.r .item .module {
	position: relative;
	float: right;
	}

.list.type.r .item .info {
	float: left;
	}

.list.type.r .item { margin: 0; padding: 10px 0 7px 14px;}
.list.type.r .item.odd { xbackground-color: #0f0f0f; }

.list.type.r .item .info a { color: #999; }
.list.type.r h3 a { font-size: 26px; }/* Content » Lists » Thumbs */
/* Description: For thumbnails, especially links. Often used in links. Defines border and hovering, etc. 

Possibly move up to content/ level, as thumbnails are used elsewhere besides in lists ?? */

.thumb {
	background: #000;
	border: 1px solid #222;
	float: left;
	padding: 2px;
	display: block;
	}

.thumb.padded { margin: 0 10px 5px 0;}

.thumb img { display: block; }

.thumb:hover { border-color: #333; }

.medium .n3 .thumb {
	max-width: 134px;
	overflow: hidden;
	}

.large .n4 .thumb {
	max-width: 157px;
	overflow: hidden;
	}

.max .n6 .thumb {
	max-width: 139px;
	overflow: hidden;
	}

img.padded {
	margin: 0 10px 5px 0;
	}

img.right.padded { margin: 0 0 5px 10px; }.comment {
	background: url(../i/type/divider.gif) repeat-x bottom;
	margin: 0 0 10px 0;
	}

.last.comment { background: transparent; }

.comment .comment_user {
	float: left;
	width: 210px;
	}

.comment .comment_user .thumb {
	margin: 0 10px 10px 0;
	}

.comment .comment_content {
	margin: 0 0 0 220px;
	}.table .max.content {
	padding-left: 0;
	padding-right: 0;
	width: 950px;
	}

.table .medium.content {
	padding-left: 0;
	padding-right: 0;
	width: 470px;
	}

.table .content span { font-size: 13px; }

.table .content .rating,
.table .content .ratings { 
	font-size: 15px; }

.table .content .game_name,
.table .content .review_name,
.table .content .article_name {
	font-size: 15px; }


/* Instance A : Games » Browse */

.table.instance.a .game_name {
	width: 250px;
	}

.table.instance.a .platform,
.table.instance.a .genre,
.table.instance.a .release_date {
	width: 130px;
	}

.table.instance.a .rating { width: 150px; }

.table.instance.a .content .rating {
	font-size: 14px;
	}

/* Instance B : Games » Reviews */

.table.instance.b .review_name {
	width: 280px;
	}

.table.instance.b .platform,
.table.instance.b .genre,
.table.instance.b .review_date {
	width: 130px;
	}

.table.instance.b .content .ratings {
	font-size: 14px;
	}

/* B: search features extension */

.table.instance.b .feature_name {
	width: 320px;
	}

.table.instance.b .article_count,.table.instance.b .media_count {
	width: 75px;
	}

/* Instance C : Games » Articles & Previews */

.table.instance.b .article_name {
	width: 280px;
	}

.table.instance.b .platform,
.table.instance.b .genre,
.table.instance.b .date {
	width: 120px;
	}

/* Instance D : Guides & Cheats */

.table.instance.d .cheat_type {
	width: 80px;
	}

.table.instance.d .content .cheat_type { font-size: 12px; }

.table.instance.d .cheat_name {
	width: 220px;
	}

.table.instance.d .platform {
	width: 80px;
	}
.table.instance.d .game {
	width: 140px;
	}

.table.instance.d .date {
	width: 180px;
	}

/* Instance E : Games Page » Guides & Cheats */
/* Dont need the name of game & platform */

.table.instance.e .cheat_type {
	width: 100px;
	}

.table.instance.e .content .cheat_type { font-size: 13px; }

.table.instance.e .cheat_name {
	width: 300px;
	}

.table.instance.e .platform {
display: none;
	width: 80px;
	}
.table.instance.e .game {
display: none;
	width: 140px;
	}

.table.instance.e .date {
	width: 200px;
	}

/* Instance F : Community » Blogs (Latest Blog Posts -- max ) */

.table.instance.f .post_title {
	width: 500px;
	}

.table.instance.f .posted {
	width: 220px;
	}

.table.instance.f .category {
	width: 100px;
	}

/* Instance G : Community » Blogs (Medium -- Most Popular//Top Blogs ) */

.table.instance.g .blog_title {
	width: 200px;
	}

.table.instance.g .views {
	font-size: 11px;
	width: 82px;
	}

.table.instance.g .category {
	width: 90px;
	}

.table.instance.g .rating {
	font-size: 16px;
	width: 82px;
	}

/* Instance H : Guides & Cheats (medium) */

.table.instance.h .type {
	width: 60px;
	}

.table.instance.h .game_name {
	font-size: 11px;
	line-height: 18px;
	width: 100px;
	}

.table.instance.h .cheat_name {
	width: 205px;
	}

/* Instance I : Guides & Cheats (medium) */

.table.instance.i .forum_name {
	color: #999;
	font-size: 12px;
	width: 420px;
	}

.table.instance.i .forum_name a {
	font-size: 22px;
	color: #ff3697;
	}

.table.instance.i.version.threads .forum_name a { font-size: 18px; }

.table.instance.i .forum_name small a { font-size: 12px !important; color: #aaa; }

.table.instance.i .last_post {
	width: 200px;
	}

.table.instance.i .thread_count {
	width: 80px;
	}

.table.instance.i .post_count {
	width: 80px;
	}

/* Instance J : Buy */

.table.instance.j .product_name {
	line-height: 18px;
	width: 400px;
	}

.table.instance.j .product_name h3 { margin: 0; padding: 0; }

.table.instance.j .product_name h3 a {
	font-size: 14px;
	line-height: 28px;
	color: #ff3697;
	}

.table.instance.j .tags {
	line-height: 20px;
	width: 200px;
	}

.table.instance.j .product_rating {
	width: 200px;
	}

.table.instance.j .hearts { float: left; margin: 0 20px 0 10px;}

.table.instance.j .price {
	font-size: 16px;
	width: 100px;
	}

/* Instance M : Messsages */

.table.instance.m { margin: 0 10px 0 0; }

.table.instance.m .username {
	padding-left: 4px !important;
	width: 100px;
	}

.table.instance.m .message_title {
	width: 350px;
	}

.table.instance.m .message_title a {
	color: #999;
	font-size: 13px;
	}

.table.instance.m .unread .message_title a {
	color: #ddd;
	font-weight: 800;
	}

.table.instance.m .time { color: #555; }

/* Instance N : Messsages in Dashboard */

.table.instance.n { margin: 0 10px 0 0; }

.table.instance.n .user_icon {
	padding-left: 4px !important;
	width: 40px;
	}

.table.instance.n .message {
	width: 200px;
	}

.table.instance.n.v2 .message { width: 430px; }

.table.instance.n a.link {
	color: #ff3697;
	display: block;
	font-size: 15px;
	}

.table.instance.n .from {
	display: none;
	width: 50px;
	}

.table.instance.n span p {
	font-size: 11px;
	margin: 0;
	padding: 3px 0 0 0;
	}

/* Instance O : Controls in Dashboard */

.table.instance.o { margin: 0 10px 0 0; }

.table.instance.o h3 {
	font-size: 16px;
	float: left;
	width: 200px;
	}

.table.instance.o .count { width: 100px; }

.table.instance.o .controls { }

/* Instance P : Zine Browse */

.table.instance.p .article_name {
	width: 280px;
	}

.table.instance.p .article_type,
.table.instance.p .date {
	width: 120px;
	}

.table.instance.p .column_name {
	width: 300px;
	}/* Content » Tables » Headers */
/* Description: Headers for the tables. Headers are by span.column and a unique classname for the item. */

.header {
	background: url(../i/core/titles/bars.jpg) no-repeat -20px 0;
	height: 40px;
	margin-bottom: 0;
	overflow: hidden;
	}

.orange.max.header { background-position: -20px -42px; }
.blue.max.header { background-position: -20px -126px; }
.green.max.header { background-position: -20px -84px; }



.header .column {
	background: url(../i/content/tables/header_divide.jpg) no-repeat top right;
	display: block;
	font: 800 11px/10px "lucida grande",verdana,sans-serif;
	float: left;
	padding: 14px 14px 8px 14px;
	text-transform: uppercase;
	}

.header .column .shadow { top: 14px; }

.header .column.last { background: transparent; padding-right: 0; }.row {
	background: url(../i/type/divider.gif) repeat-x bottom;
	color: #ccc;
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	}

.ie .row {
	xbackground: #fff;
	}

.row span {
	display: block;
	float: left;
	padding: 5px 14px 8px 14px;
	}

.ie .row span { display: inline-block; float: none !important; }

.last.row { background: transparent; }.details {
	clear: both;
	color: #aaa;
	display: none;
	padding: 0 0 10px 14px;
	}

.row.hovering { background: #111 url(../i/type/divider.gif) repeat-x bottom; cursor: pointer; }
.row.hovering.open { background: transparent url(../i/type/divider.gif) repeat-x bottom; cursor: default; }

.row .close_details {
	display: block;
	float: left;
	background: url(../i/icons/x.jpg) no-repeat center center;
	position: absolute;
	top: 5px;
	right: 10px;
	height: 20px;
	width: 25px;
	}

.row .details .cover {
	float: left;
	margin: 0 10px 10px 0;
	}

.row .details .description {
	float: left;
	width: 416px;
	}

.row .details .description p { margin: 0; padding: 0; }

.row .details .rating_box {
	float: left;
	margin: 0 0 0 -10px;
	right: -10px;
	top: -10px;
	}

.row .details .module {
	float: left;
	position: relative;
	margin-right: -10px; 
	top: -10px;
	}

.row .details .description .esrb {
	float: right;
	margin: 0 0 5px 5px;
	}

.row .details .badges a {
	float: left;
	margin: 10px 7px 0 0;
	}

/* Cheats version */

.row .details .cheat {
	float: left;
	margin: 0 10px 0 0;
	width: 455px;
	}

.row .details .cheat p { margin: 0; padding: 0; }
.tip {
	z-index: 9000;
	display: none;
	position: absolute;
	padding: 10px 15px;
	max-width: 250px;
	background: url('../i/components/splash/black75.png');
	font: 11px/15px "lucida grande",verdana,sans-serif;
	color: #fff;
}
/* Content » Spotlights */

.spotlight .thumb {
	margin-right: 14px;
	margin-bottom: 14px;
	}

.spotlight .badges a { float: left; margin: 0 5px 0 0;}

.spotlight.type.n p {
	margin-left: 159px;
	}/* .the.hotsheet:

<div class="item">
<span class="number">1</span>
<a href="#item" class="thumb padded"><img src="lib/a/badges/1.jpg" alt="" /></a>
<h3><a href="#">Title</a></h3>
<small>Description &bull <str>$599</small>
<span class="buy"><a href="#">Buy it!</a></span>

<form action="" class="rerank">
<select>
<option>Rank this Item</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="10">I disagree!</option>
</select>
</form>

</div><!-- /item -->

*/

.the.hotsheet {
	border: 1px solid #ff267d;
	border-width: 1px 0;
	margin: 0 10px 14px 0;
	padding: 5px 0;
	}

.the.hotsheet .item {
	background: url(../i/type/divider.gif) repeat-x bottom;
	padding: 5px 0 0 0;
	position: relative;
	}

.the.hotsheet .last.item { background: transparent;}

.the.hotsheet .number {
	color: #ff267d;
	color: #222;
	font-size: 75px;
	float: right;
	padding: 10px 0;
	text-align: center;
	width: 75px;
	}

.the.hotsheet h3, .the.hotsheet p { margin: 0 0 0 116px; }

.the.hotsheet p { width: 270px; }

.the.hotsheet .thumb { margin: 10px 10px 10px 0; }

.the.hotsheet .buy {

	position: absolute;
	text-decoration: none;
	top: 15px;
	right: 80px;
	}

.the.hotsheet .buy a {
	background: #111;
	color: #aaa;
	font: 800 12px/22px "lucida grande",verdana,sans-serif;
	padding: 4px 7px;
	text-decoration: none;
	}

.the.hotsheet .buy a:hover { background: #ff267d; color: #fff;}

.the.hotsheet .rerank {
	position: absolute;
	top: 50px;
	right: 80px;
	}#darkness {
	background: #000 url(../i/lightboxes/darkness.png) repeat top;
	height: 100%;
	width: 100%;
	opacity: 0.8;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	}

.light {
	display: block;
	margin: 10% 0 0 -435px;
	position: fixed;
	top: -100px;
	left: 50%;
	padding: 75px;
	height: auto;
	width: 860px;
	z-index: 102;
	}

.light .shadows {
	display: block;
	xpadding: 0 85px 0 65px;
	margin: 0px 0 0 0;
	position: relative;
	width: 710px;
	}

.light .shadows .shadow.ne,
.light .shadows .shadow.nw,
.light .shadows .shadow.se,
.light .shadows .shadow.sw {
	background: transparent url(../i/lightboxes/shadows/corners.png) no-repeat top left;
	display: block;
	position: absolute;
	height: 75px;
	width: 75px;
	}
	
.light .shadows .shadow.nw {
	background-position: -75px 0;
	top: -75px;
	right: -85px;
	}

.light .shadows .shadow.sw {
	background-position: -75px -75px;
	bottom: -75px;
	right: -85px;
	}

.light .shadows .shadow.ne {
	top: -75px;
	left: -65px;
	}

.light .shadows .shadow.se {
	background-position: 0 -75px;
	bottom: -75px;
	left: -65px;
	}

.light .shadows .shadow.n,
.light .shadows .shadow.s,
.light .shadows .shadow.w,
.light .shadows .shadow.e {
	position: absolute;
	}

.light .shadows .shadow.n {
	background: url(../i/lightboxes/shadows/n.png) repeat-x bottom;
	display: block;
	top: -75px;
	left: 10px;
	height: 75px;
	width: 710px;
	}

.light .shadows .shadow.s {
	background: url(../i/lightboxes/shadows/s.png) repeat-x bottom;
	display: block;
	bottom: -74px;
	left: 10px;
	height: 75px;
	width: 710px;
	}

.light .shadows .shadow.w {
	background: url(../i/lightboxes/shadows/w.png) repeat-y bottom;
	display: block;
	top: 0px;
	right: -85px;
	margin: 0;
	height: 100%;
	width: 75px;
	}

.light .shadows .shadow.e {
	background: url(../i/lightboxes/shadows/e.png) repeat-y bottom;
	display: block;
	top: 0px;
	left: -65px;
	height: 100%;
	width: 75px;
	}

.light .close.pufferfish {
	background: url(../i/lightboxes/close.jpg) no-repeat top left;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 37px;
	width: 75px;
	}

.light .close.pufferfish span {
	background: url(../i/lightboxes/close.jpg) no-repeat 0 -37px;
	}

.light .content {
	overflow: auto;
	height: auto;
	max-height: 550px;
	overflow-x: hidden;
	}

.alphabet {
	font: 12px/14px "lucida grande",verdana,sans-serif;
	position: absolute;
	top: 10px;
	left: -45px;
	list-style: none;
	}

.alphabet li a {
	xbackground: url(../i/components/splash/black25.png) repeat;
	color: #aaa;
	display: block;
	font: 800 12px/14px "lucida grande",verdana,sans-serif;
	padding: 2px 25px 3px 25px;
	text-decoration: none;
	}

.alphabet li a:hover { color: #ff267d; }

.light .content .column { margin: 0 10px 10px  0; }

.light .content .medium.column { width: 440px; }
.light .content .small.column { width: 230px; }

.light .content h2 { font-size: 20px; line-height: 24px; padding: 0 0 10px 0; }

.light .content .list.type.a { width: 710px; }

.light .content dl.right {
	margin: 14px 42px 5px 35px;
	}/* Game » Splash */
/* Description: Top of the individual game page, with large splash image in the background spanning the length of the page (970). Height undecided but around 200-250. Elements: main cover, name and text, rating module and links to bookmark/wishlist. */
/* Image used will be a default, perhaps by console. The exact image and path to background will be specified via inline styles (??) */


#splash {
	background: #000 url(../a/game/splash/230.jpg) no-repeat top right;
	background: #222;
	padding: 9px 0 0 0;
	margin: -7px 0 0 0;
	position: relative;
	height: 221px;
	width: 970px;
	}

#splash.feature { height: 180px; }

#splash .backsplash {
	position: absolute;
	top: 0;
	left: 0;
	width: 970px;
	height: 230px;
	z-index: 0;
	}

#splash .cover {
	background: #fff;
	background: url(../i/components/splash/black50.png) repeat;
	float: left;
	display: block;
	margin: 10px 0 0 14px;
	padding: 3px;
	position: relative;
	overflow: hidden;
	max-height: 194px;
	max-width: 162px;
	z-index: 10;
	}

#splash.feature .cover { float: right; margin-right: 15px; }

#splash .cover {
	max-height: 194px;
	max-width: 216px;
	}

#splash .cover img { display: block; }

#splash h2 {
	background: url(../i/components/splash/black75.png) repeat;
	color: #fff;
	font: 400 36px/36px "lucida grande","trebuchet ms",verdana,sans-serif;
	padding: 10px 14px 10px 14px;
	position: absolute;
	top: 20px;
	left: 250px;
	}

#splash.feature h2 { left: 20px; top: 40px; }

#splash h2 .shadow {
	top: 11px;
	left: 15px;
	}

#splash h6 {
	background: url(../i/components/splash/black75.png) repeat;
	color: #ff3697;
	color: #fff;
	display: block;
	font: 800 14px/14px "lucida grande","trebuchet ms",verdana,sans-serif;
	opacity: 0.9;
	padding: 10px 14px 10px 14px;
	position: absolute;
	top: 88px;
	left: 250px;
	max-width: 500px;
	}

#splash.feature h6 { left: 20px; top: 110px; }

#splash h6 .shadow {
	top: 11px;
	left: 15px;
	}

#splash .module {
	position: absolute;
	top: 127px;
	left: 242px;
	}/* Game » Tabs */
/* Description: The tabs that span the full page (more than max) and go right underneath the game splash (see /game/splash.css). Link to all the pages subsections (summary, reviews, articles, etc...). Could be via jQuery tabs, preloaded or with AJAX requestes, or linking to actual separate pages. */


#tabs {
	background: url(../i/game/tabs.jpg) no-repeat top left;
	clear: left;
	display: block;
	margin: 0 0 3px 0;
	height: 49px;
	}

#tabs ul { list-style: none; }

#tabs li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	height: 49px;
	}

#tabs li a {
	background: transparent;
	display: block;
	font: 800 11px/14px "lucida grande",verdana,sans-serif;
	padding: 0 24px 0 18px;
	padding: 0 18px 0 14px;
	text-decoration: none;
	text-transform: uppercase;
	height: 50px;
	}

x.ie #tabs li a { float: left; xwidth: auto; }

#tabs li a span.rainbows {
	xbackground: #000;
	height: 15px;
	margin: 15px 0 0 0;
	position: relative;
	width: 100%;
	}

.ie #tabs li a span.rainbows { color: #fff; width: 50px; background: transparent;}

.ie #tabs li a span { color: #fff !important; }

#tabs li a span.rainbows .shadow {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -5px;
	left: 1px;
	}

#tabs li a span.rainbows .rainbow {
	top: 15px;
	}

/* li.tab = selected */

#tabs li.tab { xbackground: #222; }

#tabs li.tab a {
	background: #222;
	display: block;
	}/*

<div class="breakdown table">
<div class="row">
<span class="number">3.0</span>
<span class="category">Gameplay</span>
<span class="description">Not the best gameplay ever...</span>
</div><!-- /row -->
<div class="row">
<span class="number">9.0</span>
<span class="category">Graphics</span>
<span class="description">Absolutely stunning.</span>
</div><!-- /row -->
<div class="row">
<span class="number">7,0</span>
<span class="category">Sound</span>
<span class="description">Decent soundtrack and effects</span>
</div><!-- /row -->
<div class="row">
<span class="number">6.9</span>
<span class="category">Overall</span>
<span class="description">One of the hottest games of the summer.</span>
</div>
</div><!-- /table -->

*/

.breakdown.table {
	border: 1px solid #ff267d;
	border-width: 1px 0;
	padding: 7px 0 5px 0;
	margin: 5px 10px 20px 0;
	}

.breakdown.table .row {
	color: #aaa;
	clear: left;
	}

.breakdown.table .row {
	xbackground: url(../i/type/divider.gif) repeat-x bottom;
	}

.breakdown.table .row .number {
	color: #777;
	font-size: 22px;
	}

.breakdown.table .category {
	float: left;
	width: 90px;
	}

.breakdown.table .last.row .number {
	color: #ff267d;
	}

.breakdown.table .last.row {
	color: #fff;
	font-size: 15px;
	}.post {
	background: url(../i/forum/post/bg.jpg) repeat-y top center;
	margin: 0 0 1px 0;
	}

.post .post-top {
	background: url(../i/forum/post/top.jpg) no-repeat top center;
	}

.post .post-bottom {
	background: url(../i/forum/post/bottom.jpg) no-repeat bottom center;
	display: block;
	padding: 9px 10px 16px 10px;
	xmin-height: 170px;
	}

.post .post_user {
	float: left;
	width: 225px;
	}

.post .post_content {
	margin: 0 7px 0 241px;
	}

.post_user .thumb {
	margin: 7px 10px;
	position: absolute;
	}

.post_user h3,.post_user h3 a {
	color: #ff1385;
	display: block;
	font: 17px/14px "lucida grande","trebuchet ms",verdana,sans-serif;
	}

.post_user h3 { margin: 10px 0 7px 95px;}

.post_user.boy h3 a {
	color: #46b2ff;
	}

.post_user small {
	color: #777;
	display: block;
	line-height: 16px;
	margin: 0 0 0 95px;
	}

.post_user .stars {
	background: url(../i/components/ratings/stars.jpg) no-repeat top left;
	float: left;
	margin: 1px 0 0 94px;
	height: 18px;
	}

.post_user.boy .stars { background-position: 0 -18px; }

.post_user dl {
	margin: 28px 0 10px 10px; /* because stars are floated left */
	}

.post_user dt {
	color: #777;
	clear: left;
	line-height: 22px;
	text-align: right;
	width: 75px;
	}

.post_user dd {
	display: block;
	color: #999;
	font-weight: 800;
	line-height: 22px;
	width: 140px;
	}

.post_user dd.badges {
	float: left;
	margin: 0;
	width: 130px;
	}

.post_user dd.badges a {
	float: left;
	margin: 0 6px 0 0;
	}

.post_user dl .last { margin-bottom: 0; }

.post_content { padding: 10px 0 0 0; }

.post_content p {
	color: #aaa;
	margin-left: 14px;
	margin-right: 10px;
	}

.post_content .signature p {
	color: #555;
	}

.post_content .controls {
	background: url(../i/type/divider.gif) repeat-x top;
	height: 24px;
	padding: 10px 10px 5px 14px;
	}

.post_content .timesince {
	color: #777;
	font: 12px/18px "lucida grande","trebuchet ms",verdana,sans-serif;
	float: left;
	margin: 0 0 0 20px;
	width: 160px;
	}

.post_content .controls .buttons {
	float: right;
	margin: 0 0 0 5px; 
	}

.post_content .controls .buttons a {
	color: #777;
	font: 12px/18px "lucida grande","trebuchet ms",verdana,sans-serif;
	margin: 0 5px;
	}

.post_content .controls .buttons a.reply {
	background: url(../i/icons/comments_blue.jpg) no-repeat top left;
	padding: 0 0 0 24px;
	}

.post_content .controls .buttons a.bookmark {
	background: url(../i/icons/star.jpg) no-repeat top left;
	padding: 0 0 0 24px;
	}

.post_content .controls .buttons a.details {
	background: url(../i/icons/information.jpg) no-repeat top left;
	padding: 0 0 0 22px;
	}

.post_content .controls .buttons a.report {
	background: url(../i/icons/!.jpg) no-repeat top left;
	padding: 0 0 0 22px;
	}

.post_content .controls .buttons a.quote {
	background: url(../i/icons/quote.jpg) no-repeat top left;
	padding: 0 0 0 21px;
	}#thread_info { position: relative; }

#thread_info h2,#thread_info p,#thread_info .breadcrumbs {
	margin-left: 240px;
	margin-right: 100px;
	}

#thread_info h2 {
	margin-right: 225px;
	line-height: 28px;
	}

#thread_info .reply {
	background: url(../i/icons/reply.jpg) no-repeat bottom left;
	font: 13px/20px "lucida grande",verdana,sans-serif;
	padding: 0 0 0 26px;
	position: absolute;
	top: 22px;
	left: 24px;
	left: 730px;
	}

#thread_info .bookmark_thread {
	background: url(../i/icons/star.jpg) no-repeat center left;
	font: 13px/20px "lucida grande",verdana,sans-serif;
	padding: 0 0 0 26px;
	position: absolute;
	top: 50px;
	left: 24px;
	left: 730px;
	}

#thread_info .reorder_posts {
	background: url(../i/icons/arrow_redo.jpg) no-repeat center left;
	font: 13px/20px "lucida grande",verdana,sans-serif;
	padding: 0 0 0 26px;
	position: absolute;
	top: 80px;
	left: 24px;
	left: 730px;
	}body.beta { background: #000; }

body.beta #logo {
	background: url(../i/beta/logo.jpg) no-repeat top left;
	display: block;
	height: 150px;
	width: 230px;
	margin: 50px auto 0 auto;
	}


body.beta #logo a { display: block; visibility: hidden; height: 100%; width: 100%; }

body.beta #main {
	background: url(../i/beta/bg.gif) no-repeat top left;
	margin: 0 auto;
	width: 740px;
	}

body.beta #main .bottom {
	background: url(../i/beta/bg_bottom.gif) no-repeat bottom left;
	padding: 10px 10px 0 0px;
	}

body.beta #main .content {
	min-height: 135px;
	}
	
body.beta #info {
	background: #000;
	float: none;
	display: block;
	padding: 0 10px 0 0px;
	width: 720px;
	margin: 0 auto;
	}

body.beta #info .content { background: transparent; }

.beta #info .content p { color: #777;}

.beta #info .content h3 { color: #777; }

.beta #info .content p a { color: #777; }

body.beta #news {
	color: #999;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	float: none;
	display: block;
	margin: 0 auto;
	width: 720px;
	}/* */

#month h2 {
	margin-bottom: 18px;
	}

#month .grid .day {
	xbackground: #444;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 0 10px 0;
	width: 12.8%;
	}


#month .listing .day {
	xbackground: #444;
	border-top: 1px solid #000;
	border-bottom: 1px solid #222;
	margin: 0 10px 0 0;
	padding: 14px 14px;
	width: auto;
	}

#month .listing .first.day { border-top: 0 none !important; }

#month .day .number {
	color: #333;
	font-size: 32px;
	font-family: "trebuchet ms","lucida grande",verdana,sans-serif;
	}

#month .highlighted .day .number {
	color: #777;
	}

#month .grid .today .number {
	color: #FF1385;
	}

#month .grid .number a {
	color: #eee;
	text-decoration: none;
	}

#month .grid .number a:hover {
	text-decoration: underline;
	}