/*----------------------- document setup/defaults --------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td{margin:0px;padding:0px;}
p,h1,h2,h3{margin-bottom:14px;}
h1{font-size:24px; line-height:24px;}
h2{ border-bottom:4px #405155 solid; color:#ea482e; font-size:20px; padding-bottom:14px; margin-bottom:30px; }
h3{ font-size:20px; line-height:24px; }
a img{border:0px;}
a{color:#ea482e;text-decoration:none;}
a:hover{text-decoration:underline;}
ul, ol { padding:0 20px 10px; }
input,select{font-size:11px;}
small{font-size:10px;}
body{background:url(/images/bg-body.png) repeat-x top #fff; color:#405155; font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;}
.spacer{clear:both;float:none;margin:0;padding:0;border:0;height:0;width:0;}

#outer-wrap { background:url(/images/bg.png) no-repeat top center; margin:0 auto; min-height:670px; width:100%; }
#wrap, #menu { margin:0 auto; width:780px; }

.title { height:200px;}
.tagline { background:url(/images/bg-tagline.png) no-repeat bottom center #405155; color:#d6edf3; font-size:24px; font-weight:bold; line-height:26px; margin-top:-20px; padding:30px; }

#menu {}
#menu ul { list-style:none; }
#menu li { display:inline-block; float:left; }
#menu a { color:#007c9d; display:block; float:left; font-size:20px; font-weight:bold; height:40px; margin-right:10px; padding:10px 14px; *width:110px; }
#menu a:hover, #menu .active { background:url(/images/menu-arrow.png) no-repeat left bottom #ea482e; color:#fff; text-decoration:none; }

#content-wrap { background:#f0f0f0; }
.content { background:#fff; float:left; padding:30px; width:450px; }

.sidebar { background:url(/images/bg-sidebar.png) no-repeat #f0f0f0; float:left; padding:30px; width:210px; }

.supporters { color:#fff; float:left; font-size:22px; margin-top:-18px; }
.support { float:left; margin:-44px 0 0 186px; position:relative; z-index:100; }
.support a:hover { text-decoration:none; }

#support h2 { border:0; border-top:8px #405155 solid; margin:20px 0 0; padding:20px 0; }
#support td { vertical-align:top; }
#support .label { width:120px; }
#support .control { width:320px; }
#support .field small { display:block; margin-bottom:10px; }
#supporter_first_name, #supporter_last_name, #supporter_address, #supporter_email, #supporter_statement { border:1px #6e6e6e solid; color:#405155; padding:2px 4px; width:320px; }
#supporter_first_name, #supporter_last_name { width:150px; *width:140px; }
#supporter_first_name { margin-right:6px; }
#supporter_statement { height:200px; }

.statement { border-bottom:2px #405155 solid; font-size:12px; margin-top:-20px; padding-bottom:10px; }
.statement h3 { margin-top:30px; }
.statement p { font-weight:bold; font-style:italic; }
.author { text-align:right; margin:-10px 0 10px;}

.social, .email { border-bottom:2px #405155 solid; padding:16px 0;}

#subscriber_name, #subscriber_email { border:1px #6e6e6e solid; margin-bottom:10px; padding:2px 4px; width:200px; }

.recent-news { font-size:12px; }
.recent-news h3 { margin-top:20px; }
.recent-news p { border-bottom:1px #bbc0c1 solid; padding-bottom:10px; }

.rss-row { margin-bottom:10px;}
.rss-row a { color:#007C9D; font-size:22px; font-weight:bold; }
.rss-row a:hover { color:#EA482E; text-decoration:none; }
.rss-row img { position:relative; top:14px; }

.blue-button { background:#007c9d; border:0; color:#fff; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight:bold; padding:4px 8px 3px; }
.blue-button:hover { background:#ea482e; }

#footer { border-top:2px #405155 solid; font-size:10px; padding:10px 10px 30px; text-align:right; }

.statement-links { margin-bottom: 20px; }
.statement-links a { padding: 8px; }
.statement-links a.active { color: white; background-color: #EA482E; }
.vote { float: left; height: 30px; width: 180px; }
.mini-fb { float: left; padding-top: 4px; height: 30px; width: 100px; }

/*--------------- forms ------------- */
table.form{font-size:10px;border-top:1px solid #BFBEAE;border-spacing:0px;border-collapse:collapse;padding:0px;margin:0px;width:100%;}
table.form tr td{padding:6px;border-bottom:1px solid #d2d0bf;vertical-align:top;}
table.form tr td img{vertical-align:middle;}
table.form td.label{width:20%;font-size:9px;font-weight:bold;color:#665E59;text-transform:uppercase;vertical-align:top;}
table.form td.control{width:80%;vertical-align:top;}

/*-------------- posts --------------- */
.pagination-info{ border-top:1px solid #DDD; border-bottom:1px solid #DDD; font-size:14px; font-weight:bold; line-height:14px; padding:10px; margin-bottom:20px; text-align:right; }
.pagination { font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; }
.pagination a, .pagination .current, .pagination .disabled { padding:0 2px; }
.prev_page { float:left; }
.next_page { float:right; }

.posts-info { float:right; font-size:12px; font-weight:bold; margin-top:6px; }

.post{ border-bottom:1px solid #DDD; padding-bottom:10px; margin-bottom:20px; }
.post h2,.post h3{ margin:0px; padding:0px; }
.post blockquote { margin-left: 30px; }

/*---------------- comments ----------------- */
#comments{margin-top:25px;}
#new-comment{border-top:1px solid silver;padding-top:10px;}
#comment-message{float:left;width:58%;}
#comment-details{float:right;width:38%;}
#comment-details strong small{font-weight:normal;}
#comment-details input.textfield{width:100%;font-size:18px;}
#comment-details input.submit{font-size:14px;}
#comment-details p{margin-bottom:20px;}
#comment-message textarea{height:193px;width:100%;}
#new-comment textarea,#new-comment input.textfield{background:#f6f6f6;border:1px solid #999;}
.avatar{width:60px;float:left;margin-right:10px;}
.avatar img{border:5px solid silver;}
.comment-text{float:right;width:370px;}
.comment{border-top:1px solid silver;padding:15px 0px;font-size:13px;}

/*------------- flash messages ------------- */
.flash-msg,.errorExplanation{padding:5px 10px 5px 30px;margin-top:10px;margin-bottom:15px;font-weight:bold;}
#flash-notice{color:#577700;border:1px solid #658900;background:url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;}
.errorExplanation,#flash-warning,#flash-error{color:red;border:1px solid red;background:url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;}
.errorExplanation h2{color:red;text-transform:none;margin-top:2px;}
div.fieldWithErrors{display:inline;}