/*--- GENERAL IMPORTANT LAYOUT --------*/
body {
    background: url("http://www.gamasutra.com/proto_edu/img/bckg.jpg") top repeat-x #a0aab1;
    margin: 0;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

* html body {
    padding: 5px 0 25px 0;
}

.left {
	float: left;
}

div#allwrapper {
    width: 840px;
    position: relative; 
    z-index: 900;
    margin: 5px 0 25px 5px;
}

div.gcglogo {
    background: url("http://www.gamasutra.com/proto_edu/img/gcglogo.jpg ") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 427px;
    height: 313px;
}

img.gcglogo {
position: absolute;
z-index: 999;
top: 100px;
}


img.cmplogo {
    position: absolute;
    left: 28px;
    top: 13px; 
}

div#top {
    width: 100%;
	margin-top: 20px;
}

.cleaner {
    clear: both;
}

/*p.dash {
    background: url("http://www.gamasutra.com/proto_edu/img/dashed.gif ") repeat-x;
    height: 1px;
    width: 100%;
    margin: 5px 0;
}
*/

img.rss {
	margin-right: 15px;
}

/* BREADCRUMBS for the birdies */
div.breadcrumbs ul {
	margin: 0 0 15px 0;
	list-style: none;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
}

div.breadcrumbs ul li.from a:link,
div.breadcrumbs ul li.from a:visited {
	color: #444;
	text-decoration: none;
}

div.breadcrumbs ul li.from a:hover,
div.breadcrumbs ul li.youarehere a:hover {
	text-decoration: underline !important;
}

div.breadcrumbs ul li.youarehere a:link,
div.breadcrumbs ul li.youarehere a:visited {
	color: #E39001;
text-decoration: none;
}

div.breadcrumbs ul li {
	display: inline;
}


/* BANNER ----------------------------------- */
 div.banner728 {
    text-align: right;
height: 90px;
}

div.banner300 {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

div.banner160,
div.textad {
    margin: 0 0 10px 5px;
}

* html div.banner160,
* html div.textpad {
	margin-left: 15px;
}

div.squaread {
text-align: center;
margin: 8px 0;
}

/*--------- TOP NAV and SEARCH BOX ------ */
div.search {
margin-left: 5px;
}

input.searchbutton {
    background: url("http://www.gamasutra.com/proto_edu/img/searchbutton.gif") no-repeat; 
    border: 0;
    width: 54px;
    height: 18px;
    margin: 0 0 0 5px;
    font-size: 11px;
	padding: 0 0 2px 0;
	cursor: pointer;
}

input.searchinput, input.textinput, textarea.textinput {
    border: 1px solid #ffcf26;
}

ul.toplinks {
    text-align: right;
    margin: -15px 0 0 0;
}

* html ul.toplinks {
	margin-top: -35px;
}

ul.toplinks li {
    display: inline;
    list-style: none;
    color: #fff;
    margin: 0 5px;
}

ul.toplinks li a:link,
ul.toplinks li a:visited {
    color: #ffcf26;
    text-decoration: none;
}

ul.toplinks li a:hover {
    text-decoration: underline;
}

ul.toplinks strong {
color: #FFCF26;
}

/* MAIN NAV ------------------------------*/
ul.mainnav {
    margin: 0 10px -3px 0; 
    padding: 0;
    text-align: center;
    position: relative;
}

ul.mainnav li {
    list-style: none;
    display: inline;
    margin: 0 -1px;
}

img.getstarted {
    position: absolute; 
    left: -1px;
    top: -10px;
    z-index: 999;

}


/* MAIN CONTENT WRAPPER ------------------*/
div#maincontentwrapper {
    margin: 18px 0 0 4px;
    position: relative;
	width: 665px;
}

/* * html div#maincontentwrapper {
    margin-top: 14px;
}*/

div.maincontent {
    background: #fff;
}

div.topleftcorner {
    background: url(" http://www.gamasutra.com/proto_edu/img/body_corner_topleft.gif") no-repeat;
    float: left;
    height: 5px;
    width: 5px;
}

div.toprightcorner {
    background: url(" http://www.gamasutra.com/proto_edu/img/body_corner_topright.gif") no-repeat;
    float: right;
    height: 5px;
    width: 5px;
}

* html div.toprightcorner {
    margin-right: -3px;
}


div.content {
   padding: 15px 5px 5px 5px;
}

/* VERY LEFT COLUMN ------------------------------------*/

div.lefttilewrapper{
    width: 162px;
    margin-top: 210px;
}

ul.lefttile {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    
}

ul.lefttile li {
    margin: 0;
    padding: 3px;
    background: #fff;
    border-bottom: 2px solid #ccc;
}


ul.lefttile li.title {
    background:#ccc;
    text-align: center;
    color: #333;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

li.detail ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li.detail a:link,
li.detail a:visited  {
    color: #0249a9;
    text-decoration: none;
}

div.lefttilewrapper a:hover {
    text-decoration: underline;
}

/* FOOTER --------------------------------*/
div#footer {
    height: 36px;
    background: #eee; 
    text-align: center;
margin-top: 5px;
}

div#footer a:link,
div#footer a:visited {
    color: #0249a9;
    text-decoration: none;
}

div#footer a:hover {
text-decoration: underline;
}

/* TEXT and LINK STYLES ------------------*/
ul.toplinks li a:link,
ul.toplinks li a:visited {
    color: #fff;
}

ul.toplinks li a:hover {
    color: #ffcf26;
}

img {
    border: 0; 
} 

ul.nostyle li{
	list-style-image: none;
	padding: 3px;
	margin: 0;
}

div#page_navigation {
	text-align: right;
	width: 100%;
}

div#page_navigation a.pageturn {
color: #0069B5;
text-decoration: none;
}

div#page_navigation a.pageturn:hover {
text-decoration: underline;
}


div#page_navigation p {
margin: 7px 0 0 0;
}

strong.page_on {
background: #E39001;
padding: 0 5px;
color: #fff;
}

a.pagelink {
background: #ADC7D5;
padding: 0 5px;
text-decoration: none;
color: #fff;
}

a.pagelink:hover {
background: #0069B5;
}

.blend_is_0 {
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
}
.footer1 				{ 
						background: #000;
						text-align: left; 
						height:173px; 
						font-size:12px; 
						width:100%;
						clear:both;
						padding: 0 0 1em 0; 
						margin-top: 10px;
						color: #CF7000;
						}
.footer1 a 				{color:#fff;}
.footer1 a:hover 			{text-decoration: none;}
.footer1 img 				{padding: 0 40px 20px 0; border: none;}
.footerline				{height:3px; background-color:#ccc; margin:0;  padding:0;}

#footercontent 			{width: 998px; padding: 10px 0 0 0; margin: 0 auto;}
.footerhr 				{background-color:#000; border-bottom:1px solid #707070; height:1px;margin:10px 0 10px 0 ;clear:both; }
.footer_sectiontitle		{font-weight:bold; font-size:15px;color: #CF7000;}

#sitetabs {text-align: center; height:35px; color:#000; font-weight:bold; background:url(http://www.gamasutra.com/images/sitetabs_bg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#sitetabs a {color:#777; display:inline-block; padding:6px; background-color:#ddd; text-decoration:none; margin: 0 4px 0 4px;}




