/* ====================================================================
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;}
#indeximage {float:left; width:329px; border-bottom:0px solid #000; margin-left:9px;}
#upperright {float:right; width:200px; border-bottom:0px solid #ff9900; }
.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;}
#bottomleft {float:left; width:202px; border:0px solid #ff9900;}
#indeximagesmall {float:left; width:329px; border:0px solid #000; margin-left:9px;}
#bottomright {float:right; width:200px; border:0px solid #ff9900;}
.linkbarboxcenter {width:140px; float:left;}
.linkbarboxleft {width:165px; float:left; padding:2px 2px 0px 6px; color:#fff;}
.linkbarboxright {width:150px; float:left;}

/*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; 
}

p.teaser 
{
font-size: 10pt;
}

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

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

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

#tab-box
	{
	color: #000000;
	background: #ffffff;
	margin: 0px;
	margin-bottom:5px;
	padding: 0px;
	border: 0px solid #000000;
	width:755px;
	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:right; 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;
}

/* ====================================================================
BIBLIOGRAPHY STYLING
-------------------------------------------------------------------- */
#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;}

/* ====================================================================
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:250px; float:left; }
#ffright  {width:470px; float:right; border-left:2px solid #000;}
#text {background-image:url(../features/ffoundation/images/bg.jpg); background-repeat:repeat; width:425px;  margin-left:25px;}

/* ====================================================================
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;}


/* ====================================================================
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:750px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	}
	
#header
	{
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px ;
	width:750px;
	}

#logo
	{
	color: #000000;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
	width:255px;
	}	
	
#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:750px; 
	text-align:left;
	}
	
/* ====================================================================
CONTENTS and COLUMNS LAYOUT
-------------------------------------------------------------------- */

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

#column-main
	{
	float: right;
	width: 750px;
	padding: 0px;
	}
	
#column-main-content
	{
	padding: 0px;
	border: 0px;
	color: #000000;
	background-color:#ffffff;
	}
	
/*#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;}


/* ====================================================================
MEDIA GALLERY
-------------------------------------------------------------------- */

/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * div.gbBlock           Sidebar or content section with style for contained lists
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 */
 


#gallery h2, #gallery h3, #gallery h4, #gallery form {
    margin: 0;
    padding: 0;
}

#gallery p {
    margin: 0.6em 0;
    padding: 0;
}

.gbBlock {
    padding: 0.7em;
    border-width: 0 0 0px 0;
    border-style: inherit;
    border-color: inherit;
    /* IE can't inherit these */
    border-style: expression(parentElement.currentStyle.borderStyle);
    border-color: expression(parentElement.currentStyle.borderColor);
}

.gbBlock ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gbBlock ul ul {
    margin: 0 0 0.5em 1.0em;
}

.gbBlock li {
    padding: 6px 0 0 0;
}

#gallery .gbBlock h3 {
    margin-bottom: 0.5em;
}

#gallery .gbBlock h4 {
    margin-top: 0.5em;
}


#gsNavBar div.gbBreadCrumb {
    margin: 0;
    padding: 4px 8px;
}

table.gbDataTable {
    padding-bottom: 4px;
}

table.gbDataTable th, table.gbDataTable td {
    padding: 4px;
}


.giBlockToggle {
    padding: 0 0.4em 0.1em;
}
.giBlockToggle:hover {
    cursor: pointer;
}


.gbMarkupBar {
    margin: 4px 0;
}

#gallery .gbMarkupBar input {
    margin: 0;
    padding: 0;
}


/* ********************************************************************************
 * Sections
 * body.gallery     Page body in G2 standalone (doesn't apply to embedded)
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

body.gallery {
    margin: 0;
    padding: 0;
}

#gallery {
    padding: 8px;
}
#gallery.rtl {
    direction: rtl;
}

#gsNavBar {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#gsNavBar div.gbSystemLinks {
    padding: 4px 6px;
}

#gsNavBar div.gbSystemLinks span {
    padding: 0 4px;
}

#gsSidebar {
    border-right-width: 1px;
    width: 175px;
    overflow: hidden;
}
#gsSidebarCol {
    width: 1%; /* Expand to fit content ("0" bad4 firefox, "1px" bad4 opera) */
}

td.giAlbumCell, td.giItemCell {
    padding: 1em;
    text-align: center;
}

#gallery td.giAlbumCell select, #gallery td.giItemCell select {
    margin-top: 0.8em;
}

/* So imageframed thumbs can be centered */
td.giAlbumCell table, td.giItemCell table {
    margin: auto;
}

#gsPages span {
    padding: 0 0.3em;
}

#gallery #gsSidebar ul {
    font-size: 1em;
}

/* ********************************************************************************
 * Matrix Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * a, h2, h3, etc        Standard html tags
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * .autoComplete*        Styles for autoComplete popup lists
 */

