/*
FORMS
############################################################################# */

#main input.text, #main textarea, #main select, #main input.password, #main .simpleimage input { background-color: #f8f8f8; border: 1px solid #aaa; color: #222; font-size: 12px; line-height: 1; padding: 0.25em 3px; }

#main select { padding: 0.15em 3px; }

#main input.text:focus, #main textarea:focus, #main select:focus, #main input.password:focus, #main .simpleimage input:focus { background-color: #fff; border-color: #777; }

#main .field { border: 1px dotted #ccc; border-width: 1px 0 0; overflow: hidden; padding: 0.25em 0; }

#main .field:first-child { border: 0 none; }

#main .field div { float: right; width: 300px; }

#main .nolabel div { float: none; width: auto; }

#main .nolabel label { width: 148px; }

#main .field label { color: #333; display: block; float: left; line-height: 1.92; vertical-align: middle; }

#main .required label { color: #222; font-weight: bold; }

#main .checkbox { margin: 0; overflow: hidden; }

#main .checkbox input { float: left; margin: 0 0 0 148px; }

#main .checkbox label { float: right; line-height: inherit; margin: 0; width: 280px; }

#main .field .text, #main .field .password, #main .simpleimage input, #main .field textarea { width: 292px; }

#main .field textarea { height: 150px; }

#main .field select { width: 300px; }

#main .compositedate select, #main .customcompositedate select { margin: 0 4px 0 0; text-align: center; width: 97px; }

#main input.action { background: url('/img/button_glossy_wide.png'); border: 0 none; color: #222; cursor: pointer; display: block; float: right; font-weight: bold; height: 25px; line-height: 25px; margin: 0 50px; text-align: center; text-transform: uppercase; width: 200px; }

#main input.action:hover, #main input.action:focus { background-position: 0 -25px; text-decoration: none; }

#main label.error { color: #c00; }

.message { clear: both; display: block; font-weight: bold; text-align: right; }

