/* frontpage.css - styles that are used only on the site's front page
*/


/* --------------------------------------------------------------------
   --------------- Set up right-hand and main columns -----------------
   --------------------------------------------------------------------
*/

.rightcol {
	position: absolute; width: 200px; right: 10%;
}
.rightcol P {
	/* background-color: #ccc; color: #000;  */
	font-size: 75%;
	padding: 0.35em 0.6em; margin-bottom: 0.25em;
	border-top: 1px solid #ccc; border-left: 1px dotted #ccc;
	border-bottom: 1px solid #666; border-right: 1px dotted #666;
}

#rightcol {
	position: absolute; width: 200px; right: 8%; top: 185px
}
#rightcol P {
	/* background-color: #ccc; color: #000;  */
	font-size: 75%;
	padding: 0.35em 0.6em; margin-bottom: 0.25em;
	border-top: 1px solid #ccc; border-left: 1px dotted #ccc;
	border-bottom: 1px solid #666; border-right: 1px dotted #666;
}

.maincol {
	margin-right: 200px; padding-right: 2em;
	/* border-right: 2px solid #039; */
}
.maincol .catbox { margin-right: 0px }


/* ---------- Override a few standard styles for -------------------
   ----------------- special front page use. -----------------------
*/

.catbox UL {
	margin-right: 5%;
}

UL.news { font-size: 85%; }
UL .date { font-size: 95%; margin-right: -1em; }
.news .headline { font-size: 130%; }
.news .linktext { font-size: 140%; }
.news .headline { font-size: 100%; }

/* UL.news LI { margin-bottom: 0.5em; }
.news .newshead { color: #33f; font-weight: bold; } */



/* ---------------------- Freak History box ------------------------
*/

.history {
	margin: 0px 0px 0.5em 0px; padding: 0.3em 0.75em 0.25em;
	background-color: #060; 
	color: white; font-size: 70%;

}
.history .title {
	font-size: 125%; font-weight: bold;
	display: block; width: 100%;
	border-bottom: 1px dashed #0c0; 
	padding-bottom: 0.15em; margin-bottom: 0px;
}
.history UL {
	margin-right: 5%; margin-top: 0.25em;
}
.history SUP { font-size: 80%; }


/* ---------------------- Sky Watch box ------------------------
*/

.skywatch {
	margin: 0px 0px 0.5em 0px; padding: 0.3em 0.75em 0.25em;
	background-color: #009;
	background-image: url(/images/skywatch/sky-gradient.jpg);
	color: white; font-size: 70%;

}
.skywatch .title {
	font-size: 125%; font-weight: bold;
	display: block; 
	border-bottom: 1px dashed #ccc; 
	padding-bottom: 0.15em; margin-bottom: 0px; margin-right: 40px;
}
.skywatch UL {
	margin-right: 5%; margin-top: 0.25em;
}
.skywatch IMG.moon {
	float: right; margin: 0px 0px 3px 3px;
}


/* ---------------------- Media box ------------------------
*/

.media {
	margin: 0px 0px 0.5em 0px; padding: 0.3em 0.75em 0.25em;
	background-color: #006; 
	color: white; font-size: 75%;
}
.media .title {
	font-size: 135%; font-weight: bold; color: #fcf; 
	display: block; width: 100%; 
	border-bottom: 1px dashed #fcf; 
	padding-bottom: 0.15em; margin-bottom: 0px; 
}


/* .poll and .pollresults will go in a .rightcol div, so they
   shoult NOT have any floating attributes.
*/

.poll {
	/* width: 100%;  */
	margin: 0px 0px 0.5em 0px; padding: 0.3em 0.75em 0.25em;
	background-color: #006; 
	color: white; font-size: 70%;
}
.poll .title {
	font-size: 125%; font-weight: bold;
	display: block; width: 100%;
	border-bottom: 1px dashed #03f; 
	padding-bottom: 0.15em; margin-bottom: 0.35em;
}
.poll .question {
	font-size: 125%;
}
.poll .submit {
	margin-top: 1em;
}

/* .poll INPUT[type=checkbox] {
	margin-top: 1em;
} */


.pollresults {
	/* width: 200px;  */
	margin: 0px 0px 0.5em 0px; padding: 0.3em 0.75em;
	background-color: #006; 
	color: white; font-size: 70%;
}
.pollresults .question {
	font-size: 125%; margin-bottom: 0.65em; 
}
.pollresults .score {
	font-size: 80%;
}
.pollresults .bargraph {
	background-color: #090; padding: 0px 1px 1px 0px;
	border-bottom: 1px solid #060; border-right: 1px solid #060;
	border-top: 1px solid #0f0;
}
.pollresults .total {
	font-size: 125%; margin-top: 0.5em; text-align: right;
}
.pollresults .extra {
	margin: 0.65em 0.35em 0;
	padding: 0.5em;
	border-top: thin groove;
	font-size: 115%;
}
.pollresults .extra UL {
	margin: 1em 0.25em -0.75em;
	padding-left: 1.5em;
}