html {height:100%;}
body {
	font:14px arial, verdana, sans-serif;
	color:#FFF;
	text-align:center;
	background-color:#000;
	height:100%;
}

a, a:visited {color:#ccc;}
a:hover {color:#999;}

h2 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	margin:20px 0;
	padding:0 0 0 10px;
	width:960px;
	border-bottom:1px solid #fff;
	position:relative;
}
h2.noline {
	font-size:1.4em;
	text-transform:none;
	border:none;
	margin:30px 0 5px 0;
}
h2 span {
	font-size:.6em;
	font-style:italic;
}
#wrapper, #b-wrapper {
	width:960px;
	padding:0 10px 110px 10px;
	margin:5px auto 0 auto;
	text-align:left;
	font-size:1.1em;
}
#wrapper {
	height:600px;
	background:#000 url(/media/images/frame.png) no-repeat 396px 246px;
}
#blog {
	float:left;
	margin-top:0px;
	width:960px;
	height:100%;
	padding:0;
	background:#fff url(/media/images/bkgrd_blog.png) no-repeat left top;
	color:#000;
}
#b-foot {
	float:left;
	width:960px;
	height:32px;
	padding:0;
	background:#fff url(/media/images/bkgrd_blog-f.png) no-repeat left top;
}
#logo {
	width:258px;
	height:55px;
	overflow:hidden;
	line-height:1000px;
}

#logo img {
	border:none;
	overflow:hidden;
	display:block;
}
/*
#logo {
	padding:26px 0 0 18px;
	background:transparent url(/media/images/logo.png) no-repeat 0 0;
	display:block;
	width:258px;
	height:55px;
	overflow:hidden;
	line-height:1000px;
}*/
#tag {
	float:left;
	margin-left:80px;
	margin-top:-10px;
	font-size:.9em;
}

#utils {
	float:right;
	margin-top:-30px;
	margin-right:40px;
	font-size:.8em;
	font-weight:bold;
}

#utils a, #utils a:visited {
	color:#fff;
	text-decoration:none;
}
#feeds {
	height:48px;
	margin-right:20px;
	float:right;
}
#feeds ul li {
}
#feeds ul li a {
	width:170px;
	float:right;
	background:transparent url(/media/images/feed.png) no-repeat 115px 0px;
	height:48px;
	color:#fff;
}
#feeds ul li a:hover {
	color:#ccc;
}
/* ---------------------------------------------
MENU NAVIGATION
-----------------------------------------------*/

#menu {
	height:80px;
	width:960px;
	margin:40px auto 50px auto;
	padding:0;
}

#menu ul {
	height:80px;
	padding:0;
	list-style-type:none;
	float:left;
}

#menu li {
	margin:0 10px;
	padding:0;
	float:left;
	text-align:center;
	vertical-align:top;
}
#menu a {
	overflow:hidden;
	width:100px;
	height:80px;
	display:block;
	text-indent:-5000px;
}
#nav_gw a {
	background:url(/media/images/logos/gw.png) center top no-repeat;
}
#nav_btgh a {
	background:url(/media/images/logos/btgh.png) center top no-repeat;
}
#nav_today a {
	background:url(/media/images/logos/today.png) center top no-repeat;
}
#nav_kc a {
	background:url(/media/images/logos/kc.png) center top no-repeat;
}
#nav_spot a {
	background:url(/media/images/logos/spot.png) center top no-repeat;
}
#nav_wtw a {
	background:url(/media/images/logos/wtw.png) center top no-repeat;
}
#nav_tc a {
	background:url(/media/images/logos/tc.png) center top no-repeat;
}
#nav_utr a {
	background:url(/media/images/logos/utr.png) center top no-repeat;
}
#nav_cj a {
	background:url(/media/images/logos/cj.png) center top no-repeat;
}

/*
#menu_about a:hover,
#menu_listen a:hover,
#menu_wordlist a:hover,
#menu_discuss a:hover,
#menu_tunein a:hover,
#menu_explore a:hover,
#menu_contact a:hover {
	background-position:center -46px;
}*/


/* ---------------------------------------------
SLIDER BOX
-----------------------------------------------*/
#effects {
	padding-top:90px;
	height:420px;
}

#slider {
  width:409px;
  position:relative;
  overflow:hidden;
	background:url(/media/images/slide_loading.gif) 200px 130px no-repeat;
}

.scroll {
  height:326px;
  overflow:auto;
  position:relative; /* fix for IE to respect overflow */
  clear:left;
}

.scrollContainer div.panel {
  padding:20px;
  height:326px;
  width:409px;
	float:left;
	color:#000;
}

