/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */

/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; font-size: x-small; }

body
	{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color:#000000;
	}

img {border:0px;}
	
td {font-size: x-small;}

.xmlbutton {border:1px solid; border-color:#FC9 #630 #330 #F96;padding:0 3px; font:bold 10px verdana,sans-serif; color:#FFF;background:#F60; text-decoration:none;margin:0;}
	
div {margin: 0px; padding: 0px; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.adpadding {margin: 0px; padding: 4px 0px 4px 0px;}
div.leftalign {margin: 0px; padding: 8px; text-align:left; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.rightalign {margin: 0px; padding: 8px; text-align:right; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}
div.title {margin: 0px; padding: 0px; text-align:left; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#000000;}

/* Basic Paragraphing */
p {padding: 8px; margin: 0px; color:#000000; background-color: transparent; font-family:tahoma, verdana, arial, sans-serif; }
p.leftalign {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  text-align:left; color:#000000;}

/* ====================================================================
NEW HOMEPAGE STYLING
-------------------------------------------------------------------- */

/*
#upperleft {float:left; width:202px; border-bottom:0px solid #ff9900; height:365px;}
#indeximagesmall {float:left; width:329px; border:0px solid #000; margin-left:9px;}
#bottomleft {float:left; width:202px; border:0px solid #ff9900;}
#bottomright {float:left; width:200px; border:0px solid #ff9900;}
*/
#indeximage {float:left; width:550px; height:318px; margin-left:0px;}
#upperright {float:right; width:200px; border-bottom:0px solid #ff9900; }
#lowercontent {width:540px; margin-top:25px; margin-bottom:12px; float:left;}
#linkscontainer {height:318px;}
#facebookbox {float:right; width:225px; text-align:center; margin-top:2px;}
#iconbox {float:left; width:310px;}

.rssheader {border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0px 3px; font:bold 12px verdana,sans-serif; color:#FFF; background:#ff9900; text-decoration:none; margin-top:10px;}

#linkbar {width:750px; height:75px; background-color:#990099; background-image:url(../images/homepage/linkbar_bg.gif);  margin-bottom:2px; border-top: 3px solid #fff;}

.linkbartitles {font-weight:bold; color:#ffcc33; text-transform:uppercase;}
.linkbarboxcenter {width:140px; float:left;}
.linkbarboxleft {width:165px; float:left; padding:2px 2px 0px 6px; color:#fff;}
.linkbarboxright {width:150px; float:left;}

p.teaser 
{
font-size: 10pt;
line-height:160%;
margin-left:5px;
}

.homepagepullquote {
float:right;
width:100px;
margin-top:5px;
margin-bottom:5px;
margin-left:12px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: right;
}

.homepagetitle {
margin-top:5px;
margin-bottom:5px;
margin-left:12px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
}

/*for trivia game links */
a.index:link { 
color:#fff;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;}

a.index:active { 
color:#ffffff; 
text-decoration:none; 
}

a.index:visited { 
color:#ccc; 
text-decoration:underline; 
}



/* ====================================================================
DYNAMIC DROPDOWN MENU STYLING
-------------------------------------------------------------------- */

#tab-box
	{
	color: #000000;
	background: transparent;
	margin: 0px;
	margin-bottom:5px;
	padding-top:10px;
	border: 0px solid #000000;
	width:1000px;
	min-height: 69px;
	text-align:left;

	}	
	
.tabs
	{
	float:left;
	border:0px solid #000000;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	max-width:112px;
	text-align:left;
	}
	

.anylinkcss
{
position:absolute;
visibility: hidden;
border-bottom:1px solid black;
border-bottom-width: 0px;
z-index: 100;
background-color: #ffffff;
width: 150px;
font-size:small;
}

.anylinkcss a
{
/*width: 100%;*/
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px;
text-decoration: none;
}

.anylinkcss a:visited
{
background-color: #ffffff;
color: #660066;
text-decoration:none;
}

.anylinkcss a:hover
{ /*hover background color*/
background-color: #660000;
color: #ffffff;
text-decoration:underline;
}

/* ====================================================================
PULLQUOTES
-------------------------------------------------------------------- */

/*for pullquotes on text-heavy behind-the-scenes areas like Lawrence and Ideas pages */
.rightpullquote {
float:right;
width:140px;
margin-top:10px;
margin-bottom:15px;
margin-left:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: right;
}

.leftpullquote {
float:left;
width:140px;
margin-top:10px;
margin-bottom:15px;
margin-right:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, Georgia;
font-size: 28px;
line-height:24px;  
text-align: left;
}


/* ====================================================================
RESEARCH AND DEVELOPMENT
-------------------------------------------------------------------- */

.nonlivelink {color:#dcdcdc; font-size:13pt; text-decoration:underline;}
.livelink {color:#ffffff; font-size:13pt;}
.titles {color:#996600; font-size:12pt; font-weight:bold;}
#brownlinkbar {color:#ffffff; width:744px; border:0px solid #000000; padding:2px; text-align:center; font-weight:bold; background-color:#663300; font-size:13pt;}
#mainpagegraphicbox {border:0px solid #000000; float:left; width:315px; height:350px; margin:10px 0px 0px 0px; text-align:left; }
.mainpagetextbox {width:410px; float:left; border:0px solid #000; margin:10px 0px 0px 10px; line-height:200%; color:#996633; font-size:10pt;}
.narrowtextbox {width:410px; float:right; border:0px solid #000; margin:10px 0px 0px 3px; line-height:170%; color:#996633; font-size:10pt;}
.verynarrowtextbox {width:260px; float:right; border:0px solid #000; margin:10px 0px 0px 3px; line-height:170%; color:#996633; font-size:10pt;}
.widetextbox {width:600px; border:0px solid #000; line-height:200%; color:#996633; font-size:10pt;}
.verywidetextbox {width:660px; border:0px solid #000; line-height:200%; color:#996633; font-size:10pt;}
.leftimagebox {width:320px; text-align:right; float:left; margin-top:10px;}
.leftphoto {float:left; margin-right:5px; margin-top:10px;}
.rightphoto {float:left; margin-top:10px;}
.foursome {float:left; margin:10px 6px 0px 0px;}
.sublinks {line-height:100%; color:#996633; font-size:10pt; }
.subbox {width:134px; float:left; border:0px solid #000; text-align:center; margin-right:2px;}
.subpagetitles {color:#996633; font-size:12pt; font-weight:bold;}


/* ====================================================================
LYNN'S PAGES
-------------------------------------------------------------------- */

.photocolumn {float:left; width:225px; height:100%; border:0px solid #000; text-align:center; padding-top:10px;}
.middlecolumn {float:right; width:500px; border:0px solid #ccc; padding-left:20px;}
.purplecaps {font-weight:bold; color:#996699; font-size:small; text-align:left; text-transform:uppercase;}

/* ====================================================================
STRIP FIX STYLING
-------------------------------------------------------------------- */
div.stripframe { padding:0px; margin-bottom:15px; border:1px solid #cccccc; background-color:#f1f1f1; margin-top:5px; padding-top:2px;}
td.cafepress {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:10pt; color:#000000; text-align:left;}

/* begin styles for RSS Feed This is the most basic style to use for a list with no bullets -this code is also in the Time Travel css file */
.rss-box {background-color: #ffffff; font-size:10pt;}
.rss-title, rss-title a {margin: 0px 0;padding:0;  margin-bottom:5px;}
.rss-items {list-style:none; margin:0; padding:0;}
.rss-item  {margin-bottom: 5px;;}
.rss-item a:link, .rss-item a:visited, .rss-item a:active {}
.rss-item a:hover { }
.rss-date {} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
/* end RSS feed styling */

.calendar {
		font-family:tahoma, arial, sans-serif;
		color:#fff;
		font-size:8pt;
		font-weight:bold;
  		background:#993366;
  		line-height:140%;
  		padding:1px;
        text-align:center;
		}
		
.calendardays {
		font-family:tahoma, arial, sans-serif;
		color:#000;
		font-size:8pt;
		font-weight:normal;
  		background:#66cc99;
  		line-height:140%;
  		padding:1px;
        text-align:center;
		}


		
.calendarhead {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:8pt; 
font-weight:bold;
}

table.calendarcenter {text-align:center;}

.side {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
}

.sidetitle {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
font-weight:bold;
}

.xmlbox {border:1px solid; border-color:#FC9 #630 #330 #F96;padding:0 3px; font:bold 10px verdana,sans-serif; color:#FFF;background:#F60; text-decoration:none;margin:0;}

.stripdatetitle {font-size:medium; font-weight:bold; background-color:transparent; color:#000;}
.archive-header {font-size:medium; font-weight:bold; background-color:transparent; color:#000;}

/* ====================================================================
BIBLIOGRAPHY STYLING
-------------------------------------------------------------------- */
#bibliotitle {width:750px; height:120px;}
#showme {padding-top:15px; float:left; font-weight:bold; font-size:11pt; margin-right:5px;}
#orshowme {padding-top:15px; float:left; margin-left:10px; font-weight:bold; font-size:11pt; margin-right:5px;}
#querymenu {float:left; border:0px solid #ccc; padding-top:6px;}
#querymenu2 {float:left; border:0px solid #ccc; padding-top:6px;}
#printablebutton {float:right; border:0px solid #ccc;}
#entrydivider {height:2px; width:735px; border-top:1px dashed #ccc; margin-top:5px; margin-bottom:5px;}
#bookentry {float:left; width:480px; padding-top:5px;}
#bookimage {float:right; width:210px;}
.lynndropcap {float:left;color:#3399cc;font-size:100px;line-height:70px;padding-top:2px;font-family: Times, serif, Georgia;}
.listingformat {font-size:medium; color:#000; font-weight:bold;}
.listingtitle {font-size:medium; color:#0033cc; font-weight:bold;}

/* ====================================================================
CHARACTER PAGE STYLING
-------------------------------------------------------------------- */
/*green tabs for navigating within character's page*/
span.greentabs
{
background-color:#339933; 
color:#ffffff; 
padding:3px;
}

a.tablinks:link { 
color:#ffffff;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.tablinks:visited { 
color:#ffff33;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

/*links appearing on each character letterpage for navigating between letters*/
div.letterlinks
{
background-color:#339933; 
color:#ffffff; 
font-weight:bold; 

padding:2px;
margin:2px;
}

a.letterlinks:link { 
color:#ffffff;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.letterlinks:visited { 
color:#ffffcc;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

/*these are the links in the light green bar across top of page*/
a.charlinks:link { 
color:#000000;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}

a.charlinks:visited { 
color:#993399;
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 

font-weight:bold;}


/*these two div classes may be obsolete and deletable*/
div.mainpagelinks
{
background-color:#ffcc66; 
color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-weight:bold; 

padding:4px 4px 4px 40px; 
margin-bottom:2px;
}

div.purpleheader { margin: 0px; padding: 0px ; color:#9966cc; font-family:tahoma, verdana, arial, sans-serif; font-weight:bold; border: 0px }


/* ====================================================================
CONTACT US
-------------------------------------------------------------------- */

/*this sets header color on contact page - may be outdated */
.bluetitle {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  font-weight:bold; color:#0099cc; }



/* ====================================================================
FUN STUFF STYLING
-------------------------------------------------------------------- */

/* Fun Stuff - uses CSS for page layout also */
div.funcaptions {padding: 0px 0px 0px 0px;  text-align:left; border:0px solid #000000; padding-top:15px;}
div.funseasonal {margin: 0px; padding: 10px 10px 5px 10px;  border:1px solid #000000; }


/*this sets the picture of Liz and her chalkboard behind the text in the Trivia homepage */
.lizquiz {padding: 0px; margin: 0px; background-image: url(../fun/trivia/chalkboard_map.gif); background-repeat:no-repeat;  background-position:top, left; width:630px; height:294px; }

.lizquiztext {font-size: x-small; padding:0px 0px 0px 80px ; color:#ffffff; text-align:center; font-weight:bold; border: 0px; width:580px; height:200px;}

/*for trivia game links */
a.whitelinks:link { 
color:#ffffff;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:active { 
color:#ffffff; 
text-decoration:none; 
font-family:tahoma, verdana,arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:visited { 
color:#ffffff; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

a.whitelinks:hover { 
color:#ffffff; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size: x-small;
font-weight:bold;}

/*on the Fun Stuff mainpage */
a.funlinks:link { 
color:#cc0000;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:active { 
color:#cc0000; 
text-decoration:none; 
font-family:tahoma, verdana,arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:visited { 
color:#cc0000; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}

a.funlinks:hover { 
color:#cc0000; 
text-decoration:underline; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
font-weight:bold;}


/* ====================================================================
MEMORY GAME
-------------------------------------------------------------------- */
/* Memory Game */
div.memorycolumn { width:749px;  margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif; float:left;  text-align:center;}

/* ====================================================================
MIKE AND DEE STYLING
-------------------------------------------------------------------- */

div.mikedeanna {margin: 0px; padding: 0px; width:631px; height:301px; text-align:right;  background-image: url(../images/characterpages/mikedeanna/wedding.jpg); background-repeat:no-repeat;  background-position:top, left;}
div.mikedeannatext {float:right; padding:8px 12px 10px 8px; width:466px; text-align:left; color:#ffffff; font-size:9pt; border:0px solid #ffffff;}

/* ====================================================================
MAKING OF...STYLING
-------------------------------------------------------------------- */

#leftside {float:left; width:380px; border:0px solid #000;}
#details {margin:0px; padding:10px; font-family:tahoma, verdana, arial, sans-serif; font-size:small; color:#000000; background-image:url(../features/makingof/images/paper.jpg); background-repeat:no-repeat; border:0px solid #000; width:347px; float:left; height:323px;}
#rednav {color:#cc0000; padding-left:10px; font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:link {color:#cc0000; font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:hover {color:#cc0000;  font-size:10pt; font-weight:bold; padding-top:20px;}
a.rednav:visited {color:#cc0000; font-size:10pt; font-weight:bold; padding-top:20px;}
.upper {font-size:10pt; margin-top:4px;}
.text {font-size:10pt;}
.prevnext {width:50%; float:right; text-align:right; font-size:10pt; border:0px solid #000;}
.pagecount {float:left; font-size:10pt; border:0px solid #000; font-size:8pt;}
.spotart {width:80%;text-align:right; padding-right:30px; border:0px solid #000;}


/* ====================================================================
MTIGWAKI STYLING
-------------------------------------------------------------------- */

div.mtigwakinav {background:#669966; color:#ffffff; padding:0px; background-image: url(../../char_pgs/mtigwaki/images/green_bg.gif); background-repeat:repeat; width: 100%; height:100%;}
div.mtigwaki { margin: 0px; padding: 10px; font-family:tahoma, verdana, arial, sans-serif;  color:#000000;}

/* ====================================================================
NEWSLETTER STYLING
-------------------------------------------------------------------- */

#neatstuff { border:0px solid #000; float:left; width:240px; height:413px; background-image:url(../newsletter/images/bg_neatstuff.gif); background-repeat:no-repeat; text-align:left;}

#signup {border:0px solid #000; float:left; width:505px; height:191px; background-image:url(../newsletter/images/bg_signup.gif); background-repeat:no-repeat; text-align:right;}

#subscribe {float:right; margin-right:37px; margin-top:10px; text-align:left;}

#maintext {border:0px solid #000; float:left; width:500px; height:222px; background-image:url(../newsletter/images/bg_purple.gif); background-repeat:repeat; text-align:left; padding-left:5px; line-height:150%}

#lowerleft {float:left; width:481px;}

#scoop {border:0px solid #000;  width:481px; height:147px; background-image:url(../newsletter/images/bg_scoop.gif); background-repeat:no-repeat; text-align:left;}
p.scoop {line-height:180%; padding-top:44px; font-size:10pt;}

#exclusives {border:0px solid #000; float:left; width:265px; height:472px; background-image:url(../newsletter/images/bg_exclusives.gif); background-repeat:no-repeat; text-align:left;}

p.exclusives {margin-top:110px; margin-left:30px; line-height:150%;}

.bullets {padding-bottom:6px; margin-left:5px;}

/* ====================================================================
FARLEY FOUNDATION STYLING
-------------------------------------------------------------------- */
#ffleft {width:260px; float:left; border-right:0px solid #000; margin-left:15px; padding:5px;}
#ffright  {width:430px; float:left; border-right:0px solid #000;}
#text {background-image:url(../features/ffoundation/images/bg.jpg); background-repeat:repeat; width:425px; }

/* ====================================================================
Q and EH STYLING
-------------------------------------------------------------------- */
/*q_eh section*/

img.button { cursor: pointer; }

/*these can go after new section launched Oct. 2006*/
div.qehcenter { width:360px; margin: 0px; padding: 0px 0px 4px 0px; font-family:tahoma, verdana, arial, sans-serif; }
div.qehheader { margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif;  color: #cc3300; font-weight:bold; text-transform: uppercase;}

/* ====================================================================
SHOP PAGE STYLING
-------------------------------------------------------------------- */

div.shoptitle { background:#ffcc33; text-align:center; font-weight:bold; padding:2px; margin-bottom:4px;} /* yellow header bars */
div.bigbox {width:480px; border:0px solid #000000; float:left;}
div.upperright {width:240px; height:180px; border:0px solid #000000; float:right; padding-left: 2px;}
div.columnone {float:left; width:240px; left:0px; margin-top:10px; margin-right:5px; border:0px;}
div.columntwo {width:235px; margin-top:10px; border:0px; float:left;}
div.columnthree {float:right; width:243px;  margin-top:10px; background-color:white;}

/* newsletter mainpage styling - added July 7 2006 - same layout as Shop page */
div.bigbox {width:480px; border:0px solid #000000; float:left;}
div.upperright {width:240px; height:180px; border:0px solid #000000; float:right; padding-left: 2px;}
div.columnone {float:left; width:240px; left:0px; margin-top:10px; margin-right:5px; border:0px;}
div.columntwo {width:235px; margin-top:10px; border:0px; float:left;}
div.columnthree {float:right; width:243px;  margin-top:10px; background-color:white;}


/* ====================================================================
STUDIO TOUR STYLING
-------------------------------------------------------------------- */
/*this sets the picture behind the text in the Studio Tour sidebar */
.studiomap {padding: 0px; margin: 0px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/studio_map.gif); background-repeat:no-repeat;  background-position:top, left; width:252px; height:412px;}

/*this sets the purple picture behind the text in the Studio Tour main area */
.studiopurple {padding: 0px; margin: 0px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/purple_bg.gif); background-repeat:repeat; width:485px; height:411px;}

p.studiowhite {padding: 8px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif;  text-align:left; color:#ffffcc;}

div.studiotitle {background:#ffffff; color:#996699; font-size:12pt; padding:3px 3px 3px 3px;}
div.studioheader {background:#996699; color:#ffffff;  font-size:12pt; padding:3px; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/purplebg.gif); background-repeat:repeat; width: 100%;}
div.studioheaderright {background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/tealbg.gif); background-repeat:repeat; color:#ffffff; font-size:11pt; padding:3px; font-weight:bold;}

a.studiolinks:link {
background:transparent;
text-decoration:none; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:12pt; 
color:#000000; 
font-weight:bold;
}
a.studiolinks:active {color:#000000; text-decoration:none; }
a.studiolinks:visited {color:#993399; text-decoration:none; }
a.studiolinks:hover {color:#000000; text-decoration:none; }

p.studio {padding:0px 0px 7px 3px;}

div.studiorightcolumn {border:0px; width:245px; padding:0px 0px 0px 3px; text-align:left; float:right;}

div.studiocentercolumn {border:0px solid #000000; width:235px; padding:0px; float:left; font-family: tahoma, arial, sans-serif; text-align:center; font-weight:bold; padding:0px 0px 0px 3px;}

div.studioleftcolumn {border:0px; width:250px; padding:0px; float:left; text-align:center; font-weight:bold; font-family: tahoma, arial, sans-serif; background:transparent; background-image: url(http://www.fborfw.com/behind_the_scenes/studio/images/gradient.gif); background-repeat:repeat-x; }


/* ====================================================================
WHO's WHO STYLING
-------------------------------------------------------------------- */
div.wholinks { 
width:150px;
margin: 0px 0px 2px 0px; 
padding: 1px 1px 1px 3px; 
font-family:tahoma, verdana, arial, sans-serif; 
color:#ffffff; 
background:#cc66cc; 
font-weight:bold;}

#charselect {width:200px; padding:4px; background-color:#cc99cc; float:left;}
#charlinkselect {width:530px; float:right; margin-left:5px;}
#bionavstyling {font-family:verdana, tahoma, sans-serif; font-size:10pt; background-color:#cc99cc; font-weight:bold; line-height:150%;}

/* ====================================================================
APRILS BLOG / Elly's Coffee Talk STYLING
-------------------------------------------------------------------- */

#blogcontainer {width:745px; border:0px solid #000000;position:relative; background-color:transparent; text-align:center;}
#calendarbar {float:left; width:223px; margin:5px; text-align:center; padding:0px; font-family: tahoma,arial,sans-serif; font-size:x-small;}
#blogentries {background-color:transparent; width:497px; padding:4px;  float:right; color:#000; text-align:left;}
#blogintro {width:295px; float:left; color:#000; padding-top:5px;}
#spillyourbeans {width:182px; padding:0px; float:right; color:#000;}
.brewing {margin-bottom:10px; border-bottom:1px solid #999966;}
.lynncomment {font-style:italic; color:#663300;}
.name {margin-left:20px;}
.blogentrytitle {font-size:large; color:#993333;}
.beans {width:481px; background-image:url(http://www.fborfw.com/fun/blog/images/beanline.gif); height:19px; background-repeat:no-repeat;}

.todo {
background:#cc99cc; 
color:#000000; 
text-align:center; 
font-family:tahoma, arial, sans-serif; 
font-size:x-small;
margin-left:7px;
margin-bottom:2px;
padding:3px;
width: 200px;}

.blogcalendar {
		font-family:tahoma, arial, sans-serif;
		color:#fff;
		font-size:x-small;
		font-weight:bold;
  		background:#cc6633;
  		line-height:140%;
  		padding:2px;
        text-align:center;
		}
		
.blogcalendardays {
		font-family:tahoma, arial, sans-serif;
		color:#000;
		font-size:x-small;
		font-weight:normal;
  		background:#cc9966;
  		line-height:140%;
  		padding:2px;
        text-align:center;
		}


.blogcalendarhead {color:#000000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:10pt; 
font-weight:bold;
}


/* ====================================================================
NEWS BLOG STYLING
-------------------------------------------------------------------- */

#sidebar {
width:245px; 
background-color:transparent;
float:left;
border-right:1px solid #006699;
border-bottom:1px solid #006699;
height:100%;
}

.newssidetitle {font-size:12pt; color:#006699; margin-top:30px; font-weight:bold; margin-bottom:5px;}

a.newsfeedlink {color:#006699;}
a.visited:newsfeedlink {color:#006699;}

#newsdiv {
background-color:transparent; 
width:460px; 
padding:4px; 
text-align:left; 
float:right; 
border:0px solid #000000;

}

#menu {
padding:4px; 
text-align:center; 
border:1px solid #000000;
}

.entry {
padding: 4px 0px 4px 0px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

.entrytitle {
font-weight:bold;
font-size:medium;
color: ##993366;
padding-bottom: 4px;
}

.entrydate {
font-weight:bold;
font-size:x-small;
font-style:italic;
color: #999999;
}

p.entryheader {
padding: 0px; 
margin-top: 20px; 
border:0px solid #000; 
font-family:tahoma, verdana, arial, sans-serif; 
font-size:small; 
text-align:left; 
color:#000000;
}





/* ====================================================================
LAYOUT STYLING
-------------------------------------------------------------------- */

/*CSS Hack */

.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */

/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
#box-wrap
	{
	color : #ffffff;
	background: #ffffff;
	border: 0px;
	width:1000px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}
	
#header
	{
	color: #000000;
	background: #ffffff;
	background-image:url(http://www.fborfw.com/images/logobg.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	border: 0px ;
	width:1000px;
	}
	
#logo
	{
	color: #000000;
	background: transparent;
	margin-right: 5px;
	padding: 0px;
	border: 0px;
	float: left;
	width:240px;
	}		

/* new in wide-style pages only */
#uclickleaderboard
{
padding: 0px; 
text-align:right;
border: 0px solid #000000; 
width:730px;
float:right;
}


	
	/* experimentlly removed to float tabs next to logo
#bannerad
	{
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 30px 0px 4px 0px; /* 4 pixels top padding prior to removal of breadcrumb trail 
	border: 0px;
	}	
	*/
	

	
h1 { margin: 0px; }

h2
	{
	font-size: 1em;
	color: #ffffff;
	background-color: #000000;
	margin: 0px 0px 0.5em 0px;
	padding: 0.25em;
	} 


#footer
	{
	background-color:#cccccc; 
	border-top: 1px solid #000; 
	padding:4px; 
	font-family: tahoma, sans-serif; 
	font-size:8pt; 
	width:992px; 
	text-align:left;
	}
	
/* ====================================================================
CONTENTS and COLUMNS LAYOUT
-------------------------------------------------------------------- */

#content-float
	{
	float: left;
	width: 1000px;
	padding: 0px;
	}

#column-main
	{
	float: right;
	width: 1000px;
	padding: 0px;
	}
	
#column-main-content
	{
	padding: 0px;
	border: 0px;
	color: #000000;
	background-color:#ffffff;
	}
	
/* ====================================================================
TEST Sidebar for tower advertising and new content
-------------------------------------------------------------------- */
#sidebarcolumn
{
float: right;
width: 222px;
max-width: 222px;
padding: 4px;
margin-left:20px;
background:#fff;
overflow:hidden;
text-align:right;
}

	
/*#columns-float
	{
	float: left;
	width: 750px;
	padding: 0px;
	}
*/
	
	
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */


/* These are the left and right columns in two-column pages that don't have their own custom layouts */

#column-left 
{ 
float: left;
width:255px;
padding: 0px;
}

#column-right
	{
	float: right;
	width: 490px;
	padding: 0px;
	}
	



/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/

#box-wrap, #columns-float, #column-main,  h2
	{ p\osition: relative; }
/* */

/* ====================================================================
POSSIBLY OUTDATED ITEMS
-------------------------------------------------------------------- */

/*this sets header color for purple section of website */
.purpletitle {padding: 0px; margin: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#996699; }

/*for Behind the Scenes area??*/
div.studiobox { margin: 0px; padding: 4px 4px 4px 4px; font-family:tahoma, verdana, arial, sans-serif; font-size:small; border: 1px solid #000000; background-color:#ffcc00; width: 95%; }
div.purpleheader { margin: 0px; padding: 0px ; color:#9966cc; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; border: 0px }
div.centertext { width:335px; margin: 0px; padding: 0px 0px 4px 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;}


/* Character Letters for old layout */
div.centertextletters { width:335px; margin: 0px; padding: 0px 0px 0px 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;  border: 0px solid #000000;}
div.archivenav { width:335px; margin: 4px; padding: 0px; font-family:tahoma, verdana, arial, sans-serif; font-size:small;  border: 1px dashed #000000; background-color:#99cc99;}

/* Unknown */
div.title { margin: 0px; padding: 0px; text-align:left; font-family:tahoma, verdana, arial, sans-serif; font-size:medium; font-weight:bold; color:#000000;}


/* ====================================================================
LIGHTBOX IMAGE GALLERY STYLES
-------------------------------------------------------------------- */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.fborfw.com/includefiles/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.fborfw.com/includefiles/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#fanartgraphic {float:left; width:424px; height:190px;}
#fanarttext {font-size:14pt; padding-top:30px; line-height:150%;}
#frameleft {width:245px; border:1px solid #000; float:left; margin-bottom:10px;}
#framemiddle {width:245px; border:1px solid #000; float:left; margin-left:6px; margin-right:3px;  margin-bottom:10px;}
#frameright {width:245px; border:1px solid #000; float:right; margin-bottom:10px;}