/*  
Theme Name: Hinsdale Community Service
Theme URI: http://www.hinsdalecommunityservice.org/
Description: Hinsdale Community Service Official Site.  Design by http://www.uniglorystudio.com/
Version: 1.0 
Author: Daniel Castady
Author URI: http://www.uniglorystudio.com/
*/
/*
"hinsdalecommunityservice.org" (C) 2009 Uniglory Studio - Contact the author for usage information */

/* Meyer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
list-style: none;
}
body {
	line-height: 1;
	color: black;
	background: url('images/bg.jpg') center top repeat-x;
	background-color: #1C353C;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
}

h4 {font-size: 16px; color:maroon; padding: 10px 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Document */

/* Utility */
.clear {
clear: both;
}
img.aligncenter {
margin: 0 auto;
display: block;
}
img.alignleft {
margin: 0 5px 5px 0;
float: left;
}
img.alignright {
margin: 0 0 5px 5px;
float: right;
}
#outer {
width: 100%;
height: 353px;
background: url('images/banner.jpg') center top no-repeat;
}

#outerint {
width: 100%;
height: 274px;
background: url('images/banner_int1.jpg') center top no-repeat;
}

#wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
background: none;
}
#head {
height: 117px;
width: 960px;
background: none;
}

#utility {
position: absolute;
padding: 40px 0 0 731px;
width: 237px;
height: 20px;
}

#utility p {
font-size: 13px;
color: gray;
text-align:center;
}

#utility p a {
color: #005ca5;
text-decoration:none;
}

#utility p a:hover {
text-decoration:underline;
}


#mlist {
position:absolute;
padding: 69px 0 0 724px;
width: 237px;
height: 49px;
float:right;
}

#banner {
width: 100%;
height: 207px;
}
*html #banner {
height: 207px;
}


#banner2 {
width: 100%;
height: 128px;
}
*html #banner2 {
height: 128px;
}

#left h2, #sidebar h2, #content h2 {
color: #005ca5;
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
}
#content .post h2, #right .post h2 {
clear: both;
}
*html #sidebar h2 { width: 175px; }

#nav {
width: 960px;
height: 21px;
padding: 8px 0 0 3px;
overflow: auto;
}
#nav ul li {
font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
margin-right: 16px;
float: left;
font-size: 14px;
padding: 0 0 0 25px;
background: url('images/divider.jpg') left no-repeat;
text-transform: uppercase;
}
#nav ul li:first-child {
background: none;
padding: 0;
}
#nav ul li a:link, #nav ul li a:visited {
color: #589edc;
font-weight:bold;
text-decoration: none;
}
#nav ul li a:hover {
text-decoration: underline;
}
#searchform {
	float:right;
	margin-top: -1px;
	padding: 0;
	width: 155px;
	}


#searchform input {float: left; border: none;}
#searchform input#s {
background: url('images/search_input_background.jpg') center no-repeat;
width: 120px;
height: 17px;
padding: 2px 0 0 10px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


#contentwrap {
width: 960px;
background: url('images/tiler.gif') right top repeat-y;
overflow: hidden;
}
#contentinner {
width: 967px;
margin-top: 20px;
margin-left:3px;
overflow: hidden;
}

#left {
background: none;
float: left;
width: 455px;
padding: 0 20px;
margin-top:-4px;
}
#left .post {
margin-bottom: 30px;
margin-top:0;
}
#left .post h2 {
background: none;
font-size: 20px;
margin-bottom: 7px;
margin-top: 15px;
padding: 0;
}

#content .postmetadata {
font-size:9px;
}

#left .post h2 a:link, #left .post h2 a:visited {
color: #005ca5;
text-decoration: none;
}


#left .post .entry2 {
width:420px;
}



#post .post {width: 455px;}

#left .post h2 a:hover {
text-decoration: underline;
}
#left .post h2 a:active {
color: #005ca5;
text-decoration: none;
}
#left .post .entry {
margin-top: 6px;
}
#left .post p, #info p, #ad1 p, #static p, #footer p, #formbox p, #feeds p, #left p, .entry2 ul li {
font-size: 14px;
color: #000000;
line-height: 19px;
margin-bottom: 12px;
}

#content .post p { width: 90%; }

.entry2 ul li {
list-style: disc;
margin:0 0 8px 20px;
}