.scrollButtons {
  position:absolute;
  top:150px;
  cursor:pointer;
}

.scrollButtons.left {
  left:-10px;
}

.scrollButtons.right {
  right:-10px;
}

#info {
  /*width:457px;*/
  width:345px;
  padding-left:36px;
  padding-right:76px;
  float:left;
	margin:0;
}

#infoContainer {
	padding:20px;
  width:280px;
  height:285px;
	background-color:#1c1c1c;
}

.ipanel h4 {
	font-size:1.5em;
	margin-bottom:5px;
}

.ipanel p {
	line-height:1.4em;
}

#infoContainerbot {
	width:320px;
	height:19px;
	background:#000 url(/media/images/botbox.png) no-repeat left center;
}

#infoContainertop {
	width:320px;
	height:19px;
	background:#000 url(/media/images/topbox.png) no-repeat left center;
}
/* ---------------------------------------------
 BACKGROUND IMAGES
-----------------------------------------------*/

#section_home {
	background:url(/media/images/backgrounds/home.jpg);
}

#section_gw {
	background:url(/media/images/backgrounds/gw.jpg);
}

#section_btgh {
	background:url(/media/images/backgrounds/btgh.jpg);
}

#section_today {
	background:url(/media/images/backgrounds/today.jpg);
}

#section_kc {
	background:url(/media/images/backgrounds/kc.jpg);
}

#section_spot {
	background:url(/media/images/backgrounds/spot.jpg);
}

#section_wtw {
	background:url(/media/images/backgrounds/wtw.jpg);
}

#section_tc {
	background:url(/media/images/backgrounds/tc.jpg);
}

#section_utr {
	background:url(/media/images/backgrounds/utr.jpg);
}

#section_cj {
	background:url(/media/images/backgrounds/cj.jpg);
}

/* ---------------------------------------------
CONTACT PAGE
-----------------------------------------------*/
#contactpage {
	color:#595959;
}
#contactpage h3 {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	margin:10px 0;
	padding:0;
	width:380px;
	border-bottom:1px solid #595959;
}
form {margin:15px 0 0 0;	clear:both; color:#595959;}
legend {display:inline; color:#595959;font-weight:bold;}
fieldset {margin:0px 0px 10px 0px;	padding:5px 15px 20px 15px;	border:1px solid #dddddd;}
label {display:inline;}
textarea {display:block;	width:300px;}
input + label, textarea + label, select + label {	margin:15px 0 0 0; font:12px/17px Arial, sans-serif;}
input[type="text"], textarea {	margin:3px 0 3px 0;	border:1px solid #595959; font:12px/17px Arial, sans-serif;padding:5px;}
textarea {	font:12px/17px Arial, sans-serif;}
input.btn {	display:inline;  color:#595959;  font-family:'trebuchet ms',helvetica,sans-serif;  font-size:8pt;  font-weight:bold;  background-color:#dddddd;   border:1px solid #595959;;  border-top-color:#595959;  border-left-color:#595959;  border-right-color:#595959;  border-bottom-color:#595959;cursor:pointer;}

/* ---------------------------------------------
BLOG
-----------------------------------------------*/
#blog #content {
	margin-top:30px;
	padding:20px;
	width:600px;
	float:left;
}
#blog #sidebar {
	margin-top:30px;
	padding:20px;
	width:260px;
	float:right;
	border-left:1px solid #000;
}
#blog a {
	color:#474747;
	text-decoration:none;
}
#blog a:hover {
	color:#2b2b2b;
	text-decoration:underline;
}
#blog #side_links li {
	margin-bottom:15px;
}
#blog #side_links li.facebook {
	padding-left:30px;
	padding-top:3px;
	margin-bottom:0;
	height:30px;
	background:url(/media/images/facebook.png) no-repeat left top;
}
#blog #side_links li.twitter {
	padding-left:30px;
	padding-top:3px;
	height:30px;
	background:url(/media/images/twitter.png) no-repeat left top;
}
#blog #side_links .tweet {
	font-size:.8em;
	margin:14px 0;
}
.t-date{
	color:#474747;
	font-size:.8em;
}

/* ---------------------------------------------
FOOTER
-----------------------------------------------*/

#footer {
	width:960px;
	height:30px;
}

#footp {
	margin:5px auto 0 auto;
	width:890px;
	border-top:1px solid #fff !important;
	padding:10px 0 0 5px;
	font-size:.8em !important;
}

#footlink {
	float:right;
	margin-right:50px;
	margin-top:-20px;
}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}