@charset "utf-8";
/* CSS Document */

/* 
Root screen stylesheet - Studio Jam - channelonline.tv
Copyright (c) 2010
Author blixinteractive.com
*/



/** Global Elements **/
body { background: #333 url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/bg.jpg) no-repeat fixed center top; margin:20px; padding:0; font-family: Arial, Helvetica, sans-serif; color: #fff; }

#page { width: 873px; height: auto; margin: 0 auto; }

#inner_container{border:none; margin:0; padding:0 0 10px 0; width:871px }

#pagehead { display:none; }

#search { display:none; }

#navigation {width:100%; background-color: #38b449;border-left:1px solid #aad2da;border-right:1px solid #aad2da;}

div.article a:visited { padding: 4px 2px 2px 2px; color: #fff; text-decoration: none; font-size: 16px; border-bottom: 1px dotted #fff;}
div.article a:active { padding: 4px 2px 2px 2px; color: #fff; text-decoration: none; font-size: 16px; border-bottom: 1px dotted #fff;}
div.article a:link { padding: 4px 2px 2px 2px; color: #fff; text-decoration: none; font-size: 16px; border-bottom: 1px dotted #fff;}
div.article a:hover { background: #38B449; }

div.articlecomment_header h2 {color:#fff ; font-size:14px ; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

div.published img { display:none; }


#bookmarks {font-size:12px; }
#bookmarks a:visited {color:#ffffff }
#bookmarks a:active {color:#ffffff }
#bookmarks a:link {color:#ffffff }
#bookmarks a:hover {color:#ffffff }

div.pageoptions a:visited {color:#ffffff }
div.pageoptions a:active {color:#ffffff }
div.pageoptions a:link {color:#ffffff }
div.pageoptions a:hover {color:#ffffff }


#returnlink a:visited { color:#FFF; }
#returnlink a:active { color:#FFF; }
#returnlink a:link { color:#FFF; }
#returnlink a:hover { color:#FFF; }

#returnlink { display:none }


/* NAVIGATION MENU */
#menucontainer{	border: solid 1px #CCCCCC; background-color:#38b449}

ul#menu{
	padding : 0px;
	width : 100%;
	margin : 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 75%;
	font-weight:bold;
	background-color: #38b449;
	border-top: 1px solid #aad2da;
	border-bottom: 1px solid #aad2da;
	position:relative;
}

ul#menu li{
	list-style-type : none;
	color:#fff;
	border-right:1px solid #aad2da;
	border-bottom:1px solid #aad2da;
	display:block;
	padding: 0px;
	float:left;
}

ul#menu li a{
	color: #FFFFFF;
	text-decoration : none;
	display:block;
	padding: 5px 7px 5px 7px;
}

ul#menu li.navopen a, ul#menu li a:hover{background-color: #ffffff;color:#38b449;}

div.published.img { display:none; }

.clear { clear: both; line-height: 0; }

ul#sjnav { width: 873px; height: 40px; margin:0; padding: 0;}
ul#sjnav li { list-style-type: none; background: #ccc url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/nav.png) repeat-x 0 0; height: 23px; width: auto; padding: 14px 10px 3px 10px; float: left; margin: 0 1px 0 0; list-style-image:none;}
ul#sjnav li.sel { background: #ccc url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/nav_sel.png); }
ul#sjnav li.sessions { width: 70px; }
ul#sjnav li a { color: #ccc; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: 400; }
ul#sjnav li a:hover { color: #38B449; }
ul#sjnav li.sel a { color: #fff; }

ul#sjnav li ul { margin: 11px 0 0 -10px; padding:0; }
ul#sjnav li ul li { background: #38B449 url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/subnav.png) no-repeat bottom right; width: 100%; height: 20px; padding-top: 6px; }
ul#sjnav li.sessions ul li { width: 70px; }
ul#sjnav li ul li a { font-size: 12px; }


ul.sjlist { width: 420px; margin: 0 0 20px 10px; padding: 0; font-size: 16px; font-weight: bold; }
ul.sjlist li { list-style-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/ctvbullet.png); list-style-position: inside; height: 40px; background:url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/libg.png); line-height: 40px; vertical-align: middle; font-size: 12px;}
ul.sjlist li a { padding: 4px 2px 2px 2px; color: #fff; text-decoration: none; font-size: 16px; border-bottom: 1px dotted #fff;}
ul.sjlist li a:hover { background: #38B449; }
ul.sjlist li a span { font-size: 12px; font-weight: normal; }

span.newvid { float: right; font-size: 9px; color: #FF0; margin-right: 10px;}

h1 { font-size: 30px; color: #fff; }
h2 { font-size: 16px; color: #ccc; }
span.hilite { color: #38B449; }
.right h1 { color: #38B449; }
.comment { font-size: 10px; }


.signup { margin:0; border: none; }
.backstage {margin:0; border: none; }
.livelist { margin:0; border: none; }
.jerseylive { margin:15px 0; border: none; }

/** Content items **/
#content { width: 873px; padding: 20px 0 20px 0; }

#content a { color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; }
#content a:hover { background: #38B449; color: #000;}
.left { width: 432px; float: left; position: relative; }
.left img {float: left; }
.right { width: 431px; float: right; margin-left: 10px; position: relative;} 
.right img { float: right; }

.featuredArtists { width: 394px; height: 130px; padding: 10px; margin: 10px 0; background-color: #4b4b4b; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/featuedbg.png); /* fallback image */ background-position: top; background-repeat: repeat-x; background-image: -moz-linear-gradient(100% 100% 90deg, #333, #666); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666)); overflow: hidden; }
.featuredArtists h2 { font-size: 30px; color: #000; margin:0 0 10px 0; }
.featuredArtists .fleft { width: 190px; height: 90px; overflow: hidden; float: left; }
.featuredArtists .fright { width: 190px; float: left; margin-left: 12px; }
.featuredArtists .fright p { padding:0 0 6px 0; margin:0; }
.featuredArtists a { color: #38B449; text-decoration: none; border-bottom:none!important; }
.featuredArtists a:hover { color: #fff;}


/** Sessions page specific elements **/
/*.sjlist.thebands { height: 710px; overflow-y: auto; overflow-x: hidden; }*/


/** Homepage Footer Items **/
#footer { border-top: 1px dotted #fff; }
#footer h1 { font-size: 30px; color: #38B449; }
#footer .left { height: auto; padding-bottom: 20px;}
#footer .left.home { height: 367px; }
#footer .right {width: 420px; }
#footer .featuredArtists {margin: 50px 0 10px 6px; }
#footer ul.sjlist { margin: -10px 0 10px 0;}
#footer .jerseylive { position: absolute; bottom:0; } 

ul#footerbar { height: 40px;  background: #000; color: #ccc; padding:0; margin: 10px 0; }
ul#footerbar a { color: #38B449; text-decoration: none; }
ul#footerbar li { float: left; list-style-type: none; padding:13px 0 7px 0; margin:0; text-indent: 0;}
ul#footerbar li.visit { float: left; margin-left: 10px; }
ul#footerbar li.share { float: right; margin-right:10px; }
.addthis_button_facebook, .addthis_button_myspace, .addthis_button_google, .addthis_button_twitter { padding-left: 4px!important; }

/*** BAND PAGE ELEMENTS **/
#bandcontent { width: 873px; padding: 40px 0 20px 0; }
#bandcontent h2 { color: #38B449; margin-bottom: 4px;}
#bandcontent .left { width: 335px; float: left;}
#bandcontent .left ul.sjlist { width: 335px; }
#bandcontent p.fblike { color: #fff!important; background-color: #ccc; margin: 0; padding: 5px; height: 24px; }


#bandcontent .right { width: 516px; float: left; }
#bandbox { width: 315px; height: 328px; padding: 5px; background-color: #4b4b4b; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/bboxbg.jpg); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #333, #666); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));}
#bandbox .bandlogo { width: 315px; height: 96px; overflow: hidden; margin-bottom: 10px; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/diag.png); }
#bandbox .bandpic { width: 315px; height: 222px; overflow: hidden; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/diag.png); }

.videocontainer { width: 512px; padding: 3px; height: 332px; background-color: #4b4b4b; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/bboxbg.jpg); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #333, #666); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));}

#videothumbs { width: 516px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; margin: 10px 0; padding: 10px 0; }
#videothumbs h3 { width: 506px; background-color: #38B449; color: #fff; font-size: 13px; padding: 5px; margin:0 0 10px 0; }
#videothumbs a img { border: 3px solid #4C4C4A; margin-bottom: 6px; }
#videothumbs a img:hover {border:3px solid #38B449;}
#videothumbs h4 { font-size: 9px; font-weight: normal; color: #ccc; text-decoration: none!important; padding:0;}
#videothumbs .thumb { width: 114px; height: 90px; float: left; margin: 0 4px 12px 8px; }



/***LIVE LIST PAGE ELEMENTS **/
h1.livelistheader { margin: -20px 0 10px 0; width: 296px; height: 149px; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/livelist.png) no-repeat bottom; text-indent: -9999px; }
h1.livelisttitle { width: 400px; padding: 20px 10px; font-size:26px; color: #fff!important; height:30px; background-color: #1E6026; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/llheader.jpg); background-position: bottom; /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #1E6026, #38B449); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1E6026), to(#38B449));}

.sjlist.livelisting li { height: auto; font-weight: normal; background:url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/llistbg.png) repeat-x left bottom; padding-bottom: 10px;}
.sjlist.livelisting li p { margin: 0 0 0 25px; padding: 0;}
.sjlist.livelisting li a { font-size: 13px; padding:0!important; line-height: 25px; }
#footer .left.livelisting { height: auto; }


/*** JERSEY LIVE PAGE ELEMENTS **/
ul.sjlist.jlnews { margin-left: 10px;}
ul.sjlist.jlnews li { height: 30px; background-position: bottom; background-repeat: repeat-x; line-height: normal; padding: 10px 0;}
ul.sjlist.jlnews li p { margin:3px 0 0 25px; padding:0; font-size: 9px; line-height: 10px; color: #ccc;}
ul.sjlist.jlnews li a {  padding:0; margin: 0; }

.imagebox { width: 420px; height: 176px; margin: 10px 0 5px 0; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/imgbox.png) no-repeat 0 0; }
.imagebox img { margin: 3px; }

#footer .featuredArtists.jl { height: auto; background-color: #4b4b4b; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/featuedbgjl.png); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #6F6E6B, #C7C6C2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6F6E6B), to(#C7C6C2)); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:10px 0; }
.featuredArtists.jl .fleft { width: 237px; height: 173px; overflow: hidden; float: left; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/diag.png); }
.featuredArtists.jl .fright { width: 142px; float: left; margin-left: 12px; }
.featuredArtists.jl h2 { color: #fff; font-size: 22px; margin:0; }
.featuredArtists.jl h4 { color: #000; font-size: 20px; text-transform: uppercase; margin:0;}
.featuredArtists.jl p { color: #fff;}
.featuredArtists.jl a { color: #38B449; text-decoration: none; border-bottom:none!important; }
.featuredArtists.jl a:hover { color: #fff;}

#footer .featuredArtists.jlhome { height: auto; background-color: #4b4b4b; /* fallback color */ background-image: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/featuedbgjl.png); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #6F6E6B, #C7C6C2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6F6E6B), to(#C7C6C2)); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:50px 0; }
.featuredArtists.jlhome .fleft { width: 237px; height: 173px; overflow: hidden; float: left; background: url(http://www.channelonline.tv/newfeatures/CustomHTML/StudioJam_New/images/diag.png); }
.featuredArtists.jlhome .fright { width: 142px; float: left; margin-left: 12px; }
.featuredArtists.jlhome h2 { color: #fff; font-size: 22px; margin:0; }
.featuredArtists.jlhome h4 { color: #000; font-size: 20px; text-transform: uppercase; margin:0;}
.featuredArtists.jlhome p { color: #fff;}
.featuredArtists.jlhome a { color: #38B449; text-decoration: none; border-bottom:none!important; }
.featuredArtists.jlhome a:hover { color: #fff;}

.jlvideo { }
.jlvideo a {display: block; width: 114px; height: 64px; float: left; margin: 0 8px 28px 0; text-decoration: none; }
.jlvideo a img { border: 3px solid #4C4C4A; color: #4c4c4a; }
.jlvideo a img:hover {border:3px solid #38B449; color: #38B449;}
.jlvideo a h3 { margin:0 0 -2px 10px; color:#4c4c4a; }
.jlvideo a h3:hover { color:#38B449; }


/** SIGNUP FORM ELEMENTS **/
#signup { width: 300px; height: auto; padding: 20px; background-color: #c3c3c3; }

#signup p.formfield { border: 1px solid #999; width: 300px; padding:0; height: 31px; margin: 10px 0; }
#signup p.formfieldsel { border: 1px solid #999; width: 300px; padding:0; height: 31px; margin: 10px 0;}
p.formfield label, p.formfieldsel label { display: block; padding: 5px; background-color:#fff; width:126px; border-left: 3px solid #ccc; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc;font-size: 10px; color: #333; float: left; height: 15px;}
#signup p.moreinfo { border:none; }
#signup input.textbox { padding: 5px; background-color: #EBF7EC; width: 145px; border: 3px solid #ccc;font-size: 10px; color: #333; float: left; height: 15px; }
#signup select { padding: 5px; background-color: #EBF7EC; width: 160px; border: 3px solid #ccc;font-size: 10px; color: #333; height: 31px; }
#signup h1 {color: #000; text-align: center;}
#signup p { color: #000; }

#navigation { background-color:#226f2c !important ;}

a:active img {background-color:none; border:none; }
a:visited img {background-color:none; border:none; }
a:hover img {background-color:none; border:none; }
a:link img {background-color:none; border:none; }
a:hover img {background-color:none; border:none; }