/* 
  Theme Name: TBAS 2009
  Theme URL: http://www.j3studio.net/
  Description: A theme created for the To Be A Star webishow.
  Author: Jarot Syahputro
  Author URI: http://www.j3studio.net/about/
  Version: 1.0

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

  Changelog:
    v1.0 - 10.16.09 : First Release of TBAS 2009 theme.
*/

body {
  background:#231f20;
  color:#202020;
  font-size:11px;
  font-family:Arial;
  margin:0 auto;
  padding:0;
}
#wrap, #header, #content, #footer {width:986px; margin:0 auto;}

/**********************************
  GLOBAL STUFF
***********************************/
.clear, #nav, #commwg, .poll-ftr {clear:both;}
.center {text-align:center;}
#playa p, #feat p {margin:0; padding:0;}

/* Let's indent 'em OUT */
#header h1 a, #nav a, .m0re a, #social a, #rep h2, .play a, .mor3 a, #poll h2, .vi3w a, #ren h2,
#show h1, .more a, .more2 a, .more3 a, #rec h2, #mstar h1, #mstar h2, #mtor h1, #mtor h2, .m0r3 a,
.morettl a, #svg h1, .svg2 h1, h1.acattl, .consult1 a, .consult2 a {text-indent:-9000px;}

/* ..and Hid all overflow */
#header h1, #header p, #nav li, #home p.homead, #feat p, #feat p a, #social li, #rep h2, #poll h2,
#ren h2, .play, .mor3, .repimg, .vi3w, #v0te, #show h1, #show p, .more3, #rec h2, #mstar h1, #mstar h2,
#mtor h1, #mtor h2, .m0r3, .morettl, #pfmore p, #pfstar h4, #pfmtor h4, #svg h1, #svg p.m0re, .svg2 h1,
h1.acattl, .consult1, .consult2 {overflow:hidden;}

/**********************************
  Hyperlinks & COLORS
***********************************/
a, a:visited { color: #231f20; text-decoration: none; }
a:hover { color: #353535; }
a img {border:0;}


/**********************************
  HEADER 
***********************************/
#header {
  height:156px;
  background:url(images/hdr.gif) 0 0 no-repeat;
  padding:0;
}
#header h1, #header h1 a { float:left; width:252px; height:117px;}
#header h1 {margin:0; padding:0;}
#header p, #header p img, #header p object, #header p embed {width:728px; height:90px;}
#header p {float:left; margin:15px 0 0 0; padding:0; background:#FFF; }
#header p img {border:0; }
#nav {
  width:986px; 
  height:32px;
  float:left;
  margin: 0;
  padding:0;
}
#nav li, #nav a { height:32px; display:block; text-align:center;}
#nav li { float:left; list-style:none; display:inline; }
#sh0 a {width:140px; }
#mts a {width:158px; }
#mtm a {width:181px; }
#sgu a {width:156px; }
#ic0 a {width:177px; }
#aca a {width:174px; }
#sh0 a:hover, #sh0.this a {background:url(images/nav.gif) 0 0 no-repeat;}
#mts a:hover, #mts.this a {background:url(images/nav.gif) -140px 0 no-repeat;}
#mtm a:hover, #mtm.this a {background:url(images/nav.gif) -298px 0 no-repeat;}
#sgu a:hover, #sgu.this a {background:url(images/nav.gif) -479px 0 no-repeat;}
#ic0 a:hover, #ic0.this a {background:url(images/nav.gif) -635px 0 no-repeat;}
#aca a:hover, #aca.this a {background:url(images/nav.gif) -812px 0 no-repeat;}

/*******************************************
 CONTENT 
********************************************/
#main, #show {width:666px;}
#main, #home, #page, .homel, .homead, .homer, #playa, #feat, #show, #lmas, #mstar, #mtor, #r3p, #svg,
.svgl, .svgr, .svg2-bot, .acahdr {float:left;}
#home, #svg, #page {
  width:656px;
  margin:0 0 10px 10px;
}
#home {background:#231f20 url(images/hep.png) 0 0 no-repeat;}
#svg {background:#231f20 url(images/svg.png) 0 0 no-repeat;}

