/***** DEFAULT Color *****/
body { background: #222; }
#content { background: url('../../images/content-fade-whitetoddd.jpg') no-repeat; }
#mainbackground { background: #ddd; }

a { color: #666; text-decoration: none; }
a:hover { color: #8ba000; } 

/***** DEFAULT Header Color *****/
#header { color: white; }
#header #logo a { background: url('../../images/logo.png'); }
#header #onlinetv a { background: url('../../images/header-tv-green.png'); }
#header #offlinetv a { background: url('../../images/header-tv-white.png'); }
#header #one { border-bottom: 1px solid #666; background: url('../../images/header-bg1-darkgrey.jpg'); }
#header #two { border-top: 1px solid #999; border-bottom: 1px solid #fff; background: url('../../images/header-bg2-darkgreyglass.jpg'); }
#shadow { background: url('../../images/tinyshadow1.png') repeat-x; }

/***** DEFAULT Navbar Color *****/
#two a { color: #eee;  text-shadow: 1px 1px 1px #222; }
#two a:hover { color: #ccc; text-shadow: 1px 1px 1px #333; }
#navbar { background: transparent; }
#navbar li { border-right: 1px solid #aaa; }
#navbar li.last { border: 0; }
#one .right a { color: #ddd; border-bottom: 1px none ; }
#one .right a:hover { color: #bbb; border-bottom: 1px dotted #bbb; }
#one .right a:hover.logout  { color: red; border-bottom: 1px dotted red; }
#two .right { color: #bbb; }

/***** DEFAULT Player Color *****/
#ustream {  background: url('../../images/ustream-bg1.png') no-repeat; }
#justintv {  background: url('../../images/ustream-bg1.png') no-repeat; }
#livestream {  background: url('../../images/ustream-bg1.png') no-repeat; }
#nostream {  background: url('../../images/nostream-bg1.png') no-repeat; color: #555; }

/***** DEFAULT Notice Color *****/
#notice { background: #ddd; border: 1px solid white;  opacity: 0.95 filter:alpha(opacity=95);  }
#notice span { color: #777; font: 9px arial; padding-right: 1px; }
#notice a { color: #333; border-bottom: 1px dotted #888; } 
#notice a:hover { color: #000; border-bottom: 1px solid #ddd; }

/***** DEFAULT Also Playing Color *****/
#alsoplaying #title { background: url('../../images/alsoplaying-3-white.png') no-repeat; }
#alsoplaying a { color: #111; }
#alsoplaying li:hover a { color: #688200; }
#alsoplaying li:hover { background: url('../../images/color/white50.png'); }
#alsoplaying .company { color: #666; }

/***** DEFAULT Also Playing Color *****/
#nowplaying #title { background: url('../../images/nowplaying-1-white.png') no-repeat; }
#nowplaying .box { background:url("../../images/footer-bg1-222.gif") repeat-x scroll 0 -2px #222222; color: #eee; }
#nowplaying .runtime { color: #bbb; }

/***** DEFAULT Notifications Color *****/
#notifications #title { background: url('../../images/notifications-2-white.png') no-repeat; }
#notifications .text { color: #333;}
#notifications a { color: #777; }
#notifications a:hover { color: #111; }
#notifications li { background: url('../../images/notifications-bg-white.png') no-repeat bottom left; }
#notifications li:hover .text { color: #444; }
#notifications li:hover a {  }
#notifications li.offline:hover a { color: #bb0000; }
#notifications li.online:hover a { color: #65ac00; }
#notifications li.update:hover a { color: #0065b3; }
#notifications li.quote:hover a { color: #0065b3; }
#notifications li.twitter:hover a { color: #3ac5ff; }

/***** DEFAULT Adminstration Bar *****/
#adminbar { color: #888; background: #eee; border-top: 1px solid white; }
#adminbar #openbar, #closebar { color: #ccc; background: #222; }
#adminbar #openbar:hover, #closebar:hover { color: #eee; background: #333; }
#adminbar h2 { color: #333; }
#adminbar .inner { }
#adminbar #eventarea {  }
#adminbar #managearea { }
#adminbar #managearea ul a { padding: 5px 7px; display: block; width: 170px; border-bottom: 1px solid #ddd; }
#adminbar #managearea ul a:hover { border-bottom: 1px solid #ccc;
  background-color: #ccc;
  background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"; /* IE8 */
 }
#adminbar #updatearea { }

/***** DEFAULT Chat Color *****/
#chat { border-bottom: 1px solid #ddd; background: #a0a0a0 url('../../images/chat-bg1-lightgrey.gif') repeat-x;  }
#chat .box a { background: url('../../images/button-bg1-darkgrey.gif'); color: white; text-shadow:0 -1px 1px #000000; border: 1px solid #ccc; border-right: 0; border-bottom: 0; }
#chat .box a:hover { background: url('../../images/button-bg1-black.gif'); color: #bbb; }
#chat .box a span { color: #bbb; }
#chat .box a:hover span { color: #fff; }

/***** DEFAULT Coming Color *****/
#comingsoonbar { border-top: 1px dotted #222; border-bottom: 1px dotted #222; background: #111 url('../../images/footer-bg-333to111.gif') repeat-x; }

/***** DEFAULT Footer Color *****/
#footer { background: #222 url('../../images/footer-bg1-222.gif') repeat-x; }
#footer .inner { color: #ddd; }
#footer #games .title { background: url('../../images/footer-games-222.gif') no-repeat; width: 75px; height: 19px; }
#footer #partners .title  { 	background: url('../../images/footer-partners-222.gif') no-repeat; width: 87px;	height: 19px; }
#comingsoonbar #title  { background: url('../../images/subheader-whatsnext-1.png') no-repeat; }
#footer .more a { color: #ccc; }
#footer .more a:hover { color: #8ba000; }


/***** Schedule Page *****/
#schedule #title {	background: url('../../images/subheader-schedule-1.png') no-repeat scroll bottom left; padding-top: 5px; }

/***** Games Page *****/
#games #title {	background: url('../../images/subheader-games-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#games #list #box #alert a { color: #ddd; text-decoration: none; }
#games #list #box #alert a:hover { color: #9baf14; } 
#games #list #box #info a { color: #aaa; text-decoration: none; }
#games #list #box #info a:hover { color: #9baf14; } 

#gamebar #alert { 	
	margin: 0; padding: 6px 10px 6px 8px ;
	background: #fff url('../../images/bg-whitegradient-1.png') repeat-x;	
	border: 1px solid #fff; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
     -moz-box-shadow: 1px 1px 2px #333; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 2px #333; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 2px #333; /* Opera 10.5, IE 9.0 */
  }
#gamebar #alert a { background: url('../../images/icons/warning_16.png') no-repeat left center; padding-left: 22px; color: red; }
#gamebar #alert a:hover { color: #333; }

#gamebar #description a { color: #ccc; }
#gamebar #description a:hover { color: #9baf14; }
#gamebar #description p { color: #eee; text-shadow: 1px 1px 1px #111; }

/***** Broadcaster Page ******/
#largeheader #description a { color: #ccc; }
#largeheader #description a:hover { color: #9baf14; }
#largeheader #description p { color: #eee; text-shadow: 1px 1px 1px #111; }

#staff #title {	background: url('../../images/subheader-staff-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#sponsors #title {	background: url('../../images/subheader-sponsors-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#partners #title {	background: url('../../images/subheader-partners-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#social #title {	background: url('../../images/subheader-socialnetwork-2.png') no-repeat scroll bottom left; padding-top: 5px; }
#about #title {	background: url('../../images/subheader-about-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#twitter #title {	background: url('../../images/subheader-twitter-2.png') no-repeat scroll bottom left; padding-top: 5px; }

#about p { font-size: 11px; line-height: 17px; color: #333; }

/***** Broadcasters Page *****/
#broadcasters #title {	background: url('../../images/subheader-broadcasters-1.png') no-repeat scroll bottom left; padding-top: 5px; }
#broadcasters .box { 
	background: url("../../images/radialgradient-dark-1.jpg"); 
	color: #eee; 
	border: 2px solid #bbb; 
}
#broadcasters .box h1 { color: #ddd; text-shadow: 1px 1px 2px #000; }
#broadcasters .box .tinybox { background: url('../../images/color/black20.png'); color: #ccc; text-shadow: 1px 1px 1px #111; border: 1px solid #333; }
#broadcasters .box .tinybox a { float: left; }

