/*  
Theme Name: Shout4Music
Theme URI: http://www.shout4music.com/
Description: Default theme for shout4music.com
Version: 1.0
Author: Dean Chew
Author URI: http://www.chewie.co.uk/
*/

/*========= SETUP =========*/

*{
	border:0;
	margin:0;
	padding:0;
	}
	
body{
	background:#fff;
	color:#000;
	font:14px Arial,Helvetica,serif;
	}

a { color:#053362; text-decoration:none; }
a:hover{ color:#b21f1f; text-decoration:none; }
	
input,select,textarea{
	border:#999999 1px solid;
	font-size:12px;
	padding:2px;
	}
	
select{
	padding: 0;
	}

li{
	list-style: none;
	}

img{
	border: 0;
	padding: 0;
	margin: 0;
	}
	
img a{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	}
	
h2.heading { background:url(images/bg03.gif) no-repeat 100% -80px; color:#053362; font-size:20px; font-weight:bold; text-transform:uppercase; height:33px; margin:0; overflow:hidden; }
.col1 h2.news, .col1 h2.live { background-position:100% -40px; }
.col1 h2.albums, .col1 h2.single { background-position:100% 0; }
h2.heading span { background:url(images/bg03.gif) no-repeat; float:left; padding:3px 10px 10px 0; }
.col2 h2.radar, .col2 h2.topdl { background-position:100% 0; }
.col2 h2.albumweek, .col2 h2.show { background-position:100% -40px; }

.breadcrumb { background:#053362; color:#fff; font-size:85%; font-weight:bold; margin-bottom:10px; padding:5px 15px; }
.breadcrumb a { color:#fff; }
.breadcrumb a:hover { color:#b21f1f; }

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

#page{
	background:#fff;
	margin:0 auto;
	width:960px;
	}
	
/*--- Main Columns ---*/

#columns { margin: auto; padding:10px 0px 0px 0px; }
	
.col1 {	float: left; width: 565px; }
	
.col2 { float: right; width: 348px; }
	
.col1-featurebox{
	/*border:1px solid green;*/
	height:248px;
	width:555px;
	background:url(images/bg-boxes-grad-inner-blk.png) repeat-x 0 0;
	margin-bottom:20px;
	padding:5px;
	}
	
.col1 .video-frame{
	width:100%;
/*	background:url(images/bg-boxes-grad-inner-blk2.png) repeat-x 0 0;*/
	margin-bottom:20px;
	}
	
.col1 .video-frame #idTabs .video1{
	background:url(images/li-video-bg.png) repeat-x 320px 0px;
	height:20px;
	color:#000;
	font-weight:bold;
	font-size:85%;
	text-indent:5px;
	margin:0 0 4px 0;
	padding:4px 0 0 0;
	}
	
.col1 .video-frame .featured-copy h2{
	margin:0px 0 4px 0;
	padding:2px 0 0 0;
	color:#fff;
	}	

.col1 .col1-featurebox .featured-copy h2{
	margin:0px 0 4px 0;
	padding:2px 0 0 0;
	color:#fff;
	}	

	
	
.col2-advert{
	/*border:1px solid black;*/
	height:291px;
	margin:0 auto 20px 0;
	background:url(images/bg-boxes-ad.png) repeat-x 0 0;
	}
	
.smlAdTxt{
	font:normal small-caps bold 0.75em/1em Arial,Helvetica,Sans-Serif;
	text-align:center;
	height:14px;
	}

.titleImg{
	margin:9px 0px 0px 12px;
	}

iframe{
	margin:0;
	}
	
.featured-copy{
	color:#FFF;
	}
	
.thumbBox{
	width:100%;
	height:50px;
	}

.thumbs{
	width:100px;
	height:58px;
	float:left;
	margin:2px 0px 0 2px;
	padding: 2px;
	}
	
.ratingsBox{
	width:543px;
	height:36px;
	background-color:#FFF;
	margin:2px auto 0;
	}	
/*--- Sub Columns ---*/

.subcol{
	width: 160px;
	}
	
.subcol h2{
	color: #000;
	font-size: 14px;
	padding: 0 0 10px;
	}

/*========= HEADER =========*/

/*- Page Navigation -*/

#nav{
	background:url(images/home-about-grad-bg.png)  repeat-x 0 0;
	height: 33px;
	padding: 0px 0 0;
	width:930px;
	margin:auto;
	}

#nav-left{
	float:left;
	display:inline;
	width:555px;
	}
	
#nav-right{
	float:right;
	display:inline;
	width:370px;
	}
	
#nav ul{
	position: relative;
    height: 30px;
    overflow: hidden;
	padding-left:10px;
	}
	
