/*
Uncivil Servants stylesheet
Date: 12/1/06
*/

/*Global Layout
----------------------------*/
html {
 background: #fff url("/images/footer.png") 50% 100% repeat-x;
}
body {
 text-align: center;
 /* font-size: 62.5%; Resets 1em to 10px -- */
 font-size: 1em;
 font-family: Arial, Verdana, arial, sans-serif;
 background: url("/images/body.png") 0 0 repeat-x;
 margin: 0;
 padding: 0 0 40px 0;
}
#wrapper {
 margin: 0 auto;
 padding: 0;
 width: 975px;
 text-align: left;
 font-size: .8em;
 color: #333;
 position: relative;
}
#header { 
 margin: 0;
 padding: 0;
 text-align: center;
 height: 140px;
}
#nav {
 background: url(/images/nav-bg.png) top left no-repeat;
 height: 32px;
 padding: 0;
} 
#page {
 margin:0;
 padding: 8px;
 background: #fff;
 min-height: 300px;
}

#footer { 
 clear: both;
 margin: 20px 0 0;
 padding: 15px;
 text-align: center;
 font: 0.9em Helvetica, Arial, sans-serif;
 text-decoration: none;
 color: #444;
 border-top: 3px double #ccc;
}

/* Site header 
----------------------------*/

#header h1 {
 position: absolute;
 top:  13px;
 left: 20px;
}
#header h1 * {
 vertical-align: middle;
}

#header h2#tagline {
 display: none;
 margin: 0; padding:0;
 position: absolute;
 top: 149px;
 left: 20px;
 color: #52616b;
 font: bold .85em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 text-transform: uppercase;
}
h2#nycsr {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 20px;
 left: 20px;
}
H2#nycsr a {
 display: block;
 height: 100px;
 width: 120px;
 margin: 0;
 padding: 0;
 background: url("/images/nycsr_logo.png") 0 0 no-repeat;
 z-index: 5;
 text-indent: -9999px;
 border-bottom: none;
 text-decoration: none;
}
H2#nycsr a:hover {
 background-position: 0 -100px;
}

a#add_post {
 position: absolute;
 top: 40px;
 right: 25px;
} 

#welcome {
 float: right;
 padding: 8px 12px;
 margin: 0;
} 
#welcome ul {
 margin: 0;
 padding: 0;
}
#welcome li {
 display: inline;
 padding: 0 8px;
 margin: 0;
}



/* Breadcrumb
----------------------------*/
.bcrumb { 
 font-size: 1.5em;
 padding: 0 0 15px 0;
}
.bcrumb ul {
 margin: 0; 
 padding: 0;
}
.bcrumb li {
 display: inline;
}
	
.breadcrumb A {
 text-decoration: underline;
}


/* Page
----------------------------*/
.page {
 background: url(/images/header-gray-orig.png) top left repeat-x;
 padding: 10px;
}
.list {
 padding: 10px;
}

/* Sidebar 
----------------------------*/
#sidebar h2 {
 font-size: 1.3em;
 margin: 0;
 padding: 0; 
 clear: both;
}

#sidebar h3 {
 margin: 15px 0 5px;
 font-size: 1em;
 border-bottom: 5px solid #094a83;
 padding: 5px 7px;
 background: #eee;
 font-weight: normal;
 clear: left;
 text-align: left;
}
#sidebar h3 * {
 vertical-align:middle;
}
.key {
 background: #eee;
 font-size: .9em;
}
.key p {
 margin: 0;
 padding: 5px;
 font-size: 1.1em;
} 

/* Main
----------------------------*/

#main h1 {
 font-size: 1.7em;
 padding: 0;
 margin: 3px;
}

