/*
Theme Name: West Side Community Garden 2010 Theme
Theme URI: http://www.westsidecommunitygarden.org/
Description: Custom Wordpress theme by <a href=""http://www.samrohn.com">Sam Rohn</a>, based on <a href="http://andreasviklund.com/wordpress-themes/">1024px v.2.7 Theme</a>
Version: 1.0
Author: Sam Rohn
Author URI: http://samrohn.com/
Tags: 
*/

/* Body */
body {background: #fff none repeat-y center; color:#404040; padding:20px 0;
	font: 76%/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
*{margin:0; padding:0;}

/* Main wrap */
#wrap {color:#404040; margin:0 auto; width: 980px;
}
#slogan {color:#808080; letter-spacing:-1px; margin: 10px 0 15px 20px;
	text-align: left;
	font: 1.5em/1.2em "Gill Sans";
}
#toplinks {padding:5px 2px 2px 3px; text-align:right;}

/* Headers */
h1 {color: black; margin: 10px 0 5px 15px;
	text-align: left;
	letter-spacing: -1px;
	font: 3.8em/.8em "Gill Sans";
}
h1 a {color: #333333;}
h1 a:hover {text-decoration:none;
	color: olive;
}
h2, table#wp-calendar caption {border-bottom: thin solid #dadada; text-align:left; color: #222222; margin:0 0 8px; padding:0 2px 4px 5px;
	font: bold 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h3 {border-bottom:1px solid #dadada; color: olive; font-size: 1.2em; font-weight: normal; margin:10px 0 8px; padding:1px 2px 2px 3px;
	font-style: normal;
}

/* NAV */

#topnav { width: 980px; list-style: none; margin-left: 0;
	height: 35px;
		display: block;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul#nav { list-style: none; padding: 5px 10px 0 5px; float: none; clear: none;
	width: 960px;
	display: block;
	margin-left: 10px;
}
ul#nav li { text-transform: uppercase; float: left;
	font-variant: normal;
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 4px;
	background-color: #aaa;
	padding: 7px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

ul#nav li#donate {
	background-color: #8c9000;
	float: right;
}

ul#nav li:hover {
	background-color: #8c9000;
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 1px 1px 5px #888;

}
ul#nav li a, ul#nav li a:visited { color: #fff; text-decoration: none;
}
ul#nav li a:hover { color: #fff; text-decoration: none; }
ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover { color: #fff; text-decoration: none; }

/* MIDDLE */

#map {
	float: left;
	border: thin solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding-left: 5px;
	margin-left: 15px;
	display: inline-block;
	clear: left;
}

#bottom-left {
	float: left;
}

#tags {
	padding: 5px;
	display: inline;
	width: 225px;
	float: left;
	border: thin solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-top: 0;
	margin-left: 6px;
	margin-bottom: 8px;
}

#search {
	padding: 5px;
	display: inline;
	width: 225px;
	float: left;
	border: thin solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-top: 0;
	margin-left: 6px;
	margin-bottom: 8px;
}

#links {
	padding: 5px;
	width: 225px;
	display: inline;
	float: left;
	list-style-type: none;
	border: thin solid #ccc;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-top: 0;
	margin-left: 6px;
	margin-bottom: 5px;
}

#links img {
	vertical-align: middle;
	padding-bottom: 5px;
}

#links h2 {
	padding: 3px;
	margin-top: 5px;
	font-weight: normal;
	font-style: normal;
	border-color: #eee;
	color: olive;
}

#links li {
	padding: 4px;
	margin-bottom: 2px;
	font-size: 11pt;
	text-transform: capitalize;
	list-style-type: none;
	margin-left: 4px;
}

.blogroll {
	margin-left: 0;
}

#weather {
	float: right;
	padding-left: 20px;
			border: thin solid #ccc;
				-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-right: 15px;
	display: block;
	clear: right;
	margin-bottom: 10px;
}

.wp-forecast {
	width: 210px;
}

.wp-forecast-curr-details div {
	display: inline-block;
}


.wp-forecast-fc-block {
	width: 96px;
}

.wp-forecast-fc-head {
	font-style: italic;
}

.wp-forecast-curr-head a {
	font-size: 1.3em;
	border-bottom: thin solid #ddd;
	padding-bottom: 2px;
}

.wp-forecast-curr-head div {
	margin-bottom: 5px;
}

