/* 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 client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {width:960px; margin:auto auto; padding:0; font-family:Arial, Helvetica, sans-serif; color:#1F4351;}
#banner {position:relative; width:960px; height:364px; background:url(/images/banner.jpg) top left no-repeat;}
	#downloads {position:absolute; top:20px; left:33px; height:36px; width:269px; overflow:hidden;}
	#logo {position:absolute; top:8px; right:11px; height:80px; width:473px; overflow:hidden;}
#navigation {position:relative; width:960px; height:20px; background-color:#28677f; border-bottom:1px solid #1f4351;}
	#links {position:absolute; top:4px; right:10px; text-align:right; font:12px Arial,Helvetica,sans-serif; color:#FFF;}
#main {width:940px; float:left; background:url(/images/bkgnd-main.gif) bottom left no-repeat; margin:0; padding:0px 10px 15px 10px;}
#left {float:left; width:703px; padding:16px 0 0 0; margin:0;}
#right {float:left; width:218px; padding:6px 0 0 0; margin:0 0 0 18px; font:12px/14px Arial, Helvetica, sans-serif; color:#9dadb3;}
	#right p {padding: 10px 0px; margin:0; border-bottom:1px solid #9dadb3;}
#footer {position:relative; width:960px; height:105px; background:url(/images/bkgnd-footer.gif) top left no-repeat; padding:0; margin:0 0 15px 0;}
	#ctg {position:absolute; bottom:7px; left:17px; height:34px; width:190px; overflow:hidden;}
	#copyright {position:absolute; bottom:19px; right:19px; overflow:hidden; color:#9dadb3; font-size:10px;}

/* STYLES HOME PAGE ONLY */
	#apps {float:left; width:226px; margin:0 13px 0 0; padding:0; background-color:transparent;}
	#widgets {float:left; width:226px; margin:0 12px 0 0; padding:0; background-color:transparent;}
	#wallpapers {float:left; width:226px; margin:0; padding:0; background-color:transparent;}
	#apps p, #widgets p, #wallpapers p {font:12px/18px Arial, Helvetica, sans-serif; padding:0 10px; margin:0; /*color:#375e6d;*/}

/* STYLES FOR CONTENT PAGES ONLY */
	#content {padding:0 30px 0 30px; margin:0;}
	#content p {font:14px/24px Arial,Helvetica,sans-serif; padding-bottom: 18px;}
		#imagedownload {float:left; margin:0 10px 4px 0; padding:0; width:200px; text-align:center;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
	#links a:link, #links a:visited {color:#FFF; text-decoration:none; padding:0 5px;}
	#links a:hover, #links a:active {color:#FFF; text-decoration:underline; padding:0 5px;}
	#right a:link, #right a:visited {color:#1F4351; text-decoration:none;}
	#right a:hover, #right a:active {color:#1F4351; text-decoration:underline;}
	
	.red {color:#990000;}
	.redbold {color:#990000; font-weight:bold;}

/* NAVIGATION MENU */

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