﻿body { background: #555; }

strong { font-weight: bold; }

#container { background: #fff; width: 1040px; margin: 0 auto; }

#header { background: #347abf url('../images/header_bg.jpg') repeat-x; width: 100%; height: 290px; text-align: center; }
/*#header .logo { height: 250px; }*/
#header h1 { margin: 5px 0 0 0; color: #fff; font: bold 20px Georgia; text-align: center; }
#footer { width: 1040px; margin: 10px auto; color: #fff; font: normal 12px arial; text-align: center; }
#footer ul { width: 680px; margin: 10px auto; }
#footer ul li { float: left; list-style: none; margin: 0 20px 0 0; }
#footer ul li a { color: #fff; font: bold 12px arial; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

div#main { background: #fff url('../images/body_bg.jpg') repeat-x bottom left; padding: 0; }
div#main div#bottom { background: #347abf; height: 30px; padding: 10px 0 0 0; color: #fff; font: bold 16px Georgia; text-align: center; }

div#home { padding: 0; background: #fff; }
div#home h1 { color: #000; font: bold 32px arial; margin: 10px auto; text-align: center; }
div#home h2 { color: #333; font: bold 24px arial; margin: 10px auto; text-align: center; }

div#home div#left-col { float: left; width: 200px; margin: 0 30px 0 0; padding: 10px 20px; border-right: solid 1px #333; }
div#home div#left-col ul { list-style: none; }
div#home div#left-col ul li { margin: 0 0 10px 0; font: normal 12px/18px arial; padding: 0 0 10px 0; border-bottom: solid 1px #d2d2d2; }
div#home div#left-col ul li a { color: #347abf; font: bold 12px arial; text-decoration: none; }
div#home div#left-col ul li a:hover { color: #990000; }
div#home div#left-col h3 { color: #333; font: bold 16px arial; margin: 0 0 10px 0; text-align: left; }

div#home div#right-col { float: left; width: 670px; padding: 10px 5px; }

/*div#home h2 { color: #333; font: bold 22px arial; text-align: left; }*/
div#home p { font: normal 13px/20px arial; margin: 0 0 20px 0; }
div#home a.big-button { cursor: pointer; color: #fff; background: #990000; border: 1px solid #333; font: bold 24px arial; padding: 10px 20px; text-decoration: none; }
div#home a.big-button:hover { color: #fff; background: #333; }

div#home .last-year h2 { text-align: left; font: bold 16px arial; }
div#home .last-year { color: #333; font: normal 12px/18px arial; text-align: left; }

.homepage-award { margin: 0 10px 20px 0; width: 130px; text-align: center; padding: 0 10px; }
.homepage-award img { width: 120px; border: 0; margin: 5px auto; }
.homepage-award a { color: #990000; font: bold 11px arial; text-decoration: none; }

div#category { }
div#category h1 { color: #000; font: bold 22px arial; margin: 10px auto; text-align: left; }
div#category h2 { color: #990000; font: bold 24px arial; margin: 10px auto; text-align: left; }
div#category div.breadcrumb { float: right; color: #333; background: #d2d2d2; font: bold 12px arial; border: solid 1px #333; padding: 5px 10px; }
div#category input.vote-submit { cursor: pointer; color: #333; background: #e2e2e2; border: 1px solid #333; font: bold 24px arial; padding: 10px 20px; }
div#category input.vote-submit:hover { color: #fff; background: #333; }

div.bottom-nav { float: right; text-align: right; }
div.bottom-nav .next { margin: 0 0 0 20px; }
div.bottom-nav a { color: Blue; font: bold 14px arial; text-decoration: none; }
div.bottom-nav a:hover { text-decoration: underline; }


div.wrapper2 { clear: left;	float: left; width: 100%; overflow: hidden;	background: #fff; border: solid 1px #d2d2d2; }
div.wrapper { float: left; width: 100%;	position: relative;	right: 70%;	background: transparent; }

div.media { float: left; margin: 20px; width: 320px; position: relative; left: 70%; overflow: hidden; }

div.content { float: left; width: 275px; padding: 10px; margin: 0px; position: relative; left: 72%; overflow: hidden; }
div.content h3 { color: #333; font: bold 20px arial; margin: 0 0 10px 0; }
div.content div.quote { font: normal 13px/18px arial; margin: 0 0 10px 0; }
div.content div.citation { font: bold 13px/18px arial; }

ul.judges li { margin: 0 0 10px 0; font: normal 12px arial; }
ul.judges li a { color: #347abf; font: bold 12px arial; text-decoration: none; }
ul.judges li a:hover { color: #990000; }

.clearer { clear: both; }

