/*	
	..................................................
	TBS Storyline CSS 
	May 2007
	developed by Atomic Fusion : www.atomic-fusion.com [ml]
	v1.0 : last updated 05.30.2007
	..................................................
*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/*color: #d0e7f3;*/
	margin: 0;
	padding: 0;
	font: .8em Arial, Helvetica, Geneva, sans-serif;
}

a {
	color: #f3f3f3;
	text-decoration: none;
}

body#pinkscheme {
	color: #EECFDE;
	background: #b05381 url(../imgs/body-ls-bg.gif) repeat-x 0 top;
}

body#pinkscheme a {
	color: #EECFDE;
}

body#orangescheme {
	color: #ffdfb0;
	background: #c06019 url(../imgs/body-im-bg.gif) repeat-x 0 top;
}

body#orangescheme a {
	color: #ffdfb0;
}

body#greenscheme {
	color: #cfc;
	background: #67b262 url(../imgs/body-mm-bg.gif) repeat-x 0 top;
}

body#greenscheme a {
	color: #cfc;
}

body#bluescheme {
	color: #d0e7f3;
	background: #018cab url(../img/body-bg.gif) repeat-x 0 top;
}

body#bluescheme a {
	/*color: #a8ccdc;*/
}

hr {
	border: 0;
	height: 1px;
	width: 100%;
	text-align: center;
	background-color: #91838a;
}

hr.ls {
	background-color: #91838a;
}

hr.mm {
	background-color: #828782;
}

hr.cv {
	background-color: #84adc2;
}

hr.ab {
	background-color: #84adc2;
	width: 470px;
	position: absolute;
	top: 775px;
	left: 360px;
}

img {
	border-style: none;
}

a:hover {
	color: #fff;
}

#container {
	width: 1000px;
	height: 1017px;
}

#container.ls {
	background-color: #240815;
}

#container.im {
	background-color: #1e0d00;
}

#container.mm {
	background-color: #1e0d00;
}

#container.cv {
	background-color: #034261;
}

/* @group nav */

#nav {
	position: absolute;
	top: 70px; /*75px*/
	left: 500px; /*525px*/
	height: 20px;
}

#nav li a span {
	/*visibility: hidden;*/
}

#nav ul {
	list-style-type: none;
	margin: 0 0 0 7px;
	padding: 0;
	height: 20px;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
}

#nav li a {
	display: block;
	margin: 0;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	float: left;
	padding: 0 10px;
}

#nav li a.on {
	background: url(../imgs/nav-on.gif) no-repeat 0 2px;
}

#nav li a:hover {
	color: #e1e1e1;
}

/* @end */

/* @group rightnav */

#rightnav {
	position: absolute;
	left: 870px;
	width: 125px;
	top: 70px;
}

#rightnav ul {
	margin: 0;
	list-style-type: none;
	padding: 0 0 5px 2px;
}

#rightnav li {
	font-size: .9em;
	width: 115px;
}

#rightnav li a {
	margin-right: 0;
	margin-left: 0;
	border-bottom: 1px dotted #ccc;
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 1px;
	color: #fff;
	font-size: .85em;
}

#rightnav li.last a {
	border-bottom: none;
}

#rightnav li a:hover, #rightnav li.on {
	background-color: #371f2a;
}

#rightnav.im li a:hover, #rightnav.im li.on {
	background-color: #342519;
}

#rightnav.mm li a:hover, #rightnav.mm li.on {
	background-color: #1e271e;
}

#rightnav.cv li a:hover, #rightnav.cv li.on {
	background-color: #1d5671;
}

/* @end */

/* @group main */

.bg {
	width: 850px;
	height: 1017px;
}

.episodes {
	background: #094d6f url(../imgs/main-ep-bg.jpg) no-repeat;
}

.about {
	background: #094d6f url(../imgs/main-ab-bg.jpg) no-repeat;
}

.lighterside {
	background: #862d59 url(../imgs/main-ls-bg.jpg) no-repeat;
}

.portraits {
	background: #862d59 url(../imgs/main-po-bg.jpg) no-repeat;
}

