/* Generic HTML Styles */

body {width:100%; padding:0; margin:0; font-size:100%; color:black; font-family:Arial, Helvetica, sans-serif;}
a {color:#946D4E; font-size:75%; font-weight:bold;} 
a:hover, a:active, a:focus a:visited {color:#946D4E;}

a.bodytextlink {color:#946D4E; font-size:100%; font-weight:bold;}




/* QC.info styles */

img.logo
{
float:left;
margin:5px;
padding:0px;
border-style:none;
}

img.left
{
float:left;
margin:5px 5px 0px 0px;
padding:0px;
border-style:none;
border:none;
}

img.right
{
float:right;
margin:5px 0px 5px 5px;
padding:0px;
border-style:none;
border:none;
}

img.bannerphoto
{
float:left;
margin:5px 0px 0px 37px;
padding:0px;
border-style:none;
}

img.homepageportrait
{
float:left;
border:none;
margin:2px 10px 0px 0px;
}

img.noborder
{
border:none;
}


.imagewithcaption
{
float:left;
width:auto;
border:1px;
border-color:#000000;
border-style:solid;
padding:5px;
margin:5px;
font-size:75%;
}

.imagewithcaptionright
{
float:right;
width:auto;
border:1px;
border-color:#000000;
border-style:solid;
padding:5px;
margin:5px;
font-size:75%;
}

#topmenu
{
width:100%;
padding:5px 0px 5px 0px;
float:left;
background-color:;
font-size:75%;
font-weight:bold;
color:#946D4E;
}

#topmenu a { padding:0px 5px 0px 5px; text-decoration:none; color:#946D4E; float:left; font-size:100%;}
#topmenu a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

#topmenu span
{
float:left;
}

#topbanner 
{float:left; 
width:100%;
background:; 
border:none;
height:px;}

#topbannerlogo 
{
float:left; 
background:; 
width:15%;
height:px;
margin:0px;
padding:0px;
}

#topbannerlogo img
{float:right;}

#topbannerphoto 
{
float:left; 
background:#33CCFF; 
width:10%;
border:none;
height:130px;
margin:0px;
padding:0px}

#topbannercaption 
{
background:; 
width:60%;
border:none;
height:px;
margin:0px;
padding:0px;
float:left;
text-align:center;

}


#topbannerstatement
{
text-decoration:none; 
color:black; 
font-weight:bold;
text-align:center;
font-size:100%;
width:100%;
}

#topbannerstatement2
{

text-decoration:none; 
color:black; 
font-weight:bolder;
text-align:center;
font-size:250%;
width:100%;
font-family:"Times New Roman", Times, serif;
font-style:italic;

}

#topbannerspacer
{width:20%;
float:right;}


#pageheader
{
font-weight:bolder;
float:left;
width:100%;
font-size:150%;
color:#FF0066;
text-align:left;
margin:10px 0px 15px 10px;
}

h1.invisible
{
font-weight:bolder;
float:left;
width:100%;
font-size:150%;
color:#000000;
display:none;
}

h1
{
font-weight:bolder;
float:left;
width:100%;
font-size:125%;
color:#000000;
text-align:left;
margin:10px 0px 15px 10px;
}

h1.gallery
{
font-weight:bolder;
width:85%;
float:left;
width:100%;
font-size:125%;
color:#000000;
text-align:center;
margin:10px 0px 15px 10px;
}

h2
{
font-weight:normal;
float:left;
width:100%;
font-size:110%;
color:#000000;
text-align:left;
margin:10px 0px 10px 0px;
}

/* home page styles */

#bodytexthomepage
{
float:left;
width:40%;
}

#homepagelinks
{
width:100%;
float:right;
font-size:100%;
font-weight:bold;
}

.homepagelink
{
width:22%;
float:left;
text-align:center;
}

#homepagelink a { display:block; padding:2px; text-decoration:none; color:black;}
#homepagelink a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

/* end of 'home page styles' */

#mainmenu 
{
padding:0px;
margin:0px 0px 0px 0px;
width:100%; 
float:left; 
font-size:100%;
background:#ffffff;
text-align:center;
border-bottom-style:solid;
border-bottom-width:5px;
border-bottom-color:#946D4E;
border-top-style:solid;
border-top-width:5px;
border-top-color:#946D4E;
background-color:#ffffff;
}

#mainmenu ul { margin:0px 0 2px 0; padding:0; list-style-type:none; width:100%; }

#mainmenu li {float:left; height:20px; margin: 2px 2px 2px 2px; background:#946D4E url(/img/left_corners.gif) top left no-repeat; padding:0; }

#mainmenu li a {padding:3px 8px 0px 8px; height:20px; text-decoration:none; color:#ffffff; font-weight:bold; background: url(/img/right_corners.gif) top right no-repeat; margin:0; float:left; font-size:80%;  }

#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a:focus {text-decoration:none;}

/*
#mainmenu li {float:left; width:; margin: 0px 2px 0px 2px; background:#33CCFF url(/img/corner_clear_left.gif) top left no-repeat;}
#mainmenu li a {padding:3px 6px 3px 6px; width:100%; text-decoration:none; color:#000000; font-weight:bold; background: url(/img/corner_clear_right.gif) top right no-repeat;}
#mainmenu li {float:left; width:; margin: 0px 2px 0px 2px; background:#33CCFF url(/img/corner_clear_left_bottom.jpg) bottom left no-repeat;}
#mainmenu li a {padding:3px 6px 3px 6px; width:100%; text-decoration:none; color:#000000; font-weight:bold; background: url(/img/corner_clear_right_bottom.jpg) bottom right no-repeat;}
*/


#quotes
{
padding:4px 0px 4px 5px; 
margin:0px 0px 0px 0px;
width:99%; 
float:left; 
font-size:75%;
border-style:solid;
border-width:3px;
border-color:#946D4E;
}
#quote
{

}


#content
{
width:97%;
padding:10px 5px 5px 15px;
margin:0px;
float:left;
margin:0px;

}

/* Latest news styles */

#latestnews
{
width:40%;
margin-left:10px;
float:left;
}

#latestnewsheader
{
width:auto;
background:#946D4E url(/img/corner_clear_left.gif) top left no-repeat;

}

#latestnewsheadertext
{
font-size:100%;
color:#ffffff;
text-align:center;
font-weight:bold;
padding:3px;
background: url(/img/corner_clear_right.gif) top right no-repeat;
}

.latestnewsitem
{
background:white;
font-size:100%;
border:solid;
border-color:#946D4E;
border-width:2px;
font-weight:bold;
}

.latestnewsitem a { display:block; padding:2px; text-decoration:none; color:black; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#946D4E}
.latestnewsitem a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

/* Latest news styles end */



.bodytext
{
float:left;
width:100%;
padding:0px 0px 0px 0px;
}

/* storyboard styles */

#storyboard
{
width:100%;
float:left;
border:solid;
border-width:0px;
border-color:#946D4E;
padding:2px;
font-size:150%;
}

#lifestorylinks
{
width:80%;
float:left;
}

.storyboard a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboard a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquire
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background:white;
text-align:center;
font-weight:bold;
border:solid;
border-width:2px;
border-color:#946D4E;
}

.storyboardsquire a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquire a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquireladder
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background:#FFFF00 url(/img/Ladder.gif) bottom right no-repeat;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquireladder a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquireladder a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquiresnake
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background:red url(/img/snake.gif) bottom right no-repeat;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquiresnake a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquiresnake a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquireblue
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#0000CC;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquireblue a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquireblue a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquiregreen
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#009900;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquiregreen a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquiregreen a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquireorange
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#FF9900;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquireorange a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquireorange a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquirepink
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#FF33CC;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquirepink a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquirepink a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquirebrown
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#993333;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquirebrown a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquirebrown a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquiregold
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#FFCC00;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquiregold a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquiregold a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquirelightblue
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#00CCCC;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquirelightblue a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquirelightblue a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}

.storyboardsquirelightgreen
{
Width:9%;
padding:20px 0px 0px 0px;
margin:0px;
height:40px;
float:left;
background-color:#00FF66;
text-align:center;
border:solid;
border-width:2px;
border-color:#946D4E;
font-weight:bold;
}

.storyboardsquirelightgreen a { display:block; padding:2px; text-decoration:none; color:black; }
.storyboardsquirelightgreen a:hover, #menu1 li a:active, #menu1 li a:focus {text-decoration:underline}
/* end of storyboard style */


/* start of bookcase styles */

#bookcase
{
float:left;
width:550px;
height:577px;
margin:2% 0% 7% 15%;
background:url(/img/BookShelf/Bookshelf.jpg) bottom no-repeat;
}

#topshelf
{
height:115px;
float:left;
padding:0px 0px 0px 45px;
}
#middleshelf
{

float:left;
padding:17px 0px 0px 40px;
}

#bottomshelf
{

float:left;
padding:29px 0px 0px 40px;
}

/* end of bookcase styles */

/* start of book styles */

#book
{
font-size:75%;
float:left;
width:550px;
height:377px;
background:url(/img/Books/BookBackGround.jpg) bottom no-repeat;
padding:10px 30px 10px 30px;
margin:2% 0% 0% 15%;
}

#bookleftside
{
float:left;
width:200px;
padding:30px 30px 10px 50px;


}
#bookrightside
{
float:right;
width:220px;
padding: 30px 30px 10px 20px;
}


.fansarea
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}

.hislegacy
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}


.plays
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}