/* Map */
#fullMap {

}
#map {

}
#map img#fakemap {
 width: 100%;
 height: 350px;
}
.legend {
 border-top: 1px solid #666;
 background: #ddd;
 padding: 5px;
}
.legend * {
 vertical-align: middle;
}
.legend dl {
 display: inline;
}
.legend dl * {
 display: inline;
 margin: 0;
 padding: 0;
}
.legend dt {
 margin: 0 0 0 10px;
}
.legend dd {

}
.mapResults {
 width: 100%;
}
.mapResults th {
 padding: 3px 5px;
}
.mapResults td {
 border-top: 1px solid #ccc;
 padding: 3px 5px;
 height: 40px;
}


/* Homepage 
--------------------------*/
#topOffenders {
 margin: 0;
 padding :0;
 background: url(/images/header-gray.png) top left repeat-x;
}
#topOffenders  h2 {
 margin: 0;
 padding: 5px 0 0 8px;
}
#topOffenders p {
 margin: 0 10px;
 padding: 0;
} 
ul.agencies, ol.agencies {
 margin: 0;
 padding: 0;
}
.agencies li {
 list-style: none;
 padding: 4px 0 0px 19px;
 float: left;
 margin: 0px 12px 10px 5px;
 position: relative;
 color: #777;
 line-height: 1.2em;
}
.agencies li img {
 position: absolute;
 top: 6px;
 left: 0;
}
#intro {
 padding: 0 10px;
 clear: both;
}

.infobar {
 padding: 2px 0 0;
 margin: 8px 0 4px 0;
 text-align: center;
 position: relative;
 white-space: nowrap;
 position: relative;
}
.infobar h2 {
 display: inline;
 padding: 3px 5px 4px;
 margin: 0;
}
.infobar h2.filtered {
 background: #000;
 color: #fff;
 margin: 3px;
}
h2.filtered a {
 color: red;
}
.infobar .clear {
 margin: 0;
 padding: 0;
 background: #fff;
 font-weight: normal;
 position: absolute;
 top: 0px; 
 right: 0;
 text-align: right;
}
.infobar .clear a {

}

.postList {
 
}

/* Posts 
--------------------*/
.plate {
 float: left;
 text-align: center; 
 position: relative;
 background-position: 50% 0;
 background-repeat: no-repeat;
 background-image: url(http://img.uncivilservants.org/plates/default.png);
 /* background image specified inline */
 width: 80px;
 height: 22px;
 padding: 8px 0 4px 0px;
 font-size: 11px;
 font-weight: bold;
 color: #666;
}
.plate .plateNumber {
 
}
.smallPost .plate {
 position: absolute;
 top: 3px;
 right: 5px;
}
ol.plates {
 margin: 0;
 padding: 8px 0;
}
ol.plates li.plate {
 list-style: none;
 margin: 4px 4px 20px 4px;
}
.plate .violationsCount {
 position: absolute; 
 top: 27px;
 left: 14px;
 padding: 9px 0 0 0;
 display: block;
 font-size: .9em;
 font-weight: normal;
}

.agencies .violationsCount {
 white-space: nowrap;
}

/* Small Post 
--------------------*/
.smallPost {
 clear: both;
 text-align: left;
 background: url(/images/header-gray.png) top left repeat-x;
 padding: 8px;
 margin-bottom: 10px;
}
.smallPost .photo {
 padding-bottom: 20px;
 padding-right: 8px;
 float: left;
 width: 40%;
}
.sp_content {
 color: #666;
} 
.sp_meta {
 position: relative;
 font-size: .9em;
 color: #666;
 padding: 2px 0 20px;
 line-height: 1.3em;
}
.sp_content h4 {
 margin: 0;
 padding: 2px 0;
 font-size: 1.4em;
} 
.smallPost .location {
 margin: 2px 0;
}
.smallPost .description {
 color: #222; 
 font-size: 1em;
 margin: 10px 0 3px;
 line-height: 1.35em;
 border-bottom: 1px solid #999;
}
.smallPost .poster {
 margin: 0 90px 5px 0;
}
.smallPost .tags {
 margin: 0px 0 5px 0;
}
.comments {
 background: url(/images/icon_comment.png) 0 3px no-repeat;
 padding: 2px 0 2px 19px;
 margin: 0;
} 
.plist_footer {
 clear: both;
}
div.post_photo {
 float: left;
 margin: 0 0.5em 0.5em -1em;
}

div.post_meta {
	margin: 0;
	padding: 0.25em;
	line-height: 1em;
	font-size: small;
}

div.post_meta p {
	margin: 0;
	padding: 2px;
}
/* Single post 
------------------------------*/

.post_main {
 width: 650px;
 margin: 0px;
}
.post_sidebar {
 position: absolute;
 top: 190px;
 right: 0px;
 width: 250px;
}
.full_post div.post_descr {
 margin: 0;
 padding: 5px;
 /*background: url(/images/header-gray.png) top left repeat-x;
 */
}
.full_post div.post_descr h3 {
 margin: 0;
 padding: 0;
 font-style: normal;
}
.post_descr .poster {
 color: #666;
 margin: 0;
 padding: 4px 0 0 0;

}

.full_post div.post_photo {
 /* overrides common.css */
 margin: 0;
 
}
.photo img {

}

#sidebar .post_meta {
 margin-top: 15px;
 padding: 0;
 text-align: left;
}
.post_meta dl {
 margin: 15px 0 0 0;
 padding: 5px 8px;
 width: 180px;
}
.post_meta dt {
 text-transform: uppercase;
 font-size: .95em;
 color: #666;
 clear: both;
}
.post_meta dd {
 margin: 3px 20px 10px;
 line-height: 1.3em;
 clear: both;
}   
.post_meta th {
 padding: 4px;
 text-align: right;
 vertical-align: top;
 line-height: 1.2em;
}
.post_meta td {
 padding: 4px;
 line-height: 1.2em;
 vertical-align: top;
}