.conversations {
	background: #862d59 url(../imgs/main-cv-bg.jpg) no-repeat;
}

.impressions {
	background: #92480f url(../imgs/main-im-bg.jpg) no-repeat;
}

.roots {
	background: #92480f url(../imgs/main-ro-bg.jpg) no-repeat;
}

.myatlanta {
	background: #92480f url(../imgs/main-ma-bg.jpg) no-repeat;
}
.moneymatters {
	background: #31672d url(../imgs/main-mm-bg.jpg) no-repeat;
}

.inthekitchen {
	background: #31672d url(../imgs/main-ik-bg.jpg) no-repeat;
}

.pathfinders {
	background: #31672d url(../imgs/main-pf-bg.jpg) no-repeat;
}

.coverstory {
	background: #094d6f url(../imgs/main-cs-bg.jpg) no-repeat;
}

.faq {
	background: #094d6f url(../imgs/main-faq-bg.jpg) no-repeat;
}

.travelogue {
	background: #094d6f url(../imgs/main-tl-bg.jpg) no-repeat;
}

.community {
	background: #094d6f url(../imgs/main-cm-bg.jpg) no-repeat;
}

.sessions {
	background: #094d6f url(../imgs/main-se-bg.jpg) no-repeat;
}

h1 a {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 300px;
	height: 65px;
}

h1.ls a {
	background: url(../imgs/logo-ls.jpg) no-repeat;
}

h1.im a {
	background: url(../imgs/logo-im.jpg) no-repeat;
}

h1.mm a {
	background: url(../imgs/logo-mm.jpg) no-repeat;
}

h1.cv a {
	background: url(../imgs/logo-cv.jpg) no-repeat;
}

h1.ab a {
	background: url(../imgs/logo-ab.jpg) no-repeat;
}

h1.faq a {
	background: url(../imgs/logo-faq.jpg) no-repeat;
}

h1 a span {
	display: none;
}

/* @end */

/* @group masthead */

#masthead {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 810px;
	z-index: 80;
}

#masthead h2 {
	display: none;
}

#masthead.ls, #masthead.im, #masthead.mm, #masthead.cv, #masthead.ik, #masthead.po, #masthead.pf, #masthead.tl, #masthead.cm, #masthead.ma, #masthead.se {
	height: 280px;
}

#masthead.ab, #masthead.cm, #masthead.ep {
	height: 255px;
}

#masthead p {
	color: #fff;
	line-height: 2em;
	margin-left: 290px;
	margin-top: 110px;
	font-size: 1em;
	font-weight: bold;
}

#masthead h6 {
	color: #fff;
	line-height: 2em;
	margin-left: 340px;
	margin-top: 90px;
	font-size: 1em;
	text-transform: uppercase;
}

#masthead.im p {
	margin-left: 350px;
}

#masthead.ma p {
	margin-left: 352px;
}

#masthead.mm p {
	margin-left: 340px;
}

#masthead.cv p {
	margin-left: 373px;
}

#masthead.po p {
	margin-left: 315px;
}

#masthead.ik p {
	margin-left: 360px;
}

#masthead.pf p {
	margin-left: 340px;
}

#masthead.tl p {
	margin-left: 430px;
}

#masthead.ab p {
	margin-top: 10px;
	margin-left: 340px;
	font-weight: bold;
}

#masthead.cm p {
	line-height: 1.5em;
	margin-top: 85px;
	margin-left: 340px;
	font-weight: bold;
}

#masthead.ep p {
	line-height: 1.5em;
	margin-top: 85px;
	margin-left: 374px;
}

#about-airs {
	position: absolute;
	left: 340px;
	top: 215px;
	font-size: .95em;
	font-weight: bold;
	color: #d0e7f3;
}

#masthead #ipod {
	position: absolute;
	left: 275px;
	width: 150px;
	height: 50px;
	padding-left: 40px;
	padding-top: 10px;
	bottom: -5px;
	font-size: .85em;
	background: url(../imgs/ipod-lg.gif) no-repeat 0 3px;
}

