/* CSS Document
GAMEFORCE STUDIOS
C/O UPROARMultimedia.com
Designer Gregory Gunther
Copyright 2008.

*/
/* --- RESET ---*/


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* --- GENERAL ---*/


body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #555;
	background-color:#fdc642;
	background-image:url(../img/back_diags.jpg);
	background-repeat:repeat;
}


/* --- FONTS SYTLES --- */
p {
line-height: 1.65;
font-size:1.2em;
margin-bottom:15px;
}

h1{
font-size:3em;
font-weight:bold;
color:#efad1c;
text-transform:uppercase;
}
h2{
margin-top:25px;
font-size:1.55em;
font-weight:bold;
color:#555;
text-transform:uppercase;
}
h3{
margin:0 0 5px 10px;
font-size:1.25em;
font-weight:bold;
color:#efad1c;
text-transform:uppercase;
}

a{line-height: 1.55;}


/* --- STRUCTURAL ---*/

div#wrapper{
margin:auto;
width:960px;
background-color:#FFFFFF;
border-left:6px solid #fdc842;
border-right:6px solid #fdc842;
}

div#mainBanner{
width:960px;
height:203px;
}
div#navBar{
width:960px;
height:39px;
margin-top:-3px;
background-color:#fdc842;
background-image:url(../img/nav-back.png);
background-repeat:repeat-x;
}
html> body div#navBar{
margin-top:0;
}

div#mainPage{
background-image:url(../img/main-grad.gif);
background-repeat:repeat-x;
height:100%;
padding-top:25px;
padding-bottom:2px;
}

div#breadcrumbs{
float:left;
width:600px;
margin-top:-15px;
height:12px;
margin-left:32px;
}
div#page-links{
float:right;
margin-top:-15px;
height:12px;
margin-right:40px;
}
html> body div#breadcrumbs{
margin-left:70px;
}
html> body div#page-links{
margin-right:80px;
}

#breadcrumbs a:link, #page-links a:link{color:#690;text-decoration:none;}
#breadcrumbs a:visited, #page-links a:visited{color:#690;text-decoration:none;}
#breadcrumbs a:hover, #page-links a:hover{color:#efad1c;text-decoration:underline;}


div#pageArrow{
float:left;
width:960px;
height:16px;
margin-top:2px;
padding-bottom:20px;
}
img#home{margin-left:71px;}

div#boxTop{
clear:left;
margin-left:32px;
background-image:url(../img/box-top.gif);
background-repeat:no-repeat;
height:31px;
}

div#pageContents{
margin-left:32px;
background-image:url(../img/box-stretch.gif);
background-repeat:repeat-y;
}

div#leftMain{
float:left;
margin-left:15px;
width:600px;
height:200px;
height:100%;
}
html> body div#leftMain{
margin-left:35px;
}

div#leftMain p{
font-size:150%;
}

div#leftMain a:link{color:#690;text-decoration:none;}
div#leftMain a:visited{color:#690;text-decoration:none;}
div#leftMain a:hover{color:#efad1c;text-decoration:underline;}

/* -- 'extra Home Style --*/
div#leftHome{
float:left;
margin-left:15px;
width:375px;
height:200px;
height:100%;
}
html> body div#leftHome{
margin-left:35px;
}

div#leftHome p{
font-size:150%;
}

div#leftHome a:link{color:#690;text-decoration:none;}
div#leftHome a:visited{color:#690;text-decoration:none;}
div#leftHome a:hover{color:#efad1c;text-decoration:underline;}

div#leftFeature{
float:left;
margin-left:25px;
width:250px;
height:200px;
height:100%;
}


div#rightSidebar{
float:right;
width:192px;
margin-right:17px;
}

html> body div#rightSidebar{
margin-right:35px;
}

div#rightSidebar p{
margin-left:10px;
color:#FFF;
}

div#rightSidebar ul{
margin:0 0 20px 10px;
color:#FFF;
}
div#rightSidebar ul{
margin-bottom:20px;
}
div#rightSidebar ul li{
font-size:160%;
margin-bottom: 5px;
}

div#rightSidebar a:link{color:#fff;text-decoration:none;}
div#rightSidebar a:visited{color:#fff;text-decoration:none;}
div#rightSidebar a:hover{color:#efad1c;text-decoration:underline;}


/* -- FOOTER --*/
div#footer{
clear:left;
width:500px;
margin-left:45px;
}

