/* 1. Background */
body { background-color : white;
       font-family : Tahoma;
}

#main { border : 0;
/*	width : 780; */
	vertical-align : top;
}

#cont { background-color : #B0E0E6;
	vertical-align : top;
	color : #483D8B;
		background-color : #B0E0E6;
	 	font-family : Arial, Tahoma;
		font-size : 12;
		margin : 5px;
		padding-left: 5px;
		padding-right : 5px;
		padding-top: 0;
	text-align: justify;
}

#menucont { background-color : #B0E0E6;
	vertical-align : top;
	color : #483D8B;
		background-color : white;
	 	font-family : Arial, Tahoma;
		font-size : 10;
		margin : 5px;
		padding-left: 5px;
		padding-right : 5px;
		padding-top: 0;
	text-align: center;
}

#pagehead {background-color : #B0E0E6;
	color : #483D8B;
	background-color : #B0E0E6;
	font-family : Arial, Tahoma;
	text-align: center;
	width : 100%;
}

#iconleft {width : 100px;
	text-align : "centre" 
}

#iconright {width : 88px;
	text-align : "right" 
}

#title {width : 100$;
	text-align : center;
}

/* used by pre-2003 pages */
.menuhead { color : #483D8B;
	background-color : #B0C4DE;
       font-size : 14;
       text-indent : 1
}

/* 2. Menu Elements */
#menu { color : #483D8B;
       font-size : 16;
	background-color : #B0C4DE;
	width : 120px;
	vertical-align : top;
	text-align : center;
}

.menubar { color : #483D8B;
	background-color : #B0C4DE;
       font-size : 14;
       width : 120px;
       text-indent : 1
}

		
.menuoption :link { color : #808000;
	display : block;
	text-decoration : none;
	padding-left : 10px;
}

.menuoption :visited { color : #808000;
	display : block;
	text-decoration : none;
	padding-left : 10px;
}

.menuoption :active { color : red
}

.menuoption :hover { color : gray;
	background-color : cyan;
	display : block;
	text-decoration : none;
	padding-left : 15px;
}

.submenuoption { 
	background-color : #B0C4DE;
}
		
.submenuoption :link { color : #808000;
	display : block;
	text-decoration : none;
	padding-left : 15pt
}

.submenuoption :visited { color : #8B4513;
	display : block;
	text-decoration : none;
	padding-left : 15pt
}

.submenuoption :active { color : red
}

.submenuoption :hover { color : gray;
	background-color : cyan;
	display : block;
	text-decoration : none;
	padding-left : 20pt	
}

/* 3. Journal Elements */
.month {color : #483D8B;
	background-color : #B0E0E6;
       font-family : Arial, Tahoma;
       font-size : 24;
       font-style : bold;
       margin-left : 5px;
       text-align: left
}

.newentry {color : #483D8B;
	background-color : #B0E0E6;
 	font-family : Arial, Tahoma;
	font-size : 12;
	margin : 5px;
	padding-left: 5px;
	padding-right : 5px;
	padding-top: 0;
	text-align: justify;
	border-width: medium;
	border-color: black;
	border-style: double
}

.newentry :link { color : #1E90FF;
	text-decoration : none }

.newentry :visited { color : blue;
	text-decoration : none 
}

.newentry :active { color : red;
	text-decoration : none 
}

.newentry :hover { color : white;
	text-decoration : underline 
}

.newdate {font-weight : bold
}

.comment {color : black;
	background-color : #B0E0E6;
 	font-family : Arial, Tahoma;
	font-size : 12;
	margin : 5px;
	padding-left: 5px;
	padding-right : 5px;
	padding-top: 5px;
	padding-bottom : 5px;
	text-align: justify;
	border-width: medium;
	border-color: blue;
	border-style: double
}

textarea.newcomment {color : black;
	background-color : aquamarine;
 	font-family : Arial, Tahoma;
	font-size : 12;
	width : 100%;
	height : 80px;
	padding-left: 5px;
	padding-right : 5px;
	padding-top : 5px
}


/* 4. Non-journal Text Elements */
.subjectheading {color : #483D8B;
	background-color : #B0E0E6;
       font-family : Arial, Tahoma;
       font-size : 24;
       font-style : bold;
       margin-left : 5px;
	padding-left : 5px;
	padding-top : 5px;       
	text-align: left
}

.subhead {color : #483D8B;
	background-color : #B0E0E6;
       font-family : Arial, Tahoma;
       font-size : 16;
       font-style : bold;
       margin-left : 5px;
       margin-top : 5px;
       text-align: left
}
.normaltext {color : #483D8B;
	background-color : #B0E0E6;
       font-family : Arial, Tahoma;
       font-size : 12;
       margin-left : 5px;
	padding-left: 5px;
	padding-right : 5px;
       text-align: justify
}

.normaltext :link { color : #1E90FF;
	text-decoration : none
}

.normaltext :visited { color : blue;
	text-decoration : none
}

