/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- lay these styles out in sections, and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {width:980px; background-color:#FFF;}

#header {position:relative; width:100%; height:100px; margin:0; padding:0; background:url(/images/bkgnd-header.gif) top left repeat-x;}
	#littlelogo {position:absolute; top:18px; left:11px; height:63px; width:63px;}
	#welcomemessage {position:absolute; top:32px; right:20px; height:36px; width:511px;}
#shadow {position:relative; float:left; height:20px; width:100%; margin:0; padding:0; background:url(/images/bkgnd-shadow.gif) top left no-repeat #e1e1e1;}

#container {width:980px; position:relative; float:left; clear:left; margin:0; padding:0; background:url(/images/bkgnd-left.gif) bottom left no-repeat;}
	#left {position:relative; width:260px; float:left; margin:0; padding:0 0 0 0; /*background:url(/images/bkgnd-left.gif) top left no-repeat;*/}
		#logo {width:216px; height:108px; margin:20px 0 40px 20px; padding:0;}
		#menu {width:220px; margin:0 0 0 20px; padding:0;}
	#centre {width:250px; float:left; margin:0; padding:30px 20px 0 20px; background:url(/images/bkgnd-centre.gif) top left no-repeat;}
		#gameblock {width:246px; height:48px; margin:0 0 4px 0; padding:4px 0 4px 4px; background-color:#f2f2f2; font:11px/14px Arial,Helvetica,sans-serif; color:#000;}
		#gameblock p {font:11px/13px Arial, Helvetica, sans-serif; padding-top:4px;}
		#gameblock img {float:left; width:48px height:48px; margin:0 10px 0 0; padding:0;}
		#linktoapple {margin:20px 0 0 0; padding:0; text-align:center;}
		#twitter_div {margin:10px 0 0 0; padding:0; width:250px;}
		#twitter_div li {padding:5px 0 5px 0; margin:0; border-bottom:1px dotted #0099CC;}
		#twitter_div h2 {font-size:14px; text-align:center;}
		#twitter_update_list {margin-bottom:5px;}
	#right {width:410px; float:left; margin:0; padding:0 0 100px 20px; background-color:#e1e1e1;}

#footer {position:relative; height:50px; width:100%; margin:0; padding:0; background:url(/images/bkgnd-footer.gif) top left repeat-x;}
	#boilerplate {position:absolute; top:20px; left:10px; color:#FFF;}
	#rssfeed {position:absolute; top:0px; right:0; height:50px; width:197px;}
	#printpage {position:absolute; top:0px; right:197px; height:50px; width:120px;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles, CONTENT styling as well */
#menu ul {margin:0; padding:0; width:215px; list-style-type:none; border-top:1px dotted #000;}
	#menu ul li {margin:0; padding:0; width:215px; list-style-type:none; color:#000;}
	#menu ul li a {text-decoration:none; color:#000; padding:3px 0; margin:0; display:block; width:215px; border-bottom:1px dotted #000;}
	#menu ul li a:hover {background-color:#0099CC; color:#FFF;}

.title {color:#0099CC; margin:0; padding:0;}
.date {color:#666; font-style:italic;}
.screenshot {margin-bottom:4px;}

/* ----- end template ----- */