#content .post p {
font-size: 12px;
color: #000000;
line-height: 15px;
margin-bottom: 7px;
}

#footcredits {
width: 960px;
height: 103px;
margin: 0 auto;
padding: 18px 0 0 0;
}

#foot1 {
width: 230px;
height: 102px;
border-right: 1px solid white;
float:left;
}

#foot1 p {
color: #fff;
font-size:11px;
font-weight: bold;
}


#foot2 {
width: 500px;
height: 102px;
border-right: 1px solid white;
float:left;
}

#foot2 p {
color: #fff;
padding-left: 20px;
font-size:11px;
font-weight: normal;
}

#foot3 {
width: 200px;
height: 102px;
float:left;
}

#foot3 p {
color: #fff;
font-size:11px;
font-weight: normal;
margin:0;
padding: 0 0 5px 20px;
}

#foot3 .netcol p a { color: white;}

#foot3 p img {
vertical-align: top;
}  

.netcol {
width: 95px;
float: left;
}

#left .post a:link, #info a:link, #left .post a:visited, #info a:visited, ul.links li a:link, ul.links li a:visited, #content .post p a:link, #content .post p a:visited, ol.commentlist a:link, ol.commentlist a:visited, .navigation a:link, .navigation a:visited, #content a:link, #content a:visited, #feeds a:link, #feeds a:visited {
color: #005ca5;
text-decoration: none;
}
#left .post a:hover, #info a:hover, ul.links li a:hover, #content .post p a:hover, ol.commentlist a:hover, .navigation a:hover, #content a:hover, #feeds a:hover {
text-decoration: underline;
}
#left .post a:active, #info a:active, ul.links li a:active, #content .post p a:active, ol.commentlist a:active, .navigation a:active, #content a:active, #feeds a:active {
text-decoration: none;
}
#left .post small {
color: #274A4D;
text-decoration: underline;
}

#content {
background: #ffecbf;
float: left;
width: 234px;
}

#static {
width: 402px;
overflow: hidden;
background: none;
}
#content h1 {
color: #53777F;
font-size: 1.80em;
margin-bottom: 10px;
line-height: 18px;
}
#content h1 em {
color: #FF8800;
font-style: italic;
}
#content h2 {
clear: both;
}
#content #callout {
width: 168px;
float: left;
margin-bottom: 8px;
padding: 0 0 0 8px;
background: none;
}

#sidebar, #nav_int {
background: none;
float: left;
width: 227px;
padding: 0 0 40px 0;
}

*html #sidebar {
height: 220px;
}


#sidebar ul#sidebar_nav {
padding: 0 0 5px 0;
}

#sidebar ul li a h4{
font-size: 1.2em;
color: #7c6f6a;
margin: 0 0 0 -10px;
padding: 4px 0 3px 25px;
margin-left: 0px;
font-weight: bold;
height: 15px;

}

ul.links {
width: 202px;
color: #005ca5;
font-size: 1.30em;
margin-bottom: 18px;
}
ul.links li {
margin:0 0 8px 20px;
line-height: 15px;
list-style: disc;
}
#formbox {
width: 202px;
clear: both;
background: none;
}

h5 {
font-size: 11px;
color: #005ca5;
margin-bottom: 4px;
}

#formbox h3 {
margin-bottom: 4px;
font-size: 1.90em;
color: #FFA844;
}
p.errors {
border: 1px solid red;
background: #FBC9CF;
padding: 4px;
margin-bottom: 8px;
margin-top: 8px;
color: #274A4D;
display: none;
}
p.success {
display: none;
}
.errorfield {
background: #FBC9CF;
}
form.dl label {
display: block;
}
form.dl input {
width: 191px;
border: 1px solid #3F5F67;
margin-bottom: 4px;
padding: 2px 4px 2px 4px;
font-size: 1.20em;
color: #274A4D;
}
form.dl input.go {
float: right;
width: 66px;
background: #3F616A;
border: none;
color: #fff;
}
#footer {
width: 100%;
height: 152px;
background: url('images/footer.jpg') repeat-x;
}
#footer a:link, #footer a:visited {
color: #F0B20B;
text-decoration: none;
}
#footer a:hover {
color: #F0B20B;
text-decoration: underline;
}
#footer a:active {
color: #F0B20B;
}
a.comment-link, #content .post a.comment-link:hover, #content .post a.comment-link:active {
background: url(images/comments.png) left top no-repeat;
color: #FF2222;
padding: 0 0 0 18px;
}
*html a.comment-link, #content .post a.comment-link:hover, #content .post a.comment-link:active {
background: url(images/comments.gif) left top no-repeat;
background-color: #F6F3E8;
}
#content h2 a:link, #content h2 a:visited {
text-decoration: none;
color: #005ca5;
}
#content h2 a:hover {
text-decoration: underline;
}
#content h2 a:active {
text-decoration: none;
color: #005ca5;
}
#content h3, .post h3 a {
color: #005ca5;
font-size: 12px;
line-height:16px;
font-weight: bold;
margin-bottom: 4px;
}

