/* 

PROTEST WITH ME .COM 
Colors:
yellow #ddcd05
dk gray #414141
light yellow #eee682
lighter yellow #fffbbf
dk yellow #E0D00A
dk blue #223A60
*/

* {margin:0;padding:0}
li {list-style:none;}
body {font-family:Arial, Helvetica, sans-serif}
h1, h2, h3, h4 {font-family:"Segoe UI", "Tahoma", Arial, Helvetica, sans-serif;font-weight:normal;}
h1 {font-size:28px;}
h2 {font-size:34px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:underline;}
img {border:0}
p {font-size:14px;color:#333;margin-bottom:15px; line-height:135%}
input[type="text"] {padding:8px;border:1px solid #CCC;width:375px;color:#000;-moz-border-radius:4px;}
input.search {width:475px;font-size:18px;padding:10px;color:#999;}
input[type="file"] {margin-bottom:25px;}
textarea {overflow:hidden;padding:8px;border:1px solid #CCC;width:375px;color:#000;-moz-border-radius:4px;}
select {padding:4px;font-size:16px;padding:8px;border:1px solid #CCC;width:375px;color:#000;-moz-border-radius:4px;}
label {display:block; margin-bottom:3px;font-size:13px}
span.help {color:#999;font-size:11px;font-weight:normal}
fieldset {border:none}

/* general buttons **************************************************/
a.button {font-family:"Segoe UI", "Tahoma", Arial, Helvetica, sans-serif;background-color:#ddcd05;color:#000;padding:8px 30px 9px 30px;border-style:solid;border-width:1px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:18px;font-weight:normal;}
a.button:hover {background-color:#ddcd05;text-decoration:underline; border-color:#CCC}
a.small {padding:7px 20px 8px 20px;font-size:14px;}
a.huge {padding:10px 25px 12px 25px;font-size:20px;}
a.gray {border-color:#999999;background-color:#CCC;}
a.gray:hover {background-color:#a6a6a6;border-color:#666}
a.red {background-color:#ebcccc; border-color:#ba5252; color:#990000}
a.green {background-color:#cce1d7;border-color:#7ab197; color:#006838}
a.red:hover {background-color:#dd9c9c; border-color:#a43d3d; color:#990000}
a.green:hover {background-color:#6bb491;border-color:#1d8555; color:#006838}
a.protestme {padding-left:25px;background:url('/image/protest16.gif') no-repeat 4px 4px #eee682;border-color:#ddcd05;font-size:12px;text-transform:uppercase;color:#000; width:90px;padding:5px 25px}

div.errorField {color:#bf4b54;}
div.errorField span.errorText {display:block;}
div.errorField input, div.errorField select, div.errorField textarea {border:2px solid #bf4b54;background-color:#fcf6f6;}
span.errorText {display:none;}

/* header **************************************************/

div.header {color:#ddcd05;background:url("image/head_bg.gif") repeat-x left bottom;background-color:#414141 ;padding:20px 0px 25px 0px;}
div.header h1 {width:930px; margin:0px auto;}
div.header h1 a {/*font-weight:bold;*/}
div.header h1 a.logo {font-family:"Segoe UI", "Tahoma", Arial, Helvetica, sans-serif;margin-right:27px;padding-left:29px;background:url('/image/protest_with_me_logo.gif') 0px 9px no-repeat;font-weight:bold;}
div.header input {margin-right:15px;}
div.suggestions {display:none;background-color:#FFFFFF;border:1px solid #CCCCCC;color:#223A60;font-size:16px;margin-left:315px;padding:10px;position:absolute;width:475px;}
div.suggestions a {display:block;padding:3px;font-weight:bold;text-decoration:underline;}
div.suggestions a:hover {background-color:#c3ccdb;}
div.suggestions span {display:block;color:#999; font-size:11px;margin-bottom:5px;}
div.sugSmall {margin-left:44px;}
div.header div.ad {margin-bottom:40px;}
/*div#interior {padding-top:125px;}*/
div.feature {background:url("/image/feature_bg_two.jpg") no-repeat bottom center #fcfae6;padding:85px 0 55px 0px; }
div.feature div {width:640px; margin:0px auto 0px auto;padding:0px 0px 15px 265px;}
div.feature p {color:#FFF;margin-bottom:10px;color:#999;padding-right:250px;}
div.feature h3 {color:#990000;font-size:34px; font-weight:bold; margin-bottom:3px;}
div.feature a.button {float:right;margin-top:20px;color:#FFF;background-color:#b34040;font-weight:bold;border-color:#990000;}
div.feature ul {float:right;}
div.feature li a {text-decoration:underline;color:#CCC;background-color:#999;padding:18px 25px;font-size:14px;display:block;}
div.feature li a {color:#FFF}
div.feature li a.at {color:#FFF;background-color:#414141;}

div.createCallout h3 {font-size:18px;padding-top:2px}
div.createCallout h3 span {font-size:12px;color:#999;font-weight:normal;}
div.createCallout a.button {margin-top:0px;}
div.createCallout {padding:10px 0px 15px 0px;}
div.featureInterior h3 {font-size:24px;margin-top:-25px;}
div.featureInterior {margin-bottom:25px;}

div.error {margin-bottom:25px;}
div.error div {background:url("/image/support48.png") no-repeat 20px 30px #F7EBEB;width:750px; margin:0px auto 0px auto;padding:30px 30px 30px 85px;border:4px solid #E5BFBF}
div.error p {color:#FFF;margin-bottom:10px;color:#999;padding-right:250px;}
div.error h3 {color:#990000;font-size:34px; font-weight:bold; margin-bottom:3px;}
div.error a.button {float:right;margin-top:20px;color:#FFF;background-color:#b34040;font-weight:bold;border-color:#990000;}

/* table list **************************************************/
table {width:100%;border-collapse:collapse;font-size:12px}
th {background-color:#666666;color:#CCC;padding:3px 8px;text-align:left;}
td {border-bottom:3px solid #efefef;padding:10px 8px}
tr.alt td {background-color:#f2f2f2;}
table.protesters td {padding:20px 8px;}
table.protesters td.name a {font-size:18px;color:#223A60}

/* top navigation **************************************************/
div#nav {background-color:#eee682;padding:14px 0px;margin-bottom:35px;font-family:"Segoe UI", "Tahoma", Arial, Helvetica, sans-serif;}
div#nav ul {width:930px;margin:0px auto;}
div#nav ul li {float:left;margin-right:20px;}
div#nav ul li a {display:block;padding:6px 10px;color:#000;font-size:13px;}
div#nav ul li a.at {-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#ddcd05;color:#FFF;}
div#nav ul li a:hover {text-decoration:underline;}
div#nav ul li a#create {}

div.smallSearch {background-color:#999;padding:10px 10px 10px 45px;background-image:url('/image/search32.png');background-repeat:no-repeat;background-position:10px 10px;margin-bottom:15px;}
div.smallSearch label {display:inline;font-size:12px;color:#CCC;}
div.smallSearch input {font-size:15px;padding:5px;color:#CCC;}

ul.letters {background-color:#CCC;}
ul.letters li {float:left;}
ul.letters li a {padding:5px 10px;display:block;}

/* pagination **************************************************/
div#pagination {background-color:#FFF100;text-align:center;}
div#pagination div {width:960px;margin:0px auto;}
div#pagination a {float:left;padding:15px 25px; display:block;background-color:#FFF87F;margin-right:25px;}
div#pagination a.page {padding:5px;margin-top:10px;}

/* footer **************************************************/

div#footer {background-color:#414141;color:#CCC;padding:20px 0px 70px 0px;font-size:12px;}
div#footer div {width:960px; margin:0px auto}
div#footer span {clear:both;color:#DDCD05;display:block;font-size:16px;font-weight:bold;margin-bottom:15px;background:url('/image/protest_with_me_logo.gif') no-repeat;padding:3px 0px 3px 35px}
div#footer ul {float:left;margin:10px 45px 20px 33px; }
div#footer ul li a {font-family:Arial, Helvetica, sans-serif;display:block;padding:2px 0px 2px 0px;}
div#footer ul li strong {color:#FFF;}
div#footer p {display:block;clear:both;font-size:11px;color:#666;}

/* non subject content pages **************************************************/
div.content {width:930px;margin:0px auto;margin-bottom:25px;}
div.content h2 {margin-bottom:20px;}
div.content ul.subjects {margin-bottom:25px;}
div.content ul.subjects li {padding-left:15px;}
div.content div.form {padding:25px;}
div.content div.form input[type=text],div.content div.form select, div.content div.form textarea {margin-bottom:25px;}
div.content div.form input[type=checkbox] {margin-bottom:25px;}
div.content div.form ul.radio {margin-bottom:25px;}
div.content div.form ul.radio li {padding:5px 0 0 10px;}
div.content div.form ul.radio label {display:inline;color:#666;}
div.content div.form ul.radio input {margin-right:5px}
div.content div.form fieldset {float:left;}
div.content div.form h4 {color:#666;font-size:18px;margin-bottom:25px;}
div.content div.form h5 {margin-bottom:3px;}
div.content div.form a.button {display:block;clear:both;float:left;margin-top:25px;width:80px;}

div#myaccount {padding:25px;float:right;background-color:#efefef;}
div.content ul.myprotests {width:500px;margin-bottom:25px;}
div.content ul.myprotests a {color:#223A60; text-decoration:underline;}

div.content h4 {font-size:14px;font-weight:bold;margin-bottom:15px;}

/* subjects and subject pages **************************************************/
div.subject {width:930px;margin:0px auto;clear:both;margin-bottom:50px;border-bottom:8px solid #E6E6E6;padding-bottom:20px;}
div.subject img {float:left;margin-right:25px;}
div.subject h2 {margin-bottom:35px}
div.subject h2 a {display:block;padding:5px 0px;}
div.subject h2 a:hover {background-color:#fffbbf}
div.subject ul {float:right;margin-left:25px;}
div.subject ul li {padding:0px 0px 15px 40px;}
div.subject ul li.comments {background:url("image/chat32.gif") no-repeat;}
div.subject ul li.views {background:url("image/chart_bar32.gif") no-repeat;}
div.subject ul li.links {background:url("image/folder32.gif") no-repeat;}
div.subject ul li.fire {background:url("image/fire32.gif") no-repeat;}

div.subject div.stanceContainer {margin-left:20px;float:right;width:150px;}
div.subject div.stanceContainer ul {float:left;margin-left:0;}
div.subject div.stanceContainer label {font-weight:bold;font-size:16px;}
div.subject div.stanceContainer a {display:block; text-align:center;font-weight:bold;}
div.subject div.stanceContainer li {padding-left:0px;}
div.subject div.stanceContainer li span {padding:5px;-moz-border-radius:0px 5px 5px 0;margin-right:5px;display:block}
div.subject div.stanceContainer li span.disagree {background:#BA5252}
div.subject div.stanceContainer li span.agree {background:#7AB197}
div.subject div.stanceContainer li span.noop {background:#999999;}
div.subject div.stanceContainer img {margin:0px;}
div.stanceContainer label.green {background-color:#cce1d7;color:#006838}
div.stanceContainer label.red {background-color:#ebcccc; color:#990000}

div.homeStance a.button {margin-right:5px;}
div.homeStance label {display:block;font-weight:bold;margin-bottom:12px;}
div.homeStance div {padding:15px;font-weight:bold;font-size:14px;float:left}
div.homeStance div.doneYes {background-color:#cce1d7;color:#006838}
div.homeStance div.doneNo {background-color:#ebcccc; color:#990000}
div.homeStance div.doneUn {background-color:#ccc;color:#999;}

div.map {width:960px;margin:0px auto;clear:both;margin-bottom:50px; padding-bottom:20px; border-bottom:8px solid #E6E6E6;}
div.map img {float:left;}
div.map div.noneFound {float:left;width:400px;background-color:#e5e5e5;padding:50px;margin:0px 25px 0px 25px;}
div.map ul {float:left;width:400px;margin-left:25px;}

div.breadcrumb {width:960px;margin:0px auto;clear:both;margin-bottom:15px;font-size:12px;}
div.breadcrumb li {float:left;margin-right:15px;}

div#main {border:none;margin-bottom:20px;padding-bottom:0px;}
div.home img.homeImage {width:325px;height:auto}

/* subject tabs **************************************************/
div.tabs {width:960px; margin:0px auto;border-bottom:8px solid #ccc;font-family:"Segoe UI", "Tahoma", Arial, Helvetica, sans-serif;}
div.tabs ul li {float:left;}
div.tabs ul li a {padding:15px 25px;display:block;}
div.tabs ul li a.at {background-color:#CCC;padding:15px 25px;}
div.tab {padding:0px 0px 55px 0px;width:930px;margin:0px auto;}


/* profile **************************************************************/
ul.myprotests label {float:left;padding:10px;margin-right:10px;width:90px;text-align:center;}
ul.myprotests li {padding:10px 0px;border-bottom:1px solid #efefef;}
ul.myprotests label.agree {background-color:#cce1d7;color:#006838}
ul.myprotests label.disagree {background-color:#ebcccc;color:#990000}
ul.myprotests label.not {background-color:#CCC;color:#333333}


/* stories **************************************************/
div.stories {float:left;width:305px;padding-top:35px;}
div.tab h5 {font-weight:normal;font-size:12px;color:#CCC;padding:10px;margin-bottom:5px;}
div.stories h5 {padding-left:0px;}
div.story {margin-bottom:10px;padding:20px 40px 30px 0px;border-bottom:4px solid #E6E6E6;}
div.story p {font-size:12px;}
div.story .details * {;color:#999;display:inline;}
div.story a {display:block;}
div.story h6 {font-size:16px;color:#223A60;}

div.filters {background-color:#E6E6E6;width:960px;margin:0px auto 25px auto}
div.filters ul {}
div.filters li {float:left;padding:15px;}
div.filters input {margin-right:5px;}
div.filters label {display:inline;}
div.vertAd {float:left;}

div.categoryList {float:left;width:400px; padding:25px 50px 25px 0px;}
div.categoryList a {color:#223A60}

/* sign in module **************************************************/
div.signin {padding:25px;background-color:#E6E6E6;}
div.signin label {padding-top:5px}
div.signin label, div.signin a, div.signin img {margin-right:15px;display:block;float:left;font-size:14px;color:#555;}
div.signin .panel label {float:none;}

/* submit story **************************************************/
div.submitstory {width:575px;margin:10px auto;}
div.newsstory {margin-bottom:35px;padding-bottom:15px;border-bottom:4px solid #E6E6E6;}

/* comments **************************************************/
div.comments {float:left;width:515px;padding:125px 55px 225px 55px;background:url('/image/comments_bg.gif') no-repeat #ebebec;}
div.comments input, div.comments textarea {margin-bottom:15px;}
div.comments img.map {border:4px solid #FFF}
div.comments div.signin {padding:25px 0px;background:none;font-size:12px;color:#999;}
div.comments h3 {font-weight:24px;font-weight:bold;margin-bottom:15px}
div.comments a.button {display:block;width:100px;}
div.comments div.noneFound {height:500px;padding:25px;}
div.comments div.comment {padding:25px 0px;border-bottom:1px solid #ccc;border-top:1px solid #FFF;}
div.comments div.comment img {margin-right:15px;}
div.comments div.enterComment {margin-bottom:25px;}

/* stats **************************************************/
div.graphs {padding:25px 25px 25px 0px;}
div.graphs h5 {margin-bottom:5px;}
div.graphs div.graph {padding:20px 20px 20px 0px;margin-bottom:15px;}
div.graphs img {border:4px solid #CCC;}

.login {width:900px;margin:0 auto;text-align:right;height:50px;}

/* clearfix hack **************************************************/

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}