a:active, a:visited, a:link { color: #fff; text-decoration: none; }
a:hover, a.selected { color: #ff9600; text-decoration: none; }
body { font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif; font-size: 0.8em; color: #fff; background: #ff9600 url('../images/back.jpg') repeat-y -7px 0px; margin: 0px auto; padding: 0px 0px; }
body.orange { background: #000 url('../images/back_orange.jpg') repeat-y -7px 0px; color: #000; }
body.orange a:hover { color: #000; }
body div { margin: 0px auto; padding: 0px 0px; }
#global { width: 1003px; margin: 0px auto; overflow: hidden; text-align: center; padding-bottom: 15px; }
#messages { border: 1px solid #646464; padding: 10px; text-align: center; width: 96%; margin: 20px 2% 5px 2%; color: #ffcc00; font-weight: bold; }
html>body #messages { width: 92%; }
ul { margin: 0px 0px; padding: 0px 0px; list-style-type: none; overflow: hidden; }
h1, h2, h3, h4, h5, h6, table, tr, td, th, tbody, thead, li, p, form, dl, dt, dd { margin: 0px 0px; padding: 0px 0px; }

* .w25 { width: 25px; }
* .w50 { width: 50px; }
* .w75 { width: 75px; }
* .w100 { width: 100px; }
* .w125 { width: 125px; }
* .w150 { width: 150px; }
* .w200 { width: 200px; }
* .w250 { width: 250px; }

* .left { float: left; }
* .right { float: right; }
* .mtop { margin-top: 10px; }
* .mbottom { margin-bottom: 10px; }

ul.lister , * .contentImage, * .contentText, #middle h1, ul.detailer { margin: 10px 2%; width: 96%; }
html>body * .contentImage, html>body * .contentText, html>body #middle h1, ul.lister, html>body ul.detailer { width: 96%; }

ul.detailer li { overflow: hidden; clear: both; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 15px; display: block; width: 100%; }
ul.detailer li p { float: left; }
ul.detailer li.header { margin-bottom: 10px; }
ul.detailer li.header p { font-weight: bold; font-size: 0.9em; }
ul.fdetailer li { border-bottom: none; margin-bottom: 5px; font-weight: bold; }
ul.fdetailer li p.w100 { color: #ff9600; }

ul.lister li div a, .contentText a { color: #00c8ff; }
ul.lister li div a:hover, .contentText a:hover { color: #00c8ff; text-decoration: underline; }

#header, #content, #footer { width: 880px; margin: 0px auto; }

#header { background: url('../images/header.jpg') no-repeat 280px -65px; height: 100px; border-bottom: 1px solid #646464; margin-bottom: 15px; text-align: left; }
body.orange #header { background: url('../images/header_orange.jpg') no-repeat 280px -65px; }
#header h1 { width: 233px; height: 63px; background: url('../images/logo.jpg') no-repeat 0px 20px; margin-left: 20px; padding-top: 20px; }
body.orange #header h1 { background: url('../images/logo_orange.jpg') no-repeat 0px 20px; }
#header h1 a { display: block; text-indent: -99999px; font-size: 0px; height: 63px; width: 233px; }
#header a.back { float: right; margin-right: 20%; font-weight: bold; color: #ff9600; width: 40px; font-size: 12px; }

#content { overflow: hidden; clear: both; }
body.orange #content h2 { text-align: left; display: block; padding-bottom: 5px; border-bottom: 1px solid #fff; margin-bottom: 10px; }
.detailerTitle { color: #ff9600; position: relative; text-align: left; display: block; padding-bottom: 5px; border-bottom: 1px solid #fff; width: 95%; margin: 5px auto 5px 15px; }
html>body .detailerTitle { margin: 5px auto; width: 96%; }
.openerTitle { position: relative; }
.openerTitle a, .detailerTitle a { position: absolute; right: 10px; top: 6px; color: #ff9600; font-weight: bold; font-size: 0.6em; }
body.orange #content h2 span, .detailerTitle span, .openerTitle a { color: #fff; }

#left { float: left; width: 17%; margin-right: 0.5%; }
#menu { border-top: 1px solid #646464; padding-top: 10px; text-align: left; font-size: 0.9em; }
#menu li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #646464; }
#menu a { font-weight: bold; display: block; }

#poll { margin-top: 30px; text-align: left; }
#poll li { clear: both; display: block; overflow: hidden; margin-bottom: 10px; }
#poll li strong { color: #ff9600; }
#poll li label { float: right; width: 80%; }
#poll li input { float: left; }
#poll li a { text-decoration: underline; }
#poll li input#pollSubmit { background-color: #fff; color: #333; padding: 2px 5px; text-align: center; width: 50px; font-weight: bold; cursor: pointer; border: none; }

#sorteo { padding: 8px 5px; font-size: 12px; }
#sorteo a { display: block; width: 100%; }
#sorteo a:hover { color: #000; }

#middle { border: 1px solid #646464; float: left; width: 60%; padding-bottom: 20px; text-align: left; }
#middle.large { width: 79%; }
#middle.slarge { width: 79%; }
#middle h1 { color: #ff9600; display: block; font-size: 1.6em; }
#middle img { display: inline; }

#right { float: left; width: 18.5%; margin-left: 0.5%; text-align: left; font-size: 0.9em; }
html>body #right { width: 21%; }
#right ul { overflow: hidden; padding-top: 10px; border-top: 1px solid #646464; margin-bottom: 10px; }
#right li { margin-bottom: 10px; }
#right li.bordered { border-bottom: 1px solid #333; padding-bottom: 10px; }
#right h2 { color: #FE9601; font-size: 1.2em; margin-bottom: 10px; display: block; }
#right h3 { color: #FE9601; font-size: 1.2em; margin-bottom: 5px; display: block; }
#right h3.sub { color: #fff; margin-bottom: 15px; }
#right strong { font-size: 1em; }
#right li a { color: #00A0CC; font-size: 1em; }
#right h3 a { color: #FE9601; }
#right h3 a:hover { text-decoration: underline; }
#right img { width: 165px; }


#footer { border-top: 1px solid #646464; padding-top: 10px; clear: both; margin-top: 15px; font-size: 0.8em; }

#globalForm { margin: 30px auto; padding: 15px 0px 0px 20px; }

#globalForm ul { width: 80%; clear: both; overflow: hidden; }
#globalForm ul li { float: left; margin-bottom: 20px; }
#globalForm ul li label { display: block; font-size: 0.9em; color: #fff; padding-bottom: 4px; }
#globalForm ul li input, #globalForm ul.double li textarea, #globalForm ul.double li select { width: 250px; border: 1px solid #333; padding: 1px 3px; }
#globalForm ul li input:hover, #globalForm ul li textarea:hover, #globalForm ul li select:hover { background-color: #e6e6e6; }
#globalForm ul li textarea { height: 150px; }
#globalForm ul li.submit input { background-color: #fff; color: #333; padding: 2px 5px; text-align: center; width: 100px; font-weight: bold; cursor: pointer; margin-right: 30px; border: none; }
#globalForm ul li.submit { width: 100%;  }

ul.lister li { padding-bottom: 10px; margin-bottom: 20px; overflow: hidden; width: 100%; float: left; display: block; border-bottom: 1px solid #646464; }
ul.lister li img { float: left; margin-right: 10px; }
ul.lister li h3 { font-size: 16px; color: #ff9600; display: block; margin-bottom: 5px; float: right; width: 244px; }
ul.lister li h3 a, ul.lister li h3 a:hover { color: #ff9600; }
ul.lister li h5 { display: block; font-weight: normal; float: right; width: 244px; }
ul.lister li div, ul.lister li p { width: 244px; display: block; float: right; }
ul.lister li p { margin-top: 10px; }
ul.lister li p.links a, ul.lister li p.links a:hover { color: #ff9600; font-size: 0.8em; font-weight: bold; }

#middle.large ul.lister div, #middle.large ul.lister div p, #middle.large ul.lister div h3, #middle.large ul.lister div h5 { width: 405px; }
#middle.slarge ul.lister div, #middle.slarge ul.lister div p, #middle.slarge ul.lister div h3, #middle.slarge ul.lister div h5 { width: 395px; }

div.featured img { width: 100%; margin: 0px 10px; }
html>body div.featured img { width: 96%; margin: 0px 10px; margin-top: 15px; }
div.featured hr { border: 1px solid #646464; height: 1px; width: 98%; margin-left: 15px; margin-top: 15px; }
html>body div.featured hr { margin-left: 10px; width: 96%; }
div.featured h3 { font-size: 16px; display: block; margin-bottom: 5px; width: 100%; margin-left: 10px; }
html>body div.featured h3 { width: 96%; }
div.featured h2 { color: #ff9600; font-size: 20px; display: block; margin-bottom: 5px; width: 100%; margin-left: 10px; }
html>body div.featured h2 { width: 96%; }
div.featured h2 a, div.featured h2 a:hover { color: #ff9600; }

div.polls, ul.reslts li { clear: both; padding-bottom: 15px; display: block; }
div.polls strong, ul.reslts li span { float: left; display: block; width: 70%; }
div.polls span, ul.reslts li em { float: left; display: block; width: 28%; }
div.polls span.votesChart { background-color: #f5f5f5; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #000; padding-left: 2px; } 

#galleryLister { overflow: hidden; }
#galleryLister li { float: left; margin-right: 10px; margin-bottom: 10px; }