#content h3 a:link, #content h3 a:visited {
text-decoration: none;
}

#content h3 a:hover {
color: #005ca5;
text-decoration: underline;
}
#content h3 a:active {
text-decoration: none;
color: #005ca5;
}
form#commentform {
font-size: 100%;
background: none;
border: none;
padding: 12px;
}
form#commentform label {
font-size: 1.00em;
color: #274A4D;
margin: 0 0 0 7px;
}
form#commentform input {
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
border: solid 1px #274A4D;
font-size: .90em;
margin-bottom: 4px;
padding: 3px;	
color: #274A4D;
}
form#commentform textarea {
border: solid 1px #274A4D;
font-size: .90em;
font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
padding: 3px;
margin-bottom: 8px;	
color: #274A4D;
width: 100%;
}
form#commentform input#submit {
background: #3F616A;
border: none;
color: #fff;
padding: 6px;
}
h3#comments {
color: #53777F;
font-size: 1.3em;
font-weight: bold;
margin-bottom: 18px;
background: url(images/comments.png) left top no-repeat;
padding: 0 0 0 20px;
}

#content ol.commentlist {
padding-left:10px;
font-size: 11px;
width: 100%;
}
#content ol.commentlist li {
width: 370px;
list-style: none;
margin: 0 0 30px 20px;
background: #E8E5DA;
padding: 10px;
}
#content ol.commentlist cite {
font-style: normal;
font-size: .90em;
color: #274A4D;
}
#content ol.commentlist small {
font-size: .90em;
color: #274A4D;
}
#content ol.commentlist li p {
color: #274A4D;
font-size: 12px;
line-height: 15px;
margin-top: 8px;
clear: both;
}
.headmeta {
border-bottom: 1px solid #d29133;
margin: 0 0 0 0;
width:90%;
}
.entry {
margin-top: 9x;
}
.post {
width:91%;
margin: 15px 0 15px 15px;
}

#twitter_div {
width:91%;
margin: 15px 0 15px 0;
}

#content .headmeta p {
font-size:11px;
margin-bottom: 10px;
}
.post blockquote {
margin-left: 18px;
}
#content .post blockquote p {
font-size: 1.10em;
line-height: 13px;
color: #1C353C;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
#content img.avatar {
padding: 0;
margin-bottom: 4px;
float: right;
border: none;
}
.navigation {
width: 100%;
overflow: hidden;
height: 25px;
margin-top:4px;
}
#content ul, #content ol {
margin: 0 0 18px 0;
}
#content ul li {
list-style-type: disc;
}
#content ul.tracks li {
list-style-type: none;
}
#content ol li {
list-style-type: decimal;
color: #274A4D;
}
#content ul li, #content ol li {
margin:0 0 5px 35px;
font-size: 11px;
color: #274A4D;
}
#content p {
font-size: 14px;
color: #000000;
}
.zg_div {
padding-bottom:20px;
}









#sidebar ul#sidebar_nav li.page_item ul li.page_item {
display:block;
list-style: none;
width: 100%;
background-color:#a1d3f7;
}

#sidebar ul#sidebar_nav li.current_page_item a h4{
background: #d8edfc;
}

#sidebar ul#sidebar_nav li a:hover h4{
background: #fed47c;
cursor: pointer;
cursor: hand;
}


#sidebar ul#sidebar_nav {
text-align:center;
font-weight:normal;
}

#sidebar ul li a h4{
padding: 16px 0 20px 0;
display:block;
text-transform: uppercase;
border-bottom: 1px solid #a1d3f7;
font-size: 14px;
color: #005ca5;
font-weight:normal;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}