.playsindex
{
width:23%;
padding:0px 5px 0px 5px;
margin:0px 0px 15px 0px ;
float:left;

}

fieldset.plays
{
width:100%;
border-color:#946D4E;
border-style:solid;
border-width:2px;
padding:0px 5px 0px 5px;
}

legend.plays
{
color:#000000;
font-weight:bold;
font-size:125%;
border-style:solid;
border-color:#946D4E;
border-width:2px;
width:175px;
line-height:.5;
vertical-align:bottom;
padding:5px 0px 10px 0px;
text-align:center;
}


.artwork
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}

.guestbook
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;

}

.hisfriends
{
width:100%;
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
float:left;
}

.hisfriendscolumn
{
text-align:center;
width:30%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px ;

float:left;
}

a.hisfriendslink
{
text-align:center;
font-weight:normal;
float:left;
width:100%;
font-size:115%;
color:#FF0066;
text-decoration:none;

}


.otherwritings
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}

.trivia
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-bottom-width:2px;
}

#gallerytop
{
width:100%;
height:120px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px ;
background:url(/img/Gallery/top.jpg) top no-repeat;
}

.gallery
{
width:100%;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:solid;
border-bottom-color:#946D4E;
border-bottom-width:5px;
}

.gallerycolumn
{
float:left;
width:45%;
padding:5px;
}

a.gallerylink {color:blue; font-size:115%;text-decoration:none;} a:hover, a:active, a:focus {color:purple;text-decoration:underline;}

.films
{
width:100%;
float:left;
padding:0px 0px 15px 0px;
margin:0px 0px 15px 0px ;
border-bottom-style:dashed;
border-bottom-color:#946D4E;
border-width:2px;
}

.filmcolumn
{
float:left;
width:45%;
}


a.filmlink {color:blue; font-size:115%;text-decoration:none;} a:hover, a:active, a:focus {color:purple;text-decoration:underline;}

/* QC.info styles ends */