/*  
Theme Name: 91.8 The Fan
Theme URI: 
Description: A Wordpress Theme for 91.8 The Fan
Version: 1.0
Author: 
Author URI: 
*/

/*********************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}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:17px}
h4{font-size:17px}
h5{font-size:15px}
h6{font-size:8px}

/**************** Body *********************/
body {background:url(images/bgtop.png); background-color:#ccc; z-index:-50; font:14px Arial, Helvetica, sans-serif; background-repeat:repeat-x;}
a:link, a:visited {text-decoration:none; color: #79779F;}
a:hover {color:#000;}
#wrapper {width:950px; margin:auto;}
.logoimage {padding-top:10px; height:60px; display:block; z-index:+3; margin-left:-86px;}




.wrapper1 {width:970px; margin:auto; position:relative;}
/**************** Top Sliding Panel *********************/
.slide {position:absolute; top:0; right:10px;}
#slide-panel{background-color: #333;border-left-color:#626262;border-left-style:solid;border-left-width:2px;border-right-color:#626262;border-right-style:solid;border-right-width:2px;display:none;height:100px;margin:auto;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.btn-slide:link, .btn-slide:visited{color:#fff; position:absolute; top:-25px; right:0px; display:block;font-size:1em;font-weight:bold;height:26px;line-height:22px;text-align:center;text-decoration:none;width:100px; background:url(images/header-repeat.png);-moz-border-radius-topright:10px; -moz-border-radius-topleft:10px;border-top-right-radius:10px;border-top-left-radius:10px;}
.loginform {width:900px; margin:auto;  color:#999;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}

/**************** Header *********************/
#header {width:100%; position:relative; z-index:-1; margin:0 auto; display:table;}
#header h1 {text-indent:-10000px;}
#headerimage {margin-left:-425px; margin-bottom:-1800px; z-index:-2;}


.searchform {position:relative; top:-760px; left:740px; width:250px;!important}
.searchfield {padding:5px; border:none;font-family:Arial, Helvetica, sans-serif;-moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.searchbutton {padding:5px; background-color:#000; color:#FFF; font-weight:bold;-moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px;border-top-right-radius:10px;border-bottom-right-radius:10px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; border:none;}
.mascot {width:211px; height:313px; position:relative; background:url(images/mascot.png) no-repeat; top:-320px; left:710px; z-index:+2;}
.rss {width:38px; height:42px; position:relative; left:5px; top:-120px; z-index:+40;}
.listennow {position:absolute; height:61px; margin-top:-275px; margin-right:auto; margin-left:auto; width:216px; z-index:0;}
.bubble {no-repeat; position:relative; left:880px; top:-285px; width:207px; height:79px; text-align:center; z-index:+30;}


/**************** Navigation *********************/
.nav1 {line-height:38px; height:38px; background-color:#000;}
.menu1 {width:950px; margin:auto;}  
.menu2 {border-top-radius:10px;-webkit-border-top-radius:10px;-moz-border-radius-top:10px; margin-top:275px;}
.topheader {height:72px; background: url(images/header-repeat.png) repeat-x;}

#navigation{height:38px; background-color:#000; border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-topleft:10px; border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;}
.menu1 li{display:inline; float:left; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.menu1 li a:link, .menu1 li a:visited{color: #fff; display:block; line-height:38px; padding:0 20px 0 20px; border-right:1px solid #333;}
.menu1 li a:hover { display:block; line-height:38px; padding:0 20px 0 20px; background:url(images/menu_hover.gif) repeat-x; color:#000;}
.menu1 .current_page_item a:link, .menu1 .current_page_item a:visited { display:block; line-height:38px; padding:0 20px 0 20px; background:url(images/menu_hover.gif) repeat-x; color:#000;  }
.menu1 li li a, .menu1 li li a:link, .menu1 li li a:visited {opacity: .99;filter: alpha(opacity=99);background: #0d172e;width: 130px;color: #fff;float: none;margin: 0;padding: 0px 12px 0px 12px;border-bottom: 1px solid #333;}
.menu1 li li a:hover, .menu1 li li a:active {background: url(images/menu_hover.gif) repeat-x; repeat-y; color: #000;}
.menu1 li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 155px;margin: 0;padding: 0;}
.menu1 li li {border:none;}
.menu1 li ul a {width: 120px;}
.menu1 li ul a:hover, .menu1 li ul a:active {}
.menu1 li ul ul {margin: -39px 0 0 152px;border: none;}
.menu1 li:hover ul ul, .menu1 li:hover ul ul ul, .menu1 li.sfhover ul ul, .menu1 li.sfhover ul ul ul {left: -999em;}
.menu1 li:hover ul, .menu1 li li:hover ul, .menu1 li li li:hover ul, .menu1 li.sfhover ul, .menu1 li li.sfhover ul, .menu1 li li li.sfhover ul {left: auto;}
.menu1 li:hover, .menu1 li.sfhover {position: static;}

.menu2 li{display:inline; float:left; font-size:14px; text-transform:uppercase; font-weight:bold; letter-spacing:-1px;}
.menu2 li a:link, .menu2 li a:visited{color: #fff; display:block; line-height:38px; padding:0 20px 0 20px; border-right:1px solid #333;}
.menu2 li a:hover { display:block; line-height:38px; padding:0 20px 0 20px; background:url(images/menu_hover.gif) repeat-x; repeat-y; color:#000;}
.menu2 .current_page_item.page_fix a:link, .menu2 .current_page_item.page_fix a:visited { display:block; line-height:38px; padding:0 20px 0 20px; background:url(images/menu_hover.gif) repeat-x; color:#000; }
.menu2 li li a, .menu2 li li a:link, .menu2 li li a:visited {opacity: .99;filter: alpha(opacity=99);background: #0d172e;width: 130px;color: #fff;float: none;margin: 0;padding: 0px 12px 0px 12px;border-bottom: 1px solid #333;}
.menu2 li li a:hover, .menu2 li li a:active {background: url(images/menu_hover.gif) repeat-x;color: #000;}
.menu2 li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 155px;margin: 0;padding: 0;}
.menu2 li li {border:none;}
.menu2 li ul a {width: 120px;}
.menu2 li ul a:hover, .menu2 li ul a:active {}
.menu2 li ul ul {margin: -39px 0 0 152px;border: none;}
.menu2 li:hover ul ul, .menu2 li:hover ul ul ul, .menu2 li.sfhover ul ul, .menu2 li.sfhover ul ul ul {left: -999em;}
.menu2 li:hover ul, .menu2 li li:hover ul, .menu2 li li li:hover ul, .menu2 li.sfhover ul, .menu2 li li.sfhover ul, .menu2 li li li.sfhover ul {left: auto;}
.menu2 li:hover, .menu2 li.sfhover {position: static;}

.menu2 li .first_page_item a:link, .menu2 .first_page_item a:hover, .menu2 .first_page_item.current_page_item a { display:block; line-height:36px; padding:1px 20px 0 20px; background:url(images/menu_hover.gif) repeat-x; color:#000; border-top-left-radius:9px;-moz-border-radius-topleft:9px;-webkit-border-radius-topleft:9px;}


/**************** Blog *********************/
#blog { background:url(images/blog.png) repeat-y;}
#entry {width:580px; float:left; padding:10px;}
.post {padding:10px 0 30px 0;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;}
.post h2 { font-weight:normal;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;}
.post h2 a {color:#000; font-size:22px;background-color: #EEF2F3; display:block;padding:5px 10px 5px 10px; border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;}
.post h2 a:hover {color:#333; background-color:#EFFAFF;border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-radius-topright:10px;-moz-border-radius-topleft:10px;}
.date {font-size:10px; font-weight:bold; text-transform:uppercase; color:#83A1AF; margin-bottom:15px; background-color:#D9E6EC; padding:2px 10px 2px 10px; text-align:right;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;}
.content {line-height:22px; margin-bottom:5px; border-bottom:1px solid #f2f2f2; color:#666; padding:0px 0 15px 0;}
.comcount {background:url(images/com.png) left no-repeat; padding-left:20px; font-weight:bold; float:left;}
.readmore {float:right;}
.readmore a:link, .readmore a:visited {padding:3px; display:block; color: #999; font-size:12px; font-weight:bold; text-transform:uppercase;}
.readmore a:hover {color:#000;}
.tags {background:url(images/tag.png) left no-repeat; padding-left:40px; line-height:40px; font-size:12px; font-weight:bold; color:#999; text-transform:uppercase;}
.cats {background:url(images/cat.png) left no-repeat; padding-left:40px; line-height:40px; font-size:12px; font-weight:bold; color:#999; text-transform:uppercase;}
.postimage {padding:3px; border:1px solid #CCC; margin-right:0px; margin-left:10px; margin-bottom:10px;}
.navi {text-align:center;}

/*--- Content Styling ---*/
.content p {margin-bottom:20px;}
.content ul, .content ol  {margin:20px;}
.content ul li, .content ol li {margin:5px; background:url(images/date.png) 0px 5px no-repeat; padding-left:25px;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin-bottom:20px;}
.alignleft {float:left; margin:0 15px 0 0;}
.alignright {float:right; margin:0 0 0 15px;}
.content blockquote { margin:20px 20px 20px 20px; padding:5px 5px 5px 25px;background:url(images/q_O.png) left top no-repeat}
.content blockquote p { background:url(images/q_C.png) right bottom no-repeat}
.postimage {padding:3px; border:1px solid #CCC; margin-right:0px; margin-left:10px; margin-bottom:10px;}

/**************** Sidebar *********************/
#sidebar {width:330px; float:right; margin-top:65px; padding:10px;}
h3.dbx-handle {background:url(images/h2.gif) no-repeat; height:37px; line-height:37px; color:#f4b34e; text-transform: uppercase; font-size:16px; padding:0 8px 0 15px; margin-bottom:5px; margin-top:10px;border-radius:10px;-moz-border-radius:10px;} 
.dbx-content ul li {padding:3px 0 3px 0;}
.dbx-content ul li a, .dbx-content ul li a:link, .sidebar ul li a:visited  {display:block; background:url(images/bullet.gif) left no-repeat; padding-bottom:3px; padding-left:20px; font-size:14px; color:#666; margin-left:10px;}
.dbx-content ul li a:hover {color:#000; font-weight:bold;}

/**************** Slideshow *********************/
.sliderwrapper{position: relative;overflow: hidden;border-bottom:0;padding:0px 5px 0 5px;width: 570px;height: 200px;background: #0d172e; -moz-border-radius:10px; border-radius:10px;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;padding-right: 5px;background: #0d172e;color:#E6E6E6;width: 555px;height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.contentdiv a {color:#F4B34E;text-decoration:none;}
.contentdiv a:hover {text-decoration:underline;}
.contentdiv h1 { padding:5px;  margin:5px 0 5px;}
.contentdiv h1 a {font-size:16px; text-transform:uppercase; line-height:22px; display:run-in;}
.contentdiv h1 a:hover {color:#fff;}
.slidecontent {font-size:12px; color:#D4DCD1;}
.pagination{width: 565px;text-align: right;border-top:0;height:27px;padding:2px 2px 0 2px;}
.pagination a{padding: 2px 14px;margin-right:0px;font-size:11px;text-decoration: none; font-weight:bold; color: #fff; background-color:#000;}
.pagination a:hover, .pagination a.selected{color: #000;background-color: #F4B34E;}
.ssimage {float:left;margin-right:10px;}

/**************** Footer *********************/
#footer {clear:both; height:24px; background:url(images/footer.png) no-repeat center; 
margin-bottom:20px; text-align:right; padding:0px 25px 0px 5px; color:#999; font-size:10px;}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #bgbottom  { margin-bottom:500px !important;  }
}

/**************** Bottom Gradient *********************/
#bggradient {background-image:url(/images/bggradient.png); background-position: 0% 100%; background-repeat: repeat-x; height: 100%; z-index:+9;}

.comments-box{zoom:1;}
.comments-box img{vertical-align:middle;}
.comments-box h3{border-bottom:3px solid #ebf3f6;color: #999;font-size:1.4em;letter-spacing:0;margin:0;padding:0 0 5px 0;}
#respond{background:#fff;margin:20px 0 0 0;padding:5px;}
#respond p{color:#777;line-height:1.4em;margin:10px 0 0 0;}
.cancel-comment-reply{padding:5px 0 0 0;}
.text{border-bottom:1px solid #eee;border-left:1px solid #ddd;border-right:1px solid #eee;border-top:1px solid #ddd;color:#777;padding:2px;width:200px;}
ol.commentlist a:link{text-decoration:none;}
ol.commentlist li div.vcard cite.fn a.url:hover{text-decoration:none;}
ol.commentlist{background:#fff;margin:10px 5px 0 5px;padding:0;}
ol.commentlist li{border-bottom:1px dotted #ccc;list-style-type:none;margin:10px 0 10px 0;padding:10px; color:#666;}
ol.commentlist li.alt{}
ol.commentlist li.bypostauthor p{}
ol.commentlist li.byuser{}
ol.commentlist li.comment-author-admin{}
ol.commentlist li.comment{}
ol.commentlist li div.comment-author{}
ol.commentlist li div.vcard{}
ol.commentlist li div.vcard cite.fn{font-size:12px;font-weight:bold; text-decoration:underline;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li div.vcard img.avatar{float:right;}
ol.commentlist li div.vcard img.avatar-32{background:#fff;border:1px solid #ddd;padding:2px;}
ol.commentlist li div.vcard img.photo{background:#fff;border:1px solid #ddd;padding:2px;}
ol.commentlist li div.vcard span.says{color:#888;}
ol.commentlist li div.commentmetadata{}
ol.commentlist li div.comment-meta{font-size:0.9em;margin:3px 0 0 0;}
ol.commentlist li div.comment-meta a{color:#aaa;text-decoration:none;}
ol.commentlist li p{line-height:1.4em;margin:15px 0 0 0;}
ol.commentlist li ul{}
ol.commentlist li div.reply{padding-top:10px;}
ol.commentlist li div.reply a{color:#62818F; background-color:#D9E6EC; display:block; padding:5px 8px 5px 8px; width:40px; font-size:12px; text-transform:uppercase; font-weight:bold;}
ol.commentlist li div.reply a:hover{color: #333 !important;text-decoration:none;}
ol.commentlist li ul.children{}
ol.commentlist li ul.children li{background:#fff;border:1px solid #e9e9e9;margin:5px 0 0 0;}
ol.commentlist li ul.children li li.alt{background:#eee;}
ol.commentlist li ul.children li.bypostauthor{}
ol.commentlist li ul.children li.byuser{}
ol.commentlist li ul.children li.comment{}
ol.commentlist li ul.children li.comment-author-admin{}
ol.commentlist li ul.children li.depth-2{}
ol.commentlist li ul.children li.depth-3{}
ol.commentlist li ul.children li.depth-4{}
ol.commentlist li ul.children li.depth-5{}
ol.commentlist li ul.children li.odd{}
ol.commentlist li.even{}
ol.commentlist li.odd{}
ol.commentlist li.parent{}
ol.commentlist li.pingback{}
ol.commentlist li.thread-alt{}
ol.commentlist li.thread-even{}
ol.commentlist li.thread-odd{}
#cancel-comment-reply-link:link, #cancel-comment-reply-link:visited {color:#900; text-decoration:underline;}
#commentform{margin-top:5px;}
#commentform input{border:1px solid #ccc;margin:5px 5px 1px 0;padding:5px;width:210px;}
#commentform input:focus{border:1px solid #191919;}
#commentform .author{background:url(images/user.gif) no-repeat 5px 3px;color:#666;padding:3px 3px 3px 25px;}
#commentform .email{background:url(images/email.gif) no-repeat 5px 3px;color:#666;padding:3px 3px 3px 25px;}
#commentform .url{background:url(images/link.gif) no-repeat 5px 3px;color:#666;padding:3px 3px 3px 25px;}
#commentform textarea{border:1px solid #ccc;height:100px;padding:2px;width:75%;}
#commentform textarea:focus{border:1px solid #191919;}
#commentform .submit{background:#ecf3f8;border:1px solid #fff;color:#006699;font-weight:bold;margin:0;padding:4px;width:155px;}
#commentform .submit :hover{background:#333;border:1px solid #fff;color:#fff;text-decoration:underline;}

#listen {width:136px; height:59px; position:absolute; top:-60px; left:3px;}

#litelisten {width:300px; height:30px; position:absolute; top: 15px; left:3px;}

toptwitter{width:300px;background:url(images/twitter.png) right bottom no-repeat; min-height:90px;}
toptwitter:hover{background:url(images/twitter-hover.png) right bottom no-repeat;}
.toptwittermsg{width:220px;font:normal 8pt Arial, Helvetica, sans-serif; color:#09C;}
.toptwittermsg ul li{list-style:none; padding-bottom:15px;}
h5 a:link, h5 a:visited {color:#333;}

#twitterwidget
{
text-align:center;  
align:center; 
padding-left: 0px;
}


/**************** Bottom Banners *********************/
#sponsors
{
float: center;
width: 900px;
padding: 2px 2px 2px 2px;
}

/************* Plugins *******************/
.socialmedia-buttons {
     text-align: center;
}
p.audioplayer_container {  
     text-align: center;  
}  

.ddet_div {
  margin: 6px 0px 0px 8px;
  padding: 8px;
  background: #F4F4F4;
  border: 1px solid #DDDDDD;
}

.wpsc-grid li {
margin:5px;
}