#getflash a, #getflashs a {
	position: absolute;
	right: 15px;
	width: 99px;
	height: 31px;
	top: 234px;
	font-size: .85em;
	background: url(../imgs/getadobeflash.gif) no-repeat;
	display: block;
	text-indent: -9999px;
}

#getflashs a {
	top: 209px;
}

#qt, #qt-cv, #qt-im, #qt-mm, #qt-ls {
	position: absolute;
	right: -20px;
	width: 150px;
	height: 40px;
	padding-left: 40px;
	padding-top: 5px;
	top: 230px;
	font-size: .85em;
	background: url(../imgs/qt-cm.gif) no-repeat 0 3px;
}

#qt-ep {
	position: absolute;
	right: -20px;
	width: 150px;
	height: 40px;
	padding-left: 40px;
	padding-top: 5px;
	top: 205px;
	font-size: .85em;
	background: url(../imgs/qt-cm.gif) no-repeat 0 3px;
}

#qt-cv {
	background: url(../imgs/qt-cv.gif) no-repeat 0 3px;
}

#qt-im {
	background: url(../imgs/qt-im.gif) no-repeat 0 3px;
}

#qt-mm {
	background: url(../imgs/qt-mm.gif) no-repeat 0 3px;
}

#qt-ls {
	background: url(../imgs/qt-ls.gif) no-repeat 0 3px;
}

#masthead #qt a, #masthead #pdf a {
	text-decoration: underline;
}

#masthead #qt a:hover {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 3px;
}


#masthead #qt.cm {
	bottom: 2px;
	background: url(../imgs/qt-cm.gif) no-repeat 0 3px;
}

#pdf {
	position: absolute;
	left: 265px;
	width: 150px;
	height: 40px;
	padding-left: 40px;
	padding-top: 10px;
	top: 225px;
	font-size: .85em;
	background: url(../imgs/pdf-pf.gif) no-repeat 0 3px;
}

#selectmenu {
	position: absolute;
	right: 175px;
	width: 150px;
	height: 40px;
	padding-left: 45px;
	padding-top: 10px;
	top: 225px;
	font-size: .9em;
}

#selectmenu-ab {
	position: absolute;
	right: 0;
	width: 150px;
	height: 40px;
	padding-left: 45px;
	padding-top: 10px;
	top: 200px;
	font-size: .9em;
}

#selectmenu-ep {
	position: absolute;
	right: 175px;
	width: 150px;
	height: 40px;
	padding-left: 45px;
	padding-top: 10px;
	top: 200px;
	font-size: .9em;
}

/*#masthead #selectmenu*/ 
select {
	font-size: .9em;
	background-color: #034261;
	color: #fff;
}

select.ls {
	background-color: #230714;
}

select.im {
	background-color: #1e0d00;
}

select.mm {
	background-color: #1e0d00;
}

/* @end */

#about-thumbs {
	position: absolute;
	top: 390px;
	left: 10px;
	width: 330px;
	z-index: 80;
}

#about-thumbs img {
	float: left;
	border: 1px solid #fff;
	margin: 10px;
}

#about-content {
	position: absolute;
	top: 385px;
	left: 360px;
	width: 480px;
}

#about-content p {
	line-height: 1.8em;
}

#about-content p a {
	color: #fff;
	text-decoration: underline;
}

#about-content p a:hover {
	text-decoration: none;
}

#questions {
	position: absolute;
	top: 385px;
	left: 20px;
	width: 300px;
	z-index: 80;
}

#questions dl {
	font-size: .9em;
	margin-top: 15px;
	color: #fff;
}

#questions dl a {
	color: #fff;
	text-decoration: underline;
}

#questions dl a:hover {
	text-decoration: none;
}

#questions dt {
	float: left;
	clear: left;
	font-weight: bold;
}

#questions dd {
	margin-bottom: 10px;
	padding-left: 15px;
}

#answers {
	position: absolute;
	top: 405px;
	left: 360px;
	width: 475px;
}

#answers h5 {
	font-size: 1em;
	display: inline;
}

#answers p {
	line-height: 1.8em;
	margin-top: 15px;
}

#segment {
	position: absolute;
	top: 400px;
	left: 20px;
	width: 230px;
	z-index: 80;
}