.homel {width:170px; padding:75px 0 0 0;}
.homer {width:486px; padding:13px 0 0 0; color:#650b81;}
#home h2.epttl {margin:0; padding:0 10px; color:#c2b1d5; font-size:14px; height:72px;}
#home p.homead {width:160px; height:600px; background:#FFF; margin:0; padding:0;}
#playa {
  width:460px;
  height:378px;
  margin:0 0 10px 0;
  padding:0 10px 0 12px;
}
#playa embed {width:453px; height:280px;}
#feat {
  width:486px;
  height:346px;
  background:url(images/feat.png) 0 0 no-repeat;
}
#feat p {color:#231f20;}
.featstars, .featgall, .lmasl, .lmasr { float:left;}
.featstars { width:242px; margin:0; padding:83px 0 0 0;text-align:center; }
.featgall { width:219px; margin:0; padding:88px 0 0 25px; }
.fogal {width:93px; height:102px; text-align:center; float:left; background:#FFF; padding:3px 0 0 0; margin:0 15px 15px 0px; }
#feat p.fimg {margin:0 0 3px 0;}
#feat p.m0re, #feat p.m0re a, #svg p.m0re, #svg p.m0re a  {width:70px; height:35px; float:right; padding:0;}
.name1, .name2, .name3 {font-size:16px;}

/* Inner Wrapper */
.box {padding:0 20px;}
.b0x {padding:0 20px 0 30px;}

/* THE SHOW PAGE */
#show {
  margin:0;
  background:#231f20 url(images/show.jpg) 0 0 no-repeat;
  color:#FFF;
}
#show ul {margin:0 0 10px 15px; padding:0;}
#show ul li {margin:0; padding:0;}
#show p {line-height:13px;}
#show p.dots3 {margin:0;padding:0;line-height:13px; height:4; background:url(images/dots3.png) 0 0 repeat-x;}
#show h4 {font-size:12px; font-style:italic; color:#7a3293; margin:0 0 2px 0; padding:0; }
#show p.more, #show p.more a, #show p.more2, #show p.more2 a {float:left; width:121px; height:15px;}
#show p.more { margin:105px 0 0 0; padding:0;}
#show p.more2 { margin:105px 0 0 7px; padding:0;}
#show p.showimg {float:left; width:76px; height:110px; margin:11px 3px 20px 0; padding:0;}
#show p.sh0wimg {float:left; width:80px; height:110px; margin:11px 3px 20px 0; padding:0;}
#lmas {
  width:666px;
  height:229px;
  margin:0;
  background:#231f20 url(images/lmas.jpg) 0 0 no-repeat;
  color:#FFF;
  position:relative;
}
.lmasl {width:328px; height:165px; margin:40px 30px 0 37px; }
.lmasr {width:220px; height:170px; margin:35px 0 0 0;}
#lmas .lmasl p, #lmas .lmasr p {padding:0;}
.scroll {

}

#box2 {top:0; right:17px;}
#lmas a, #r3p a {color:#00b3ca;}
#lmas a:hover, #r3p a:hover, #mtor a {color:#FFF;}

/* Meet The Star Page */
#mstar, #mtor, #abstar { 
  width:656px;
  margin:0 0 10px 10px;
  padding:0;
}
#mstar {background:#231f20 url(images/mstar.png) 0 0 no-repeat;}
#mtor {background:#231f20 url(images/mtor.png) 0 0 no-repeat;}
#mstar h1, #mstar h2, #mtor h1, #mtor h2 { font-size:11px; float:left; height:90px; margin:0; padding:0;}
#mstar p, #mtor p {margin:0; padding:0;line-height: 11px;}
#mstar .stbox {padding:0 0 0 46px; height:397px; margin:0 0 10px 0; }
#mtor .stbox {padding:0 0 0 46px; height:541px; margin:0 0 10px 0; }
#mstar .fbox {float:left; width:103px; height:135px; background:#d7e0b4; border:1px solid #3e3241; margin:0 9px 17px 0; padding:4px 0 0 0; text-align:center;}
#mtor .fbox {float:left; width:103px; height:135px; background:#6a429a; border:1px solid #3e3241; margin:0 9px 10px 0; padding:4px 0 0 0; text-align:center;}
.fbox img { margin:0; padding:0 0 5px 0;}
#r3p {
  height:132px;
  color:#FFF;
  position:relative;
}
.repstar {
  width:406px;
  background:#231f20 url(images/r3p.jpg) 0 0 no-repeat;
  padding:94px 180px 0 70px;
}
.repmtor {
  width:376px;
  background:#231f20 url(images/r3pm.jpg) 0 0 no-repeat;
  padding:94px 180px 0 100px;
}
#r3p span.model {width:93px;height:229px; background:url(images/model-shil2.png) 0 0 no-repeat; position:absolute; top:-6px; left:0;}
#r3p h3 {margin:0 0 5px 0; padding:0;}
.m0r3, .m0r3 a {width:68px; height:17px; float:right;}
.m0r3 {position:absolute; bottom:30px; right:180px;}