#nav ul  li{
    float: left;
    list-style: none;
	font-weight:bold;
	/*font-size:14px;	*/
	text-indent:-9999px;
	}
	

	
/*- Category Navigation -*/

.nav2, .nav2 * {
	margin:0;
	padding:0;
	}

.nav2{
	height: 38px;
	position:relative;
	}
	
.nav2 ul{
	background:#fff; 
	float: left;
	position:relative;
	}
	
#suckerfish { height:25px; text-align:center; }
.mainTabs li { float:left; list-style:none; z-index:999; display:inline; }
.mainTabs li.last a { border:0; padding:10px 20px/*15px*/; }
.mainTabs li a { color:#fff; font-weight:bold; font-size:12px; padding:10px 15px/*17px*/; background:#053362; border-right:3px solid #b21f1f; }
.mainTabs li a:hover { background:#b21f1f; text-decoration:none; }
	
/*.mainTabs li a:hover{
	background:url(images/maintabs-bg-grad-over.png) repeat-x 0px 0px;
	width:101px;
	height:38px;
	margin:0;
	padding:0;
	float:left;
	}	*/
	
.underLines{
	width:930px;
	margin:auto;
	height:3px;
	border-bottom:1px solid #dee7f1;
	}

li.home{
	background: url(images/button-topnav.png) no-repeat 0 0;
	width:53px;
	height:28px;
	}
	
li.topnavbut{
	background: url(images/button-topnav.png) no-repeat 0 0;
	width:53px;
	height:28px;
	margin:0 0 0 2px;
	}		
	
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/

.superfish li:hover ul,
.superfish li li:hover ul{
	top: -999em;
	}
/*- Search -*/
#searchform { background:#053362; float:right; padding:6px 10px; margin-bottom:30px; }
#search { background:#fff; float:left; height:13px; margin:0; padding:2px 10px; width:200px; }
* html #search{ margin-right:8px; }
#search input{ background:transparent; border:0; color:#000; float:left; font-size:10px; margin:0; padding:0; width:200px; }
#search-submit { float:right; width:13px; margin-left:5px; }
#search-submit .btn { margin:2px 0 0 0; padding:0; width:auto; border:0; }
	
/*- Header -*/

#header{ height:111px; padding:0; margin:20px 0; }
	
/*- Logo -*/

#header h1{
	float: left;
	display:inline;
	margin:0;
	}
	
#header h1 a{
	display: block;
	height:111px;
	width: 353px;
	}

/*- RSS -*/

#rss{ float:right; padding:0; width:390px; }
#rss img { float:right; margin-left:20px; }
	
/*========= FEATURED POSTS (FRONT-PAGE) =========*/