#segment h6 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#segment a {
	text-decoration: underline;
}

#segment a:hover {
	text-decoration: none;
}

#segment ul {
	margin: 0;
	padding: 0;
}

#segment li {
	margin: 0;
	padding: 2px;
	list-style-type: none;
}

#segment li a  {
	text-decoration: underline;
}

#video-column {
	position: absolute;
	top: 400px;
	left: 250px;
	width: 340px;
	z-index: 90;
}

#clipmenus {
	position: absolute;
	top: 380px;
	left: 370px;
	width: 220px;
	z-index: 90;
}

/* @group episodes */

#episode-column-left {
	position: absolute;
	top: 380px;
	left: 360px;
	width: 225px;
	z-index: 90;
}

#episode-column-right {
	position: absolute;
	top: 417px;
	left: 605px;
	width: 225px;
	z-index: 85;
}

.episode-column {
	border: 1px solid #85b3ca;
}

.episode-box {
	height: 95px;
	background: url(../imgs/episodebox-bg.jpg) repeat-x;
}

.episode-box:hover {
	background: url(../imgs/episodebox-bg-on.jpg) repeat-x;
}

.episode-box p {
	padding-left: 80px;
}

.episode-cs, 
.episode-se, 
.episode-ls, 
.episode-pf, 
.episode-tl, 
.episode-po, 
.episode-ma, 
.episode-ik, 
.episode-cv, 
.episode-ro, 
.episode-mm {
	height: 80px;
}

/*.episode-cs {
	height: 80px;
}*/

.episode-cs {
	background: url(../imgs/thumb-cs.gif) no-repeat 10px top;
}

.episode-se {
	background: url(../imgs/thumb-se.gif) no-repeat 10px top;
}

.episode-ls {
	background: url(../imgs/thumb-ls.gif) no-repeat 10px top;
}

.episode-pf {
	background: url(../imgs/thumb-pf.gif) no-repeat 10px top;
}

.episode-tl {
	background: url(../imgs/thumb-tl.gif) no-repeat 10px top;
}

.episode-po {
	background: url(../imgs/thumb-po.gif) no-repeat 10px top;
}

.episode-ma {
	background: url(../imgs/thumb-ma.gif) no-repeat 10px top;
}

.episode-ik {
	background: url(../imgs/thumb-ik.gif) no-repeat 10px top;
}

.episode-im {
	background: url(../imgs/thumb-im.gif) no-repeat 10px top;
}

.episode-cv {
	background: url(../imgs/thumb-cv.gif) no-repeat 10px top;
}

.episode-ro {
	background: url(../imgs/thumb-ro.gif) no-repeat 10px top;
}

.episode-mm {
	background: url(../imgs/thumb-mm.gif) no-repeat 10px top;
}

.episode-box h5 a {
	text-transform: uppercase;
	color: #f3f3f3;
	/*background-color: #2e80ab;*/
	height: 25px;
	text-decoration: none;
	line-height: 2em;
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
}

.episode-box h5 a:hover {
	color: #fff;
	background: url(../imgs/episodebox-bg-on.jpg) repeat-x;
}

/* @end */

#clip {
	height: 260px;
}

#clipmenu select, #sessionmenu select {
	font-size: .8em;
	background-color: #230714;
	color: #fff;
	margin-bottom: 15px;
	margin-top: 10px;
}

#video-column ul {
	margin: 0;
	padding: 0;
}

#video-column li {
	margin: 0;
	padding: 2px;
	list-style-type: none;
}

#video-column li a  {
	text-decoration: underline;
}

#comm-video {
	position: absolute;
	top: 400px;
	left: 20px;
	width: 340px;
	z-index: 90;
}

#comm-video ul {
	margin: 0;
	padding: 0;
}

#comm-video li {
	margin: 0;
	padding: 2px;
	list-style-type: none;
}

#comm-video li a  {
	text-decoration: underline;
}

#tabs {
	border: 1px solid #87b1c7;
	border-width: 1px 1px 0 1px;
	width: 240px;
	position: absolute;
	top: 447px;
	left: 590px;
}

