/* Import overall template styles (nav, layout, homepage)
=================================*/
@import url('/css/layout.css');
@import url('/css/home.css');


/*  Misc Subpage Styles
=================================*/

#sub_content { width: 900px; padding: 15px; background: #fff; }
#sub_content p { margin-top: 0px; }

#sub_content a:link, #sub_content a:visited { text-decoration: underline; }
#sub_content a:hover { text-decoration: underline; }

.sub_image { width: 900px; text-align: center; }
.sub_image img { margin-bottom: 10px; }
.sub_hdr { font: bold 14px Arial; }

.community { margin: 0 0 15px 0; padding: 0px; width: 900px; }
.comm_image { float:left; width: 220px; }
.comm_info { float:left; width: 680px; }
.comm_info h1 { font: bold 14px Arial; margin: 0 0 4px 0; padding: 0px; }
.comm_info p { margin-top:0px; }

.programs { margin: 0 0 15px 0; padding: 0px; width: 900px; }
.programs1 { margin: 0; padding: 0px; width: 900px; }
.programs2 { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #eee; width: 900px; }
.prog_image { float:left; width: 130px; }
.prog_info { float:left; width: 770px; }
.prog_info h1 { font: bold 14px Arial; margin: 0 0 4px 0; padding: 0px; }
.prog_info p { margin-top:0px; }

.features { margin: 0 0 15px 0; padding: 0px; width: 900px; }
.feat_image { float:left; width: 210px; }
.feat_info { float:left; width: 680px; }
.feat_info h1 { font: bold 14px Arial; margin: 0 0 4px 0; padding: 0px; }
.feat_info p { margin-top:0px; }

.sponsor { float:left; width: 428px; height: 180px; padding: 5px; overflow: hidden; border: 1px solid #eee; margin: 0 10px 10px 0px; }
.sponsor_img { float:left; width: 220px; }
.sponsor_info { float: left; width: 200px; font: normal 11px Arial; }
.sponsor_info h2 { margin: 0 0 3px 0; padding: 0px; font: bold 12px/13px Arial, sans-serif; }
.sponsor_info p { margin: 0 0 6px 0; }

.shop { float:left; width: 428px; height: 200px; padding: 5px; overflow: hidden; border: 1px solid #eee; margin: 0 10px 10px 0px; }
.shop_img { float:left; width: 210px; }
.shop_info { float: left; width: 218px; font: normal 11px/12px Arial; }
.shop_info h2 { margin: 0 0 3px 0; padding: 0px; font: bold 12px/13px Arial, sans-serif; }
.shop_info p { margin-top:0px; }

#news_feeds { width: 880px; margin: 0 0 13px 0; padding: 10px; }
#news_feeds ul  { margin: 0px; padding: 0px; }
#news_feeds li  { margin: 0 0 4px 0; padding: 0 0 0 12px; list-style-type: none; background: url('/graphics/news_dot.gif') no-repeat 0px 4px; }
#news_feeds li a:link { font: bold 11px/12px Arial; color: #000066; }
#huffington_full { float: left; width: 420px; margin: 0 20px 20px 0; padding: 40px 0 0 0; background: url('/graphics/news_huffpost.gif') no-repeat; }
#msnbc_full { float: left; width: 420px; margin: 0px; padding: 40px 0 0 0; background: url('/graphics/news_msnbc.gif') no-repeat; }
#chitown_full { float: left; width: 420px; margin: 0 20px 20px 0; padding: 40px 0 0 0; background: url('/graphics/news_pi.gif') no-repeat; }
#theonion_full { float: left; width: 420px; margin: 0px; padding: 40px 0 0 0; background: url('/graphics/news_onion.gif') no-repeat; }

#huffington li, #msnbc li, #chitown li, #theonion li { margin: 0 0 4px 0; padding: 0 0 0 12px; list-style-type: none; background: url('/graphics/news_dot.gif') no-repeat 0px 4px; }

.podcast_item { margin: 0 0 20px 0; }
.podcast_item h1 { font: bold 20px Arial, sans-serif; color: #000066; margin: 0 0 10px 0; padding: 0px; }
.podcast_item p { margin: 0 0 8px 0; }

.pod { margin: 0 15px 15px 15px; border-bottom: 1px solid #eee; padding: 0 0 10px 0; }
.pod h2 { font: bold 14px Arial, sans-serif; margin: 0 0 5px 0; padding: 0px; }