/* 
StatiCookie.com
Mad Scientist Technologies
Author: Chris Holbrook
Created: April 5, 2010
*/

/*Layout*/
html, body{height: 100%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/bg.png) repeat;}
#header { height:151px; width:100%; background:url(../images/hdr-bg.png) repeat-x; min-width:990px;}
	#hdr-logo{width:960px; height:100%; margin:0 auto; min-width:960px;position:relative;}
		#home-link{width:450px; height:130px; background:url(../images/logo_dark.png) no-repeat; display:block; text-indent:-9999px;}
	#ver{ position:absolute; height:20px; width:120px; color:#fff; font-style:italic; text-align:center; top:105px; left:300px; font-size:12px;}
#page-wrap { width:960px; margin:20px auto; padding:10px;}
	#content{width:790px; padding: 0px; background: #fff; float: left;}
		#MainNav{background:url(../images/nav_bg.png) repeat-x; height:49px; width:100%; border-bottom:2px solid #ccc;}
		#nav{padding-left:50px;}
			#nav li {display:inline-block;  padding:0px 18px; }
			#nav a{ line-height:2.85em; font-size:18px; color:#000; text-decoration:none; }
			#nav li:hover{background:#fff; border-left:2px solid #ccc; border-right:2px solid #ccc;}
			 
			/*Active Nav*/
			#home .home, #files .files, #settings .settings, #blog .blog, #premium .premium{background:#fff;border-left:2px solid #ccc; border-right:2px solid #ccc;}
		
  #content-body{padding:10px;}
	#aside{width:135px; float: right; background: #fff;}
		.Adverts{height: 125px; width: 125px; background: #ccc; margin: 5px auto; text-align: center;}
			.Adverts a{padding: 55px 0px; color: #333; font-weight: bold; text-decoration: none; display: block; opacity:0.2;}
			.Adverts a:hover{opacity:1;}
#footer{background:rgba(0,0,0,0.5); height:40px; width:100%; min-width:990px;}
	#footer-container{ width:960px; margin:0 auto; color:#CCC; font-size:14px; line-height:2.75em; min-width:960px;}
		#footer-sponsor{float:left; height:100%; text-align:left;}
			#footer-sponsor span {font-style:italic; font-weight:bold;}
		#footer-links{float:right; height:100%; text-align:right;}
		#footer-copyright{font-size: 13px; color: #ccc; text-align: center; line-height: 1.75em;}

/* Typographic */
@font-face {font-family: Museo; src: local("Museo"), url("/static/typeface/Museo300-Regular.otf"); font-weight: normal; font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-family:Museo, Arial, Helvetica, sans-serif; text-shadow:2px 2px 2px #ccc; font-weight:normal;}
#page-wrap p { margin:8px 10px 15px 10px;}

/* Link Colors */
#content-body a:link {color:#006699; text-decoration:none; }
#content-body a:hover{border-bottom:2px solid #069;}
#content-body a:visited {color:#336699; text-decoration:none;}

#footer-links a {color:#CCC; text-decoration:none;}
#footer-links a:hover {border-bottom:2px solid #ccc;}


/* Package Feature Matrix */
#package-matrix .compare-pkg{width:100px; font-weight:bold;}
#package-matrix .feature-info { text-align:left;}
#package-matrix .freePlan {}
#package-matrix .basicPlan {}
#package-matrix .premPlan {}
#package-matrix .proPlan {}
#package-matrix { border-color: #ccc; border-collapse: collapse; margin:40px 10px}
#package-matrix td, th { text-align:center; padding: 5px;}
#package-matrix th { border-bottom: 1px solid white; text-align:center;}
#package-matrix .price{font-weight:bold;}
#package-matrix h3 {font-family: Arial, Helvectia, san-serfi; }



/* Utilities */
.round-corners-8 { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.round-corners-10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.round-top-corners-8{-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.round-top-corners-10{-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.round-bottom-corners-8{-webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
.round-bottom-corners-10{-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.box-shadow {box-shadow:5px 5px 2px #000; -moz-box-shadow:5px 5px 2px #000; -webkit-box-shadow:5px 5px 2px #000;}
.clear{clear: both;}

/* RESET */
            
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */