/*////	+---------------------------------------------------+//	| Chillas-Rock.Com									|//	+---------------------------------------------------+//	| Designed by the Chillas-Rock Staff				|//	|													|//	| http://www.chillas-rock.com						|//	+---------------------------------------------------+//	|													|//	| Cross Browser compatible coding styles have		|//	| comments under their entry to explain what		|//	| they are doing and where on the actual site		|//	| they are performing their function				|//	|													|//	+---------------------------------------------------+////	$Id: stylesheet_main.css v1.0 2006-03-30 13:19cst chin $*/body {	font: normal normal normal 10pt Arial, sans-serif;	color: #1E90FF;	background: #000000 none repeat scroll center center;	letter-spacing: normal;	text-decoration: none;	text-transform: none;	text-align: center;	text-indent: 0px;	line-height: normal;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	border: 0px none #000000;	}/*// All styles included here are to set page "standards" as well as// return any previously loaded styles back to their "default" settings// to override any styles loaded by other sections of the site as well// as anything loaded by Cases. This allows for more detailed customization.// It will not, however, effect Cases styles on their pages, unfortunately.// ~ Cindy ~*/ * html body {	scrollbar-base-color: #000000; 	scrollbar-arrow-color: #1E90FF;	scrollbar-DarkShadow-Color: #66CCCC;	} /*// The "* html" at the beginning of this is strictly for IE// Seems IE thinks that the opening html tag at the beginning of // a page means there's an actual element there that can be controlled// whereas Mozilla browsers consider it an indication of the type of coding// that is fixing to appear. ANY styles placed in a "* html" call will// be ignored by Mozilla and USUALLY formatted out in IE. Styles not// included in the "* html" tag will default to either the original style call// or to IE defaults.// Scroll Bar - IE ONLY - not supported in Mozilla (bummer)// Also, since IE refuses to carry this over from one page to the next, if you// have anything that remotely resembles a frame or a table, you have to repeat// this style on EVERYTHING. Makes Mozilla have fits because they don't// recognize these and like to tell you about it every chance they get. ~sigh~// ~ Cindy ~*/DIV.title {	color: #FF7F50;	font-family: Comic Sans MS, sans-serif;	font-size: 20pt;	font-weight: bold;	padding: 5px;	padding-bottom: 15px;	}* html DIV.title {	padding-bottom: 0px;	}/*// IE seems to think that the word FORM means "insert a page break or three// here to really screw over someone's kewl layout ideas"// ~ Cindy ~*/DIV.donation {	padding: 5px;	padding-bottom: 10px;	font-weight: bold;	}* html DIV.donation {	padding-top: 0px;	padding-bottom: 0px;	}/* See the previous comment. In this case, it's the closing tag. ~ Cindy ~ */INPUT {	background: #444444;	color: #1E90FF;	font-weight: bold;	font-size: 10px;		}DIV.hoo_me {	color: #1E90FF;	font-size: 10pt;	font-weight: bold;	line-height: 18px;	}DIV.hoo_me a, DIV.hoo_me a:visited {	color: #1E90FF;	text-decoration: none;	}DIV.hoo_me a:hover {	color: #1E90FF;	text-decoration: underline;	}hr {	width: 80%;	height: 2px;	}/*// Now this is unusual. The color for this is in the page code.// Mozilla uses the style "color" for text and text alone. A// horizonal rule isn't text sooooooo, it won't give it a color here// but if you put it in the page code, it takes it. Mine is not to// wonder why, it is just to code and pray that someone isn't using the// built in browser from AOhelL because there is NO telling what that looks// like right about now.// ~ Cindy ~*//* ANNOUNCEMENTS AREA SETTINGS */DIV.announcements {	text-align: center;	padding: 0px;	}#announcements {	background: #000000;	}/* CALENDAR AREA SETTINGS */DIV.calendar {	text-align: center;	padding: 0px;	color: #FF7F50;	font-size: 10pt;	font-weight: bold;	}DIV.calendar a {	color: #1E90FF;	font-weight: bold;	text-decoration: none;	}DIV.calendar a:hover {	color: #FF7F50;	text-decoration: underline;	}#calendar {	background: #000000;	width: 320px;	height: 300px;	overflow-x: hidden;	}* html #calendar {	background: #000000;	width: 333px;	height: 300px;	overflow-x: hidden;	overflow-y: scroll;	}/*// This is due to IE including the width of the scroll bar in// figuring out how big to display something. You usually wind up having// to add a few pixels here and there to get the same width as Mozilla// The average for the scrollbar thing is NORMALLY 15px, but that's just// a ballpark figure. ~ Cindy ~*//* ADMINISTRATOR AREA SETTINGS */h1 {	color: #FF7F50;	font-size: 14pt;	font-weight: bold;	text-align: center;	}.admins, TD.chillaTDs_top {	color: #1E90FF;	font-size: 10pt;	font-weight: bold;	}.admins a, .admins a:visited {	color: #1E90FF;	text-decoration: none;	}.admins a:hover {	color: #FF7F50;	text-decoration: underline;	}TD.chillaTDs {	font-size: 10pt;	color: #1E90FF;	font-weight: bold;	padding-left: 12px;	padding-right: 12px;	}/* BACKDOOR TO AOTC AREA SETTINGS */DIV.backdoor a {	font-weight: bold;	font-family: Comic Sans MS;	font-size: 13pt;	color: #FF7F50;	background: #000000;	text-decoration: none;	}DIV.backdoor a:hover {	text-decoration: underline;	}/* TOP CHILLAS AREA SETTINGS */DIV.topchillas {	text-align: center;	padding: 0px;	padding-bottom: 10px;	color: #FF7F50;	font: bold 16pt Comic Sans MS;	}#top_chillas {	background: #000000;	width: 257px;	height: 300px;	overflow-x: hidden;	}* html #top_chillas {	background: #000000;	width: 255px;	height: 300px;	overflow-x: hidden;	}/*// See previous rant about IE and Iframes. In this case we had to REMOVE// some pixels. Once again proves Rule 1 - There will be exceptions to// every rule ~ Cindy ~*/.backdoor_link, .backdoor_link a, .backdoor_link a:active, .backdoor_link a:hover, .backdoor_link a:visited {	font-size: 14pt;	font-weight: bold;	color: #1E90FF;	text-decoration: underline;	}