/* --------------
PIREAN STYLE SHEET: Strife Of Brian

Defines the broad styling of the 'Strife Of brian' website.

-------------- */
#Wrapper {margin-left: auto; margin-right: auto; width: 840px; text-align: left;}
* html #Wrapper
    {
    width: 840px;
    }


* {
	margin: 0;
	padding: 0;
}

body{font:11px Arial, Helvetica, sans-serif; text-align: left; color: #505050; background-color: black;}

#TsCs body,
#PrivacyPolicy body{font:11px Arial, Helvetica, sans-serif; text-align: left; color: #cccccc; background-color: black;}

/* --------------
basic heading settings - to customised using descendant selectors. All except h6 are bigger / more prominent than the body copy itself
-------------- */

h1 {color: #434341; font: 22px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; letter-spacing: 0.05em; text-align: left; padding-top: 6px; margin: 0;}
html h1 {margin:0}

h2 {color: #434341; font: 18px "Arial" bolder,Trebuchet MS, Verdana, sans-serif; letter-spacing: 0.05em; text-align: left; padding-bottom: 8px; margin: 0;}
html h2 {margin:0}

h3 {
color: #6c8398;
font: 16px "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: center;
padding-bottom: 6px;
margin-left: 66px;
margin-right: 66px;
padding-bottom: 10px;
}

html h3 {
margin-left: 66px;
margin-right: 66px;
}

h4 {
font: 12px "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
color: #3d3c3b; 
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;}
html h4 {margin:0}

#TsCs h4,
#PrivacyPolicy h4
{
display: block;
float: left;
width: 780px;
color: #ffffff;
font: 12px "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
margin-bottom: 0px;
padding-bottom: 0px;
}


h5 {
color: #628282;
/* color: #d79118;*/
padding-top: 4px;
padding-left: 8px;
padding-right: 30px;
padding-bottom: 12px;
word-spacing: .1em;
text-transform: uppercase;
font: 10px "Arial",Trebuchet MS, Verdana, sans-serif;
font-weight: 700;
text-align: left;
}
html h5 {margin:0}

h6 {color: #505050; font:10px Arial, Helvetica, sans-serif; text-align: left; font-variant: small-caps;}

/* --------------
basic anchor settings - to customised using descendant selectors
-------------- */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover a:active {text-decoration:none;}

/* declares no borders around any images used in conjunction with link states */
a img{border: none;}


/* --------------
basic list settings - to customised using descendant selectors for:
-------------- */
ul {}
li {}
ol {}

#TsCs #AboutTheShowPanel ul,
#PrivacyPolicy #AboutTheShowPanel ul 
{
display: block;
float: left;
width: 660px;
margin-left: 22px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 12px;
}

#TsCs li,
#PrivacyPolicy li 
{
color: #e8e7e7;
}
/* ---



/* --- 
CAST AND EPISODE INDEX STYLING
--- */

.CastEpisodeCase{
display: block;
float: left;
width: 840px;
}

.CastEpisodeCase p{
display: block;
padding-top: 0px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px;
}

.CastEpisodeCase h4{
display: block;
color: #ffffff;
padding-top: 0px;
padding-bottom: 2px;
padding-left: 12px;
padding-right: 12px;
}

.CastEpisodeCase ul{
display: block;
padding-left: 24px;
padding-right: 12px;
padding-bottom: 6px;
}

.BrianImage{
display: block;
float: left;
background: url(CSSimages/BrianImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.BrianBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.BrianBalloon h2{
background: url(CSSimages/BrianTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.FarnsworthImage{
display: block;
float: left;
background: url(CSSimages/FarnsworthImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.FarnsworthBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.FarnsworthBalloon h2{
background: url(CSSimages/FarnsworthTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.FingersImage{
display: block;
float: left;
background: url(CSSimages/FingersImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.FingersBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.FingersBalloon h2{
background: url(CSSimages/FingersTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.PireanImage{
display: block;
float: left;
background: url(CSSimages/PireanImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.PireanBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.PireanBalloon h2{
background: url(CSSimages/PireanTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.TerryImage{
display: block;
float: left;
background: url(CSSimages/TerryImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.TerryBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.TerryBalloon h2{
background: url(CSSimages/TerryTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.RoderikImage{
display: block;
float: left;
background: url(CSSimages/RoderikImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.RoderikBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.RoderikBalloon h2{
background: url(CSSimages/RoderikTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.JezImage{
display: block;
float: left;
background: url(CSSimages/JezImage.jpg) left top no-repeat;
width: 157px;
height: 126px;
}

.JezBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/BalloonBottom.gif) left bottom no-repeat;
width: 436px;
background-color: #eaa803;
}

.JezBalloon h2{
background: url(CSSimages/JezTitle.gif) left top no-repeat;
background-color: #eaa803;
width: 436px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}



.PrologueImage{
display: block;
float: left;
background: url(CSSimages/PrologueImage.jpg) left top no-repeat;
width: 269px;
height: 126px;
}

.PrologueBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/EpisodeBalloonBottom.gif) left bottom no-repeat;
width: 536px;
background-color: #ff9900;
}

.PrologueBalloon h2{
background: url(CSSimages/PrologueTitle.gif) left top no-repeat;
background-color: #ff9900;
width: 536px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.EpisodeOneImage{
display: block;
float: left;
background: url(CSSimages/EpisodeOneImage.jpg) left top no-repeat;
width: 269px;
height: 126px;
}

.EpisodeOneBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/EpisodeBalloonBottom.gif) left bottom no-repeat;
width: 536px;
background-color: #ff9900;
}

.EpisodeOneBalloon h2{
background: url(CSSimages/EpisodeOneTitle.gif) left top no-repeat;
background-color: #ff9900;
width: 536px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.EpisodeTwoImage{
display: block;
float: left;
background: url(CSSimages/EpisodeTwoImage.jpg) left top no-repeat;
width: 269px;
height: 126px;
}

.EpisodeTwoBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/EpisodeBalloonBottom.gif) left bottom no-repeat;
width: 536px;
background-color: #ff9900;
}

.EpisodeTwoBalloon h2{
background: url(CSSimages/EpisodeTwoTitle.gif) left top no-repeat;
background-color: #ff9900;
width: 536px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

.EpisodeThreeImage{
display: block;
float: left;
background: url(CSSimages/EpisodeThreeImage.jpg) left top no-repeat;
width: 269px;
height: 126px;
}

.EpisodeThreeBalloon{
display: block;
float: left;
padding-bottom: 25px;
background: url(CSSimages/EpisodeBalloonBottom.gif) left bottom no-repeat;
width: 536px;
background-color: #ff9900;
}

.EpisodeThreeBalloon h2{
background: url(CSSimages/EpisodeThreeTitle.gif) left top no-repeat;
background-color: #ff9900;
width: 536px;
height: 48px; 
font-size: 8px;
text-indent: -4000px
}

/* --- 
CHARACTER TRAITS STYLE
--- */

.TraitRowOne{
display: block;
float: left;
width: 52px;
height: 52px;
margin-left: 8px;
margin-top: 14px;
}

.TraitRowTwo{
display: block;
float: left;
width: 52px;
height: 52px;
margin-left: 8px;
margin-top: 8px;
}

.TraitRowThree{
display: block;
float: left;
width: 52px;
height: 52px;
margin-left: 8px;
margin-top: 8px;
}


#AboutTheShowPanel p{
display: block;
float: left;
width: 740px;
padding-left: 42px;
padding-bottom: 12px;
}


#TsCs #AboutTheShowPanel p,
#PrivacyPolicy #AboutTheShowPanel p
{
display: block;
float: left;
color: #d0cfcf;
float: left;
width: 780px;
padding-left: 12px;
padding-bottom: 12px;
}

/*---
CONTACT US STYLING
---*/

.CentreIt{
display: block;
width: 440px;
margin-left: 200px;
}

form.EmailUsArea div{
padding-top: 8px;
}

form.EmailUsArea label{
font-weight: bold;
}

form.EmailUsArea input{
width: 190px;
}

form.EmailUsArea p{
font-style: italic;
display: block;
width: 190px;
margin-top: 12px;
margin-bottom: 4px;
margin-left: 104px;
padding: 0;
border: 0;
}

form.EmailUsArea label.SpaceBeforeBox{
display: block;
text-align: right;
padding-top: 4px;
padding-right: 3px;
width: 100px;
float: left;
}

.EmailUsArea .SubmitButton{
margin-top: 2px;
margin-left: 104px;
}

.CastEpisodeCase a{
font-size: 12px;
}

.CastEpisodeCase a:link{
background: url(CSSimages/Arrow.gif) left bottom no-repeat;
padding-left: 8px;
font-weight: 700;
color: #ffffff;
text-decoration: underline;
}

.CastEpisodeCase a:visited{
background: url(CSSimages/Arrow.gif) left bottom no-repeat;
padding-left: 8px;
font-weight: 700;
color: #723a04;
text-decoration: underline;
}

.CastEpisodeCase a:hover{
background: url(CSSimages/Arrow.gif) left bottom no-repeat;
padding-left: 8px;
font-weight: 700;
color: #505050;
text-decoration: underline;
}

/* --- 
FOOTER STYLE
--- */


.BottomContent{
display: block;
background-color: #000000;
width: 840px;
height: 114px;
}

#Index .BottomContent,
#Prologue .BottomContent,
#EpisodeOne .BottomContent,
#EpisodeTwo .BottomContent,
#EpisodeThree .BottomContent{
margin-top: 60px;
}

.BookMarkSpace{
float: left;
width: 125px;
padding-top: 85px;
height: 31px;
}

.LowerSpacer{
float: left;
background: url(CSSimages/Spacer.gif) left top no-repeat;
width: 387px;
height: 114px;
}

#ContactUs .LowerSpacer,
#AboutTheShow .LowerSpacer,
#TsCs .LowerSpacer,
#PrivacyPolicy .LowerSpacer{
float: left;
background: url(CSSimages/Spacer.gif) left top no-repeat;
width: 512px;
height: 114px;
}

.FarnsworthPanel{
float: left;
background: url(CSSimages/FarnsworthPanelBot.gif) left bottom no-repeat;
width: 203px;
background-color: #ff9900;
padding-bottom: 12px
}

.FarnsworthPanel p{
color: #ffffff;
padding-left: 12px;
padding-right: 14px;
margin: 0px;
background-color: #ff9900;
}

.FarnsworthPanel h5{
background: url(CSSimages/FarnsworthPanelTop.gif) left top no-repeat;
color: #707070;
padding-top: 28px;
padding-left: 12px;
padding-right: 14px;
margin: 0px;
}

.FarnsworthPanel a:link{
color: #ffffff;
font-weight: 600;
text-decoration: underline;
}

.FarnsworthPanel a:visited{
color: #ffffff;
}

.FarnsworthPanel a:hover{
color: #707070;
}

.Farnsworth{
float: left;
background: url(CSSimages/farnsworth.gif) left top no-repeat;
width: 125px;
height: 114px;
}

#Footer {
background: url(CSSimages/LowerReflection.gif) left top no-repeat;
width: 840px;
height: 37px;  
color: #ffffff;
clear: both;
text-align: center;
}

#Footer p{
display: block;
text-align: left;
padding-top: 16px;
padding-left: 302px;
border: 0;
margin: 0;
}

#Footer ul{
display: block;
color: #ffffff;
list-style: none;
border: 0;
margin: 0;
}


#Footer a:link{
display: block;
float: left;
background-color: #ffffff;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #3e3e3e;
letter-spacing: .1em;
text-decoration: none;
}

#Footer a:visited{
display: block;
float: left;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #ffa200;
letter-spacing: .1em;
text-decoration: underline;
}

#Footer a:hover{
display: block;
float: left;
padding-left: 19px;
padding-right: 20px;
padding-bottom: 12px;
margin: 0;
color: #ffffff;
letter-spacing: .1em;
text-decoration: underline;
}

#AboutTheShowPanel a:link{
color: #707070;
text-decoration: underline;
}

#AboutTheShowPanel a:visited{
color: #ffa200;
text-decoration: underline;
}

#AboutTheShowPanel a:hover{
color: #ffffff;
text-decoration: underline;
}

#UnderFooter
{
display: block;
float: left;
width: 820px;
text-align: center;
padding-top: 8px;
margin-bottom: 22px;
}

#UnderFooter a:link{
padding-left: 10px;
padding-right: 10px;
margin: 0;
color: #3e3e3e;
text-decoration: none;
}

#UnderFooter a:visited{
padding-left: 10px;
padding-right: 10px;
margin: 0;
color: #3e3e3e;
text-decoration: none;
}

#UnderFooter a:hover{
padding-left: 10px;
padding-right: 10px;
margin: 0;
color: #3e3e3e;
text-decoration: underline;
}