/* ABOUT Star & Mentor Page */
#abstar, #abmtor {
  width:631px;
  height:396px;
  margin:0 0 10px 10px;
  padding:0 0 0 25px;
  position:relative;
}
#abstar { background:#231f20 url(images/abstar.png) 0 0 no-repeat; }
#abmtor { background:#231f20 url(images/abmtor.png) 0 0 no-repeat; }
#abstar h1.ab, #abmtor h1.ab {float:right; width:329px; font-size:28px; color:#6a429a; text-transform:uppercase; text-align:right; letter-spacing:1px; }
#abstar h1.ab {margin:8px 30px 27px 0;}
#abmtor h1.ab {color:#d7e0b4; margin:8px 30px 5px 0;}
#abmtor div.box p, #abmtor h2 {color:#231f20;}
#abmtor h3 {float:left; background:#61aebd; padding:0 8px 0 16px; color:#d7e0b4;}
.abpic {float:left; width:258px; height:323px; background:#FFF; margin:15px 0 0 0; padding:6px 0 0 7px; text-align:center; }
#abstar .abpic p, #abmtor .abpic p { width:248px; height:315px; margin:0; padding:0; }
#abstar .abpic p {border:1px solid #6a429a;}
#abmtor .abpic p {border:1px solid #62aebe;}

#abstar div.box, #abmtor div.box {float:right; width:320px; height:170px; margin:0 10px 0 0; color:#FFF; font-family:Georgia; right:0; top:70px; }
#abstar div.box p.exc, #abmtor div.box p.exc {padding:0 10px 0 0;  }
#abstar div.box span, #abmtor div.box span {text-transform:uppercase; font-size:20px; font-weight:bold; font-family:Arial;}
#abstar h2, #abmtor h2 { font-size:22px; text-transform:uppercase; text-align:center; font-family:Arial; margin: 0; padding:0; position:absolute; bottom:125px; right:0; width:368px;}
#abstar h2 {color:#FFF;}

#abstar .abgal p, #abmtor .abgal p {
  float:left;
  width:66px;
  height:78px;
  margin:0 14px 0 0; padding:0;
  text-align:center;
}
.abgal {width:337px; margin:0; position:absolute; right:0; bottom:41px;}

#abvid, #abvidm {
  float:right; 
  width:656px;
  height:342px;
  padding:0;
  margin:0 0 10px 0;
}
#abvid {background:url(images/abvid.png) 0 0 no-repeat;}
#abvidm {background:url(images/abvidm.png) 0 0 no-repeat;}
#abvid div.video, #abvidm div.video {float:left; width:525px; height:296px; padding:0; margin:22px 0 0 12px;}
#abvid div.video embed, #abvid div.video object, #abvidm div.video embed, #abvidm div.video object {width:525px; height:296px;}
#morestar {float:right; width:94px; margin:0; }
#morestar p {margin:0 0 4px 0; padding:0;}
#morestar p.morettl, #morestar p.morettl a {float:right; width:94px; height:49px; margin:0; padding:0;}

/* PORTFOLIO */
#pfstar, #pfmtor {
  float:left;
  width:656px;
  height:717px;
  margin:0 0 10px 10px;
}
#pfstar {background:url(images/pfstar.png) 0 0 no-repeat;}
#pfmtor {background:url(images/pfmtor.png) 0 0 no-repeat;}
.pfstar-l {
  float:left;
  width:170px;
}
.pfstar-r {
  float:left;
  width:486px;
  height:717px;
}
#pfstar h4, #pfstar h4 a, #pfmtor h4, #pfmtor h4 a {
  float:left;
  width:140px;
  height:48px;
}
#pfstar h4 a, #pfmtor h4 a {padding:0;}
#pfstar h4, #pfmtor h4 { 
  padding:0;
  margin:9px 0 5px 0;
  line-height:20px;
  text-transform:uppercase;
  font-size:14px;
  text-align:right;
  font-weight:bold;
}
#pfstar p.pfmorettl, #pfmtor p.pfmorettl, #pfstar p.pfmorettl img, #pfmtor p.pfmorettl img  {
  float:left;
  width:140px;
  height:78px;
}
#pfstar p.pfmorettl, #pfmtor p.pfmorettl {margin:0; padding:0;}
#pfmore {float:left; width:140x; margin:0; text-align:right; }
#pfmore p {width:120px; height:134px; margin:0 0 5px 20px; padding:0;}