#broadcasters .box2 a.logo img { 
	background: url("../../images/radialgradient-dark-1.jpg") bottom center; 
	color: #eee; 
	border: 2px solid #bbb; 
	padding: 2px;
}
#broadcasters .box2 h1 { margin: 2px 0 0 8px; padding: 0; font-size: 12px; font-family: arial; }
#broadcasters .box2 a:hover h1 { text-shadow: -1px -1px 0px #fff; }

/***** Links (Sidebar) *****/
#links #title {	background: url('../../images/subheader-links-2.png') no-repeat scroll bottom left; padding-top: 5px; }

/***** List (Sidebar) ~~ based on notifications bar
used for: 
-- Games Covered (Broadcaster Page)
-- Links (Broadcaster Page)
-- Community Links (Game Page)
 *****/
 
ul#list { padding: 0 0 0 5px; margin: -10px 0 0 0; }
ul#list li { 
	background: url('../../images/notifications-bg-white.png') no-repeat bottom left;
	list-style: none;
	padding: 7px; margin: 1px 0 0 0;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; 
 }
ul#list li a { font-size: 14px; font-weight: bold; text-shadow: 1px 1px 2px #bbb; }
ul#list li a:hover { text-shadow: 1px 1px 2px #ddd; }
ul#list li p { font-family: arial; font-size: 11px; color: #666; margin: 0; line-height: 13px; }

