ÿþ/*
Theme Name: Green Radio
Author: +Polymath
Theme URI: http://www.polymathnyc.com
*/

/* 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, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } /* remember to define focus styles! */ :focus { 	outline: 0; } /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }

/* LAYOUT =================================== */


html {height:100%; margin-bottom: 1px; width:100%}
body {background:#FFF; text-align:center; }
#wrapper {width:940px; margin:0 auto; min-height:100%; padding:0; text-align:left; }
#container {width:940px; margin:0 auto; padding:0; }
#title {width:940px; margin:20px 0; padding:0;}
#main {float:left; width:450px; margin:20px 0; padding:0; }
#forum {float:left; width: 750px;  margin:20px 0; padding:0 0 0 20px;}
#teasers {float:left; margin:5px 0 10px 0}
#sidebar {float:left; width:300px; min-height:100%; margin:20px 0; padding:0 0 0 20px; } 
#sponsors {float:right; width:150px; margin:20px 0 0 0; padding:0; }
#sponsors ul, #sponsors ul li {list-style-type:none; margin:0; padding:0;}
#footer {width:940px; margin:0 auto; clear:both; height:60px; padding:0; border-top:8px solid #000;}

/* TYPOGRAPHY =================================== */

body {font-family:helvetica,arial,sans-serif; color:#000;}
h1 {font:19px/21px helvetica,arial,sans-serif; color:#000; margin:0; padding:0;}
h2 {font:bold 14px/16px helvetica,arial,sans-serif; color:#000; margin:0; padding:0;}
h3 {font:11px/15px helvetica,arial,sans-serif; color:#000; margin:10px 0 0 0; padding:0;}
p {font:13px/15px helvetica,arial,sans-serif; color:#000;}
ul {list-style-type:none; margin:0; padding:0;}
a {color:#000; text-decoration:none;}
a:hover {color:#FF0000;}
a:focus {outline: none;}
a img {border:none;}
.gray {color:#888;}
.black {color:#000;} 
.red {color:#FF0000}
.italic {font-style:italic;}
.right {float:right;}
.bold {font-weight:bold}
.normal {font-weight:normal}
div.post_title h1 {color:#FFF;}
.credits a {font-weight:bold}
.comments{font:13px/15px helvetica,arial,sans-serif; color:#000;}
form#subForm div {margin-top:20px}
form#subForm label {font:13px/15px helvetica,arial,sans-serif; color:#000; margin-top:10px; }
form#subForm input {margin-bottom:10px;}

/* NAVIGATION =================================== */

/* SUCKERFISH */
#navsite {background-color:#000; width:940px; height:30px; margin:0; padding:0px; border:0px; overflow/*\**/:hidden\9; }
/*#nav {float:left; background-color:transparent; width:940px;  margin:0px; padding:0; border:0; }*/
ul#nav  {/* all lists */ list-style: none; margin:0; padding:0px;}
#nav li {/* all list items */ float: left; display:block; position: relative; padding:0}
#nav li ul {/* second-level lists */ display: none; position: absolute; top: 0; left: 0;}
#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto;}
#nav li:hover ul { /* lists nested under hovered list items */ display: block; background-color:#333; border:2px solid #000; border-width:0 2px 2px 2px; font-size:80%; margin-top:5px; z-index:999; }

/* BACKGROUND STATES */
/* #nav a { float:left; overflow: hidden; height: 0px !important; height :30px; /* for IE5/Win only  margin:0; }*/
#nav a, #nav_right a {overflow:hidden; font-size:0; color:transparent}
#nav a:hover, #nav_right a:hover, #nav a#forums_main:hover, #forums a#confessions:hover, #forums a#expert:hover, #forums a#diy:hover, #nav a#about_main:hover, #about a#aboutus:hover, #about a#contact:hover { background-position: 0 -30px; }
#nav a.active, #nav a#forums_main.active,  #nav a#about_main.active {background-position: 0 -60px;}
#navsite {height/*\**/:30px\9;}

#radio a  { float:left; width:102px; height:30px; background:url('images/nav_radio.gif'); background-repeat:no-repeat;}
#blog a  { float:left; width:107px; height:30px; background:url('images/nav_blog.gif'); background-repeat:no-repeat;}
#experts a  {float:left; width: 194px; height:30px; background:url('images/nav_experts.gif'); background-repeat:no-repeat; }
#subscribe a  {float:left; width: 141px; height:30px; background:url('images/nav_subscribe.gif'); background-repeat:no-repeat; }
#forums a {float:left; width: 120px; height:30px; background:url('images/nav_forums.gif'); background-repeat:no-repeat; } 
#about a {float:left; width: 106px; height:30px; background:url('images/nav_about.gif'); background-repeat:no-repeat; } 

#nav li ul#forums_sub, #nav li ul#about_sub  {margin-top:30px}
#forums a#confessions {float:left; width: 120px; height:30px; background:url('images/nav_sub_confessions.gif'); background-repeat:no-repeat; border-bottom:1px solid #FFF } 
#forums a#expert {float:left; width: 120px; height:30px; background:url('images/nav_sub_expert.gif'); background-repeat:no-repeat; border-bottom:1px solid #FFF} 
#forums a#diy {float:left; width: 120px; height:30px; background:url('images/nav_sub_diy.gif'); background-repeat:no-repeat; } 
#about a#aboutus {float:left; width: 106px; height:30px; background:url('images/nav_sub_about.gif'); background-repeat:no-repeat; border-bottom:1px solid #FFF } 
#about a#contact {float:left; width: 106px; height:30px; background:url('images/nav_sub_contact.gif'); background-repeat:no-repeat; } 

#nav_right{}
#facebook a  {float:right; width:30px; height:30px; background:url('/wp-content/themes/greenradio/images/fb.gif'); background-repeat:no-repeat; }
#twitter a  {float:right; width:30px; height:30px; background:url('/wp-content/themes/greenradio/images/twitter.gif'); background-repeat:no-repeat; }
#rss a  {float:right; width:30px; height:30px; background:url('/wp-content/themes/greenradio/images/rss.gif'); background-repeat:no-repeat; }
#podcasts a  {float:right; width:30px; height:30px; background:url('/wp-content/themes/greenradio/images/podcasts.gif'); background-repeat:no-repeat; }

/* SIDEBAR =================================== */

#confessions_teaser, #expert_teaser, #diy_teaser {height:125px; width:300px; margin:0; padding-right:0; float:left}
#title_confessions a, #title_expert a, #title_diy a { float:left; width:300px; overflow:hidden; height: 0px !important; height /**/:40px; /* for IE5/Win only */ margin:0; padding:0; }
#title_confessions a:hover, #title_expert a:hover, #title_diy a:hover {background-position: 0 -40px; }
#title_confessions a  {width:300px; height:40px; padding: 40px 0px 0px 300px; margin-bottom:10px; background:url('images/title_confessions.gif'); background-repeat:no-repeat; }
#title_expert a  {width:300px; height:40px; padding: 40px 0px 0px 300px; margin-bottom:10px; background:url('images/title_expert.gif'); background-repeat:no-repeat; }
#title_diy a  {width:300px; height:40px; padding: 40px 0px 0px 300px; margin-bottom:10px; background:url('images/title_diy.gif'); background-repeat:no-repeat; }
#title_shows   {float:left; width:300px; height:40px; margin-bottom:10px; padding-bottom:5px}
#confessions_teaser p, #diy_teaser p, #expert_teaser p {padding-bottom:0; margin-bottom:0; } 
p.forum_name_tag {font:12px/14px helvetica,arial,sans-serif; font-weight:200; margin-top:0; padding-top:5px; color:#000; width:100%}
a.teaser p:hover {text-decoration:underline; color:#FF0000 }
.dots {float:left}
#searchform{margin-bottom:20px} 
#searchform #s {border:1px solid #FF0000; background:#EEE; width:218px; margin:0; padding:5px; font:bold 11px/13px helvetica,arial,sans-serif; }
#searchform #s:hover, #searchform #s:focus {background:#DDD }
input:focus{outline:none}
#searchform #searchsubmit {color:#FFF; background:#FF0000; border-width:0; cursor:pointer; margin:0; padding:5px 10px; font:bold 11px/13px helvetica,arial,sans-serif; text-transform:uppercase}
#searchform #searchsubmit:hover {background:#000; }
#tagcloud {float:left; width:300px; margin:0; padding:0; border:2px solid #000; border-width:2px 0}

/* POSTS =================================== */

.post, .searchPost {width:450px; float:left; margin-bottom:0; }
.searchPost {margin-bottom:10px}
.podcast {width:450px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #000}
#audio {padding:0; margin-bottom:10px;}
.post p, .searchPost p {width:430px; margin:10px 0; }
#post_img {margin:0; padding-bottom:0;}
a div.post_title {width:440px; background:#000; margin-bottom:10px; padding:10px 0 8px 10px;}
a div.post_title:hover {background:#E72426; }
.episode {float:left; padding:5px 0; margin:0;}
.episode_img {float:left; width:116px; height:116px; margin-right:10px; 0}
.episode_text {float:right; width:154px; }
div.credits{font-size: 12px; margin-bottom: 4px;}
.post-edit-link {float:left;}
#main form{margin:0;}
.experts_main a {font-weight:bold}
.social {width:100%; margin-bottom:20px; float:left;}
.social .download {float:right;}
.social .comments{float:left;}
#comments{padding-right:10px;}
ol.commentlist p {width:400px;padding-right:10px;}
textarea#comment{width:450px;}
p.tag-links{margin-top:0; padding-top:0}
.tag-links a {color:#FF0000; }
.navigation {float:left; width:450px; margin:200x 0 0 0; padding:10px 0 0 0; border-top:1px solid #000 }
.navigation .left {float:left}
.navigation .right {float:right}
.navigation a {color:#FF0000; font-weight:bold;}
.navigation a:hover {color:#000}

/* SINGLE POST PAGE =================================== */

a div#details  {width:440px; color:#FFF; background:#000; padding:10px 0 8px 10px;}
a div#details:hover {background:#E72426;}
#experts_content {float:left;}
#experts_content img {float:left}
#experts_content p {float:right; width:335px;}
#experts_content p.audioplayer_container {float:left; width:450px;}

/* DISCUSSION FORUMS =================================== */

#wpf-wrapper {width:750px; border:1px solid #000;}
.wpf {width:750px;  border:1px solid #000;}