/* Start the stylesheet */

html {
	height: 100.1%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #eee url("../images/container-bg.gif") repeat-x;
	line-height: 1.25em;
	height: 100%;	
	color: #222;
}

frame {
	border: 0px;
}

a { color: #47a; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Headings */

h1, h2, h3 { 
	font-family: "Segoe UI", "Myriad Pro", Myriad, "Trebuchet MS", sans-serif;
	margin: 0px; 
	padding: 0px;
	letter-spacing: -0.05em; 
	color: #333;
}

h1 a, h2 a, h3 a { color: #059; }

#header h1 {
	font-size: 44px;
	padding: 38px 18px;
	color: #fff;
	text-shadow: 0px 2px 1px #000;
}

#header-small h1 {
	font-size: 24px;
	padding: 12px 8px;
	color: #fff;
	line-height: 1.1em;
	float: left;
}

#intro h2 { 
	padding: 5px 5px 20px 5px; color: #555; 
}

h2 { font-size: 24px; letter-spacing: -0.03em; line-height: 1.1em; }
h3 { font-size: 16px; letter-spacing: -0.03em; line-height: 1.15em; }

h1.dim, h2.dim, h3.dim {
	color: #606060;
}

h3.feedTitle span {}

ul, ol { 
	margin: 0px;
	padding: 0px;
	list-style: none; 
}

.spacer { clear: both; }

/* Main body elements */

#menubar-top {
	margin: 0px auto;
	margin-top: 20px;
	width: 900px;
	height: 30px;
	padding: 0px;
	background: url("../images/mainmenu-top.gif") no-repeat top;	
}

#header, #header-small {
	background: #036 url("../images/headerbg.jpg") repeat-x;
	color: #fff;
	border-bottom: 1px solid #888;
}

#header-img {
	margin: 0px auto;
	height: 100px;
	width: 960px;
}

#header-small span {
	font-family: Helvetica, Arial, sans-serif;
	padding: 16px 0px 16px 12px;
	float: left;
}

#header-small #header-img {
	margin: 0px auto;
	height: 50px;
	width: 960px;
}

#footer {
	margin: 0px auto;
	width: 960px;
	text-align: center;
	padding: 10px 0px;
}

#container-bg {
	background: #eee url('../images/page-bg.gif') repeat-x top center;
	background-attachment: scroll;
}

#container {
	margin: 0px auto;
	width: 960px;
	padding-top: 20px;
	background: #fff url('../images/containerbg.gif') repeat-x top;
}

#container-bottom {
	height: 55px;
	background: #fff url('../images/container-bottom.gif') repeat-x bottom;
}

/* Layout sections */

.left, .mid, .right { float: left; }
.left, .mid { padding-right: 10px; margin-right: 10px; }
.left { margin-left: 10px; }
.double { width: 620px; }
.single { width: 300px; }

.half { width: 470px; float: left; }
.full { width: 960px; margin: 0px auto; }

.content { background: #eee url('../imagescontentbg.gif') repeat-x; padding: 5px; }

.content-bright { 
	padding: 5px;
	border: 1px solid #ed9;
	background: #ffc url('../imagescontentbg.gif') repeat-x;
}

.sidebar {
	padding: 5px 0px;
	border-bottom: 1px solid #bbb;
	font-size: 11px;
}

.sidebar a {
	color: #333;
	text-decoration: underline;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

/* News navigation bar */

ul#navCategories { 
	margin-bottom: 15px;
	font: 16px/18px "Segoe UI", "Myriad Pro", Myriad, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	overflow: auto;
	background: #e8e8e8;
}

ul#navCategories li {
	float: left;
	border-right: 1px solid #fff;
	text-shadow: 1px 1px 0px #fff;
}

ul#navCategories li a {
	display: block;
	padding: 5px 15px 8px 15px;
	text-align: center;
	background-color: #e8e8e8;
	color: #444;
}

ul#navCategories li.selected a {
	background-color: #777;
	color: #fff;
	text-shadow: none;
}

ul#navCategories li a:hover {
	background: #579;
	color: #fff;
	text-decoration: none;
	text-shadow: none;
}

ul#navCategories li.xbox a:hover   { background: #7c2; }
ul#navCategories li.wii a:hover    { background: #2be; }
ul#navCategories li.ps3 a:hover    { background: #27c; }
ul#navCategories li.pc a:hover     { background: #f80; }
ul#navCategories li.mobile a:hover { background: #e40; }

ul.feeditems-main li {
	margin-bottom: 15px;
}

.item-main {
	padding: 0px 8px;
	background: #f3f3f3;
	font: 13px/1.33em "Segoe UI", "Myriad Pro", Myriad, "Trebuchet MS", sans-serif;
	overflow: hidden;
}

ul.feeditems-main li.first h3 { font-size: 20px; }

ul.feeditems-main li.first .item-main { font-size: 15px; }

.item-main h3 {
	padding-bottom: 4px;
}

.item-main img {
	margin-right: 8px; 
	float: left;
}

li.first .item-main img {
	margin-top: 8px;
}

.item-main p {
	margin: 2px 0px; 
}

.item-main .shortArticle {
	padding: 8px 0px;
	overflow: auto;
}

.item-main-top {
	height: 10px;
	background: url("../images/roundbox-long.gif") no-repeat top;
}

.item-main-bottom {
	height: 10px;
	background: url("../images/roundbox-long.gif") no-repeat bottom;
}

/* Text areas */

.small { font-family: Helvetica, Arial, sans-serif; font-size: 11px; }

.meta { font-size: 16px; color: #444;}

.meta a {
	font-weight: bold;
	color: #06c;
}

/* Forms */

input, textarea { font-family: Verdana, Arial, sans-serif; }

fieldset { margin: 0px; border: 0px; }

form, input {
	font-family: "Segoe UI", "Myriad Pro", Myriad, "Trebuchet MS", sans-serif;
	font-size: 13px;
}

form span {
	font-size: 13px;
}

form legend { 
	font-size: 16px; 
	font-weight: bold; 
	color: #444;
}

input.big, a.big {
	font-size: 15px;
	padding: 3px 7px;
}

input.big { 
	margin: 6px 0px;
	border: 1px solid #ccc; 
}

input.gray, a.gray {
	color: #555;
	background: #eee url('../images/forms/input-halfgray.gif') repeat-x top;
	border: 1px solid #ccc;
}

input.bigsearch {
	font-weight: bold;
	font-size: 18px; 
	padding: 6px 8px; 
	width: 334px; 
	background: url('../images/searchbig.gif');
	color: #369;
	border: 0px;
}

a.graysub  { padding: 5px 10px 5px 10px; }

a.graysub:active { padding: 6px 10px 4px 10px; }

a.graysub:hover { text-decoration: none; }

a.expandList, a.expandList:visited { 
	cursor: pointer;
	color: #059; 
}

input.graysub, a.graysub {
	color: #777;
	float: left;
	background: #eee url("../images/grad-gl.gif") repeat-x;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

a.graysub:active {
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}