.normaltext :active { color : red;
	text-decoration : none
}

.normaltext :hover { color : gray;
	text-decoration : none
}

.picturetext {color : #483D8B;
	background-color : #B0E0E6;
       font-family : Arial, Tahoma;
       font-size : 12;
       margin-left : 5px;
	padding-left: 5px;
	padding-right : 5px;
       text-align: center;
       font-weight: bold
}

.musicheading {color : #483D8B;
	background-color : #B0E0E6;
 	font-family : Arial, Tahoma;
	font-size : 12;
	margin : 5px;
	padding-left: 5px;
	padding-right : 5px;
	padding-top: 0;
       font-weight: bold
}

.split { color : #483D8B;
       font-size : 12;
	width : 50%;
	vertical-align : top;
	text-align : left
}

#gigtable {width : 100%;
	background-color : blue
}

#gigcell {border-style : none;
	background-color : #EEEEEE;
	color : #333333;
	margin : 5px;
	padding-left: 5px;
	padding-right : 5px;
       font-family : Arial, Tahoma;
       font-size : 12;
       text-align: left
}

.gigtext {background-color : #EEEEEE;
	color : #333333;
	padding-left: 5px;
	padding-right : 5px;
       font-family : Arial, Tahoma;
       font-size : 12;
       text-align: left
}

#gigdate {width : 150px 
}



/* 5. Inline highlights */
/* Names */
.moviename {color : black;
	font-style : italic}
	
.bookname {color : black;
	font-style : italic}

.tvname {color : black;
	font-style : italic}

.comicname {color : black;
	font-style : italic}
	
.musicname {color : black;
	font-style : italic}
	
.trivianame {color : black;
	font-style : italic}
	
.artsname {color : black;
	font-style : italic}

.gamename {color : black;
	font-style : italic}

.ridename {color : black;
	font-style : italic}

/* Quoted Text */
.emailquote {color : red;
	font-style : italic}

.spokenquote {color : red;
	font-style : italic}

.writtenquote {color : red;
	font-style : italic}
	
.laurenquote {color : red;
	font-style : italic;
       line-height : 0}

.lyric {color : red;
       font-family : Arial, Tahoma;
       font-size : 12;
       line-height : 0
}

.storytext {color : red;
       font-family : Arial, Tahoma;
       font-size : 12;
       margin-left : 5px
}

.horoscopetext {color : red;
       font-family : Arial, Tahoma;
       font-size : 12;
       margin-left : 5px
}

.tobecont {color : blue;
       font-family : Arial, Tahoma;
       font-size : 12;
       margin-left : 5px;
       font-style : italic
}

.foreign {font-style : italic
}

.newshead {color : black;
	font-family : Times;
	font-weight : bolder;
	font-size : larger
}

.newstext {color : black;
	font-family : Times}

.code {color : black;
	font-family : Courier
}



/* 6. Navigation controls */

#navbar { width : 100%
}

.navoption { color : #483D8B;
	background-color : #B0C4DE
}
		
.navoption :link { color : midnight blue;
	background-color : gray
}

/*
.navoption :visited { color : #8B4513
}

.navoption :active { color : red
}
*/ 

.navoption :hover { color : brown;
	background-color : white
}

.lbutton { color : blue;
	background-color : silver;
 	font-family : Arial, Tahoma;
 	border-width : medium;
	border-color : black;
	border-style : double;
	width : 100px;
	max-height : 16;
	margin : 5px;
	text-align : center;
	display : block;
	float : left;
	font-size : 14;
}

.lbutton :link { color : blue;
	background-color : silver;
	text-decoration : none 
}

.lbutton :visited { color : blue;
	background-color : silver;
	text-decoration : none 
}

.lbutton :active { color : blue;
	background-color : silver;
	text-decoration : none 
}

.lbutton :hover { color : black;
	background-color : cyan; 
	display : block;
	text-decoration : none 
}

.rbutton { color : blue;
	background-color : silver;
 	font-family : Arial, Tahoma;
 	border-width : medium;
	border-color : black;
	border-style : double;
	width : 100px;
	max-height : 16;
	margin : 5px;
	text-align : center;
	display : block;
	float : right;
	font-size : 14;
}

.rbutton :link { color : blue;
	background-color : silver;
	text-decoration : none 
}

.rbutton :visited { color : blue;
	background-color : silver;
	text-decoration : none 
}

.rbutton :active { color : blue;
	background-color : silver;
	text-decoration : none 
}

.rbutton :hover { color : black;
	background-color : cyan; 
	display : block;
	text-decoration : none 
}

.spacer { color : blue
}

/* 7. Pictures */
.picture { margin : 5px;
	padding : 0px;
	border-width : thin;
	border-color : black;
	border-style : solid;
	margin : 5px;
	max-width : 640px
}

.sidepic { float : right ;
 	padding-left : 5px;
 	padding-bottom : 5px;
}

.centerpic { text-align : center
}