.featured { background:#fff; background:url(images/boxes-grad-inner-blk-bg.png) no-repeat 0 0; height:200px; margin:0 0 10px; overflow:hidden; padding-right:10px; }
.featured a { color:#fff; }
.featured a:hover { color:#DEE5F1; }
.featured h2 { font-size:16px; padding:0 0 10px 0; }
.featured h2 a { color:#DEE5F1; }
.featured h2 a:hover { color:#fff; }
.featured p { margin-bottom:10px; color:#fff; }
.featured p a { color:#fff; }
.featured-img { margin:7px 10px 6px 7px; width:315px; height:218px; float:left; display:inline; background-color:#fff; }
	
.featured-new { float:left; position:relative; height:248px; width:500px; margin:0; overflow:hidden; padding:0; }
.featured-new a { color:#fff; }
.featured-new a:hover { color:#DEE5F1; }
.featured-new h2 { position:absolute; bottom:0; left:0; font-size:110%; margin:0; padding:10px 5px; }
.featured-new h2 a { background:#053362; color:#fff; padding:5px; }
.featured-new h2 a:hover { color:#B21F1F; }
.featured-new p { margin-bottom:10px; color:#fff; }
.featured-new p a { color:#fff; }
.featured-new-img { margin:0; width:500px; height:248px; float:left; display:inline; background-color:#fff; }

.foutline { padding:4px; background:url(images/boxes-grad-bg.png) repeat-x 0 0; }

.titles{
		margin:4px 0px 0px 6px;
	}
	
#ribbon{
	width:138px;
	height:138px;
	float:right;
	}
	
#featured-th { height:50px; margin:0 0 44px 4px; width:539px; }
#featured-th img { margin:0; border:none; }
#featured-th .idTabs { list-style:none; }
#featured-th .idTabs li { float:left; display:inline; margin-right:1px; }
#featured-th .idTabs li.last { margin-right:0px !important; }

#featured-new-th { float:right; height:248px; margin:0; width:50px; padding:0; }
#featured-new-th img { margin:0; border:none; }
#featured-new-th .idTabs { list-style:none; }
#featured-new-th .idTabs li { float:left; display:block; margin:0; padding:0 0 6px 0; height:45px; width:50px; }
#featured-new-th .idTabs li.last { margin-right:0px !important; }

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#DDDDDD none repeat scroll 0 0;
	float:left;
	height:auto;
	margin-bottom:30px;
	width:550px;
	}
	
	
videoCont{
	padding:4px;
	width:550px;
	height:100%;
	background: url(images/boxes-grad-bg.png) repeat-x scroll 0 0;
	}

.video-left{
	float:left;
	width:100%;
	display:inline;
	}
	
.video-left p{
	padding:0px !important;
	margin:0px !important;
	}
	
.video-left h2{
	display:none;
	}
	
.video-right{
	float:right;
	width:200px;
	display:none;
	padding-top:7px;
	}
	
.video-right h2{
	color: #ff7800;
	font-size:1.3em;
	line-height:1.2em;	
	font-weight:bold;
	padding: 0 0 0 10px !important;
	margin:0 !important;
	}
	
.video-right p{
	color: #000;
	font-size:0.9em;
	line-height:0.8em;
	font-weight:bold;
	padding: 0 0 7px 10px !important;
	margin:0 !important;	
	}
	
.video-right .idTabs{
	border-top:1px solid #FFF;
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	}
	
.video-right .idTabs li{
	margin:0px;
	border-bottom:1px solid #FFF;
	background:#DDD;
	background:url(images/li-video-bg.png) repeat-x 320px 0px;
	line-height:10px;
	}

.featured-copy #idTabs li{
	width:218px;
	float:left;
	}
	
.video-right .idTabs li a{
	color:#000;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:12px;
	text-decoration:none;
	display:block;	
	padding:10px 10px;
	font-size: 75%;
	}
	
.video-right .idTabs li a:hover{
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
	}
	
.video-right .selected{
	background:#C0C0C0 url(images/ico-watch.gif) right center no-repeat !important;
	}

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/

.post{
	margin: 0;
	}
	
.post h2{
	font-size: 1em;
	padding: 0 0 5px;
	}
	
.post h3{
	font-size: 1.3em;
	}
	
.post h3 a{
	color: #000000;
	}
	
.post p{
	padding: 0 0 15px;
	}
	
.post p.posted{
	color: #c0c0c0;
	}
	
/*- Box -*/

.box { clear:both; margin:0; padding:0 0 10px 0; }
.box .post { width:260px; padding-bottom:10px; }
.box .post h2 { font-size:.85em; color:#053362; }
.box .post h3 {	font-size:1em; }
.box .post p.posted { font-size:.85em; }
.col1 .box .post { padding-bottom:12px; }
.col2 .box .post { width:100%; }
	
/*=== Traditional Blog Post ===*/

.post-alt{
	margin: 0 0 15px 0;
	padding-bottom:15px;
	background: url(images/hl-dot.gif) repeat-x bottom;
	}
	
.post-alt h2{
	font-size: 1.1em;
	padding: 0 0 5px;
	}
	
.post-alt h3{
	font-size: 1.4em;
	}
	
.post-alt h3 a{
	color: #000000;
	}
	
.post-alt p{
	padding: 0 0 15px;
	}
	
.post-alt p.posted{
	color: #c0c0c0;
	}
	
/*=== Buttons ===*/

.continue{
	background: url(images/ico-arrow.gif) no-repeat left;
	padding: 0 0 0 13px;
	font-weight:bold;
	}
	
.comments{
	padding-bottom:0px !important;
	}
	
.comments a{
	background: url(images/ico-comm.gif) no-repeat left;
	color: #000000;
	padding: 0 0 0 20px;
	font-weight:bold;
	}
	
a.more{
	background: url(images/ico-arrow2.gif) no-repeat right;
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 20px 0 0;
	}
	
/*=== Traditional Blog Post ===*/

.navigation{
	}
	
.navigation a{
	color: #c0c0c0;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.alignleft{
	display:inline;
	float:left;
	}
	
.alignright{
	display:inline;
	float:right;
	}

/*========= ARCHIVE SPECIFIC =========*/

#archivebox{
	background:#EEE;
	padding:2px;
	width: 100%;
	margin-bottom:5px;
	padding-bottom: 10px;
	padding-left:0;
	}
	
#archivebox h2{
	font-size:1.5em;
	color:#053362;
	padding-top:8px;
	padding-left:15px;
	}
	
#archivebox h2 em{
	color:#C0C0C0 !important;
	font-style:normal;
	}
	
.archivefeed{
	margin-top:5px;
	}
	
.archivefeed a{
	background:url(images/ico-arcfeed.gif) center left no-repeat;
	padding-left:20px;
	color:#000;
	font-weight:bold;
	}
	
.arclist{
	border-top: 3px solid #c0c0c0;
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 10px 0 10px;
	width: 260px;
	}
	
.arclist h2{
	color: #000;
	font-size: 18px;
	padding: 0 0 10px 0 !important;
	}

.arclist ul li{
	padding:0 0 7px 10px;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
	}
	
/*========= SINGLE POST SPECIFIC =========*/

.singletags{
	margin-top:5px;
	font-weight:bold;
	color:#C0C0C0;
	}
	
.entry p{
	text-align:left;
	font-size:14px;
	line-height:20px;
	}
	
blockquote{ 
	margin:22px 40px;
	color:#575757;
	padding: 0 50px;
	background: transparent url("images/blockquote.gif") no-repeat 0 0;
	margin-left: 0;
	padding-left: 40px;
	padding-top: 10px;
}
	
.entry img{ 
/*	padding: 2px 2px 2px 2px;
	background:#DDD;
	border: solid 1px #C0C0C0; */
	}
	
.entry ul, .entry ol{
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	}
	
.entry ul li ul, .entry ol li ol{
	margin-bottom:0px;
	padding-top:3px;
	}
.entry ul li{
	list-style:circle inside !important;
	margin-left:15px;
	padding:3px 0px;
	}
	
.entry ul li ul li{
	list-style:disc inside !important;
	}
	
.entry ol li{
	list-style:decimal inside !important;
	font-size:12px;
	padding:3px 0px;
	}
	
.entry ol li ol li{
	list-style:decimal-leading-zero inside !important;
	}

/*========= COMMENTS =========*/

h2.commh2{
	font-size: 1.4em;
	padding: 0 0 5px;
	font-weight:bold !important;
	}
	
ol.commentlist{
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
	}
	
ol.commentlist p{
	margin-bottom:10px;
	line-height: 20px;
	}
	
ol.commentlist cite{
	font-style: normal;
	font-weight: bold;
	}
	
ol.commentlist li{
	padding: 20px 10px 10px 10px;
	}
	
ol.commentlist li.alt{
	padding: 10px 10px 0 10px !important;
	background:#DDD;
	border:1px solid #C0C0C0;	
	}

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

/*- Sidebar Tabs - Popular, Comments, Featured, Tag Cloud -*/

.sideTabs{
	border-bottom:1px solid #C0C0C0;
	height:31px;
	width:350px;
	float:left;
	display:block;
	margin-top:20px;
	}
	
.sideTabs .idTabs{
	font-size: 12px;
	height: 30px;
	letter-spacing: -1px;
	}
	
.sideTabs .idTabs li{
	float: left;
	font-size: 13px;
	line-height: 30px;
	}
	
.sideTabs .idTabs li a{
	background: #eeeeee;
	border: 1px solid #eeeeee;
	border-bottom: 0;
	color: #c0c0c0;
	display: block;
	margin: 0 2px 0 0;
	padding: 0 10px;
	font-weight:bold;
	}
	
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	background: #dddddd;
	border: 1px solid #c0c0c0;
	border-bottom:1px solid #ddd;
	color: #373737;
	text-decoration: none;
	}
	
.navbox{
	background: #dddddd;
	border: 1px solid #c0c0c0;
	border-top: 0;
	margin: -2px 0 25px;
	padding: 10px 10px 0;
	position: relative;
	}
	
.list1,list3,list4{
	padding-bottom:12px;
	}
	
.list1 li,.list3 li,.list4 li{
	background: url(images/ico-star.gif) no-repeat left center;
	padding: 6px 0 6px 25px;
	border-bottom:1px dashed #C0C0C0;
	}
	
.list1 li a,.list3 li a,.list4 li a{
	color: #000000;
	}
	
.list3 li{
	background: url(images/ico-mostcomm.gif) no-repeat left center !important;
	}
	
.list4 li{
	background: url(images/ico-feat.gif) no-repeat left center !important;
	}
	
/*- Ads -*/

.ads{
	margin:0 0 25px;
	padding: 0;
	}
	
.ads img{
	float: left;
	margin: 0 0 0 0;
	}
	
.ads img.last{
	margin: 0 !important;
	}
	
/*- Flickr -*/

.flickr{
	background: #fafafa;
	border: 1px solid #c0c0c0;
	margin: 0 0 25px;
	padding: 10px 0px;
	}
	
.flickr .flickr_badge_image img{
	float:left;
	display:inline;
	padding-left:10px;
	padding-bottom:5px;	
	}
	
.flickr h2{
	color: #ff7800;
	font-size: 14px;
	height: 21px;
	margin: 0 0 10px 0px;
	padding-left:10px;
	}
	
.flickr h2 span{
	float: left;
	}
	
.flickr h2 img{
	float: right;
	margin: 0 2px;
	}
.flickr h2 em{
	color: #848382;
	float: right;
	font-style: normal;
	}
	
.flickr-ar{
	margin:10px 10px 0px 0px !important;
	padding:0px !important;
	text-align:right;
	}

/*=== DropDown Lists ===*/

.catlist{
	border-bottom: 3px solid #c0c0c0;
	margin: 0 0 15px;
	padding: 0 0 10px;
	width: 160px;
	}
	
.catlist h2{
	color: #ff7800;
	font-size: 14px;
	padding: 0 20px 0 0 !important;
	background:url(images/ico-catlist.gif) center right no-repeat;
	}
	
.list-alt{
	padding-top:10px;
	}
	
.list-alt li{
	margin: 0 0 7px;
	}
.list-alt li a{
	color: #000000;
	}
/*=== Styling Widget Lists ===*/
.widget h2 {
	text-transform:uppercase;
	}
	
.widget ul{
	background: url(images/hl-dot.gif) repeat-x bottom;
	margin:0;
	padding:0;
	}

	
.widget ul li{
	margin: 0 0 7px;
	}
	
.widget ul.grid li{
	margin:0;
	float:left;
	}
.widget ul.grid li a.writerName{
	margin:0;
	color:#053362;
	font-weight: bold;
	}	

.widget ul li a{
	color: #000000;
	
	}
.thReview{
	border:none;
	float: left;
	margin:0;
	padding:0;
	}
	
.gravatar{
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
	}


/*========= FOOTER =========*/

#footer{
	background: #053362;
	clear: both;
	color: #fff;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	font-size:10px; 
	}

#footer ul { float:left; width:50%; }
#footer li { float:left; list-style:none; z-index:999; display:inline; padding:0; }
#footer li.first a { padding-left:0; }
#footer li.last a { border:0; }
#footer li a { color:#fff; font-weight:bold; font-size:10px; padding:0 15px; border-right:1px solid #fff; }
#footer li a:hover { color:#b21f1f; text-decoration:none; }
	
#footer span.fr { float:right; width:50%; text-align:right; }
	
#footer a { color:#fff; }
#footer a:hover { color:#b21f1f; }
	
#footer img{
	vertical-align:middle;
	}

/*========= MISC =========*/

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
	}
	
.hl{
	background: url(images/hl-dot.gif) repeat-x bottom;
	}
	
/*.hl-full{
	background:url(images/bg03.gif) no-repeat 100% -15px;
	float:left;
	clear:both;
	height:2px;
	width:100%;
	margin:0;
	padding:0 !important;
	}*/
	
.hl2{
	border-bottom: 8px solid #053362;
	}
	
.hl3{
	padding:0;
	background: #fff;
	}
	
.blog{
	width:100% !important;
	float:left;
	}
	
.between{
	height:2px;
	margin-bottom:15px;
	}
	
.fl{
	float: left;
	}
	
.fr{
	float: right;
	}
	
.ac{
	text-align: center;
	}
	
.ar{
	text-align: right;
	}
	
.th{
/*	border: 1px solid #c0c0c0;
	padding: 3px;*/
	float: left;
	margin: 0 10px 0 0;
	}
	
.gravatar{
	float:left;
	border: 1px solid #000;
	margin-right: 10px;
	}

/* Writer Info */
#writerInfo{
	background: #F8F7F3;
	border: #EEEEDF 1px solid;
	padding: 20px 10px;
	display: block;
	margin:25px 0 15px 0;
	padding:12px;
	font-size: 0.9em;
	height: 130px;
	margin-bottom: 10px;
	}

#writerInfo img{
	padding:3px;
	background-color: white;
	border:1px solid #ccc;
	float:left;
	display: block;
	margin-right: 7px;
	}

#writerInfo p{
	margin:0;
	width:500px;
	padding: 0;
	float: right;
	}

#writerInfo span{
	display:block;
	float: left;
	padding-top:4px;
	margin-top:12px;
	border-top:1px solid #EEEEDF;
	}

#writerInfo a.rss{
	background: url(images/feed_small.jpg) no-repeat right 2px;
	padding-right: 18px;
	}

/* Post Date */

.date{
  Float: left;
  clear: left;
  width: 48px;
  height: 44px;
  border-right: 1px solid #DFD8C8;
  margin: 4px 10px 4px 0;
  text-align: center;
	}

.date .day{
  display: block;
  clear: left;
  font-size: 1.8em;
  color: #393939;
  font-weight: bold;
  margin: 0;
  padding: 0;
	}

.date .month{
  display: block;
  clear: both;
  font-size: 0.9em;
  font-weight: bold;
  margin:-3px 0;
  text-transform: uppercase;
  padding: 0;
	}

.year{
  display: block;
  clear: left;
  font-size: 0.85em;
  color: #393939;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding: 0;
	}
.subcollarge { margin-bottom:20px; }

.entry .itunes {
	margin: 0;
	padding: 0;
	border: 0;
	background: 0;
	padding-left: 5px;
}

.entry .mfpadding {
	float: left;
	padding-top: 5px;
	clear: left;
	width:100%;
}
.entry .related {
	font-size: 110%;
}

.object { 
	border: 1px solid #fff;
}
.object { 
	border: 1px solid #fff;
}
.titleimage {
	float: left; 
	clear: both; 
	width: 400px; 
	margin-bottom: 10px; 
	margin-left: 10px;
}

/* Edit CSS styles from update */
#nav ul  li{
    float: left;
    list-style: none;
	font-weight:bold;
	/*notes for Chu*/
	/*put font size back in*/
	font-size:9px;
	margin:0px 2px 0 0;
	/*added positive text indent to put link text in middle, added padding to move text down a bit*/
	text-indent:14px;
	padding:12px 0 0 0;
	
	/*removed text indent here. I had the top nav buttons as all imgages, you've made backgrounds and used html text. So this text indent was taking the link text off the page*/
	/*text-indent:-9999px;*/
	}
	
