/*
Uncivil Servants
Date: 12/29/06

Uncivil-specific styles
*/

/* Global
----------------------*/
body {
 background: #e6e6e6 url("/images/uncivil_bg.png") top center repeat-x;
}
#header {
 height: 150px;
 text-align: center;
}
#nav {
 background: #000;
} 
#page {
 border: 2px #666 solid;
 border-top: none;
}
#footer {
 border-top: none;
 padding: 0 135px;
 margin: 15px 0;
}

/* Header 
----------------------*/

#header h1 {
 position: absolute;
 top:  10px;
 left: 0;
 text-indent: -9999px;
 padding: 0;
 margin: 0;
}
#header h1 a {
 display: block;
 height: 130px;
 width: 220px;
}
#header h2#tagline {
 margin: 0; padding:0;
 position: absolute;
 top: 160px;
 left: 425px;
 color: #eee;
 font: bold .85em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 text-transform: uppercase;
}
a#add_post {
 display: block;
 position: absolute;
 top: 25px;
 right: 20px;
 color: white;
 text-align: center;
 margin: auto;
 font-size: 1.25em;
 font-weight: normal;
 border: 1px solid black;
}
a:hover#add_post {
 display: block;
 border: 1px solid #f90;
}
#welcome {
 float: right;
 padding: 9px 12px;
 margin: 0;
 color: #eee;
} 
#welcome a {
 color: #999;
 text-decoration:underline;
}
#welcome a.news {
	color: red;
}
#welcome a:hover {
 text-decoration:none;
} 
#menu {
 float: left;
 padding: 9px 12px;
}
#menu ul {
 margin: 0;
 padding: 0;
}
#menu li {
 display: inline;
 padding: 0 8px;
 margin: 0;
}
#menu a {
 color: #999;
 text-decoration:underline;
}
#menu a:hover {
 text-decoration:none;
} 

/* Page
----------------------*/
#main {
 float: left;
 width: 642px;
}

#sidebar {
 float: right;
 width: 270px;
}

#page p,
#page li {
 line-height: 1.4em;
}

/* Homepage 
----------------------*/
.infobar {
 border-bottom: 5px solid #ff6600;
 padding: 4px 0 0px;
 text-align: left;
 margin: 0;
}
.infobar h2 {
 font-size: 1.2em;
 padding: 0;
 margin: 0;
 white-space: normal;
}
.infobar h2.filtered {
 background: #ff6600;
 /* color: #000; */
 text-transform: uppercase;
 padding: 5px 10px;
 margin: 0;
} 
.clear, .paging {
 background: #FFC586;
 margin: 0 0 10px;
 padding: 2px 10px;
 font-weight: normal;
 position: static;
 text-align: right;
}
#main .infoblock {
 margin-bottom: 10px;
}


#posts {
 float: right;
 width: 500px;
 margin: 0;
 padding: 0;
}
.photo {
 position: relative;
}
.photo img {
}
.photo img.ribbon {
 border: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: -1px;
 left: -1px;
 background: transparent;
} 

/* SmallPost 
---------------------------*/
.smallPost {
 clear: both;
 text-align: left;
 background: url(/images/header-gray.png) top left repeat-x;
 padding: 8px 8px 0;
 margin-bottom: 5px;
}
.smallPost .photo {
 padding-bottom: 20px;
 padding-right: 8px;
 float: left;
 width: auto;
}
.sp_content {
 padding-right: 5px;
 color: #666;
 clear: both;
} 
.sp_meta {
 position: relative;
 font-size: .9em;
 color: #666;
 padding: 0;
 line-height: 1.3em;
}
.sp_meta p {
 padding-right: 1em;
 margin: 0;
 white-space: nowrap;
 float: left;
}
.smallPost .poster {
 font-size: .95em;
 color: #666;
 padding: 5px 0 0;
}
.smallPost h4 {
 margin: 0;
 padding: 2px 0;
 font-size: 1.4em;
} 
.smallPost .location {
 margin: 2px 0 0;
}
.smallPost .description {
 color: #222; 
 font-size: 1em;
 margin: 0 0 3px;
 line-height: 1.35em;
 border-bottom: none;
}
.smallPost .description p {
 margin: 0 0 1em;
 padding :0;
}

.smallPost .tags {
 margin: 0px 0 5px 0;
}
.smallPost .sp_content {

}
.smallPost .comments {
 background: none;
}

/* Paginator */
.paginate {
 padding: 10px;
 font-size: 2em;
}
.paginate a {
 text-decoration: underline;
 background: #eee;
 padding: 2px;
}
.paginate a:hover {
 background: #666;
 color: #fff;
}
/* Map Page 
----------------------*/
#mapFilter select {
 margin: 2px;
 width: 240px;
}
#mapFilter select.dateRange {
 width: 108px;
}
#mapFilter input.submit {
 margin-top: 8px;
}

/* Single Post
----------------------*/
.post_main {
 width: 650px;
 margin: 0px;
}
.post_sidebar {
 position: absolute;
 top: 210px;
 right: 0px;
 width: 280px;
}

.post_meta th {
 white-space: nowrap;
} 
div.comments {
 background: none;
 padding: 0 10px;
 margin: 0;
}
h3#comments, h3#postcomment {
 clear: both;
 margin: 20px 0 px 0;
 padding: 4px 8px;
 font: bold 1.1em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 color: #ff6600;
 border: 0;
 background: #fff;
 border-bottom: 5px solid #ff6600;
 width: 650px;
}

/* Testimonials & Stats */

.testimonials dt {
 font-weight: bold;
 font-size: 1.2em;
 font-style: italic;
}
.testimonials dd {
 margin: 0;
 padding: 0
}
.testimonials blockquote {

}

