/*
Jelly Chicago Styles
*/

h1 {height: 80px; clear: both; padding-left: 125px; background: url(../../../images/logo.jpg) no-repeat top left; font-size: 30px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 20px;}
h2 {margin-bottom: 2px; margin-top: 19px; font-size: 22px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {margin-bottom: 2px; margin-top: 19px; font-size: 16px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
a, a:visited {text-decoration: none; color: #36c;}
a:hover {text-decoration: underline;}
h1 a:visited, h1 a:link {color: black;}
p, li {line-height: 1.5em; font-family: Helvetica, Arial, sans-serif; color: #3f3f3f; }
h4 {margin-bottom: 0; line-height: 1.5em;}
.quiet {color: #999;}
.highlight {background-color: #ffc;}


body {margin: 0; font-size: 12px;background: url(../../../images/bg.gif) repeat-x top left;}

ul#nav {list-style: none; margin: 0; padding: 0; height: 35px; width: 500px;}
ul#nav li {float: left; margin: 0; font-size: 12px; font-weight: bold; }
ul#nav li a, ul#nav li a:visited {padding: 10px 20px 10px 0; display: block; color: #36c; text-decoration: none;}
ul#nav li a:hover {text-decoration: underline;}

#members {clear: both;}
.member {padding-bottom: 50px;}
.member span {color: #999;}
.member span a {color: #999; font-size: .9em; cursor: pointer;}
.member .bio {clear: both; margin: 0 0 5px;  border-top: 1px solid #ccc; padding-top: 10px;}
.member p {display: inline; padding: 0 0 10px; margin: 0;}
.member p img {padding: 1px; border: 1px solid #ccc; margin-bottom: 5px;}
.member h3 {font-family: Helvetica, Arial, serif; margin: 0; padding: 2px 0 0; font-weight: bold;}
.member h3 span {font-size: .8em; color: green; text-transform: uppercase;}
.member h4 {font-size: 1em; font-weight: bold; margin: 0;}
.member ul {margin: 0; padding: 0; list-style: none;}
.member li {color: #999;}

#intro {border-bottom: 2px solid #ddd; padding-bottom: 20px; }
.post {border-bottom: 1px solid #ddd; }
.post h2 a {color: black;}
.post h2 a:hover {color: #36c;}

#content {clear: both; padding-bottom: 50px;}
#content ul {margin: 0; padding: 0;}
#content li {margin-bottom: 5px;}
.navigation {margin-top: 20px;}
#footer p {clear: both; text-align: center; font-size: small; padding: 20px; border-top: 1px solid #ccc;}

#sidebar form {background-color: #e6f5ff; padding: 10px 20px 20px; text-align: center; border:2px solid #9cf; margin: 20px;}
#sidebar input {font-size: 14px; padding: 5px 3px; border: 1px solid #9cf;}
#sidebar p {margin: 0; padding: 10px 0;}
#sidebar h3 {text-align: center; padding-top: 20px; line-height: 1.5em;}
#sidebar form h3 {border: none; margin: 0; padding: 0;}
.event p {font-size: 12px;}
#sidebar a {text-decoration: none ;}
#sidebar input[type="submit"] {background-color: #36c; color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #36c; text-transform: uppercase; font-family: Georgia, serif; padding: 5px 10px;}
label {margin: 10px 0 5px; font-size: 11px; display: block; text-transform: uppercase;}
#sidebar img {display: block; margin: 10px auto 20px;}
#sidebar blockquote {font-family: Georgia, Times, serif; font-style: italic; color: #666; font-size: 14px; margin: 25px 20px 5px;}
#sidebar cite {padding: 0 20px; margin: 0; text-align: right; font-size: 14px; display: block; font-style: normal;}
#sidebar #twitter {margin: 20px; padding-top: 20px; border-top: 1px solid #ccc;}

.author-profile {float: left; margin-top: 20px; width: 100%; clear: both; border-bottom: 1px solid #efefef; padding-bottom: 20px;}
.author-image {float: left;}
.author-image img {border: 1px solid #36c;}
.author-description {margin-left: 70px;}
.author-description h4 {margin: 0; padding: 0;}
.author-description p {font-size: 12px;}

.photoright {float: right; margin: 10px 0 20px 20px;}
.noborder {border: none;}

.event h4 a {padding-bottom: 0; margin-top: 25px; font-size: 12px; color: red;}
.event p {margin-top: 0px; font-size: 11px;}

.events {display: none; background-color: #ffffe3; padding: 10px; border-bottom: 1px solid #b4af52; border-top: 1px solid #b4af52; margin-top: 20px;}
.events h4 {margin: 0;}
.events dt {margin: 5px 0 0 0;}
.events dl {margin: 0; padding: 0;}
.events dd {margin: 0 0 15px 0; padding: 0; font-size: 12px; border-bottom: 1px solid #e3dd79;}
.events dd.date {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; color: #b4af52; margin: 5px 0; border-bottom: none;}
.events dd.last {border-bottom: none;}

.flickr {clear: both; margin: 20px 0;}
.flickr p {float: left;}
.flickr img {border: 1px solid #36c; margin-right: 10px;}

#comments {padding: 0 0 20px 0; margin: 0 0 3em 0;}

#comments h3, #addcomment h3 {font-size: 1.5em;}
#comments dt {clear: left; float: left; margin: 0; font-weight: normal;}
#comments dd {padding: 4px 4px 20px 40px;line-height: 1.5em; font-size: 12px;}
#comments dd a.title {display: block;font-weight: bold; font-size: 12px;}
#comments dt a {float: left;margin: 0 6px 30px 0;}
#comments dd p {font-size: 12px;}

#addcomment form {background-color: #f7f7f7; padding: 10px;}
#addcomment textarea {width: 100%;}
#addcomment input[type="text"] {}
#comments img {border: 1px solid #ccc;padding: 2px;margin: 3px 6px 3px 0;}