/* Generic */

body {margin: 0; padding: 0; font-family: Arial, Sans-Serif; font-size: 12px; background: #f0f0f0;}

a {color: #4682B4;}
a:hover {}
a img {border: none;}

h1 {margin: 0; padding: 5px 10px; font-size: 18px; font-weight: normal; color: #646464; border-bottom: 1px dashed #e6e6e6;}
h1 div {font-size: 12px; color: #969696;}
h2 {margin: 0; padding: 10px 0 5px 0; font-size: 14px; font-weight: normal;}
h3 {margin: 0; padding: 5px 0; font-size: 14px; font-weight: normal; color: #646464;}

label {display: block; padding: 0 0 2px 0; font-size: 14px; color: #646464;}
.count {display: block; padding: 0 1px 2px 0; float: right; font-size: 14px; font-weight: bold; color: #646464;}

p {margin: 0; padding: 10px 0; color: #646464;}

/* Wrapper */
#wrapper {padding-bottom: 15px; background: #e6e6e6; border-top: 2px solid #c8c8c8; border-bottom: 2px solid #c8c8c8;}
#content {width: 940px; margin: 0 auto;}

/* Header */
#header {padding: 5px 10px; font-size: 22px; color: #FFFFFF; background: #f0f0f0; border-bottom: 1px solid #ffffff;}
#header .inner {width: 920px; margin: 0 auto;}
#header a {font-weight: bold; font-size: 28px; text-decoration: none; color: #4682B4;}
#header sup {font-size: 10px; color: #969696;}
*html #header sup {font-size: 12px;}
html>body #header sup {*font-size: 12px;}

/* No javascript */
#noscript {padding: 3px 0; text-align: center; color: #B22222; background: #d8d8d8; border-bottom: 1px solid #c8c8c8;}
#noscript a {font-weight: bold; color: #B22222;}

/* Prelaunch */
#prelaunch {height: 500px; line-height: 500px; font-size: 48px; text-align: center; color: #969696;}

/* Round white wrapper */
.roundwrap {padding: 5px 10px 0 10px; background: #ffffff;}

/* Menu */
#menu {padding-top: 5px;}
#menu a {display: block; float: left; cursor: pointer; margin-left: 5px; padding-right: 10px; color: #ffffff; background: #4682B4 url(../img/bluebutton.gif) no-repeat right top;}
#menu a span {display: block; float: left; height: 26px; line-height: 26px; font-size: 12px; padding-left: 10px; background: #4682B4 url(../img/bluebutton.gif) no-repeat left top;}
#menu a:hover {background-position: 100% -26px;}
#menu a:hover span {background-position: 0 -26px;}
#menu #user {float: left; height: 26px; line-height: 26px; font-size: 14px; color: #646464;}
#menu #user img {position: absolute;}
#menu #user span {padding-left: 31px;}

/* Wide column */
#wide {display: block; float: left; width: 655px; padding-left: 10px;}

/* Sidebar */
#sidebar {float: right; width: 250px; padding-right: 10px; padding-top: 10px;}
#sidebar .box {margin-bottom: 5px;}
#sidebar .box .follow {font-weight: bold;}
#sidebar .box .follow:hover {color: #323232;}

/* Info */
#info {padding: 15px 5px; font-size: 14px; line-height: 140%; color: #646464;}
#info p {margin: 0; padding: 0 0 5px 0;}
#info h2 {margin: 0; padding: 0 0 10px 0; font-size: 22px; font-weight: normal;}

/* Speech */
.speech, .uspeech {margin-bottom: 5px; padding: 5px 0 10px 0; border-bottom: 1px solid #e6e6e6;}
.speech img, .uspeech img {position: absolute;}
.speech .inner {padding-left: 50px;}
.speech .top, .uspeech .top {font-size: 12px; line-height: 14px; color: #969696;}
.speech .top span, .uspeech .top span {display: block; float: left; font-size: 14px; font-weight: bold;}
.speech .top a, .uspeech .top a {text-decoration: none;}
.speech .top a.speaker, .uspeech .top a.speaker {font-weight: bold;}
.speech .top a:hover, .uspeech .top a:hover {text-decoration: underline;}
.speech .content, .uspeech .content {padding: 10px 0 15px 0; font-size: 16px; line-height: 130%; word-wrap: break-word; color: #323232;}
*html .speech .content, .uspeech .content {height: 1%;}
html>body .speech .content, .uspeech .content {*height: 1%;}

.speech .action, .uspeech .action {color: #969696;}
.speech .action .question, .uspeech .action .question {display: block; float: left; padding: 0 5px 0 0;}

/* Sidebar list */
.small {margin-bottom: 1px; padding: 7px; color: #969696; background: #f5f5f5; border: none;}
.small img {position: absolute;}
.small .inner {height: 30px; padding-left: 40px;}
.small .speaker {font-weight: bold; text-decoration: none;}
.small .comments {display: block; padding-top: 3px; font-size: 11px;}
.small .red, .small .green {font-size: 14px; font-weight: bold; line-height: 30px;}
.small a {text-decoration: none;}
.small a:hover {text-decoration: underline;}

/* Comment */
.comment {padding: 10px 0; border-bottom: 1px solid #f0f0f0;}
.comment img {position: absolute; margin-left: 10px;}
.comment .inner {margin-left: 50px; color: #969696;}
.comment .response {padding-top: 2px; line-height: 140%; word-wrap: break-word; color: #646464;}
.comment a {text-decoration: none;}
.comment a:hover {text-decoration: underline;}

/* System form */
.system {margin: 0; padding: 10px 0; background: #ffffff;}
.system div {display: block; margin-bottom: 15px; padding: 1px; background: #c8c8c8;}
.system div.wrap {float: left;}
.system div.clear {margin: 0; padding: 0; background: none;}
.system input.text {margin: 0; padding: 5px; font-size: 16px; background: #f5f5f5; border: none;}
.system select.select {margin: 0; padding: 5px; font-size: 16px; background: #f5f5f5; border: none;}
.system select.select option {border-color: #c8c8c8;}
.system textarea {display: block; width: 623px; margin: 0; padding: 5px; font-size: 16px; background: #f5f5f5; border: none;}
.system .check {margin: 0; padding: 0; vertical-align: middle;}
html>body .system div {*padding: 0 1px;}
*html .system div {padding: 0 1px;}

/* Footer */
#footer {height: 50px; padding: 10px; font-size: 11px; color: #646464; background: #F0F0F0; border-top: 1px solid #FFFFFF;}
#footer .inner {width: 920px; margin: 0 auto;}
#footer span {padding: 0 3px; color: #969696;}

/* Inside ad */
.inside {padding: 10px 0; text-align: center; color: #646464; border-bottom: 1px solid #e6e6e6;}
.inside a {font-weight: bold; color: #646464;}
.inside a:hover {color: #000000;}

/* Pagination */
.pagination {padding: 5px 0 10px 0; background: #FFFFFF;}
.pagination span {display: block; float: left; margin-right: 3px; background: #f0f0f0;}
.pagination span a {display: block; padding: 3px 7px; color: #646464; text-decoration: none;}
.pagination span a:hover {color: #ffffff; background: #4682B4;}
.pagination span.curr {display: block; padding: 3px 7px;color: #ffffff; background: #4682B4;}

/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Messages */
.msginfo {display: block; margin: 5px 0; padding: 10px; color: #FFFFFF; background: #8FC02C;}
.msgerror {margin: 5px 0; padding: 10px; color: #FFFFFF; background: #b22222;}
.message {padding: 10px 0; color: #646464;}
.empty {padding: 75px 0; text-align: center; color: #969696;}

/* Errors */
.error {margin: 0 0 5px 0; padding: 5px; color: #ffffff; background: #b22222;}

/* Colors */
.red {color: #b22222;}
.green {color: #6b8e23;}
.gray {color: #969696;}

/* Link buttons */
a.greenbtn, a.redbtn {display: block; float: left; cursor: pointer; margin-right: 5px; padding-right: 6px; font-size: 11px; text-decoration: none; color: #ffffff; background: #6b8e23 url(../img/greenbutton.gif) no-repeat right top;}
a.greenbtn span, a.redbtn span {display: block; float: left; cursor: pointer; height: 18px; line-height: 18px; padding-left: 6px; background: #6b8e23 url(../img/greenbutton.gif) no-repeat left top;}
a.redbtn {background: #b22222 url(../img/redbutton.gif) no-repeat right top;}
a.redbtn span {background: #b22222 url(../img/redbutton.gif) no-repeat left top;}
a.greenbtn:hover, a.redbtn:hover {background-position: 100% -18px;}
a.greenbtn:hover span, a.redbtn:hover span {background-position: 0 -18px;}

.graybtn {cursor: pointer; height: 26px; width: 80px; margin-right: 5px; color: #646464; background: #f0f0f0 url(../img/graybutton.gif) no-repeat right top; border: none;}
.graybtn:hover {background-position: 0 -26px;}