/*
THEME NAME: Green Modern
THEME URI: http://joelggoodman.com/projects/green-modern/
DESCRIPTION: Green site with glass-like highlights. Originally for WGRN.net
TAGS:  widgets, green, glass
VERSION: 1.2
AUTHOR: <a href="http://joel.thegoodmanblog.com">Joel Goodman</a>
AUTHOR URI: http://joel.thegoodmanblog.com
*/

/* 
	Palette:
	Black: #222222
	Grey: #666666
	Green: #abbc6f
    White: #e9edd9
	
*/


/* RESET */

* {margin: 0; padding: 0;}
html {overflow-y: scroll;}
html body {height: 100%;}
body {font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #222;}
ul {list-style: square inside;}
ol {list-style: decimal inside;}
a { outline: none; text-decoration: none; color:#222; font-weight:bold;}
a img {border: none;}
img {vertical-align: middle;}
table {border-collapse: collapse;}

/* UTILITY */
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear: both;}
.button{ border: 1px solid #222222; background: #abbc6f; padding: 3px 8px; 
	     text-transform:lowercase;  
		 -moz-border-radius: 5px; 
		 -webkit-border-radius: 5px; 
		 color: white; font-weight:bold;}
.button:hover{ background: white; color: #222222; text-decoration:none; }

/* STRUCTURE */
body {background: #abbc6f;}
#wrap { width: 821px; margin: 0px auto -50px;
		   min-height: 100%; height: auto !important; height: 100%;}
#push 	 { height: 50px;} /* Sticky Footer  */

#mainwrap { width: 480px; float:left; background: #e9edd9; border: solid 11px #222; -moz-border-radius:10px; -webkit-border-radius: 10px;} 
#sidebar { width: 290px; float:right; }
.inside { padding: 10px; }

/* WP PHOTO STYLING */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #DDD;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -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;
}

p.wp-caption-text{text-align:center;margin:0;}

/* TYPOGRAPHY */
p{ font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; }
a:hover{text-decoration:underline; color:#666666;}
a:active{color:#666666;}
h1 { font-size: 2.3em; font-weight:bold; letter-spacing: -2px;}
h1.post-title a { color:#222; }
h2 { font-size: 2.0em; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}
h2 a, a:hover { color:#222; }
h3 { font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  margin: 0 0 10px 0; }
h4 { color: #222; font-size: 1.3em; margin-bottom: 15px; }

/* Top Navigation Bar */
#navbar {width:100%; height:20px; background:#222 url(./images/navbar.png); text-transform:uppercase; color:#fff; text-align: left;}
#navbar ul {list-style: none; display: inline; float: left; margin-left: 5px;}
#navbar ul#topNav li { padding: 2px 5px 0; display: inline; vertical-align: middle; }
#topNav a:link, #topNav a:visited{color:#fff; text-decoration:none;font-weight:normal;}
#topNav a:hover, #topNav a:active{color:#becb8f; text-decoration:none; font-weight:normal;}

.listen-link{float:right; padding-right:0.8em; margin-top:0; border:none;}
.listen-link a, .listen-link a:visited {color:#fff; text-decoration:none;font-weight:normal; }
.listen-link a:hover {color:#becb8f; text-decoration:none; font-weight:normal; }
img.listen{padding-right:5px; vertical-align:middle; padding-bottom:0.3em; border:none;}

div#header{height:149px; width:100%; background:#bcc98d url(./images/headbg.png) bottom center no-repeat;
			text-align:center; margin-bottom: 25px;}
h1#name{background: transparent url(./images/logo.png) no-repeat center; width: 355px; height: 128px; text-indent: -9999px; margin-left: auto; margin-right: auto;}

/* Radio-Meta: Now playing and Weather */
#radio-meta{background:#e9edd9; border-bottom:#333 solid 2px; font-family:Helvetica, Verdana; font-size:10px; height:13px; margin:0px; padding-top:3px; margin-top: 1px;}
ul.weather{list-style:none; display:inline; vertical-align:middle; float: left; margin-top: -8px; margin-left: 5px; padding-bottom: 2px;}
ul.weather li{display:inline; margin:0px; padding: 3px;}
ul.weather li.wicon img { height: 25px; width: auto; overflow: visible; padding-bottom:4px;margin: -1px -8px 0 -2px;}

/* Content - news */
#news-head{margin-top:-1em; margin-bottom:-0.5em;}
h1.news{text-transform:uppercase; border-bottom:#222 solid 2px; color:#222; padding-bottom: 5px;}
.entry-title{clear:none;}
div#content {background:#e9edd9; width:460px; border:#222 solid 11px; padding:0 5px 5px 5px; font-size:11px; line-height:1.5em;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.post { padding-bottom: 15px; }

.innerWrap { padding: 10px; }

div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

.postmetadata .permaIcon {background: url(./images/pl-icon.png) no-repeat left center; padding: 1px 0 0px 13px; margin-left: 2px;}
.postmetadata .comIcon {background: url(./images/com-icon.png) no-repeat left center;padding: 0 0 1px 15px; margin-left: 2px;}
.postmetadata .authIcon {background: url(./images/auth-icon.png) no-repeat left center;padding: 1px 0 0px 13px; margin-left: 2px;}
.tagIcon {background: url(./images/tag-icon.png) no-repeat left center;padding: 0 0 2px 13px; margin-left: 2px;}


/* The Comments */
#comment-layout { border-top: thin solid #222222; padding-top:5px;}
#comment-layout ol { list-style-type: none; display: block;}
#comment-layout li { clear: left; float: left; margin-bottom: 15px; padding: 10px 0; width:500px;}

.commentlist .avatar { float: left; margin: 0 15px 10px 10px; padding: 2px; width:80px; height: 80px;}
#comment-layout .comment-meta-data { float:left; padding-bottom: 5px; width:350px}
#comment-layout .comment-text { float: left; margin: 10px 0;  width: 350px;}
#comment-layout .comment-text p { margin-right:10px; }
.get-gravatar { float: right; margin-right:13px;}

/* Date Formatting - Calendar Box */
#datebox {
	width: 45px;
	height: 45px;
	float:right;
	margin-left:5px;
	margin-top:5px;
	background: #fff;
	border:solid 2px #222;
	line-height: 1.0em;
	}
.month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	margin-left: -0px; 
	background:#222;}
.day {
	font-size: 18px;
	text-transform: uppercase;
	color: #222;
	text-align: center;
	display:block;
	margin-top: -10px;
	}
	
/* Sidebar */

.widget {background: #e9edd9; border: solid 11px #222; -moz-border-radius:10px; -webkit-border-radius: 10px; margin-bottom: 20px;}
#sidebar ul { list-style: none; font-size: 1.2em; line-height:1.5em; }
#sidebar ul ul { list-style: none; }

/*
	SLIDESHOW
*/

#artistShow { margin-bottom: 10px; margin-top: 5px; }

#slides {
			width:290px; height:175px; margin: auto;
		}
#slides img { border:none; width:290px; height:175px;
           }


div#footer{background:#e9edd9;
		   border-top:#222 solid 2px;
		   border-bottom:#222 solid 2px;
		   text-align:center; 
		   width:100%;
		   padding:3px;}
span.legal{font-size:9px; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}