/* Pearl District Neighborhood Association - JT's custom CSS*/

/* Delete the Smiley */
img#wpstats {height:0;overflow:hidden;display:none;}

html, body {height: 100%;}
* html #container {height: 100%}
/* :::::::::::::::::::::::::::::::::::::::::  Begin Sidebar    ::::::::::::::::::::::::::::::::::::::::: */
#sidebar {float: left; padding: 0px; /* Top, right, bottom, left */margin-top: 5px; margin-left: 5px; width: 180px;}
div#sidebar a {font-weight: normal;text-decoration: none;color: #669}
div#sidebar a:hover {font-weight: normal;text-decoration: underline;color: #339}
#rounded-corner {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size: 12px;margin: 10px;width: 160px;
text-align: left;border-collapse: collapse}
#rounded-corner thead th.rounded-header-left {background: #b9c9fe url('http://www.pearldistrict.org/css/table-images/left.png') left -1px no-repeat}
#rounded-corner thead th.rounded-header-right {background: #b9c9fe url('http://www.pearldistrict.org/css/table-images/right.png') right -1px no-repeat}
#rounded-corner th {padding: 6px;font-weight: bold;font-size: 13px;color: #039;background: #b9c9fe}
#rounded-corner td {padding: 5px;background: #e8edff;border-top: 1px solid #fff;color: #669}
#rounded-corner tfoot td.rounded-foot-left {background: #e8edff url('http://www.pearldistrict.org/css/table-images/botleft.png') left -1px no-repeat;  height: 11px;}
#rounded-corner tfoot td.rounded-foot-right {background: #e8edff url('http://www.pearldistrict.org/css/table-images/botright.png') right -1px no-repeat; height: 11px;}
#rounded-corner tbody tr:hover td{background: #d0dafd}
#sidebar form{margin-left: 0px}
.trover{background: #d0dafd;}
.trout{background: none;}

/*  ::::::::::::::::::::::::::::::::::::::::: Begin Structure  ::::::::::::::::::::::::::::::::::::::::: */
#container {margin-top: 2em; margin-bottom: 1em;margin-left: auto;margin-right: auto;background-color: #FFF;width: 710px; min-height: 100%;text-align: left; /* <-- IE cont fix -- */border: 1px solid #000}
body {font-size: 62.5%; /* Resets 1em to 10px */font-family:Verdana, Arial,"Lucida Grande",Sans-Serif;background-color: #ddd; color: #000;margin: 0;padding: 0;text-align: center}/* <-- IE fix -- */
td {font-size: 12px; font-family:Verdana, Arial,"Lucida Grande",Sans-Serif; color: #000;margin: 6;padding: 6;}
#page {background-color: white;border: 1px solid #000;text-align: left; margin:0px auto;padding: 0;width: 710px; }
#header {background: url('Banner.jpg'); background-color: #73a0c5;margin-left: auto;margin-right: auto;height: 172px;width: 710px; vertical-align:top; background-image: no-repeat;}
.narrowcolumn {padding: 0px; margin-left: 200px;margin-right: 5px;margin-top: 5px;width: 495px;min-height: 100%;}
.post {margin: 0 0 20px;   /* top   left/right   bottom  */text-align: justify; }
.post hr {display: block}
.narrowcolumn .postmetadata {padding-top: 5px}
.postmetadata {	}
.clear {clear: both;}
#footer{clear: both; background-color: #336699;padding: .5em;text-align: left;border-top: 1px solid #000;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size: 13px;font-color: #000;} 
#footer p {margin: 0;text-align: center}
#footer a {color: #FFF;text-decoration: none}
#footer a:hover {color: #FFF;text-decoration: underline}

/* Begin Typography & Colors */
#content {font-size: 1.2em}
.narrowcolumn .entry{line-height: 1.4em}
.narrowcolumn .postmetadata {text-align: center}
.thread-alt {background-color: #fff;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd}
.even, .alt {border-left: 1px solid #ddd}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold}
h1 {font-size: 4em; text-align: center}
h2 {font-size: 1.6em}
h2.pagetitle {font-size: 1.6em}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em}
h3 {font-size: 1.3em}
h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none; color: white}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none}
.entry p a:visited {color: #b85b5a}
.sticky {background: #fff; padding: 0 10px 10px}
.sticky h2 {padding-top: 10px}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentlist li ul li {font-size: 1em}
.commentlist li {font-weight: bold}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentmetadata {font-weight: normal}
#sidebar {font: 1em Verdana,'Lucida Grande', Arial, Sans-Serif}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777}
code {font: 1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em}
a, h2 a:hover, h3 a:hover {color: #06c; text-decoration: none}
a:hover {color: #147; text-decoration: underline}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt}
#wp-calendar a {text-decoration: none}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center}
#wp-calendar th {font-style: normal; text-transform: capitalize}

/*	Begin Headers */
h1 {padding-top: 10px; margin: 0}
h2 {margin: 10px 0 0}
h2.pagetitle {margin-top: 15px; text-align: center}
#sidebar h2 {margin: 5px 0 0; padding: 0}
h3 {padding: 0; margin: 30px 0 0}
h3.comments {padding: 0; margin: 40px auto 20px}

/* Begin Images */
p img {padding: 0;max-width: 100%}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto}
img.alignright {padding-left: 15px;margin: 0 0 2px 7px;display: inline}
img.alignleft {padding-right: 15px;margin: 0 7px 2px 0;display: inline}
.alignright {float: right}
.alignleft {float: left}

/* Begin Lists	Special stylized non-IE bullets	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 8px; text-indent: -10px}
html>body .entry li {margin: 7px 0 8px 10px} /*.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}*/
.entry ol {padding: 0 0 0 0px; margin: 0}
.entry ol li {margin: 0; padding: 0}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none}
#sidebar ul, #sidebar ul ol {margin: 0; padding: 0}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px}
ol li, #sidebar ul ol li {list-style: decimal outside}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0}

/* Begin Form Elements */
#searchform {margin-left:5px; padding: 5px 3px; text-align: center}
#sidebar #searchform #s {width: 100px; padding: 1px}
#sidebar #searchsubmit {padding: 1px}
.entry form {text-align:center}/* This is mainly for password protected posts, makes them look better. */
select {width: 120px}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0}
#commentform {margin: 5px 10px 0 0}
#commentform textarea {width: 100%;padding: 2px}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
#commentform #submit {margin: 0 0 5px auto;float: right}

/* Begin Comments*/
.alt {margin: 0;padding: 10px}
.commentlist {padding: 0;text-align: justify}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px; list-style: none} /* Top, right, bottom, left */
.commentlist li ul li { margin-right: -5px;margin-left: 10px}
.commentlist p {margin: 10px 5px 10px 0; /* Top, right, bottom, left */}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help}
acronym, abbr {border-bottom: 1px dashed #999}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd}
blockquote cite {margin: 5px 0 0;display: block}
.center {text-align: center}
.hidden {display: none}
.screen-reader-text {position: absolute;left: -1000em}
hr {display: none}
a img {border: none}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px}
.lh {font-family: arial,sans-serif; font-size: 18px;}

/* Captions */
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;
-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px}
.wp-caption img {margin: 0;padding: 0;border: 0 none}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0}

/* Misc*/
.myicons {vertical-align: middle}