#pfstar h1, #pfmtor h1 {
  text-align:center;
  font-size:28px;
  font-weight:bold;
  text-transform:uppercase;
  margin:12px 0 0 0;
  padding:0;
  height:50px;
}
#pfstar h1, #pfstar h4, #pfstar h4 a {color:#6a439a;}
#pfmtor h1, #pfmtor h4, #pfmtor h4 a {color:#d7e0b4;}

#pfstar h2, #pfmtor h2 {
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  padding:0;
  height:10px;
  text-align:center; 
}
#pfstar h2 {margin:0; color:#FFF;}
#pfmtor h2 {margin:0; color:#231f20;}

.pfgal {margin:0 0 0 15px; position:relative;}
#pfstar .pfgal p, #pfmtor .pfgal p  {
  float:left;
  width:84px;
  height:108px;
  margin:0 7px 0 0; padding:7px 0 0 0;
  text-align:center;
}
.pfgal p img {padding:0;}

/* Sample 5*/
#steer {margin:0 0 0 58px;}
.buttons p { 
  cursor:pointer;
  opacity: 0.7;
  filter: alpha(opacity = 70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  zoom: 1;
}
.buttons p.active, .buttons p:hover {
  opacity: 1.0;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  zoom: 1;
}
#pfbox div {
	position:absolute;
	width:262px;
}
#pfbox img{
	float:left;
	width:401px;
	margin:0 0 10px 0;
}
#pfbox {}
.pflist{
  margin:0 0 0 36px;
	position:relative;
	width:401px;

}
.pfmask{
  margin:0;
	width:440px;
	height:480px;
}
.scroll {
	position:absolute;
	display:block;
	overflow:auto;
  padding:0 20px 0 0;
}

/* SURVIVAL GUIDE MAIN */
#svg h1, .svg2 h1 {margin:0 0 24px 0; padding:0;}
#svg p.svleadin {float:left; padding:10px 20px; margin:0 0 6px 0;}
#svg p.svleadin2 {padding:0 20px 0 50px; margin:0 0 20px 0;}
.svgl {width:170px; padding:3px 0 0 0;}
.svgr {width:486px; padding:0; margin:0; }
.svpost {float:left; padding:0 20px 0 30px; }
#svg .svpost { height:178px;}
#svg h3.clear, #page h3.clear {margin:5px 0; padding:0; float:left;}
#svg h3 a, #page h3 a {color:#7a3293;}
#svg h3 a:hover, #page h3 a:hover {color:#6a439a;}
#svg .svpost p, #page .svpost p {margin:0; padding:0;}