h3#comments, h3#postcomment {
 clear: both;
 margin: 20px 0 10px 0;
 padding: 4px 0 4px 8px;
 font: bold 1.1em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 color: #094a83;
 background: url("/images/h3-bg.png") repeat-y;
 border-left-width: 10px;
 border-left-style: solid;
}
h3#postcomment {
 color: #3b8506; 
}
#commentlist {
 margin: 0;
 padding: 0px 0 10px 30px;
 margin-right: 278px;
} 
.comment {
 clear: both;
 margin: 5px;
 padding: 8px;
 background: #eee;
 border: 1px solid #ccc;
 list-style: none;
 position: relative;
}
.comment_id {
 position: absolute;
 top: 5px;
 left: -35px;
}
#commentlist li.authorcomment {
 background: #f1f6d7;
 border: 1px solid #d0d2a1;
}
.comment p.meta {
 margin: 5px 0 0;
 padding: 0;
 font-size: .9em;
 font-family: Lucide Grande, trebuchet MS, verdana, arial, sans-serif;
 color: #666;
}
.comment_meta {
 padding: 0;
 margin: 0;
}
.comment_meta * {
 /* vertical-align: middle;*/
}
.comment .photo {
 float: none;
}
.comment cite {
 font-style: normal;
}
.comment a {
 text-decoration: underline;
} 
.comment p.meta a {
 text-decoration: none;
} 

/* Callout Paragraph */
 P.callout { 
 font-size: 1.6em;
 line-height: 1.2em;
 color: #596875;
}
	
#body DIV.upcoming-event {
 margin: 0 0 20px 0;
 padding: 10px;
 line-height: 1.5em;
 background: #f9f2d2;
 border: 1px solid #e7d78c;
}

/* Sidebar 
-------------------------*/
.barker,
#sidebar .barker { /* Sidebar barkers */
 position: relative;
 margin: 0 0 20px 0;
 padding: 0 0 10px 0;
 background: #EEE;
 border-right: 1px solid #CCC;
 border-bottom: 2px solid #CCC;
 border-left: 1px solid #DDD;
 }
#sidebar .noheader {
 border-top: 1px solid #ccc;
 padding-top: 3px;
}