/***** Live Alert *****/
#livealert { background: #a0a0a0 url('../../images/chat-bg1-lightgrey.gif') repeat-x; }
#livealert .livebutton { background: url('../../images/button-bg1-red1.gif'); color: white; text-shadow:0 -1px 1px #444; border: 1px solid #ccc; border-right: 0; border-bottom: 0; }
#livealert .livebutton a { color: #ddd;  }
#livealert .livebutton a:hover { color: #000; text-shadow: 0;   }
#livealert .live { font-family: arial, sans-serif; font-size: 18px; line-height: 14px; font-style: italic; font-weight: bold; }
#livealert .live span { color: red; }

/***** Button *****/
.button { 
	margin: 1px 3px 4px 0;
	font: bold 11px tahoma; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background: url('../../images/button-bg1-darkgrey.gif'); 
	color: white; 
	text-shadow:0 -1px 1px #000000; 
	border: 1px solid #ccc; border-right: 0; border-bottom: 0; 
}

.button2 { 
	margin: 1px 3px 4px 0;
	font: bold 11px tahoma; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	background: url('../../images/bg-whitegradient-1.png') top left; 
	text-shadow: -1px -1px 1px #fff; 
		     -moz-box-shadow: 1px 1px 2px #ccc; /* FF3.5+ */
  -webkit-box-shadow: 1px 1px 2px #ccc; /* Saf3.0+, Chrome */
          box-shadow: 1px 1px 2px #ccc; /* Opera 10.5, IE 9.0 */
}

a .button { color: #ccc; }
a:hover .button { background: url('../../images/button-bg1-black.gif'); color: #ddd; }
a .button #favorite { background: url('../../images/icons/heart_greylight_12.png'); width: 12px; height: 12px; float: left; margin: 1px 6px 0 -3px; }
a:hover .button #favorite { background: url('../../images/icons/heart_color2_12.png'); width: 12px; height: 12px; float: left; margin: 1px 6px 0 -3px; }
.button #favorite { background: url('../../images/icons/heart_color2_12.png'); width: 12px; height: 12px; float: left; margin: 1px 6px 0 -3px; }
.button2 #favorite { background: url('../../images/icons/heart_greydark_12.png'); width: 12px; height: 12px; float: left; margin: 1px 6px 0 -3px; }

/***** RSS icon *****/
.rss a { display: block; width: 16px; height: 16px; background: url('../../images/icons/rss16-grey.png') no-repeat scroll top left; }
.rss a:hover { background: url('../../images/icons/rss16-orange.png') no-repeat scroll top left; }

/***** 24px Game Icons *****/
#bigcs16 { background: url('../../images/games/cs16-icon24.png'); }
#bigcss { background: url('../../images/games/css-icon24.png'); }
#bigmw2 { background: url('../../images/games/mw2-icon24.png'); }
#bigql { background: url('../../images/games/ql-icon24.png'); }
#bigsc2 { background: url('../../images/games/sc2-icon24.png'); }
#bigsc { background: url('/images/games/sc-icon24.png'); }
#bigsf4 { background: url('/images/games/sf4-icon24.png'); }
#bigtf2 { background: url('/images/games/tf2-icon24.png'); }
#bigmw2 { background: url('/images/games/mw2-icon24.png'); }
#bigcod4 { background: url('/images/games/cod4-icon24.png'); }
#bigl4d2 { background: url('/images/games/l4d2-icon24.png'); }
#bighon { background: url('/images/games/hon-icon24.png'); }
#bigbf2 { background: url('/images/games/bf2-icon24.png'); }
#bigq2 { background: url('/images/games/q2-icon24.png'); }
#bigqw { background: url('/images/games/qw-icon24.png'); }