/* SURVIVAL GUIDE Articles */
.svg2 {background:#FFF url(images/svg2-bg.png) 0 0 no-repeat;}
.svg2-bot, .aca-bot {width:656px; height:14px; margin:0; padding:0; }
.svg2-bot {background:url(images/svg2-bot.png) 0 0 no-repeat;}
.aca-bot {background:url(images/aca-bot.png) 0 0 no-repeat;}

/* TBAS ACADEMY */
.aca {background:#7a3393 url(images/aca-bg.png) 0 0 no-repeat; color:#FFF; font-size:12px; margin:0 0 10px 0;}
.acahdr {width:656px; height:96px;}
.acaftr {
  width:576px; 
  height:121px; 
  background:url(images/acaftr.png) 0 0 no-repeat; 
  color:#7a3293;
  padding:10px 65px 0 15px;
  position:relative;
}
#page .acaftr p {padding:0; margin:0 0 5px 0; font-size:12px; line-height:17px;}
#page h1.acattl, #page h2.acattl {float:left; margin:0; padding:0; width:450px; }
#page h1.acattl {height:58px;}
#page h2.acattl {font-size:12px; padding:0 0 0 20px; margin:0;}
#page p.consult1, #page p.consult1 a, #page p.consult2, #page p.consult2 a {width:106px; height:56px; }
#page p.consult1, #page p.consult1 a {float:right;}
#page p.consult2, #page p.consult2 a {float:left;}
#page p.consult1 {margin:25px 8px 0 0; padding:0;}
#page p.consult2 {margin:5px 10px 0 10px; padding:0;}
#page p.reach {padding:0; text-indent:130px; margin:0 0 10px 0;}
#page span.m0del {position:absolute; width:46px; height:187px; right:10px; bottom:0; background:url(images/model-shil3.png) 0 0 no-repeat; }

/* DEFAULT page */
.def {background:#FFF url(images/def-bg.png) 0 0 no-repeat; position:relative; }
#page.def h1 {height:43px; margin:0; padding:12px 0 0 55px; font-size:24px; color:#6a1285;}
.video {text-align:center; }
#page div.video embed, #page div.video object {width:613px; height:353px;}

#page p.tmb {float:left; margin:0 10px 0 0; padding:0;}
.byline {position:absolute; top:0; right:55px; font-size:14px; font-weight:bold; color:#6a1285; background:url(images/star3.png) 0 0 no-repeat; padding:0 0 0 20px;}
#page.def div.box, #page.def div.b0x, #page.svg2 div.svpost { min-height:628px; }

/**********************************
  SIDEBAR
***********************************/
#sidebar, #social, #comwg, .blu-box, .blu-top, .blu-bot, .vio-box, .vio-top, .vio-bot, 
#rep h2, #poll h2, .poll-ftr, #ren h2, #rec h2, .yel-box, .yel-top, .yel-bot {
  float:right;
  width:310px;
}
#sidebar p, #sidebar ul {margin:0; padding:0;}
#sidebar h1 {font-size:11px; margin:0 15px 5px 3px; padding:0; text-transform:uppercase;line-height:13px;}
#sidebar ul {list-style-type:none; }

/* SOCIAL */
#sidebar ul#social {margin:9px 0 10px 0; }
#social {
  height:33px;
  padding:0;
  background:url(images/social.gif) 0 0 no-repeat; 
}
#social li, #social a { height:33px; display:block; text-align:center;}
#social li { float:left; list-style:none; display:inline; }
#rss {width:31px; margin:0 4px 0 197px; }
#fbo {width:32px; margin:0 5px 0 0;}
#twi {width:31px; margin:0;}
#rss a:hover {background:#231f20 url(images/social.gif) -197px -1px no-repeat; }
#fbo a:hover {background:#231f20 url(images/social.gif) -232px -1px no-repeat; }
#twi a:hover {background:#231f20 url(images/social.gif) -269px -1px no-repeat; }

/* Comment Widget */
#commwg {
  height:112px;
  background:url(images/commwg.jpg) 0 0 no-repeat;
  margin:0 0 10px 0;
}
/* Blu-Box & Violet Box */
.blu-box {background:url(images/blu-box.gif) 0 0 repeat-y;}
.blu-top {background:url(images/blu-top.jpg) 0 0 no-repeat;}
.blu-bot {background:url(images/blu-bot.jpg) 0 0 no-repeat;}

.vio-box {background:url(images/vio-box.gif) 0 0 repeat-y; color:#FFF;}
.vio-top {background:url(images/vio-top.jpg) 0 0 no-repeat;}
.vio-bot {background:url(images/vio-bot.jpg) 0 0 no-repeat;}
.vio-box, .vio-box a {color:#FFF;}
.vio-box a:hover {color:#d3f17b;}

.yel-box {background:url(images/yel-box.gif) 0 0 repeat-y; color:#7a3293;}
.yel-top {background:url(images/yel-top.jpg) 0 0 no-repeat;}
.yel-bot {background:url(images/yel-bot.jpg) 0 0 no-repeat;}

.blu-top, .blu-bot, .vio-top, .vio-bot, .yel-top, .yel-bot {height:19px;}

/* Recent Episode */
#rep, #poll, #ren, #rec {margin:0 0 10px 0;}
#rep h2 {margin:0; padding:0; height:54px; background:url(images/h2rep.gif) 0 0 no-repeat;}
#rep p.repimg {float:left; width:74px; height:68px; text-align:center; margin:0 10px 0 20px; padding:0; border:1px solid #FFF;}
#rep div.excp { margin:0; padding:0 20px 0 0; height:42px; overflow:hidden;}
#rep p.repimg a img, #page p.repimg a img {
  padding:14px 17px;
  opacity: 0.4;
  filter: alpha(opacity = 40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  zoom: 1;
}
#rep p.repimg a:hover img, #rec p.repimg a:hover img, #page p.repimg a:hover img, #r3p p.repimg a:hover img {
  opacity: 0.6;
  filter: alpha(opacity = 60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  zoom: 1;
}
#page p.repimg {float:left; width:74px; height:68px; text-align:center; margin:0 10px 0 20px; padding:1px; border:1px solid #d2d2d2;}
#rep p.play, #rep p.mor3, #rec p.mor3, #ren p.mor3 {margin:0 27px 0 0;}
#rep p.play, #rep p.play a {float:right; width:42px; height:15px; }
#rep p.mor3, #rep p.mor3 a, #rec p.mor3, #rec p.mor3 a, #ren p.mor3, #ren p.mor3 a {float:right; width:262px; height:16px;}
#rep p.play a {background:url(images/play.gif) 0 0 no-repeat;}
#rep p.mor3 a, #rec p.mor3 a, #ren p.mor3 a {background:url(images/mor3.png) 0 0 no-repeat;}
#rep p.play a:hover {background:url(images/play.gif) 1px 0 no-repeat;}
#rep p.mor3 a:hover, #rec p.mor3 a:hover, #ren p.mor3 a:hover {background:url(images/mor3.png) 1px 0 no-repeat;}
#rep p.clear, #rec p.clear {margin:0 0 10px 0;}

/* Poll */
#poll h2 {margin:0; padding:0; height:70px; background:url(images/h2poll.gif) 0 0 no-repeat;}
#poll { position:relative; height:;}
#poll .model-shil {width:81px; height:296px; background:url(images/model-shil.png) 0 0 no-repeat; position:absolute; top:-20px; right:0;}
#poll h4 {font-size:16px; color:#231f20; text-align:left; line-height:20px; margin:0 50px 5px 20px; }
#poll li {line-height:18px; font-size:11px;}
#poll ul.wp-polls-ul li {padding-left:10px;}
#poll label {font-size:12px; cursor:pointer;}
#poll .wp-polls-loading {position:absolute; top:66px; left:84px;}
#poll .wp-polls-ul {margin:5px 30px 5px 20px;}
#poll input#v0te { border:0; width:185px; height:19px; cursor:pointer; float:right; background:transparent url(images/vote.jpg) no-repeat scroll 0 0; margin:0 65px 0 0;}
#poll p.t0tal {font-size:10px; text-transform:lowercase; color:#d7e0b4; float:left; margin:0 0 0 60px;}
#poll p.vi3w, #poll p.vi3w a { float:left; width:59px; height:19px;}
#poll a#v0te {float:right; width:252px; }
.poll-ftr, #poll a#v0te { height:19px; background:url(images/poll-ftr.gif) right 0 no-repeat;}

/* Recent News */
#ren h2 {margin:0; padding:0; height:47px; background:url(images/h2ren.gif) 0 0 no-repeat;}
#ren .excp {height:42px; overflow:hidden;}
#ren p.more3 {margin:0 5px 0 0;}
#ren p.more3, #ren p.more3 a { float:right; width:52px; height:14px; }
#ren p.more3 a {background:url(images/more3.gif) 0 0 no-repeat;}
#ren p.more3 a:hover {background:url(images/more3.gif) 1px 0 no-repeat;}

/* Recent Clips */
#rec h2 {margin:0; padding:0; height:48px; }
#rec.blu-box h2 {background:url(images/h2rec.gif) 0 0 no-repeat;}
#rec.vio-box h2 {background:url(images/h2r3c.gif) 0 0 no-repeat;}
#rec h3.h3star {background:url(images/h2rpo.gif) 0 0 no-repeat;}
#rec h3.h3mtor {background:url(images/h2rpom.gif) 0 0 no-repeat;}
#rec h3 {
  float:right;
  width:290px;
  height:55px;
  background:#00b2c9; 
  margin:0; 
  padding:0 0 0 20px; 
  display:inline; 
  font-size:16px; 
  text-transform:uppercase; 
}
#rec p {font-size:11px;}
#rec p.repimg {float:left; width:84px; height:50px; text-align:center; margin:0 10px 0 20px; padding:0; border:1px solid #FFF;}
#r3p p.repimg {float:left; width:84px; height:58px; text-align:center; margin:0 10px 0 0; padding:0; border:1px solid #FFF;}

#rec div.excp { margin:0; padding:0 20px 0 0; height:42px; overflow:hidden;}

#rec p.repimg a img {padding:6px 22px;}
#r3p p.repimg a img {padding:10px 22px;}
#rec p.repimg a img, #r3p p.repimg a img {
  opacity: 0.4;
  filter: alpha(opacity = 40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  zoom: 1;
}

/* TBAS ACADEMY */

#acathru {margin:0 0 10px 0;}
#acathru h2, #acawith h2 {font-size:14px; margin:0;padding:0; font-weight:bold; padding:0 0 5px 15px;}
#acawith {color:#d8e3af;}

#acathru ul li, #acawith ul li {font-size:12px; margin:0 0 5px 0; text-indent:15px;}
#acathru ul li {background:url(images/star2.gif) 0 0 no-repeat;}
#acawith ul li {background:url(images/star1.gif) 0 0 no-repeat;}

/* Side Ad - 300x250 */
#sidebar p.sidead {margin:0 0 10px 0;}
.sidead {
  float:left;
  width:300px;
  height:250px;
}


/**********************************
  FOOTER
***********************************/
#footer {
  background: #00b3ca;
  height: 60px;
  color: #FFFFFF;
  padding: 0;
}

/************************************************
*  SLIMBOX  *
************************************************/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
 	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.lbLoading {background: #fff url(images/lb-load.gif) no-repeat center; }
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
  opacity:0.5;
  filter: alpha(opacity = 50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  zoom: 1;
}
#lbPrevLink { left:0; background: transparent url(images/lb-prev.png) no-repeat 0 100%;}
#lbNextLink { left: 50%; background: transparent url(images/lb-next.png) no-repeat 100% 100%;}
#lbPrevLink:hover, #lbNextLink:hover {
  opacity:1.0;
  filter: alpha(opacity = 100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  zoom: 1;
}
#lbPrevLink:hover { background: transparent url(images/lb-prev.png) no-repeat 0 100%; }
#lbNextLink:hover { background: transparent url(images/lb-next.png) no-repeat 100% 100%; }
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
  	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lb-close.gif) right 0 no-repeat;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber { margin-right: 71px;}
#lbCaption { font-weight: bold; color:#333;}

/*********************************
*  Cool-Navi                     *
*********************************/
.coolnavigate {
  margin:10px; 
  padding:5px; 
  text-align:center; 
  background:#ecd1f2;
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  font-family:Tahoma;
}
.coolnavigate a, .coolnavigate a:link,.coolnavigate a:visited,.coolnavigate a:active,
.coolnavigate span.pages, .coolnavigate a:hover,.coolnavigate span.current,.coolnavigate span.extend {
  padding: 2px 6px;
  margin: 1px;
  text-decoration: none;
  background: #FFF;	
  -moz-border-radius: 13px;
  -khtml-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;  
}
.coolnavigate a:hover,.coolnavigate span.pages,.coolnavigate span.current,.coolnavigate span.extend { color: #000;}
.coolnavigate a:active { color: #954aa9;}
.coolnavigate span.current { font-weight: bold; background: #954aa9;	color:#FFF;}
.navi-only {float:right;padding:10px 10px 0 0; font-weight:bold; font-family:Tahoma; font-size:10px;}

/* TOP LiNKS */
#top_links {width:986px; height:20px; background: #00b3cb;margin:0 auto;}
#top_right {list style:none; margin:0; padding:7px 0 0; float: right;}
#top_right li {display: inline;}
#top_right li a:link, #top_right a:visited {color:#ffffff; font-size:11px; font-weight: bold; margin: 5px 15px 0 0;}
#top_right li a:hover {color:#d4f076;}

#page p.byline2, #svg p.byline2 {font-style:italic; padding:0 0 0 8px; background:url(images/dots3.png) 0 5px no-repeat; color:#7a3293; margin:5px 0; float:right;}

#commwg .livebar_widget {margin:10px 0 0 25px; padding:20px 0 0 0; color:#ebe4f1; font-weight:bold;}
.livebar_widget a:link, .livebar_widget a:visited {color:#baa3cf;font-weight:normal;}
.livebar_widget a:hover {color:#ffffff;}

#footer ul {margin:0 5px 0 0; padding:10px 0 0; height:16px; list-style: none;float: right;}
#footer ul li {display: inline;margin:0 10px 0 0;color:#ffffff;font-size: 10px; }
#footer ul li a:link, #footer ul li a:visited {color:#ffffff;}
#footer ul li a:hover {color:#000000;}