.barker H3,
#sidebar .barker h3 {
 margin: 0 -1px;
 padding: 6px 10px;
 font-size: 1.1em;
 color: #FFF;
 border-bottom: 2px solid #CCC;
 background-color: #596875;
 text-transform: capitalize;
 border-top: none;
}
	
 #page-who .barker H3 { background-color: #bb0000; }
 #page-nyc .barker H3 { background-color: #e78300; }
 #page-lessons .barker H3 { background-color: #3b8506; }
 #page-involved .barker H3 { background-color: #094a83; }
 #page-events .barker H3 { background-color: #7f4286; }
 
 #home-who { background-color: #bb0000; }
 #home-nyc,
 #sidebar #home-nyc { background-color: #e78300; }
 #home-lessons { background-color: #3b8506; }
 #home-involved { background-color: #094a83; }
 #home-events { background-color: #7f4286; }
	
	.barker H3.join { }
	.barker H3.photo { }
	.barker H3.video { }
	
.barker H3 A {
	color: #FFF;
	text-decoration: none;
	}
	
.barker H3 A:hover {
	color: #FFF;
	text-decoration: underline;
	}

.barker P.text {
	display: block;
	margin: 0;
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	line-height: 14px;
	}
	
.barker .title {
	font-size: 12px;
}

.barker P.more {
	display: block;
	margin: 0 0 -10px 0;
	padding: 0;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	border-top: 1px solid #CCC;
	background: #DCDCDC;
	}
	
.barker P.more A {
	display: block;
	padding: 5px 10px;
	color: #777;
	font-size: 11px;
	}
	
.barker P.more A:hover {
	color: #444;
	}
	
.barker P.caption {
	font-size: 11px;
	line-height: 13px;
	color: #333;
	}
	
.barker UL {
	margin: 5px 10px 5px 30px;
	padding: 0;
	}
	
.barker LI {
	/*
	line-height: 1.5em;
	*/
	}


.barker UL.list { /* Standard list style */
	margin: 5px 10px 5px 25px;
	padding: 0 0 10px 0;
	}
	
.barker UL.photo { /* Photo gallery thumbnail list */
	display: block;
	width: 260px;
	margin: 0 -1px;
	padding: 0;
	list-style: none;
	}
	
.barker UL.photo LI {
	display: block;
	width: 240px;
	margin: 0;
	padding: 10px;
	line-height: 1em;
	border-bottom: 1px solid #CCC;
	float: left;
	}
	
.barker UL.photo .thumb {
	display: block;
	margin: 0 10px 10px 0;
	border: 1px solid #900;
	float: left;
	}
	
.barker UL.photo .thumb IMG {
	height: 80px;
	width: 80px;
	}
		
.barker UL.photo A {
	text-decoration: none;
	}
	
.barker UL.photo A:hover .title {
	color: #F90;
	}
	
.barker UL.photo A:hover .thumb {
	border: 1px solid #F90;
	}
	
.barker UL.video { /* Video gallery thumbnail list */
	display: block;
	width: 260px;
	margin: 0 -1px;
	padding: 0;
	list-style: none;
	}
	
.barker UL.video LI {
	display: block;
	width: 240px;
	margin: 0;
	padding: 10px;
	line-height: 1em;
	border-bottom: 1px solid #CCC;
	float: left;
	}
	
#page-home .barker UL.video LI {
	border-bottom: none;
	}
	
.barker UL.video .thumb {
	display: block;
	margin: 0 10px 10px 0;
	border: 1px solid #900;
	float: left;
	}
	
.barker UL.video .thumb IMG {
	height: 80px;
	width: 80px;
	}
	
.barker UL.video A {
	text-decoration: none;
	}
	
.barker UL.video A:hover .title {
	color: #F90;
	}
	
.barker UL.video A:hover .thumb {
	border: 1px solid #F90;
	}



.barker .title {
	display: block;
	margin-top: 0;
	font-size: 11px;
	line-height: 13px;
	}
	