#gallery {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    color: #333;
    background-color: #fff;
}
body.gallery {
    background-color: #fff;
}

.gcBackground1 {
    background-color: #eee;
}

.gcBackground2 {
    background-color: #e7e7e7;
}

.gcBorder1 {
    border: 0 solid #ccc;
}

.gcBorder2 {
    border: 0 solid #888;
}

#gallery a {
    font-weight: bold;
    text-decoration: none;
    color: #6b8cb7;
}
#gallery a:hover {
    text-decoration: underline;
    color: #f4560f;
}
#gallery a:active {
    text-decoration: none;
    color: #f9c190;
}

#gallery img {
    border-width: 0;
}

#gallery h2, #gallery h3, #gallery h4 {
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
}

#gallery input:focus, #gallery textarea:focus {
    background-color: #ffc;
    color: #000;
}

#gallery input.inputTypeSubmit, #gallery input.inputTypeButton {  /* No input[type=submit] in IE */
    color: #333;
    background-color: #eee;
    border-width: 2px;
    border-style: solid;
    border-color: #e7e7e7 #666 #666 #e7e7e7;
}

#gallery select {
    font-size: 1em;
}

.giTitle, #gallery h2, #gallery h3, #gallery h4 {
    font-size: 1.3em;
    font-weight: bold;
}

#gallery pre, #gallery tt {
    font-family: Courier New;
    font-size: 1.2em;
}

.giSubtitle {
    font-size: 0.9em;
    font-weight: normal;
    vertical-align: text-bottom;
}

.giDescription {
    font-size: 1.1em;
    line-height: 1.4em;
	text-align:left;
}

.gbEmptyAlbum {
    height: 400px;
}

.giDescription h3.emptyAlbum {
    line-height: 4.0em;
    text-align: center;
}

.giInfo {
    font-size: 0.9em;
    color: #888;
}

.giSuccess, .giWarning, .giError  {
    font-weight: bold;
}

.giSuccess { color: #5c0; }
.giWarning { color: #c50; }
.giError { color: #a44; }

.giNew, .giUpdated {
    border-width: 2px;
    border-style: ridge;
    padding: 0 6px;
    line-height: 1.9em;
}

#gsNavBar div.gbBreadCrumb {
    font-size: 1.1em;
    font-weight: bold;
}

#gsNavBar div.gbBreadCrumb a, #gsNavBar div.gbBreadCrumb span {
    padding: 0 0 0 14px;
    background: url('images/icon_path_separator.gif') no-repeat left;
}

#gsNavBar div.gbBreadCrumb a.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
    white-space: nowrap;
}

#gsThumbMatrix {
    width: 100%;
}

#gallery.IE div.gbBreadCrumb span {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    padding-right: 4px;      /* IE has less space at right of each span */
}

#gsNavBar div.gbBreadCrumb span.BreadCrumb-1 {   /* no :first-child in IE */
    padding-left: 0;
    background-image: none;
}

#gsNavBar div.gbSystemLinks {
  float: right;
}

table.gbDataTable th {
    text-align: left;
    background-color: #e7e7e7;
}

.gbEven {
    background-color: #fff;
}

.gbBusy {
    background-color: #78D478 !important;
}

.gbOdd {
    background-color: #eee;
}


div.gbTabBar {
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.8em 0 0;
    padding: 6px;
    background: url('../matrix/images/tab_bg.gif') repeat-x bottom;
    white-space: nowrap;
}

div.gbTabBar span.o {
    padding: 6px 0 5px 8px;
    background: url('../matrix/images/tab_left.jpg') no-repeat left top;
}
#gallery.IE div.gbTabBar span.o {
    display: inline-block;   /* IE loses padding-left on wrapped inline nowrap element */
    margin-bottom: 1px;      /* ..and then adds padding differently with inline-block.. */
}
/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */
#gallery.IE div.gbTabBar { padding-bottom: 0; white-space: normal; }
#gallery.IE div.gbTabBar span.giSelected { margin-bottom: 0; }

#gallery div.gbTabBar span span {
    padding: 6px 12px 5px 4px;
    background: url('../matrix/images/tab_right.jpg') no-repeat right top;
}

#gallery div.gbTabBar a {
    color: #777;
    text-decoration: none;
}

#gallery div.gbTabBar a:hover {
    color: #333;
}

#gallery div.gbTabBar span.giSelected {
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_left_on.jpg');
}

#gallery div.gbTabBar span.giSelected span {
    color: #333;
    padding-bottom: 6px;
    background-image: url('../matrix/images/tab_right_on.jpg');
}

.autoCompleteShadow {
    background-color: #a0a0a0 !important;
}

.autoCompleteContainer {
    border: 1px solid #404040;
    background-color: #fff;
    border-top: 0px;
    border-bottom: 1px dotted rgb(0, 128, 0);
    margin-bottom: -1px;
    margin-top: 0px;
}