/*targeted the #nav ul specifially rather than a general style, now this changes to this should only affect top nav	*/
/*added colour to href in top nav links	*/


#nav-left a{
		color:#fff;
	}
	
	
	/*this class is new*/
	
.navBoxCont{
	/*background:url(images/cat-bg.png) repeat-x 0 0;*/
	width:346px;
	padding:0px;
	margin:10px 0;
	}
	
	
	/*end new class*/
	
.navbox{
	background: #dfdfdf;
	border: 1px solid #ACC2D8;
	border-top: 0;
	margin: -4px 0 0 9px;
	padding: 10px 10px 0;
	position: relative;
	width:328px;
	margin-left: 0px;
	}
	
	
.sideTabs .idTabs li a:hover,
.sideTabs .idTabs .selected{
	
	background: #dddddd;
	border: 1px solid #adc3da;
	border-bottom:1px solid #dfdfdf;
	color: #373737;
	text-decoration: none;
	margin:0;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	}
	
#wp-calendar {
	margin-left: 20px;
}
#wp-calendar td {
	padding 5px;
}
#wp-calendar td a {
	background-color: #021B34;
	color: white;
	font-weight: bold;
}

/* Top 50 2009 */
.titles{
	background-color:#000;
	height:26px;
	color:#fff;
	text-transform:uppercase;
	font-size:9px;
	}

