html { background: url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/background.jpg') no-repeat fixed top center; background-color: #033E60;}
body, button, input, textarea, select  { color:#444; font-family:"lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; }
.small { font-size:85%; }
.wide { width:100%; }
.hidden { display:none; }
.strikeout { text-decoration:line-through; }

h1, h2, h3, h4 { margin:0 0 .5em; color:#033f60; }
h1 { font-size:189%; font-weight:normal; }
h4 { font-size:100%; margin:0 0 1em; }
p { margin:0 0 1em; }
ul li { list-style-type: none; margin-bottom: 5px;}
ol, ul, dl { margin-left: 0; list-style-type: none;}


a, 
a:visited { color:#23b504; text-decoration:none; }
a:hover { text-decoration:underline; }

.divider { padding-bottom:.5em; border-bottom:dotted 1px #ccc; }

.header { position:relative; margin-top:10px; margin-bottom: -8px;}
.logo_panel { font-size:123.1%; padding:1em 0; margin-left: 25px;}
.account_panel { position:absolute; top:0; right:0; text-align:right; padding:1em 0; font-size:93%; color: white; margin-top: -10px;}


.footer { padding:.7em 2.5em; color:white; font-size:93%; text-align:left; }
.footer a { color: white; }
.footer img { width:30px; height:30px; vertical-align:middle; padding-right: 10px; }

.content { background:#fff; padding:25px; border: solid 1px #daeefb; border-radius:1em; -webkit-box-shadow: 0 0 1em rgba(0,20,20,1); -moz-box-shadow: 0 0 1em rgba(0,20,20,1); box-shadow: 0 0 1em rgba(0,20,20,1); -moz-border-radius: 1em;}
.content.grid_12 {width: 722px;}
.modal .content { margin-top:4em; }

.tagline { color:#666; position:absolute; top:-15px; color:#fff}
.tagline img { padding-top: 2px; vertical-align: middle; }
.subtitle { margin-top:-.5em; font-size:93%; }
#about .subtitle { font-size:123.1%; }
#contact .container_12 .push_1 { left: 30px; } 

.notice { padding:1em; margin:1em 0; border: 1px solid; border-radius:5px; }
.notice h2 { font-size:100%; font-weight:normal; margin:0; }
.notice.success { background:#efe; border-color:#23b504; }
.notice.success h2 { color:#23b504; }
.notice.error { background:#fee; border-color:#b2002e; }
.notice.error h2 { color:#b2002e; }

.form { margin-bottom:1em; }
.form h3 { color:#000; font-size:100%; font-weight:normal; margin:1em 0 0.5em; padding-bottom:.5em; border-bottom:dotted 1px #ccc; }
.form .field { color:#222; margin:0; padding:0 0 1.25em; }
.form .field label { font-size:100%; font-weight:bold; color:#033f60; }
.form .field button { padding:5px; color:red; }
.form .field input { color:#000; font-size:108%; padding:2px; margin:2px 0; }
.form .field input[type='text'],
.form .field input[type='password'],
.form .field select,
.form .field textarea { display:block; margin-top:.25em; }
.form .field input[type='text'], 
.form .field textarea { font-family:monospace; }
.form .field input[type='file'] { background:#eee; padding:5px; }
.form .field .date_select select { display:inline-block; padding: 2px; margin: 2px 1em 0 0; }
.form .field span.required { color:#c00; }
.form .field p.tip { clear:both; color:#666; font-size:85%; margin:0em; }
.form .field.error textarea,
.form .field.error input[type='text'],
.form .field.error input[type='password'] { border:solid 1px #c00 !important; }
.form .field.error p.validation_message { font-weight:bold; color:#c00; font-size:85%; margin:0; padding-top:0; }
.form .errors { border:solid 1px #c00; background: #c00; color:#fff; padding:10px; }
.form .validation_summary h2 { color:#222; font-size:108%; margin-bottom:0; }
.form .validation_summary p { color:#c00; font-size:85%; font-weight:bold; }
.form .submit {line-height: 32px;height:32px;}
.form .submit .publishbutton {background-image: url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/publish_thoughts_btn.png'); background-color: transparent; display:block; float:left; border: none; width: 133px; height: 32px; text-indent: -9999px; font-size: 0px; line-height: 0px; margin-right: 5px; cursor:pointer; }

.topicicon {background-image: url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/icons/change_topic_icon.png'); display:block; background-repeat:no-repeat; padding-left: 22px; line-height:17px}
.question { position:relative; }
.question .topic_panel { color:#666; position:absolute; margin:0; vertical-align: middle; top:-35px; right:23px; }
.question .topic_panel #text {font-weight: bold; float:left; margin: 5px 5px 0 0;}
.question .subtitle { font-weight:bold; font-size:100%; }
.question .form textarea {border: 1px; border-radius:5px; border-color:#ccc; border-style:solid; }

.your_answer { background-color: #eeffee; padding: 0px 15px; }
.your_answer .answer .author { border-bottom: none; }
.your_answer h4 { padding-top: 10px; }
#featured_answer { background-color: #ebf5fe; padding: 0px 15px; }
#featured_answer .actions { border-bottom: none; }
#featured_answer h4 { padding-top: 10px; }
.answer .actions { font-size:85%; color:#999; margin-top:-.5em; }
.answer .actions a { color:#666; height:15px; display:inline-block; }
.answer .actions a.facebook_share,
.answer .actions a.twitter_share { padding-left:14px; line-height: 12px; height: 12px}
.answer .actions a.facebook_share { background: url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/icons/share.png') 0 0 no-repeat; }
.answer .actions a.twitter_share { background: url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/icons/share.png') 0 -12px no-repeat; }

.answer .actions a.vote.up, 
.answer .actions a.vote.down { padding-left:17px; background-image:url('http://d3e2il3px2zs5e.cloudfront.net/beat/326/content/images/icons/vote.png'); background-repeat:no-repeat; line-height:15px}

.answer .actions a.vote.down { background-position: 0 -30px }
.answer .actions a.vote.up:hover, 
.answer .actions a.vote.up.selected { background-position: 0 -15px }
.answer .actions a.vote.down:hover, 
.answer .actions a.vote.down.selected { background-position: 0 -45px }

.answer .actions a.hide:hover { color:#c00; }
.answer .actions a.hide.selected { color:#c00; }

.answer .actions .share_panel { display:none; }
.answer .author { margin-top:-1em; padding-bottom: 10px; border-bottom: 1px solid #a7a7a7;}

.answer .answer_body p { color:#033F60 }

.sidebar h2 {margin-bottom:2px;}
.sidebar h3 {border-top: 1px solid #a7a7a7; padding-top:10px;}
.sidebar .related_questions a { display: block; margin: 10px 0; font-size: 85%}
.sidebar .content { padding: 15px }

.sidebar .arrow { font-size: 0px; line-height: 0%; width: 0px; border-top: 15px solid rgba(255,255,255,0); border-right: 15px solid #fff; border-bottom: 10px solid rgba(255,255,255,0); position: absolute; margin-left: -30px; margin-top: 15px }

.notice.success h2 { line-height: 28px; }
.notice.success a.call_to_action { float:right; margin-top:-4px }
.signinbutton { border: 0; background: none; cursor:pointer; color:#23b504}
.signinbutton:hover { text-decoration: underline }
