* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: inherit; border: 0 none; outline: 0; padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }


/* 8888888b.                         8888888b.                    888       
   888  "Y88b                        888  "Y88b                   888       
   888    888  .d88b.  88888b.d88b.  888    888  8888b.  .d8888b  88888b.   
   888    888 d8P  Y8b 888 "888 "88b 888    888     "88b 88K      888 "88b  
   888    888 88888888 888  888  888 888    888 .d888888 "Y8888b. 888  888  
   888  .d88P Y8b.     888  888  888 888  .d88P 888  888      X88 888  888  
   8888888P"   "Y8888  888  888  888 8888888P"  "Y888888  88888P' 888  888  */


body { background: #f7f9fb url(/media/img/bg.png) repeat; color: #456; font-size: 11px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

a { text-decoration: none; color: #18d; }
a:hover, a:hover { text-decoration: underline; color: #09f; }

input[type=text], input[type=password], select, textarea { color: #222; border: 1px solid #bbb; 
  padding: 5px; font-size: 16px; font-weight: normal; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
  background: #fff url(/media/img/sprite-bg.png) repeat-x 0 -800px; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { border: 1px solid #6ad; }
input[type=text].disabled, textarea.disabled { color: #bbb; }
input[type=submit], input[type=button], a.button {  margin: 2px; padding: 4px 6px;
  background: #6ad url(/media/img/sprite-bg.png) repeat-x 0 -100px;
  color: #fff; border: 1px solid #18d; font-size: 13px; font-weight: bold; cursor: pointer;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a.button { line-height: 2.2 }
input[type=submit]:hover, input[type=button]:hover, a.button:hover { border: 1px solid #a1c3dd; }
input[type=submit]:active, input[type=button]:active, a.button:active  { border: 1px solid #6ad; background-position-y: -200px; }
a.button:hover { text-decoration: none; color: #fff; }

b { font-weight: bold; }
i { font-weight: italic; }
h1 { position: relative; font-size: 28px; color: #6ad; left: 0; bottom: -7px; z-index: 10; }
h2 { font-size: 18px; color: #456; clear: both; }
h3 { font-size: 13px; font-weight: bold; color: #456; }
h4 { font-size: 11px; font-weight: bold; color: #456; }
td { font-size: 11px; }
small { font-size: 11px; } 
.center { text-align: center; }
.right { text-align: right; }
.error { color: #f00 !important; }
.flourish { font-style: italic; font-family: Georgia, serif; }
.words { margin: 0 24px; font-size: 15px; line-height: 1.5em; font-family: Georgia, serif; }
.words p { margin: 4px 0 12px; }
.minoraction { color: #c34; font-weight: bold; white-space: nowrap; }
.thumb { float: left; background: #fff; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ddd; }
.thumb img { -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; }

#header { background: #fff url(/media/img/sprite-bg.png) repeat-x; border-bottom: 2px solid #add5ef; margin: 0 0 25px 0; }
#header-content { position: relative; width: 980px; margin: 0 auto; }
#logo { position: absolute; top: 6px; left: 0; margin: 0 0 0 15px; }
#nav-minor { margin: 0 12px 0 0; padding: 7px 3px; text-align: right; 
  color: #eedfd0; font-size: 11px; font-weight: bold; }
.nav-minor-item { display: inline; padding: 0 10px 0 0; }
a.nav-minor-link { color: #fff; }
input.nav-textbox { width: 180px; padding: 2px; border: 1px solid #900;
  color: #bbb; font-weight: normal; font-size: 11px; }
.nav-button { position: relative; top: 3px; }
#nav-major { padding: 14px 0 14px 120px; font-size: 16px; letter-spacing: 0.01em; }
.nav-major-item { display: inline; padding: 0 8px 0 24px; background: url(/media/img/icon-redstar.png) no-repeat; }
.nav-major-item.first { background: none; }
.nav-major-link { padding: 4px 6px; }
.nav-major-link-active { background: #ecf1f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.nav-major-link:hover { text-decoration: none; color: #fff; background: #6ad; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.fieldset-wide {  margin: 8px 0 0 0; }
.field-wide { position: relative; background: #f3f3f3; font-size: 11px; color: #456; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 0 5px 5px 5px; padding: 5px; }
.field-wide input, .field-wide select, .field-wide textarea { margin: 3px 3px 3px 150px; }
.field-wide select, .field-wide textarea { width: 250px;  }
.label-wide { position: absolute; top: 13px; left: 5px; width: 140px; 
  font-weight: bold; font-size: 14px; text-align: right; }
.fieldnote-wide { padding: 5px 10px 3px 150px; font-size: 12px; font-weight: normal; }
.fieldnote-wide input { margin: 0; }
.fieldalign-wide { padding: 5px 10px 10px 150px; }

.pager { padding: 12px; border-top: 1px solid #ddd; }
.pager-count { font-size: 13px; color: #456; padding: 0 6px; }

#main { width: 940px; margin: 0 auto; }
#outer, #inner, #content, .sidebar { position: relative; float: left; width: 100%; }
#outer { background: #f0f5fa; border: 1px solid #add5ef; border-bottom: none; }
#inner { border-right: 1px solid #aed5ef; right: 25%; }

#content, .sidebar { left: 25%; }
#content { padding: 0 0 40px; width: 75%; background: #fff; }
.sidebar { padding: 0 0 40px; width: 25%; overflow: hidden; }

#content h2 { padding: 12px 12px 4px; color: #8bd; }

.sidebaritem { margin: 0 0 0 1px; padding: 12px; border-bottom: 1px solid #fff;}
.sidebaritem h3 { margin: 12px 0 0 0;}
.sidebaritem p { margin: 6px 0 3px; font-size: 12px; line-height: 1.4; }

.thumblist .item { clear: left; padding: 3px 0;}
.thumblist .label { margin: 6px 0 6px 60px; }
.thumblist .label b { font-size: 13px; line-height: 1.4; }
.thumblist .label-small {  font-size: 12px; margin: 12px 0 6px 42px; }

.simplelist li { padding: 2px; }
.simplelist li a { padding: 4px; font-size: 12px; }

.listenlist { position: relative; clear: left; margin: 3px 0 0 0; padding: 6px; border-top: 1px solid #ddd; }
.listenlist h3 { padding: 0 0 6px 0; }
.listenlist h3 small { padding: 0 0 0 6px; font-weight: normal; }
.listenlist-name { padding: 0px 250px 6px 72px;}
.listenlist h4 { padding: 0 0 4px 0; }
.listenlist-about { position: absolute; line-height: 1.2; width: 230px; top: 6px; right: 6px; }

.selector { font-size: 12px; padding: 6px 12px; }
.selector-item, .selector-item-selected, .selector-label { padding: 1px 4px; display: inline; }
.selector-label { font-size: 12px; font-weight: bold; }
.selector-item-selected { background: #6ad; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.selector-item-selected a { color: #fff; font-weight: bold; text-decoration: none; }

#userbio-left { position: absolute; top: 0; left: 0; width: 160px; text-align: center; font-size: 11px; padding: 20px 0 0 0; 
  background: #ecf1f5; }
#userbio-left .userbio-list { margin-left: 0; padding: 0 0 50px 0;  background: #fff url(/media/img/sprite-bg.png) repeat-x 0 -406px; }
#userbio-left .userbio-list li { border-right: 1px solid #d8e6ef; }
#userbio-sidebar { text-align: center; font-size: 11px; padding: 20px 0 0 0; }
#userbio-contentbody { margin: 0 0 0 160px; }
.userbio-name { margin: 5px 0 2px; }
.userbio-thumb { border: 2px solid #fff; }
.userbio-list { background: #fff; margin: 5px 0 0 2px; text-align: left; border-top: 1px solid #d8e6ef; }
.userbio-list li { font-size: 12px; padding: 8px 3px 0 3px; border-bottom: 1px solid #d8e6ef; background: #fff; }
.userbio-list p { font-size: 12px; margin: 0 0 8px 70px; }
.userbio-list h4 { float: left; clear: left; width: 65px; margin: 0 5px 0 0; font-size: 11px; font-weight: bold; 
  color: #567; text-align: right; }
.userbio-list .minoraction { display: block; font-size: 11px; }


.nowfeed-item { margin: 10px 0; padding: 0 6px;  border-top: 1px solid #ddd; clear: left; }
.nowfeed-item .thumb { margin: 6px 6px 6px 0; }
.nowfeed-icon img { height: 50px; }
.nowfeed-message { padding: 6px 0 0 0; margin: 0 0 0 65px;}

.feed-author { font-size: 12px; font-weight: bold;}
.feed-text { padding: 3px 0 6px 0; line-height: 1.2; font-family: Georgia, serif; }
.feed-support { font-size: 11px; }

#detail-left { float: left; width: 250px; text-align: center; font-size: 11px; }
#detail-left h3 { text-align: left; margin: 20px 0 6px 12px; color: #6ad; }
#detail-left ul { text-align: left; margin: 0 0 0 12px; font-size: 12px;}
.detail-img { margin: 12px auto; text-align: middle; width: 150px; }
#detail-contentbody h2 { padding: 16px 0 0 0; }
#detail-contentbody h3 { margin: 6px 0 0 0; }
#detail-contentbody { float: left; width: 420px; padding: 0 0 28px 0; }
#detail-contentbody p { padding: 3px 0 9px; font-size: 13px; }
.detail-contentlist { margin: 0 0 0 12px; font-size: 13px; }
.detail-contentlist li { color: #c34; padding: 3px 0; font-size: 13px; }

#map_city { float: left; }
#map_prec { float: left; }

.messagebox { position: relative; margin: 20px; padding: 12px; background: #ffd; -moz-box-shadow: 4px 4px 5px #aaa; -webkit-box-shadow: 4px 4px 5px #aaa; box-shadow: 4px 4px 5px #aaa; }
.messagebox ol { margin: 12px; font-size: 13px; list-style-type: decimal; list-style-position: inside; }
.messagebox li { margin: 4px 0; }
.messagebox h5 { font-size: 16px; padding: 0; color: #444; }
.button-close { position: absolute; top: 12px; right: 12px;  z-index: 10; display: block; width: 14px; height: 14px; font-size: 12px; background: #c34; color: #fff; text-align: center; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
a.button-close:hover { background: #f00; color: #fff; text-decoration: none; }

#footer { position: relative; top: -18px; clear: both; z-index: 10; text-align: center; color: #6ad; }
#footer-logo { display: block; line-height: 0; }
#footer-content { background: #fff; border-top: 1px solid #add5ef;  border-bottom: 1px solid #add5ef; padding: 18px; font-size: 13px; }
#footer-quote { text-transform: uppercase; }
#footer-who { white-space: nowrap;}
#footer-nav { background: url(/media/img/trim-footershelf.png) no-repeat scroll top center; width: 634px; margin: 20px auto 0 auto; padding: 10px 0 30px 0; }
#footer-nav li { display: inline; }
#footer-nav a { padding-right: 10px; font-size: 11px; font-weight: bold; }
#footer-nav .simplertag a { padding-right: 0; color: #8be; font-style: italic; font-family: Georgia, serif;}

#postit { position: absolute; width: 490px; height: 190px; top: 5px; right: 20px; background: #ffd url(http://demdash.us/s/img/preview-bg.png) repeat-x; -moz-box-shadow: 4px 4px 5px #ccc; -webkit-box-shadow: 4px 4px 5px #ccc; box-shadow: 4px 4px 5px #aaa; }
#hiya { margin: 10px 20px 10px 10px; padding: 0 0 0 90px; font-size: 12px; line-height: 1.3; color: #556; background: url(http://demdash.us/s/img/preview-hiya.png) no-repeat; }
#yesplease { position: absolute; top: 130px; left: 15px; width: 270px; font-size: 13px; font-weight: bold; color: #556; }
#yesplease input[type=text] { font-size: 12px; width: 150px; }
#yesplease input[type=submit] { background: #5b2; border: 1px solid #081; }
#yesplease-form label.error { position: absolute; top: 0; left: 0;  width: 270px; z-index: 10; background: #ffd; color: #e45; }
#followus { position: absolute; top: 130px; right: 15px; width: 150px; font-size: 13px; font-weight: bold; color: #556; }

#slate-container { overflow: auto;}
.slate { margin: 6px; }
.slate-partyselector { padding: 8px; vertical-align: middle; }

.slate-owner, .slate-followed, .slate-description, .slate-position, .slate-editposition, .slate-subtitle { border: 1px solid #ddd; vertical-align: middle; }
.slate-owner, .slate-followed { text-align: center; vertical-align: top; font-weight: bold; width: 80px; padding: 0 0 5px 0; }
.slate-owner { width: 85px; }
.slate-owner img, .slate-followed img { display: block; margin: 4px auto; }
.slate-description { font-size: 14px; }
.slate-description p { margin: 2px 0 2px 6px; font-size: 11px; font-family: Georgia, Times, serif; color: #567; }
.slate-description a { margin: 2px 0 2px 6px; }
.slate-subtitle h3 { margin: 8px 0 8px 6px; }
.slate-position div { margin: auto; }
.slate-position-icon { background: url(/media/img/sprite-slatestatus.png) no-repeat 0 0; height: 40px; width: 40px; }

.slate-editposition { padding: 2px; }
.slate-editposition-button { position: relative; background: #9bc0d8 url(/media/img/sprite-bg.png) repeat-x 0 -150px; margin: 2px; padding: 3px 6px; border: 1px solid #18d; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
.slate-editposition-button.down { background: #37a url(/media/img/sprite-bg.png) repeat-x 0 -250px; }
.slate-editposition-arrow { position: absolute; top: 16px; right: 8px; background: url(/media/img/sprite-arrows.png) repeat-x 0 -200px; width: 9px; height: 9px; }
.slate-editposition-arrow.down { background: url(/media/img/sprite-arrows.png) repeat-x 0 -150px;  }
.slate-editposition-icon { background: #fff url(/media/img/sprite-slatestatus.png) no-repeat 0 -598px; height: 33px; width: 40px; border: 1px solid #6ad; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.slate-previewcell { vertical-align: bottom; padding: 5px 20px; }
.slate-previewcell iframe, .fb_share_button { float: left; margin: 0 5px;  }

#chooser-editposition { position: absolute; z-index: 100; top: 0; left: 0; width: 360px; display: none; background-color: #fff; border: 1px solid #add5ef; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: #aaa 2px 2px 6px; -webkit-box-shadow: 2px 2px 6px #aaa; }
.chooser-editposition-header { margin: 10px 0 5px 10px; }
.chooser-editposition-list { margin: 10px; }
.chooser-editposition-item { float: left; background: #fff url(/media/img/sprite-slatestatus.png) no-repeat 0 -600px; width: 24px; padding: 30px 12px 3px; margin: 0 4px; }
#chooser-editposition-status { position: absolute; top: 10px; right: 10px; }
#chooser-editposition-actions { clear: both; padding: 5px 0; border: 1px solid #f7f9fb; font-size: 13px; text-align: center;}

#position-sidebar { position: absolute; top: 20px; left: 12px; width: 120px; text-align: center; }
#position-contentbody { margin: 0 0 0 150px; }
#position-contentbody h3 { margin: 12px 24px 6px;}
.slate-standaloneposition { position: relative; text-align: left; width: 85px; margin: 6px auto; }
.strongsupport, .support { color: #5c5;}
.strongoppose, .oppose { color: #d14;}

.editposition-undecided { background-position: 0 -600px; }
.editposition-strongsupport { background-position: 0 -650px; }
.editposition-support { background-position: 0 -700px; }
.editposition-noposition { background-position: 0 -850px; }
.editposition-oppose { background-position: 0 -750px; }
.editposition-strongoppose { background-position: 0 -800px; }

.position-undecided { background-position: 0 0; }
.position-strongsupport { background-position: 0 -100px; }
.position-support { background-position: 0 -200px; }
.position-noposition { background-position: 0 -300px; }
.position-oppose { background-position: 0 -400px; }
.position-strongoppose { background-position: 0 -500px; }

/* da: for the position.html template, may not be optimal */
.editposition-0 { background-position: 0 -600px; margin: 10px; float: left;}
.editposition-1 { background-position: 0 -650px; margin: 10px; float: left;}
.editposition-2 { background-position: 0 -700px; margin: 10px; float: left;}
.editposition-3 { background-position: 0 -850px; margin: 10px; float: left;}
.editposition-4 { background-position: 0 -750px; margin: 10px; float: left;}
.editposition-5 { background-position: 0 -800px; margin: 10px; float: left;}

.gmnoprint { display: none;}

#button-facebook { float: left; width: 80px; }