blockquote.stat {
 border: 0;
 background: url(/images/icon_info.jpg) 0 5px no-repeat;
 padding: 0 0 0 40px;
 margin: 0;
 text-align: justify;
}
blockquote.quote {
 border: 0;
 background: url(/images/icon_quote.png) 0 5px no-repeat;
 padding: 0 0 0 40px;
 margin: 0;
 text-align: justify;
}
p.byline {
 font-weight: bold;
 font-style: italic;
 text-align: left;
}

/* Sidebar 
----------------------*/
#sidebar h3 {
 border-bottom-color: #090;
 font-weight: bold;
 font-size: 1.1em;
 background: #fff;
 margin: 20px 0 0;
 padding: 0;
}
#sidebar h3 a {
 text-decoration: underline;
}
#sidebar h3 a:hover {
 text-decoration: none;
}
.key form {
 padding: 10px 5px;
 text-align: center;
}
.key h4 {
 margin: 0;
 padding: 10px 10px 0;
 font-size: 1.2em;
}
ol.agencies {
 padding: 10px 40px;
 margin: 0;
}
ol.agencies li {
 float: none;
 list-style: decimal;
}
.agencies .violationsCount {
 display: inline;
}
.mapSmallPopup {
 font-size: .8em;
 width: 120px;
}
/* Post->Add
----------------------*/
div#post-add {
 margin: 10px 50px;
 padding: 0;
 border: 3px solid #ff6600;
 background: #eee;
}
h2.ticket_header {
 background: #ff6600;
 padding: 2px;
 margin: 0;
 text-align: center;
 text-transform: uppercase;
 color: #fff;
}
div#post-add th,
div#post-add td {
 border-bottom: 1px solid #ccc;
}
div#post-add th {
 text-transform: uppercase;
 vertical-align: middle;
 width: 130px;
}
div#post-add td {
 vertical-align: middle;
}
div#post-add p {
 margin: 10px;
}
div#post-add td.formData {
	width: 404px;
 vertical-align: middle;
}
div#post-add td.formTips {
 border-left: 2px solid #aaa;
 border-bottom: none;
 padding: 5px;
 vertical-align: middle;
}
div#post-add td.formTips p {
 margin: 4px 0;
 padding: 0;
 line-height: 1.2em;
}
div#post-add a {
 text-decoration: underline;
}
div#post-add a:hover {
 text-decoration: none;
} 
table.child {
 border-top: none;
 margin: 0;
 padding-top: 0;
 background: #fff;
}
#new_post_sign_id {
 width: 338px;
} 
#locError {
 border: 2px solid red;
 margin: 5px 0;
 padding: 5px;
 background: pink;
 color: #000;
}
#locError ul, #locError li, #locError p {
 list-style: none;
 padding: 0;
 margin: 0;
}

/* Footer 
------------------------*/
#footer h3 {
 background: none;
 border-bottom: 5px solid #090;
 border-left: none;
}

/* Misc Elements
------------------------*/
.info {
 background: url(/images/icon_information.gif) left center no-repeat;
 display: block;
 padding: 4px 0 4px 20px;
}
.alert {
 background: url(/images/icon_error.gif) 0 0 no-repeat;
 display: block;
 padding: 0px 0 10px 23px;
 margin: 0 5px;
}
.hazard {
 background: url(/images/icon_error.gif) left center no-repeat;
 display: block;
 color: red;
 padding: 4px 0 4px 20px;
}
.legal {
 background: url(/images/icon_tick.gif) left center no-repeat;
 display: block;
 color: green;
 padding: 4px 0 4px 20px;
}
.illegal {
 /* background: url(/images/icon_illegal.gif) left center no-repeat;*/
 display: block;
 color: red;
 padding: 0 0 4px;
}
.fake {
 display: block;
 color: red;
 padding: 4px 0 4px;
}

h4.infoblock_header {
 background: #090;
 margin: 0;
 display: inline;
 padding: 5px 10px;
 color: #fff;
 font-size: 1.2em;
 position: relative;
}
.infoblock {
 background: #cee3ce;
 border: 1px solid #090;
 border-top: 5px solid #090;
 margin: 0 0 25px;
 padding:  10px;
}
.infoblock h3 {
 padding: 0;
 margin 0;
} 
.infoblock h4 {
 background: #090;
 color: #fff;
 border: none;
 margin :0;
 padding: 5px;
 float: none;
 clear: both;
 left: 0;
 top: 0;
}
.infoblock ul {
 padding: 0;
 margin: 0;
}
.infoblock li {
 list-style: none;
}
p.more {
 text-align: right;
}
input.button {
 color: black;
 font-weight:bold;
 font-size: 1.3em;
 padding: 2px;
 margin: 2px 0;
}
.error {
 border: 2px solid red;
 margin: 8px;
 padding: 0;
 background: pink
}

hr.section {
 visibility: visible;
 border-top: 1px solid #000;
} 

/* comment format is shared */
table.comments {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

tr.comment_head {
	font-size: small;
	margin: 0;
	background: #E0EEEE;
}

td.comment_left {
	padding: 0.5em;
	margin: 0;
	vertical-align: top;
	width: 12%;
}

td.comment_right {
	padding: 0.5em;
	margin: 0;
	vertical-align: top;
	border-left: 1px solid #ccc;
}

td.comment_right p {
	margin: 0;
	padding: 0;
}

tr.comment_head td {
	border-top: 1px solid #ccc;
}

tr.comment_body td {
	padding-bottom: 1.5em;
}

span.comment_count {
	position: relative;
	top: -3px;
	left: -3px;
	background: #F1EDC2;
}

p.comments_time {
	padding: 0;
	margin: 0;
	float: left;
}

p.admin {
	padding: 0;
	margin: 0;
	font-size: smaller;
	text-align: right;
}