.message.bad, .message.validation { color: #f00; }

.Actions, .actions { overflow: hidden; }


/*
GENERAL
############################################################################# */

.aural, .read-more span, .clear { left: -99999px; position: absolute; top: -99999px; }

.read-more:after { content: ' »'; }

.ghost { display: block; height: 1em; text-indent: -99999px; }

a { color: #c30; text-decoration: none; }

a:hover { text-decoration: underline; }

html body a:hover img { border-bottom: 0 none; }

.favourite { float: right; margin: 0 0 10px 15px; width: 48px; }

.favourite button { background: url('/img/favourite.gif') no-repeat -48px 0; border: 0 none; cursor: pointer; font-size: 0.92em; margin: 0; padding: 50px 0 0; text-align: center; width: 48px; }

.favourite button:hover, .remove-favourite button { background-position: 0 0; }

.remove-favourite button:hover { background-position: -96px 0; }


/*
TYPOGRAPHY
############################################################################# */

#main .title { display: block; font-size: 1.309em; font-weight: bold; }

#main .title a, #content a.title { color: #222; }

body #main .sub-title { background: url('/img/sub-arrow.jpg') no-repeat 0 50%; border: 0 none; color: #d40000; font-size: 1.618em; margin-top: 1.618em; min-height: 27px; text-indent: 36px; }


/*
ADZONES
############################################################################# */

.adzone-banner { background: url('/img/daily-edge.gif') no-repeat 50% 50%; height: 120px; margin: 0 auto 1em; position: relative; width: 760px; }

.debug .adzone-banner { background-color: #888; color: #888; height: 120px; }

.adzone-skyscraper { margin: 0 auto 1em; position: relative; width: 160px; }

.debug .adzone-skyscraper { background-color: #888; color: #888; height: 600px; }

.adzone-superskyscraper { margin: 0 auto 1em; position: relative; width: 300px; }

.debug .adzone-superskyscraper { background-color: #888; color: #888; height: 600px; }

.adzone-island { margin: 0 auto 1em; position: relative; width: 300px; }

.debug .adzone-island { background-color: #888; color: #888; height: 250px; }

.adzone-banner *, .adzone-skyscrapper *, .adzone-superskyscrapper *, .adzone-island * { margin: 0; }


/*
FEATURE BOX
############################################################################# */

.feature-box { clear: both; overflow: hidden; width: 448px; }

.feature-box .image { display: block; }

#content .feature-box .title { font-size: 1.618em; margin: 0; }

#content .feature-box .title a { background-color: #424242; color: #fff; display: block; line-height: 1.309; padding: 0.309em 0.618em 0.464em; }

.feature-box p { border: 1px dotted #aaa; border-width: 0 0 1px; clear: both; padding: 0.608em 0 1em; }


/*
BOX
############################################################################# */

#content .box { background-color: #424242; clear: both; color: #fff; margin: 0 0 1em; padding: 0.333em; }

#content .box a { color: #fce533; display: block; line-height: 1; margin: 0; padding: 0; }

#content .box .title { background-position: 0 50%; margin: 0 0 0.309em; padding: 0.1em 0 0; }

#content .box-title { background: #424242 url('/img/bg_bar_title.gif') no-repeat 0.309em 50%; color: #fce533; display: block; font-size: 1.309em; margin: 0 0 0.75em; padding: 0.309em; position: relative; text-indent: 20px; }

#content .box-title .rss { background: url('/img/rss.png') no-repeat 50% 50%; display: block; height: 100%; position: absolute; right: 0; text-indent: -99999px; top: 0; width: 34px; }


/*
TEXT-GLOBAL
############################################################################# */

#content a.image { display: block; float: left; margin: 0 1em 0.608em 0; }

.share { display: block; float: right; margin: 1em 0 0.309em 1em; }

#main h2, #main h3, #main h4, #main h5, #main h6 { font-size: 1.309em; font-weight: bold; margin: 0 0 0.75em; }

.sponsor { border: 1px solid #ccc; background: #ddd; font-weight: bold; padding: 0.5em; text-align: center; }

#main .page-title { color: #111; font-size: 2.25em; font-weight: normal; line-height: 1.309; margin: 0.5em 0; }

#main .solo { border: 1px dotted #aaa; border-width: 0 0 1px; }

.summary { border: 1px dotted #aaa; border-width: 0 0 1px; overflow: hidden; margin: 0 0 1em; }

.summary .image { float: left; margin: 0 1em 0.309em 0; }

.summary .button { clear: both; }

.has-author { border: 0 none; }

.author { border: 1px solid #ddd; background: #eee; clear: both; overflow: hidden; padding: 0.5em; }

.paddedRight, .paddedRightBorder, img[align="left"] { float: left; margin: 0 1em 0.618em 0; }

.paddedLeft, .paddedLeftBorder, img[align="right"], .author img { float: right; margin: 0 0 0.618em 1em; }

html body .edit { background-image: url('/img/button_glossy_small.png'); clear: both; width: 65px; }

.flash, .confirmation_box { background-color: #424242; clear: both; color: #fce533; margin: 0 0 1em; padding: 1.5em; }


/*
ARTICLE LIST
############################################################################# */

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

.articles li:first-child, .articles li.first { border-width: 0; padding: 0; }

#main .articles .title { margin: 0; }

.articles p.meta { font-size: 0.92em; margin: 0 0 0.333em; }


/*
COMMENTS
############################################################################# */

#comments { clear: both; margin: 1em 0 0; }

.comment-form { overflow: hidden; }

.comment-form .title { margin: 0 0 0.309em; }

.comment-form .register, .comment-form .login { padding: 0 0 37px; position: relative; width: 214px; }

.comment-form .register { float: left; }

.comment-form .login { float: right; }

.comment-form .login .text { width: 95%; }

.comment-form .register-button, .comment-form button, .button { background: url('/img/button_glossy_wide.png'); border: 0 none; bottom: 0; color: #222; cursor: pointer; display: block; font-weight: bold; height: 25px; line-height: 25px; text-align: center; text-transform: uppercase; width: 200px; }

.comment-form .register-button, .comment-form button { left: 7px; position: absolute; }

.comment-form button, #main .comment-form button { line-height: 21px; }

.comment-form .register-button:hover, .comment-form button:hover, .comment-form button:focus, .button:hover { background-position: 0 -25px; text-decoration: none; }

.no-comments { text-align: center; margin: 0; padding: 1em 0; }

.reply { clear: both; overflow: hidden; }

.reply .button { background-image: url('/img/button_glossy_small.png'); margin: 5px 0 0 105px; width: 65px; }

.forum-submit { margin: 0 0 1em; }

.comment .content-image, .comment .content-video { clear: both; }

#comments .name { font-weight: bold; }

#comments li { border: 1px solid #ddd; border-width: 1px 0 0; padding: 15px; }

#comments li.even { background-color: #f8f8f8; }

#comments .box-title { margin: 0; }

#comments .field { border: 0 none; }

#comments #Comment label { left: -99999px; position: absolute; top: -99999px; }

#comments #Comment .middleColumn { float: none; width: auto; }

#comments .field textarea { height: 110px; margin: 0; width: 440px; }

#comments input.action { float: none; margin: 0.5em 124px; }

.notify, #reply-reference { background-color: #eee; line-height: 1; margin: 0; padding: 0.309em; }

#comments .actions { font-size: 0.92em; margin: 1em 0 0; overflow: hidden; }

#comments .actions li { border: 1px solid #ccc; border-width: 0 1px 0 0; float: left; padding: 0 10px; }

#comments .actions .last { border: 0 none; }

#reply-reference { border: 1px solid #ddd; border-width: 0 0 1px; display: none; margin: 0 0 9px; padding: 8px 15px; }

.comment-meta { overflow: hidden; }

.comment-meta .timesince { float: right; }

.comment-avatar, .profile-avatar { float: left; height: 90px; margin: 0 15px 10px 0; overflow: hidden; width: 90px; }

#comments .replies, #comments .replies li { border: 0 none; clear: both; margin: 0; padding: 0; }

#comments .replies { margin: 10px 0 0; }

#comments .replies li { background: url('/img/comments/reply-tick_odd.gif') no-repeat 0 15px; left: -11px; overflow: hidden; padding: 0 0 0 15px; position: relative; width: 409px; }

#comments .even .replies li { background-image: url('/img/comments/reply-tick_even.gif'); }

#comments .replies .wrapper { background-color: #eee; border: 0 none; clear: both; margin: 0 0 5px; padding: 15px; overflow: hidden; width: 379px; }

#comments .even .replies .wrapper { background-color: #d8d8d8; }

/*
PAGINATION
############################################################################# */

.pagination { font-weight: bold; margin: 0 0 1em; overflow: hidden; }

.pagination li { border: 1px solid #ccc; border-width: 0 1px 0 0; display: block; float: left; padding: 0 10px; }

.pagination .next { border: 0 none; }

.neighbours { display: block; padding: 1.5em 1.5em 1em; }

.float-left { float: left; text-align: left; }

.float-right { float: right; text-align: right; }

/*
CAROUSEL
############################################################################# */

.carousel-component { padding: 1em 0; }

.carousel-clip-region { margin: 0 auto; overflow: hidden; position: relative; width: 372px; }

.carousel-list { position: relative; width: 9999px; }

.carousel-list li { float: left; height: 85px; line-height: 85px; margin: 10px 4px 4px; overflow: hidden; padding: 0; width: 85px; }

.carousel-list a { display: block; padding: 5px; }

.carousel-list a:hover { background-color: #fce533; }

.carousel-list .selected_photo { background-color: #424242; }

.carousel-prev, .carousel-next { background: url('/img/carousel/left-enabled.png') no-repeat 50% 50%; cursor: pointer; display: block; height: 100px; text-indent: -99999px; width: 34px; }

.carousel-prev { background-image: url('/img/carousel/left-enabled.png'); float: left; }

.carousel-next { background-image: url('/img/carousel/right-enabled.png'); float: right; }

.carousel-prev-disabled { background-image: url('/img/carousel/left-disabled.png'); }

.carousel-next-disabled { background-image: url('/img/carousel/right-disabled.png'); }

.return-to-index { clear: both; display: block; margin: 1em 0; text-align: center; }

/*
TABS
############################################################################# */

.tabs { background: #fff url('/img/profile/tabs-background.gif') repeat-x left bottom; border: 1px solid #ccc; border-width: 0 0 1px; clear: both; float: left; font-size: 1.05em; margin: 0 0 12px; padding: 10px 10px 0; width: 740px; }

.tabs li { display: block; float: left; margin: 0 2px; }

.tabs a { background-color: #eee; border: 1px solid #ccc; color: #333; display: block; padding: 6px 12px; position: relative; top: 1px; }

.tabs a:hover { background-color: #fff; color: #000; text-decoration: none; }

.tabs .current a { background-color: #fff; border-width: 1px 1px 0; color: #000; cursor: auto; padding: 6px 12px 7px; text-decoration: none; }

/*
MARKETPLACE
############################################################################# */

.clearfix { display: inline-block; overflow: hidden; }

.clearfix:after { clear: both; content: '.'; display: block; height: 0; line-height: 0; visibility: hidden; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

#marketPlace { clear: both; margin: 0 0 10px; width: 448px; }

#mp_logo { background: #424242 url('/img/bg_bar_title.gif') no-repeat 0.309em 50%; color: #fce533; clear: both; display: block; font-size: 1.309em; margin: 20px 0 0; padding: 0.309em 5px; text-indent: 20px; }

html > body #mp_logo { width: 438px; }

#adSpace4, #adSpace5, #adSpace6, #adSpace7, #adSpace8, #adSpace9 { float: left; height: 81px; position: relative; width: 224px; }

.mpBox { border: 1px dotted #c1c2c2; border-width: 0 1px 1px; /* float: left; */ height: 80px; margin: 0; overflow: hidden; padding: 0; text-align: center; width: 222px; }

.mpBox a img { border: 0; }

.mpBox iframe { top: 0; }

.mpBox iframe body { margin: 0; padding: 0; }

.mpImageBlock { float: left; margin: 10px 5px; width: 50px; }

.mpTextBlock { color: #104765; float: left; font-size: 90%; height: 65px; line-height: 1.45em; margin: 10px 0; overflow: hidden; text-align: left; width: 159px; }

.mpTextBlock ul { height: 65px; margin: 0; overflow: hidden; padding: 0; width: 159px; }

.mpTextBlock ul li { margin: 0 !important; }

.mpTextBlock li a { color: #333; text-decoration: none; }

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

.mpTextBlock li a:visited { text-decoration: none; }

.mpSingle ul { margin-left: 10px; width: 149px; }

.mpSingle li { background: none; list-style: none !important; padding: 0; }

.mpDouble li { background: url('/img/bullet_3pt.jpg') no-repeat 0 4px; list-style: none; padding: 0 0 0 10px; }

.mpTriple li { background: url('/img/bullet_3pt.jpg') no-repeat 0 4px; list-style: none; padding: 0 0 0 10px; white-space: nowrap; }