html, body { width: 100%; }

body { background: #fff; color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.618; margin: 0; padding: 0; }

#container { clear: both; margin: 0 auto; overflow: hidden; width: 960px; }

/* Takeover */
body.primo { background: #fff url('/img/takeovers/primo.jpg') fixed 50% 0; }

body.takeover { background: #fff url('/img/takeovers/australia.jpg') fixed no-repeat 50% 0; cursor: pointer; }
body.takeover #container { background: #fff; cursor: default; padding: 0 12px; }

/*
HEADER
############################################################################# */

#header { clear: both; }

#header .title { background: #424242 url('/img/frank.gif') no-repeat 865px 0; color: #ddd; height: 97px; position: relative; }

#header .title a { color: #fce533; }

#logo { display: block; height: 54px; left: 645px; position: absolute; top: 2em; width: 203px; }

#header .byline { color: #fff; display: block; font-weight: bold; right: 0px; position: absolute; top: 65px; width: 283px; }

#header .login { bottom: 6px; font-size: 0.92em; left: 10px; position: absolute; }

#header .login span { color: #fce533; font-weight: bold; }

#nav { background-color: #eee; border: 1px solid #fff; border-width: 1px 0 0; font-size: 1.17em; line-height: 1; overflow: hidden; }

#footer .nav-secondary { font-size: 1.17em; line-height: 1; overflow: hidden; }

#nav a, .nav-secondary a { display: block; float: left; height: 1em;  padding: 0.8em 1em; text-transform: lowercase; }

#nav a:hover, .nav-secondary a:hover { text-decoration: none; }

#nav ul, .nav-primary, .nav-secondary { display: block; overflow: hidden; width: 100%; }

.nav-primary { border: 1px solid #777; border-width: 0 0 1px; }

.nav-primary li { border: 1px solid #ccc; border-width: 0 1px 0 0; float: left; }

.nav-primary a { color: #333; float: left; }

.nav-primary a:hover { background-color: #ddd; color: #222; }

#nav .rss a { color: #e70; }

#nav .rss a:hover { color: #c30; }

#nav .rss.connect a, #nav .rss.connect a { color: #fff; }

#nav .connect a { color: #e70; font-weight: bold; }

#nav .connect a:hover { color: #c30; }

#nav .current.connect a, #nav .section.connect a { color: #fff; }

#nav .about { border: 0 none; float: right; }

.nav-primary .current a, .nav-primary .section a { background-color: #777; color: #fff; }

.nav-primary .section a:hover { background-color: #424242; color: #fff; }

.nav-secondary { background-color: #777; margin: 0 ; overflow: hidden; padding: 0; }

.nav-secondary li { display: block; float: left; }

.nav-secondary a { background-color: #777; color: #eee; display: block; }

.nav-secondary a:hover { background-color: #424242; color: #fff; }

.nav-secondary .current a, .nav-secondary .section a { color: #fce533; }

.nav-secondary .current a:hover { background-color: transparent; }

#header .partner-links { font-weight: bold; left: 0; position: absolute; top: 0; }

#header .partner-links li { border: 1px solid #666; border-width: 0 0 0 1px; float: left; font-size: 0.92em; margin-top: 0.5em; padding: 0 2.3em; }

#header .partner-links .first { border: 0 none; }

#header .partner-links a { color: #fff; }

#header .partner-links .current a { color: #999; }

#header form .text { border: 0 none; padding: 3px; }

#header form .text:focus { background-color: #ffe; }

#MyLoginForm_LoginForm_action_dologin { top: 5px; position: relative; }

/*
FOOTER
############################################################################# */

#footer { clear: both; }

#footer a { color: #333; }

#footer .tagline { font-style: italic; font-weight: bold; text-align: right; padding: 2em 0 0; }

#footer .links { font-size: 0.84em; text-align: center; padding: 1.2em 0; }

#footer .links li { display: inline; margin: 0 1.618em; }

#footer .nav-secondary a { color: #eee; }

#footer .nav-secondary a:hover { color: #fff; }

#footer .nav-secondary .current a, #footer .nav-secondary .section a { color: #fce533; }

/*
CONTENT
############################################################################# */

#content { clear: both; overflow: hidden; padding: 1em 0; }

#content .full-width { float: right; margin: 0; width: 760px; }

#layout { float: right; margin: 0; overflow: hidden; width: 760px; }

#main { float: left; margin: 0 1em 0 0; width: 448px; }

/*
ASIDE & SIDEBAR
############################################################################# */

#sidebar { float: left; overflow: hidden; width: 188px; }

#aside { float: right; overflow: visible; width: 300px; }

#aside .title, #aside a.title, #sidebar .title, #sidebar a.title { background: #424242 url('/img/bg_bar_title.gif') no-repeat 0.309em 50%; clear: both; color: #fce533; display: block; font-size: 16px; margin: 0 0 0.75em; padding: 0px 4px; text-indent: 20px; }

#aside ul .title, #aside ul a.title, #sidebar ul .title, #sidebar ul a.title { background: transparent; font-size: 1em; font-weight: bold; margin: 0; padding: 0; text-indent: 0; }

#aside ul a.title, #sidebar ul a.title { clear: none; color: #222; }

#aside li, #sidebar li { border: 1px dotted #aaa; border-width: 1px 0 0; clear: both; margin: 0 0 1em; padding: 1em 0 0; overflow: hidden; }

#aside li:first-child, #sidebar li:first-child, #aside li.first, #sidebar li.first { border: 0 none; padding: 0; }

#sidebar .text { border: 0 none; }

#sidebar .text:focus { background-color: #ffe; }

#sidebar .radio, #sidebar .partners { margin: 0 0 1em; }

#sidebar .radio li, #sidebar .partners li { border: 0 none; text-align: center; }

#sidebar .radio img, #sidebar .partners img, #sidebar .hottie img { margin: 0 auto; }

#sidebar .features a { color: #222; display: block; font-weight: bold; margin: 0; }

#aside .features p { margin: 0; }

#sidebar .promo a { display: block; text-align: center; }

#sidebar .signup label.left { left: -99999px; position: absolute; top: -99999px; }

#sidebar .update p { text-align: center; margin: 0; }

#sidebar .signup form { padding: 0 2px; }

#sidebar #QuickSignUpForm_doQuickSignUp_Email { line-height: 1; margin: 5px 0; padding: 3px 3px 3px 0; text-indent: 3px; width: 173px; }

#sidebar #TermsAndConditions { font-size: 0.92em; margin: 0 0 3px; text-align: right; }

#sidebar #TermsAndConditions input { float: left; }

#sidebar #QuickSignUpForm_doQuickSignUp_action_doQuickSignUp, #sidebar a.button { background: url('/img/signup/button_glossy_signup.png'); border: 0 none; color: #222; cursor: pointer; display: block; font-weight: bold; height: 25px; line-height: 21px; margin: 0 0 2px; text-align: center; text-transform: uppercase; width: 176px; }

#sidebar #QuickSignUpForm_doQuickSignUp_action_doQuickSignUp:hover, #sidebar #QuickSignUpForm_doQuickSignUp_action_doQuickSignUp:focus, #sidebar a.button:hover { background-position: 0 -25px; }

html body #sidebar a.button { color: #222; line-height: 25px; text-decoration: none; margin: 0.618em 2px 2px; }

#sidebar .search input { float: left; }

#sidebar .search .text { height: 19px; line-height: 13px; margin: 0; padding: 6px 3px 0 0; text-indent: 3px; width: 141px; font-size: 14px; }

#sidebar .search .submit { background: url('/img/button_glossy_mini.png'); border: 0 none; color: #222; cursor: pointer; display: block; font-weight: bold; height: 25px; line-height: 21px; margin: 0 0 0 6px; padding: 0; text-align: center; text-transform: uppercase; width: 26px; }

#sidebar .search .submit:hover, #sidebar .search .submit:focus { background-position: 0 -25px; }

#header a.profile-link { color: #ddd; }

.articles .hidden { display: none; visibility: hidden; }