.flickr {
	float: left;
	border: thin solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding-left: 7px;
	margin-left: 15px;
	display: inline-block;
	clear: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.flickr_badge_image img {float: left; border: 1px solid #333 !important;
	margin: 4px;
}

.mid3 {
	width: 960px;
	margin: 0 10px 10px;
	background-color: #eee;
	display: block;
	float: left;
	padding-right: 0;
}

.mid3art {
	width: 302px;
	padding: 2px 5px 5px;
	display: inline-block;
	vertical-align: top;
	background-color: white;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 145px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-left: 4px;
}

.mid3art img {
	width: 100px;
	height: 100px;
	margin-left: 5px;
	background-color: #eee;
	padding: 2px;
}

.mid3art h3 {
	padding: 3px;
	margin-top: 5px;
	font-weight: normal;
	font-style: normal;
	border-color: #eee;
	color: olive;
}

.mid3art h3:hover {
	color: #333;
}

.mid3art p {
	padding: 5px;
	margin-bottom: 5px;
	color: #333;
	text-align: justify;
	text-justify: newspaper
}

.mid3art p:hover {
	color: #333;
}

.mid3art img {
	float: right;
}

#recent {
	float: left;
	width: 230px;
	padding: 5px;
	margin-bottom: 10px;
	display: block;
}

#recentframe {
	margin: 10px;
}

#recent h2 {
	color: #555;
	font-size: 1.2em;
	border-style: none;
	background-color: #ddd;
	padding: 4px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
}

#recent h3 {
	font-size: 1.1em;
	text-transform: capitalize;
	border-style: none;
	margin: 3px;
}

#recent a {
	color: #666;
}

#recent a:hover {
	color: olive;
}

.archive {
	background-color: #eee;
	margin-bottom: 3px;
	padding: 4px;
	font-weight: normal;
	font-style: normal;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;

}

.archive:hover {
	background-color: #ddd;
}

/* Sidebar */

#sidebar {float: right; margin: 0 10px 5px 0; padding:0; width: 210px;
	background-color: white;
	list-style-type: none;
	display: none;
}

#sidebar h2 {
	font-size: 1.2em;
	background-color: #dddddd;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	text-align: center;
	padding: 4px;
	margin-bottom: 4px;
	color: #555555;
}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin: 0 0 10px;}
#sidebar li li {list-style:none; margin: 0 0 2px;
	background-color: #eeeeee;
	padding: 4px;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;

}

#sidebar li li:hover {list-style:none; margin: 0 0 2px;
	background-color: #dddddd;
	padding: 4px;
}

#sidebar li a {font-size: 1.25em; padding:2px;
	color: #509100;
}

#sidebar li a:hover {
	color: green;
}

#sidebar ul ul {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}

/* Content */

.rightthumb img {
	float: right;
	padding: 5px;
	background-color: #eeeeee;
}
#content {float: left; line-height:1.5em; margin: -2px 10px 5px; text-align:left; width: 950px;
	background-color: #eeeeee;
	padding: 5px;
}

.post {margin: 1px 0 0;
	background-color: white;
	padding: 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.post p {
	
}

.post h2 {
	border-style: none;
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;

}

.post h2 a {
	border-bottom-style: none;
	color: olive;
	border-style: none;
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
}

.post h2 a:hover {
	color: #333;
}

.post .gallery { margin: auto auto 15px; }
		.post .gallery .gallery-item { margin: 0 0 0.6em; }
		.post .gallery .gallery-icon, .entry .gallery .gallery-caption { margin: 0; }
		.post .gallery .gallery-caption { margin: 5px; font-size: 0.8em; line-height: 1.3em; text-align: left; }

/* My Comment */
#content ul,#content ol {margin: 0 0 18px 40px;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
	list-style-type: circle;
	list-style-image: none;
}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:5px;}
#content p {margin: 0 10px 15px;
	font-size: 1.15em;
	text-align: justify;
}
#content p.timestamp { margin:-5px 0 15px 10px;
	font-size: .9em;
}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-top:2px solid #dadada; line-height: 1.8em;
	font-size: .9em;
}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}

/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:#808080; font-size:1.1em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right; font-weight:bold;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Comments */

.button {		-moz-border-radius: 5px; -webkit-border-radius: 5px;
	color: #eee;
	width: 15px;
}
.button:hover {
	background-color: olive;
	color: #fff;
}


#content div.comment {margin-bottom:20px;
background-color: white;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
	padding: 10px;
}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond {
	background-color: white;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
	margin-top: 5px;
	padding: 10px;
}

#respond h2 {
	font-weight: normal;
	font-style: normal;
}

#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:700px;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#respond input#submit {width:75px;color:#333; background-color:#fff;		-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
a {color: olive; text-decoration:none;}
a:hover {
	color: black;
}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}