.barker .meta {
	display: block;
	margin: 3px 0;
	font-size: 9px;
	font-family: Arial, sans-serif;
	line-height: 11px;
	color: #777;
	}
	
.barker .caption {
	display: block;
	margin: 0 0 0 92px;
	font-size: 10px !important;
	line-height: 12px;
	color: #333;
	}


/* Login 
------------------------*/
/* login uses tables for layout.
there.  I said it. */
.login {
 margin: 20px 75px;
}
.login h3 {
 padding: 0;
 margin: 0;
}

#register {
 width: 300px;
 background: #eee;
 border: 2px solid #ddd;
 padding: 10px;
}
#login {
 width: 200px;
 border-left: none;
 padding: 5px;
 margin-left: 10px;
}

/* Post/add
-------------------------*/

fieldset {
 border: 0;
 margin: 1em .2em .5em .2em;
}
legend {
 font-weight: bold;
 font-size: 1.3em;
 color: #000;
} 

table.form {
 padding: 1em;
 border-top: 2px solid #999;
 width: 100%;
}
table.form th {
 width: 140px;
 text-align: right;
 padding: 2px;
}
table.form td {
 padding: 2px 5px;
}

td.header {
	margin: 0;
	padding: 0;
}

td.inpt {
	margin: 0;
	padding: 0 0 1em 1.5em;

}

span.formInfo {
	font-size: small;
}

.required {
 color: orangered;
}

input.button {
 color: #094a83;
 font-weight:bold;
 background-color: #E0EEEE;
 font-size: 1.3em;
 padding: 2px;
 margin: 2px 0;
}

input.text {
	width: 80%;
}


.submit {
 border-top: 4px solid #aaa;
 padding: 1em 2em;
 margin: 1em 0 0;
 background: #ddd;
}
/* Footer 
-------------------------*/

#footer div {
 float: left;
 text-align: left;
 padding: 0 15px;
 width: 200px;
}
#footer h3 {
 clear: both;
 margin: 5px 0 10px 0;
 padding: 4px 0 4px 8px;
 font: bold 1.1em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 color: #094a83;
 background: url("http://www.streetsblog.org/wp-content/themes/streetsblog/images/h3-bg.png") repeat-y;
 border-left-width: 10px;
 border-left-style: solid;
}
#footer p {
 line-height: 1.3em;
 margin: 0 0 7px 20px;
}
#footer li {
 display: inline;
 margin: 0 0 0 .5em;
 padding: 0;
}

#footer div ul {
 margin: 0 0 0 10px;
 padding: 0px 5px 0px 20px;
}
#footer div li {
 display: list-item;
 list-style-image: url(/images/li.png);
 margin: 0 0 5px 0;
 line-height: 1.2em;
}

#footer #admin_options {
 text-align: center;
 width: 100%;
 float: none;
} 

/* Common elements 
-------------------------*/
.feed {
 padding: 1px 0 1px 20px;
 display: block;
}  
.feed * {
 vertical-align: middle;
} 

#wrapper .plist_footer {
 background: #fff;
}

/* Informational callout blocks in the body copy */
.infoblock { 
 position: relative;
 margin: 2.2em 0 2em 0;
 padding: .7em 10px 1em 10px;
 background: #f1f6d7;
 border: 1px solid #d0d2a1;
}
	
.infoblock H4 {
 position: absolute;
 top: -1.1em;
 left: -1px;
 _left: -11px;	
 margin: 0;
 padding: 5px 10px;
 color: #b10a25;
 font: bold 1em "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
 background: #e9eac9;
 border: 1px solid #d0d2a1;
 float: left;
}
	
.infoblock P {
 line-height: 1.3em;
}
	
.infoblock UL {
 display: block;
 padding: 0 0 0 25px;
}
#sidebar .infoblock ul {

}
	
.infoblock LI {

}
#sidebar .infoblock li {
 line-height: 1.3em;
 margin: .2em 0 .7em 0;
}
	