td.position{
	font-size:1.4em;
	color:#900;
	font-weight:bold;
	font-style:italic;
	text-indent:12px;
	width:53px;
	}	

td.artwork{
	margin:3px 0 3px 0;
	width:67px;
	}
	
td.artwork img{
	width: 51px;
	height: 51px;
	}
	
td.artist{
	width:124px;
	font-weight:bold;
	}
	
td.album{
	width:120px;
	}	
	
td.label{
	width:76px;
	}
	
td.chartBuy{
	width:118px;
	}	
	
.height{
	height:59px;
	}

.tabFormat{	
	border:1px solid #dadada;
	margin:3px 0 0 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
	
.tabFirst{
	margin:0 0 4px 0;
	border-bottom:1px solid #dadada;
	border-top:1px solid #dadada;
	text-align:left;
	text-indent:10px;
	
	}
	
.line{
	border-right:1px solid #dadada;
	}
	
.bgLight{
	background:#fff url(/chart_img/bg-light.png) repeat-x 0 0;
	}
	
.bgMid{
	background:#fff url(/chart_img/bg-mid.png) repeat-x 0 0;
	}
	
.imgShift{
	margin-left:10px;
	}
	
#chartContainer, #chartVideo {
	margin:10px 0 10px 0;
	line-height:13px;
	}
		
