/*

Theme name: Kukn

Description: Custom Theme

*/



/* WordPress Default styles */

@import url('wp-default.css');



* { padding: 0; margin: 0; outline: 0; }



body {

    font-size: 14px;

    line-height: 17px;

    font-family: Arial, sans-serif;

    color: #fff;

    background: #000 url(images/bg.jpg) no-repeat fixed center 0; 

    text-align: left;

    padding-bottom: 20px;

}

h2 { font-size: 18px; line-height: 20px; color: #b8b4b5; }

h3 { text-transform: uppercase; font-size: 14px; line-height: 17px;}	



a img { border: 0; }

a { color: #dc1929; text-decoration: none; cursor: pointer;}



a:hover { text-decoration: none;  }



h2 a:hover { text-decoration: underline }



span.red { color: #ff0000; }



.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -9000px; }



.shell { width: 992px; margin: 0 auto; }



/*HEADER*/

#header { height: 246px; padding-top: 17px;}

/*LOGO*/

h1#logo { width: 189px; height: 178px; padding:0 0 0 40px; float: left; display: inline; }

h1#logo a { display: block; height: 178px; background: url(images/logo.png); }



/*HEADER BANNER*/

.h-banner { float: right; display: inline; width: 728px; height: 90px; padding: 10px 0 30px 0; }



/*LISTEN LIVE BUTTON*/

#listen-live { float: left; display: inline; padding-left: 47px; width: 216px; height: 32px; }

#listen-live a{ display: block; height:32px; background: url(images/listen-live.png); }



/*NAVIGATION*/

#navigation { margin: 25px 0 0 9px; width: 817px; height: 43px; background: url(images/nav.png); }

#navigation ul { list-style-type: none; height: 26px; padding:8px 0; }

#navigation ul li{ float: left; display: inline; margin-left: 25px;  }

#navigation ul li.first{ margin-left: 25px;  }

#navigation ul li a,

#navigation ul li a span { float: left; display: inline; height: 26px; line-height: 26px; background-image: url(images/nav-hover.gif); background-repeat: no-repeat;  font-size: 16px; text-transform: uppercase;}

#navigation ul li a { padding-left:7px; background-position: 0 -100px; position: relative;}

#navigation ul li a:hover { background-position: 0 0; }

#navigation ul li a span { padding-right: 7px; background-position: right -100px; color: #fdfdfd; height:24px; padding-top: 2px;}

#navigation ul li a:hover span { padding-right: 7px; background-position: right 0; color: #050504; }



/*MAIN*/

#main { }



.main-t { font-size:0; line-height:0; height:196px; background:url(images/t.png);}

.main-c { background:#000; width:100%;}

.main-rel { float:left; width:100%; position:relative; margin-top:-196px; }

	

/*CONTENT*/

#content { float: left; display: inline; width: 826px;}

/*PAGINATION*/

#pages { padding-top: 5px; padding-left: 50px; }

#pages a { float: left; display: inline; font-weight: bold; font-size: 12px; color: #fffe00; text-decoration: underline;}

#pages a:hover { text-decoration: none;}

#pages a.active { color: #b8b4b5; }

#pages span.divider { color: #b8b4b5; font-size: 12px; float: left; display: inline; padding: 0 20px; }



/*THE PAGE CONTENT*/

#page { padding-top: 30px; width: 740px; padding-left: 50px; }

#page h3 { padding-bottom:15px; }

#page p { padding-bottom: 15px;}

#page p a { color: #fff; }

#page p a.title { color: #f99e1c; font-size: 14px; text-decoration: underline; }

#page p a.title:hover { text-decoration: none; }



/*EVENTS*/

#events { padding-top: 10px; padding-left: 23px; width: 788px; }

#events p.title { padding:10px 0 5px 10px; font-size: 12px; }

#events .events-box { background: url(images/events-box-bg.gif) repeat-y 0 0; }

#events .events-box-top { background: url(images/events-box-top.gif) no-repeat 0 0; }

#events .events-box-btm { background: url(images/events-box-btm.gif) no-repeat 0 bottom; padding: 10px 10px 10px 25px; height: 100%; }

#events ul { padding-left: 15px; float: left; display: inline; width: 400px;  list-style: outside;}

#events ul li { }

#events ul li a { text-decoration: underline; color: #fff; font-size: 12px; line-height: 16px; }

#events ul li a:hover { text-decoration: none; }

#events .ad { float: left; display: inline; width: 175px; padding-left: 125px; padding-top: 5px; }

#events .ad a.image { width: 173px; height:38px; border: 1px solid #5ca873; display: block; }

#events .ad p,

#events .ad p a { color: #fff; font-size: 12px; line-height: 16px; text-align: center;}

#events .ad p a { text-decoration: underline; }

#events .ad p a:hover { text-decoration: none; }

	

/*SIDEBAR*/

#sidebar { width: 160px; float: right; display: inline;  }

#sidebar .side-ad { /*margin-top: -100px;*/ width: 160px; height: 100%; position: relative;  }





/*FOOTER*/

#footer { padding: 15px 0 25px; background-color: #000; }

#footer p { color: #b8b4b5; padding-left: 190px; font-size: 12px;}

#footer p a { color: #b8b4b5; text-decoration: underline;}

#footer p a:hover { text-decoration: none;}



#respond .field { margin-bottom: 6px; border: solid 1px #f48559; background: #eee; }



#content-sidebar { float: left; display: inline; width: 530px; margin-right: 10px; } 

#sidebar-inner { float: left; display: inline; width: 200px; }

li.widget { list-style-type: none; margin-bottom: 15px;}

li.widget li { margin-left: 25px; }

.pagetitle { margin-bottom: 25px; }

#search-field { width: 120px; }

.find-on-facebook {font-size: 0; line-height: 0; text-indent: -9999px; position: relative; margin-top: -100px; margin-bottom: 8px;}
.find-on-facebook a {display: block; width: 160px; height: 49px; background: url(images/find_us_on_facebook.png);}