.infoblock UL.breakdown STRONG {
 color: #b10a25;
 }

form dl {
 margin: 0;
 padding: 0; 
}
form dd {
 padding: 2px;
 margin: 0;
}

/* Map */
.mapPopup {
 font-size: .8em;
 text-align: left;
 color: #666;
}
.mapPopup * {
 vertical-align: top;
}
.mapPopup h2 {
 margin: 0;
 padding: 0 0 0 8px;
}
.mapPopupPhoto {
 width: 100px;
}
.mapPopup .photo {
 float: none;
 margin: 0;
}
.mapPopup .plate {
 margin-left: 18px;
}
.mapPopup p {
 margin: 0 0 4px 0;	
 padding: 0;
}
.mapPopup p.comments {
 padding: 3px 0 0 20px;
}



/* 
  datepicker styles
  David Lee 2005
  all parts user servicable
*/

.date_picker {
  /* comment out this line to show by default: */
  display: none;
  /* comment out this line to prevent calendar 'floating' over page: */
  position: absolute;
  background-color:white;
  padding: 3px;
  border: 1px solid silver;
}

.date_picker table {
  border:        1px solid silver;
  border-top:    2px solid silver;
  border-bottom: 3px solid silver;
  font-family: verdana, sans-serif;
}
.date_picker th {
  font-size: 10px;
  color: #333;
  text-align: center;
}

.date_picker .day_labels th {
  color: darkgreen;
  font-size: 9px;
  font-weight: normal;
}

.date_picker td {
  width: 18px;
  background-color: #ddd;
  font-size: 9px;
  text-align: right;
}

.date_picker a {
  text-decoration: none;
  border-bottom: 1px dotted silver;
  color: #333;
}

.date_picker a:hover   { color:white ; background-color: black}

.date_picker .cancel_butt { text-align: right; padding-right: 5px }
.date_picker .cancel_butt a {
  font-size: 9px;
  color: gray;
  font-family: verdana, sans-serif;
  text-decoration: none
}
.date_picker .cancel_butt a:hover {
  background-color: gray;
  color: white;
}

.notice {
 padding: 1px 5px 1px 10px;
 margin: 10px;
 background: #EFEE90;
 border: 2px solid #EFC136;
}
.notice ul {
 margin: 0;
 padding: 0;
}
.notice li {
 margin: 0;
 padding: 0;
 list-style: none;
}

div.photo {
 float: left;
 /*background: url(http://static.mybikelane.com/images/shadowAlpha.png) no-repeat bottom right !important;
 background: url(http://static.mybikelane.com/images/shadow.gif) no-repeat bottom right;*/
 margin: 10px 0 0 10px !important;
 margin: 10px 0 0 5px;
}

div.photo img {
 display: block;
 background-color: #fff;
 border: 1px solid #a9a9a9;
 margin: -6px 6px 6px -6px;
 padding: 4px;
}

.tagCloud {
 margin: 0;
 padding: 12px 5px;
}
.tagCloud li{
 display: inline;
 background: none;
 padding: 2px;
 margin: 1px;
 line-height: 1.3em;
}
ul.tagCloud li.selected,
#mapNav ol.count li.selected {
 border-bottom: 2px solid red;
 background: black;
}
.pdf {
 padding: 2px 0 2px 20px;
 background: url("http://www.nycsr.org/img/widgets/icon-pdf.gif") left center no-repeat;
}

/* HTML Rules
-------------------------*/

	
A {
 color: #09467f;
 text-decoration: none;
	}
	
A:visited {
	color: #512359;
	}
	
A:hover {
 color: #98361d;
 text-decoration: underline;
	}
	
img {
	border: none;
}
	
HR {
 clear: both;
 visibility: hidden;
}
input.text {
 padding: 2px;
 color: #444;
}
	
blockquote {
 border-left: 5px solid #ddd;
 padding: 0 8px;
 margin: 10px 20px;
}
#body .post blockquote p {
 padding: 0;
 margin: 0 0 1em 0;
}