#chartContainer p, #chartVideo p {
	margin:10px;
	line-height:13px;
	}
	
#chartContainer th, #chartVideo th {
	border-right:1px solid #dadada;
	}
	
#chartContainer table, #chartVideo table {
	table-layout:fixed	
	}	
	
.topAlbums{
	text-indent:-9999px;
	background:#fff url(/chart_img/title-top50albums.png) 0 0 no-repeat;
	width:330px;
	height:60px;
	float:left;
	}
	
.topTracks{
	text-indent:-9999px;
	background:#fff url(/chart_img/title-top50tracks.png) 0 0 no-repeat;
	width:330px;
	height:60px;
	float:left;
	}	
	
.movePage{
	float:right;
	font-size:9px;
	text-transform:uppercase;
	color:#005bc1;
	margin-top:37px;
	}
	
.movePage a:hover{
	background-color:#005e9f;
	color:#fff;
	padding:1px;
	text-decoration:none;
	}	

#chartVideo td.label{ width:143px; }

.staff .l, .staff .r { float:left; }
.staff .l { width:141px; height:100px; }
.staff .r { width:300px; }
.staff h2, .staff-footer h2 { font-size:20px; padding-bottom:10px; }
.editorial, .writers, .staff-footer { clear:both; padding-top:20px; }
.editorial h2, .editorial h3 { padding-bottom:5px; }
.editorial h3 { font-size:120%; }
.writers .post { float:left; width:141px; }
.writers .post h2 { padding-top:5px; }

.layer1 .content-wrapper { display:none; background:#bebebe; height:120px; padding:20px 0; }
.layer1 .content { width:960px; margin:0 auto; color:#0f699f; }
.layer1 .content img { float:left; }
.layer1 .content p { float:right; width:450px; font-size:16px; line-height:1.5; padding-bottom:20px; text-align:right; }
.layer1 .content a { color:#0f699f; }
.layer1 .heading-wrapper { float:right; height:183px; margin:0; position:absolute; right:0; top:200px; width:37px; }
.layer1 .heading { cursor:pointer; background:url(images/design-tab.png) no-repeat; border:medium none; display:block; height:183px; outline:medium none; text-decoration:none; width:37px; }

body.video .ratingblock,
body.video .entry h2.related,
body.video .entry ol,
body.video .entry img,
div.ratingblock { display:none; }