.copyright{padding-top:250px;color:#999;}
.copyright-short{padding-top:100px;color:#999;}

div#footer a:link{color:#999;font-weight:bold;text-decoration:none;}
div#footer a:visited{color:#999;font-weight:bold;text-decoration:none;}
div#footer a:hover{color:#690;font-weight:bold;text-decoration:underline;}



div#page-bottom{
clear:left;
height:15px;
background-image:url(../img/page-bottom.gif);
background-repeat:no-repeat;
}


/* -- NAVIGATION --*/
#navButtons {padding-top:2px;position:relative;height:36px;}
#navButtons li {height:36px; position: absolute; display: inline; list-style: none;}

#navButtons a {height:36px; display: block;}

#navButtons #left-button {width:13px; background: url(../img/but-left.png) 0 0 no-repeat; left: 0;}
#navButtons #home-button {width:70px; background: url(../img/home-button.png) 0 0 no-repeat; left: 15px;}
#navButtons #games-button {width:190px; background: url(../img/games-button.png) 0 0 no-repeat; left: 87px;}
#navButtons #service-button {width:153px;background: url(../img/service-button.png) 0 0 no-repeat; left: 279px;}
#navButtons #news-button {width:126px; background: url(../img/news-button.png) 0 0 no-repeat; left: 434px;}
#navButtons #about-button {width:154px; background: url(../img/about-button.png) 0 0 no-repeat; left: 562px;}
#navButtons #contact-button {width:114px; background: url(../img/contact-button.png) 0 0 no-repeat; left: 718px;}
#navButtons #community-button {width:109px; background: url(../img/community-button.png) 0 0 no-repeat; left: 834px;}
#navButtons #right-button {width:15px; background: url(../img/but-right.png) 0 0 no-repeat; left: 945px;}

#navButtons #home-button a:hover {background: url(../img/home-button.png) 0 -37px;}
#navButtons #games-button a:hover {background: url(../img/games-button.png) 0 -37px;}
#navButtons #service-button a:hover {background: url(../img/service-button.png) 0 -37px;}
#navButtons #news-button a:hover {background: url(../img/news-button.png) 0 -37px;}
#navButtons #about-button a:hover {background: url(../img/about-button.png) 0 -37px;}
#navButtons #community-button a:hover {background: url(../img/community-button.png) 0 -37px;}
#navButtons #contact-button a:hover {background: url(../img/contact-button.png) 0 -37px;}

body#home #navButtons #home-button {background: url(../img/home-button.png) 0 -37px;}
body#games #navButtons #games-button {background: url(../img/games-button.png) 0 -37px;}
body#service #navButtons #service-button {background: url(../img/service-button.png) 0 -37px;}
body#news #navButtons #news-button {background: url(../img/news-button.png) 0 -37px;}
body#about #navButtons #about-button {background: url(../img/about-button.png) 0 -37px;}
body#contact #navButtons #contact-button {background: url(../img/contact-button.png) 0 -37px;}
body#community #navButtons #community-button {background: url(../img/community-button.png) 0 -37px;}



/* -- MORE INFO BUTTON --*/
#moreButton { clear:left;padding-top:2px;position:relative;height:36px;}
#moreButton li {height:36px; position: absolute; display: inline; list-style: none;}

#moreButton a {height:36px; display: block;}

#moreButton #more-button {width:126px; background: url(../img/more-button.png) 0 0 no-repeat; left: 58px;}

#moreButton #more-button a:hover {background: url(../img/more-button.png) 0 -37px;}




/* -- EXTRA CLASSES --*/
.title{font-weight:bold;}
.lc{text-transform:lowercase;}
.linkback{margin-top:50px;text-align:right;}
.reg{text-transform:none;}
.clear{clear:left;}
.bold{font-weight: bold;}
.italics{font-style:italic;}
.super{font-size: .75em;vertical-align:super;}
.right{text-align:right;margin-bottom: 25px;}
.extraspace{margin-left: 50px;}
.indent{margin-left: 15px;}
div#leftMain p.small{font-size:120%;}
div#leftMain p.xsmall{font-size:100%;line-height:1.2;}
.upspace{margin-top:50px;}
.downspace{margin-bottom:25px;}
ul.resource-links{font-size:150%;}
ul.resource-links li{margin-bottom:5px;}
.divider{margin-bottom: 20px;}
div#leftMain p.gamestat{font-size:100%;margin-top:-15px; margin-bottom:15px;}
.cartbutton{margin-top:-50px;}
div#leftMain p.orderAction{font-size:1.75em;font-weight:bold;color:#efad1c;text-transform:uppercase;}

/* -- Photo Styles --*/

.photo {
display:block;
float:left;
background-color:#f5f5f2;
margin-top: 10px;
margin-right:25px;
margin-bottom:3px;
padding:5px;
border:1px solid #d8d6ce;
}
div.photoBlock {
display:block;
float:left;
background-color:#f5f5f2;
margin-top: 10px;
margin-right:25px;
margin-bottom:3px;
padding:5px;
border:1px solid #d8d6ce;
}
div#leftMain p.caption{text-align:center;font-size:1em;margin-bottom:-5px;color:#999;}


.photoL {
display:block;
float:left;
background-color:#f5f5f2;
margin-top: 25px;
margin-right:25px;
margin-bottom:3px;
padding:5px;
border:1px solid #d8d6ce;
}

.photoR {
display:block;
float:right;
background-color:#f5f5f2;
margin-top: 5px;
margin-left:25px;
margin-right:0;
margin-bottom:30px;
padding:5px;
  border:1px solid #d8d6ce;
}

.moredrop{margin-top:10px;margin-bottom:35px;}
.moredrop2{margin-top:15px;margin-bottom:35px;}
.biopic{margin-top:20px;margin-bottom:15px;}

/* -- LEGAL Styles --*/

div#leftMainLegal{
margin-left:35px;
}

div#content-legal{
width:600px;
}
div#content-legal p{
font-size:100%;
}
div#contact-info{
float:left;
width:600px;
margin-left: 50px;
padding-left: 10px;
margin-bottom:30px;
border-left:5px solid  #E5E5E5;
}