.autoCompleteContainer li.yui-ac-highlight {
    background-color: #eee;
}

#gallery .gbMarkupBar input {
    font-size: 1.1em;
}

.giSearchHighlight {
    font-weight: bold;
    background-color: #ff6;
}


/* ********************************************************************************
 * Sections
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 */

#gsNavBar div {
    margin-top: 0.1em;  /* Align system links with breadcrumb */
    font-weight: bold;
}

#gsSidebar div ul {   /* no > in IE */
    font-size: 1.1em;
    font-weight: bold;
}
#gsSidebar div ul ul { font-size: 1.0em; }

#gsSidebar ul span {
    color: #999;
}

div.gbNavigator div.next-and-last {
  float: right;
}
div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: right;
}

div.gbNavigator a.first {
  padding-left: 27px;
  background: url('images/nav_first.gif') left no-repeat;
}

div.gbNavigator a.previous {
  padding-left: 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}

div.gbNavigator a.next {
  padding-right: 27px;
  background: url('images/nav_next.gif') right no-repeat;
}

div.gbNavigator a.last {
  padding-right: 27px;
  background: url('images/nav_last.gif') right no-repeat;
}

div.gbNavigator div.first-and-previous img {
  vertical-align: middle;
  padding-right: 0.5em;
}
div.gbNavigator div.next-and-last img {
  vertical-align: middle;
  padding-left: 0.5em;
}

#gallery.rtl div.gbNavigator div.next-and-last {
  float: left;
}
#gallery.rtl div.gbNavigator div.next-and-last.no-previous {
  float: none;
  text-align: left;
}
#gallery.rtl div.gbNavigator div.first-and-previous {
  text-align: right;
}
/* Both IE and Gecko have bugs with omitting padding on rtl inline content */
#gallery.IE.rtl div.gbNavigator a {
  display: inline-block;
}
#gallery.gecko.rtl div.gbNavigator a {
  display: -moz-inline-box;
}

#gallery.rtl div.gbNavigator a.first {
  padding: 0 27px 0 0;
  background: url('images/nav_last.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.previous {
  padding: 0 27px 0 0;
  background: url('images/nav_next.gif') right no-repeat;
}
#gallery.rtl div.gbNavigator a.next {
  padding: 0 0 0 27px;
  background: url('images/nav_prev.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator a.last {
  padding: 0 0 0 27px;
  background: url('images/nav_first.gif') left no-repeat;
}
#gallery.rtl div.gbNavigator div.first-and-previous img {
  padding: 0 0 0 0.5em;
}
#gallery.rtl div.gbNavigator div.next-and-last img {
  padding: 0 0.5em 0 0;
}

div.block-search-SearchBlock a.advanced {
  display: block;
  padding: 3px;
}

div.block-core-ItemLinks {
  margin: 3px 0;
}


div.block-core-ItemLinks a {
  padding: 3px;
}
div#gsSidebar div.block-core-ItemLinks a {
  display: block;
}

div#gsSidebar div.block-core-PeerList a {
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span {
  font-weight: bold;
  display: block;
  padding: 3px;
}

div#gsSidebar div.block-core-PeerList span.current {
  color: #0b6cff;
}

/* ***************************************************** */
/*                   Dynamic blocks                      */
/* ***************************************************** */

div.block-comment-ViewComments {
  margin: 5px;
}

div.block-comment-ViewComments div.one-comment {
  border: 1px solid #e7e7e7;
  padding: 5px;
  margin-bottom: 5px;
}

div.block-comment-ViewComments h3 {
}

div.block-comment-ViewComments span {
  padding-right: 5px;
}

div.block-comment-ViewComments p.info {
  font-style: italic;
  text-align: right;
  font-size: 0.95em;
}

div.block-core-GuestPreview {
  float: right;
}
#gallery.rtl div.block-core-GuestPreview {
  float: left;
}

span.block-core-SystemLink {
font-size:12pt;
}

div.block-exif-ExifInfo {
  margin: 5px;
}

span.bsw_ButtonDisabled {
  color: #999;
}

span.bsw_ButtonEnabled {
  color: #000;
  cursor: pointer;
}

table.bsw_ParamTable {
  width: 100%;
  border: 1px solid #999;
  border-collapse: collapse;
}

tr.bsw_ParamHeaderRow {
  background-color: #EEE;
}

tr.bsw_ParamHeaderRow td {
  font-weight: bold;
  text-align: center;
  border: 1px solid #999;
}

td.bsw_BlockCommands {
  white-space: nowrap;
  text-align: center;
}

#gsFooter {
  padding-top: 4px;
}

/* ********************************************************************************
 * Rating module style fix for Matrix
 */
.giRatingUI {
    margin: 10px auto; /* Required to center default rating module star images */
}
#gsThumbMatrix .giRatingAverageContainer {
    margin: auto;
}