#tabs ul {
	list-style-type: none;
	height: 19px;
	background: url(../img/nav-bg.jpg) repeat-x;
	border-bottom: 1px solid #94bacd;
}

#tabs ul li {
	float: left;
}

#tabs ul li a {
	display: block;
	text-align: center;
	height: 16px;
	padding-top: 3px;
	width: 79px;
	font-size: .85em;
}

ul#tabs li a:hover {
	color: #fff;
}

#tabs li a.on {
	background: url(../img/nav-bg-on.jpg) repeat-x;
	color: #024361;
}

#tabs li.mid a {
	width: 80px;
	border-left: 1px solid #94bacd;
	border-right: 1px solid #94bacd;
}

#video-tabs, #video-tabs-se {
	position: absolute;
	top: 447px;
	width: 240px;
	left: 590px;
	height: 400px;
}

#video-tabs-se {
	height: 255px;
}


#sub-tabs {
	position: absolute;
	top: 745px;
	width: 240px;
	left: 590px;
	height: 100px;
	border: 1px solid #87b1c7;
}

#sub-tabs ol li {
	clear: left;
	height: 25px;
	line-height: 2em;
	font-size: .9em;
	padding-left: 10px;
}

#video-tabs a, #video-tabs-se a, #sub-tabs ol li a {
	color: #fff;
	text-decoration: underline;
}

#sub-tabs ol li a:hover {
	text-decoration: none;
}

#video-tabs ol, video-tabs-se ol {
	list-style-type: none;
}

#video-tabs ol li, #video-tabs-se ol li {
	clear: left;
	height: 67px;
	padding-top: 10px;
	line-height: 1.7em;
	font-size: .9em;
}

#video-tabs.ls ol {
	border: 1px solid #91838a;
}

#video-tabs.ls ol li {
	background-color: #973b68;
}

#video-tabs.ls ol li.alt {
	background-color: #892154;
}

#video-tabs.im ol {
	border: 1px solid #b18563;
}

#video-tabs.im ol li {
	background-color: #8b552c;
}

#video-tabs.im ol li.alt {
	background-color: #7b3e0f;
}

#video-tabs.mm ol {
	border: 1px solid #7fc37b;
}

#video-tabs.mm ol li {
	background-color: #4a8646;
}

#video-tabs.mm ol li.alt {
	background-color: #357c31;
}

/*this is the same scheme as the home page (blue) */
.tabs-cv  { 	
	border: 1px solid #87b1c7;
}

.tabs-se  { 	
	border: 1px solid #87b1c7;
	height: 255px;
}

#video-tabs.cv ol li, #video-tabs-se ol li, #sub-tabs.se ol li  { 	
	background-color: #207dad;
}

#video-tabs.cv ol li.alt, #video-tabs-se ol li.alt, #sub-tabs.se ol li.alt {
	background-color: #0f73a7;
}

/*#video-tabs.cv ol li, #video-tabs.se ol li, #sub-tabs.se ol li,  { 	
	background-color: #207dad;
}

#video-tabs.cv ol li.alt, #video-tabs.se ol li.alt, #sub-tabs.se ol li.alt {
	background-color: #0f73a7;
}*/

#sub-tabs.se ol li#artisthead {
	background-color: #034261;
	border-bottom: 1px solid #87b1c7;
	font-weight: bold;
}

/*#video-tabs ol li a. #video-tabs-se ol li a, #video-tabs.se ol li a {
	font-weight: bold;
	text-decoration: underline;
}*/

#video-tabs ol li img, #video-tabs-se ol li img, #video-tabs.se ol li img {
	float: left;
	padding-left: 5px;
}

.anchors .tabs-selected a {
	background: url(../img/nav-bg-on.jpg) repeat-x;
	color: #024361;
	height: 22px;
}

.anchors .tabs-selected a:hover {
	color: #024361;
}

div.scrollable {
	overflow: auto;
}

#ad {
	text-align: center;
	margin-top: 10px;
	font-size: .8em;
}

#ad img {
	/*margin-top: 10px;*/
}

#segments {
	position: absolute;
	top: 120px;
	left: 618px;
}

