body {background: url('/images/layout/body_background.jpg'); margin: 0px; padding: 0px; font: 100% Verdana, sans-serif; font-size: 12px; color: #222}
body #wrapper {background: #fff; width: 980px; border: 5px solid #fff; margin: auto}
div #header {background: url('/images/layout/header_background.jpg'); height: 230px}
div #belt {background: url('/images/layout/belt_background.jpg'); height: 120px; margin-top: 3px; padding: 0px 10px 0px 10px}
div #public_menu {padding: 5px}
div #admin_menu {}
div #left_sidebar {float: left; width: 240px}
div #main_content {background: #f3f3f3; float: left; width: 480px; padding: 0px 10px 10px 10px}
div #admin_content {float: left; width: 930px; padding: 10px}
div #right_sidebar {float: left; width: 240px}
body #footer {background: url('/images/layout/footer_background.jpg'); height: 101px; padding: 10px 20px 0px 20px}
div.sidebar, div #main_content {margin-top: -8px}
 div #assets {width: 100%}
div #assets_form {background: #eee}
div #login_form {padding: 5px}
div #admin_content #recent_visitors {float: right; text-align: right}
div #assets_form div #assets {width: 100%}
div #datetime {float: left; width: 60%}
div #comments_banner {float: left; padding: 5px}
 div.user {padding: 5px}
div.user div.asset {margin-right: 5px}
div #gallery div, div #assets_form div, div #assets div {margin: 2px}
div #admin_content div {float: left; width: 50%}
div #comments div.asset {padding: 5px}
div.feed {padding: 10px}
div.asset {padding: 0px}
div.picture, div.gallup_option {border: 4px solid #eee; float: left; width: 49%}
div.h1, div.h2, div.h3 {height: 33px; padding: 10px 0px 0px 10px}
div.h1 {background: url('/images/layout/dialog_h1.jpg'); margin-bottom: 10px}
div.h2 {background: url('/images/layout/dialog_h1.jpg')}
div.h3 {background: url('/images/layout/dialog_h2.jpg')}
div.menu {border: 1px solid #222; height: 30px; margin: 3px 0px 3px 0px; text-align: center}
 img.logo {float: left}
.spinner {position: absolute; z-index: 999; background: #fff}
.spinner-img {background: url('/images/layout/ajax-loader-white.gif') no-repeat; height: 32px; width: 32px; margin: 0 auto}
div {margin: 0px; padding: 0px; text-align: left}
hr {background-color: #ebebeb; border: 0; color: #ebebeb; height: 1px; margin: 10px 0px 10px 0px; text-align: center; width: 100%}
br {clear: both}
p {color: #222; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px}
h1, h2, h3 {color: #222; margin: 0px; padding: 0px}
h1, h2, h3 {line-height: 22px}
img {border: 0px}
table {font-size: 12px; text-align: left; width: 100%}
th {background: #e3e3e3}
p.subtle, .subtle, .subtle a {color: #555; font-size: 10px; margin: 5px 0px 5px 0px; padding: 0px}
p.highlight, .highlight, .highlight a {color: #eb7b0d; font-weight: bold}
p.no_underline, .no_underline, .no_underline a {text-decoration: none}
.odd {background: #fff}
.even {background: #eee}
.handle {cursor: pointer}
.justify {text-align: justify}
.center {text-align: center}
.left {float: left}
.right {float: right}
input[type="text"], input[type="password"], textarea, select{ background: #f8f8f8; border: 1px solid #ccc; color: #777; font-weight: bold; padding: 1px; width: 90%}
input[type="submit"] {background: orange; cursor: pointer; font-weight: bold; padding: 1px 10px 1px 10px}
input[type="file"] {margin-top: 3px; font-size: 10px; background: #f8f8f8; margin-bottom: 3px; color: #222; font-family: arial, helvetica, sans-serif}
select {width: auto}
textarea {height: 100px; width: 90%}
input:focus, select:focus, textarea:focus{ background: #fff; border-color: #777; color: #777}
input.nifty_field {background: red; border: 0px; border-color: red; color: red; margin: 0px; padding: 0px; width: 0px; height: 0px}
textarea.wide {height: 400px; width: 100%}
input.comments {float: right; margin: 0px 4px 4px 0px; width: 48%}
textarea.comments {background-image: url(/images/layout/logo_textarea.jpg); font-family: Tahoma, sans-serif; font-size: 14px; width: 65%; height: 122px}
#flash_notice, #flash_error {margin: 10px 0; padding: 5px 8px}
#flash_notice {background-color: #CFC; border: solid 1px #6C6}
#flash_error {background-color: #FCC; border: solid 1px #C66}
.fieldWithErrors {display: inline}
#errorExplanation {background-color: #f0f0f0; border: 2px solid #CF0000; margin-bottom: 20px; padding: 0px; padding-bottom: 12px; width: 400px}
#errorExplanation h2 {background-color: #c00; color: #fff; font-size: 12px; font-weight: bold; margin: 0; padding: 5px 5px 5px 15px; text-align: left}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 8px}
#errorExplanation ul {margin: 2px 24px}
#errorExplanation ul li {font-size: 12px; list-style: disc}
.error, .notice, .warning, .message, .success {border: 2px solid #ddd; font-size: 14px; margin-left: -2px; padding: 10px 3% 10px 3%; width: 94%}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.message {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
  #article_show br {clear: none}
.main_pic {float: right; padding: 10px 0px 10px 10px; width: 240px}
div.sidebar div.article {border: 0px; width: 240px}
div.sidebar div.article a {}
div.articles_highlight {float: right}
div.articles_highlight a {color: #222}
div #articles_quote {float: right; width: 40%}
div #articles_quote img {margin-right: 5px}
div.article {border-top: 1px solid #ddd; float: left; font-size: 12px; padding: 3px}
div.article p, div.article h1, div.article h2, div.article h3 {padding: 0px;  }
div.article p {font-size: 10px}
div.article a {font-family: Arial, Helvetica, sans-serif; line-height: 100%}
div.large, div.large div.headline {width: 478px; padding: 0px; margin-top: 5px; font-size: 20px}
div.medium {width: 234px; font-size: 18px}
div.sidebar div.medium div.headline {padding: 0px 2%; width: 92%}
div.small, div.small div.headline {width: 154px; font-size: 14px}
div.mini, div.mini div.headline {width: 234px; font-size: 14px}
div.mini b {font-weight: 100}
div.mini img {margin: 0px 5px 0px 5px}
div.minimum {border: 0px; float: right; padding: 5px; line-height: 14px}
div.quote {width: 40%; padding: 10px; float: left}
div.quote img {margin: 0px 5px 0px 5px}
div.strip_large {margin-top: -35px; width: 480px}
div.strip_medium {margin-top: -34px; width: 232px}
div.strip_small {margin-top: -33px; width: 152px}
div.headline {float: left}
div.mini div.headline {width: 160px}
div.flash_text {background-color: #afea00; color: #222; filter: alpha(opacity=75); float: left; font-size: 12px; font-weight: bold; height: 15px; opacity: 0.75; padding: 10px 0px 5px 0px; text-align: center; text-transform: uppercase}
a.attention {background-color: red; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0px 5px 0px 5px; text-decoration: none; text-transform: uppercase}
input.strip_admin {padding: 8px 0px 0px 0px; background: #afea00; width: 120px; height: 20px; text-transform: uppercase; font-weight: bold; color: #000; text-align: center; opacity: 0.75; filter: alpha(opacity=75)}
input.attention {background: red; color: white; font-size: 14px; padding: 0px 5px 0px 5px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif}
p.picture_caption {font-style: italic; margin: 0px; font-size: 12px}
p.picture_source {margin: 0px; font-size: 10px}
p.article_source, .article_source a {font-size: 12px; margin: 10px 0px 10px 0px}
a, p.orange, .orange a, a.orange {color: #eb7b0d}
div.sidebar .date, .date {color: #555; font-size: 10px; margin: 0px; padding: 0px}
.news {background: #ffff99}
.various {background: #ccffff}
.people {background: #ffcccc}
.advice {background: #ccccff}
.events {background: #ccff66}
.blogs {background: #eee}
.online {background: #ccffcc}
.upcoming {background: #99ffcc}
.offline {background: #eee}
.draft {background: #ffcc00}
 div.gallup {padding: 5px}
div.gallup_option {float: left; padding: 3px; font-size: 12px}
div.gallup_options div.asset, div #main_items div, div #gossip_top_items div {margin: 0px 4px}
div.gallup_option_poll, div.gallup_option_contest {float: left; text-align: center; width: 160px}
div.gallup_option_poll {margin-bottom: 10px}
div.gallup_option_contest {margin-left: 30px}
div.gallup_result {border: 1px #222 solid; height: 5px; background-color: #eb7b0d}
div #main, div #gossip_top, div #contest {background: url("/images/layout/gallups_background.jpg")}
 div.banner {margin: 5px 0px 5px 0px; text-align: center; width: 100%}
div.comments_banner {float: left; width: 160px}
div .banner {text-align: center; margin: 5px 0px 5px 0px}
 div.user p, div.user a {font-size: 12px}
div.h1 h1, div.h2 h2, div.h3 h3 {color: #fff; font-size: 18px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; padding: 0px}
#admin_content div.h1 {width: 100%}
div #public_menu a {color: #222; font-weight: bold; font-size: 13px}
.buttons a {font-weight: bold; font-size: 14px; padding: 3px; border: 1px solid #000; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px}
div #admin_menu a:hover {background: #eee}
div #admin_content #recent_visitors {font-weight: bold}
div.sidebar p, div #poll p {padding: 10px; margin: 0px}
div.picture table, div.gallup_option table {font-size: 10px; font-weight: bold; margin: 0px; padding: 0px}
div #main_content img, div #left_sidebar img, div #right_sidebar img, div.articles_highlight img {border: 1px solid #ccc}
div #main_content img.icon {border: 0px}
#main_content h3 {margin-top: 10px}
img.flag {border: 1px solid #ccc}
.detail {font-size: 12px}
p.comment_content {width: 400px; overflow: hidden}
.bold {font-weight: bold}
form i {color: #555; font-size: 11px}
.comment_submit {margin-top: 2px; padding: 0; text-align: center}
a.black, #articles_quote a, #footer a {color: #222}
 div.twitter_button {float:left; background-image: url('/images/layout/twitter-logo.png'); background-repeat:no-repeat; background-position: 0px 0px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; margin:0px 4px 0 2px; height:20px}
div.share a {text-decoration:none}
div.facebook_like {float:right; height:25px}
div.twitter_fb {float:left; height:25px}
span.twitter_text {margin: 0px 0 0 20px}
 #qbOverlay {display: none; position: absolute; z-index: 100; left: 0; top: 0; background-color: #000; cursor: pointer}
#qbBox {display: none; position: absolute; left: 50%; z-index: 101; background-color: #fff}
#qbStage {position: relative; z-index: 103; height: 100%}
#qbBottom {position: relative; z-index: 102; background-color: #fff; height: 45px; padding: 0 10px; margin-bottom: -45px}
#qbClose {display: block; float: right; width: 66px; height: 22px; background: transparent url("/images/quickbox/close.gif") no-repeat center; cursor: pointer}
#qbPrev, #qbNext {position: absolute; z-index: 104; width: 50%; height: 100%; outline: none; display: block}
#qbNext {left: 50%}
#qbPrev:hover {background: transparent url("/images/quickbox/prev.gif") no-repeat 0% 15%}
#qbNext:hover {background: transparent url("/images/quickbox/next.gif") no-repeat 100% 15%}
#qbBox .loading {background: #fff url("/images/quickbox/loading.gif") no-repeat center}
#qbCaption {color: #666; font-size: 0.8em; font-weight: bold}
#qbCounter {font-family: "Trebuchet MS"; color: #aaa; font-size: 0.8em; font-weight: bold}