h2 {
	font-size: 1.4em;
	color: #fff;
	padding-top: 25px;
}

h3 {
	color: #fff;
	font-size: 1.4em;
	padding-top: 15px;
	padding-bottom: 5px;
}

h3.video {
	padding-bottom: 12px;
}

h4 {
	color: #fff;
	font-size: 1.2em;
	padding-top: 15px;
	padding-bottom: 5px;
}

h5 {
	color: #fff;
	font-size: 1em;
	padding-bottom: 5px;
}

p {
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 1.4em;
	font-size: .9em;
	margin-top: 4px;
}

#about-tbss {
	width: 320px;
	position: absolute;
	top: 730px;
	left: 20px;
	/*background-image: url(../img/about-tbss.jpg);*/
}

#about-tbss p {
	font-size: .9em;
	line-height: 1.6em;
}

#comm-column {
	position: absolute;
	width: 250px;
	top: 395px;
	left: 595px;	
}

#comm-column .box {
	background-color: #277fad;
	border: 1px solid #5f97b4;
	width: 234px;
	font-size: .95em;
	margin-bottom: 10px;
}

#comm-column .box p {
	line-height: 1.2em;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 0;
	padding: 5px 0 5px 10px;
}

#comm-column .box p a {
	color: #fff;
}

#comm-column #box-pf {
	background: #277fad url(../imgs/comm-pf.gif) no-repeat;
	padding-top: 48px;
}

#comm-column #box-tad {
	background: #277fad url(../imgs/comm-tad.gif) no-repeat;
	padding-top: 48px;
}

#comm-column #box-gss {
	background: #277fad url(../imgs/comm-gss.gif) no-repeat;
	padding-top: 48px;
}

#comm-column #box-gam {
	background: #277fad url(../imgs/comm-gam.gif) no-repeat;
	padding-top: 48px;
}

#emmy {
	width: 160px;
	height: 145px;
	position: absolute;
	top: 860px;
	left: 590px;
	color: #fff;
	background: url(../imgs/emmy.jpg) no-repeat;
	font-size: 1.4em;
	padding-left: 80px;
	padding-top: 30px;
}

#partners {
	width: 240px;
	position: absolute;
	top: 730px;
	left: 360px;
	/*background-image: url(../img/about-tbss.jpg);*/
}

#partners-ab {
	width: 250px;
	position: absolute;
	top: 775px;
	left: 612px;
}

#pathfinders-ab {
	width: 235px;
	position: absolute;
	top: 790px;
	left: 360px;
	background: url(../imgs/pathfinders-ab.gif) no-repeat left top;
	height: 240px;
	padding-top: 40px;
}

#pathfinders-ab p a {
	color: #fff;
	text-decoration: underline;
}

#pathfinders-ab p a:hover {
	text-decoration: none;
}

#partners a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	font-size: .85em;
}

#separator {
	width: 580px;
	height: 15px;
	left: 20px;
	top: 715px;
	position: absolute;
	/*background-image: url(../img/line.jpg);*/
}

#popup {
	/*width: 520px;
	height: 350px;*/
	/*position: absolute;
	top: 50px;
	left: 50px;*/
	background: url(../img/pop_up-bg.jpg) no-repeat;
	padding-left: 20px;
	padding-top: 155px;
	color: #a5f9a1;
}

#popup h4 {
	color: #fff;
}

#popup .close a {
	position: absolute;
	top: 25px;
	left: 450px;
	color: #a5f9a1;
	font-weight: bold;
	font-size: .8em;
}

/* @group footer */

#footer {
	position: absolute;
	top: 1040px;
	left: 20px;
	width: 400px;
	height: 50px;
	padding-top: 25px;
	font-size: .8em;
}

#footer.ls {
	background: url(../imgs/logo-btm-ls.gif) no-repeat;
}

#footer.im {
	background: url(../imgs/logo-btm-im.gif) no-repeat;
}

#footer.mm {
	background: url(../imgs/logo-btm-mm.gif) no-repeat;
}

#footer.cv {
	background: url(../img/tbs-footer.gif) no-repeat;
}

#footer a {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: underline;
}

/* @end */