/* -------------------------------------------------------------- */
/* Style sheet for the rochesterbiblequizzing.org  non-mobile     */
/* Classic style                                                  */
/* -------------------------------------------------------------- */

/* 
	Global colors:
		color:		#001133
		shadow:		#AAA
*/


@font-face {
    font-family: 			'Pacifico';
    src: 					url( '/new/pages/fonts/pa/Pacifico-webfont.eot' );
    src: 					url( '/new/pages/fonts/pa/Pacifico-webfont.eot?#iefix' ) format( 'embedded-opentype' ),
							url( '/new/pages/fonts/pa/Pacifico-webfont.woff' ) format( 'woff' ),
							url( '/new/pages/fonts/pa/Pacifico-webfont.ttf' ) format( 'truetype' ),
							url( '/new/pages/fonts/pa/Pacifico-webfont.svg#Pacifico' ) format( 'svg' );
    font-weight: 			normal;
    font-style: 			normal;
}

@font-face {
    font-family: 			'Dumbledor1ShadowRegular';
    src: 					url('/new/pages/fonts/pa/dum1shad-webfont.eot');
    src: 					url('/new/pages/fonts/pa/dum1shad-webfont.eot?#iefix') format('embedded-opentype'),
							url('/new/pages/fonts/pa/dum1shad-webfont.woff') format('woff'),
							url('/new/pages/fonts/pa/dum1shad-webfont.ttf') format('truetype'),
							url('/new/pages/fonts/pa/dum1shad-webfont.svg#Dumbledor1ShadowRegular') format('svg');
    font-weight: 			normal;
    font-style: 			normal;

}

@font-face {
    font-family:			'NouvelleVagueNouvelleVagueBlk';
    src: 					url('nouvelle_vague_final-webfont.eot');
    src:					url('nouvelle_vague_final-webfont.eot?#iefix') format('embedded-opentype'),
							url('nouvelle_vague_final-webfont.woff') format('woff'),
							url('nouvelle_vague_final-webfont.ttf') format('truetype'),
							url('nouvelle_vague_final-webfont.svg#NouvelleVagueNouvelleVagueBlk') format('svg');
    font-weight:			normal;
    font-style:				normal;
}

@font-face {
    font-family:			'PhosphorusHydrideRegular';
    src:					url('phosh___-webfont.eot');
    src:					url('phosh___-webfont.eot?#iefix') format('embedded-opentype'),
							url('phosh___-webfont.woff') format('woff'),
							url('phosh___-webfont.ttf') format('truetype'),
							url('phosh___-webfont.svg#PhosphorusHydrideRegular') format('svg');
    font-weight:			normal;
    font-style:				normal;
}

@font-face {
    font-family:			'VeggieburgerBold';
    src:					url('/new/pages/fonts/vb/VeggiBol-webfont.eot');
    src:					url('/new/pages/fonts/vb/VeggiBol-webfont.eot?#iefix') format('embedded-opentype'),
							url('/new/pages/fonts/vb/VeggiBol-webfont.woff') format('woff'),
							url('/new/pages/fonts/vb/VeggiBol-webfont.ttf') format('truetype'),
							url('/new/pages/fonts/vb/VeggiBol-webfont.svg#VeggieburgerBold') format('svg');
    font-weight:			normal;
    font-style:				normal;
}


html, body {
	font-family:			Verdana, sans-serif;
	color:					#001133;
	background-color:		#001133;
	font-size:				16px;
	margin:					0;
	padding:				0;
}


a, p, br, hr, div, span, table, tbody, tr, td, input, fieldset, legend, ul, ol, li {
	font-size:				inherit;
	font-weight:			inherit;
    font-style: 			inherit;
    font-family: 			inherit;
}

h1 {
	font-size:				2em;
	margin-top:				0.5em;
	margin-bottom:			0.5em;
	font-weight:			bold;
}

h2 {
	font-size:				1.75em;
	margin-top:				0.45em;
	margin-bottom:			0.45em;
	font-weight:			bold;
}

h3 {
	font-size:				1.5em;
	margin-top:				0.4em;
	margin-bottom:			0.4em;
	font-weight:			bold;
}

h4 {
	font-size:				1.25em;
	margin-top:				0.4em;
	margin-bottom:			0.4em;
	font-weight:			bold;
}

p {
	margin-top:				0.4em;
	margin-bottom:			0.4em;
}

span.bible {
	font-family:			serif;
	font-style:				italic;
	font-size:				110%;
}


img {
	border-style:			none;
	display:				inline;
}


/*
 *	These are the primary page elements
 */

#box {
	position:				relative;
	margin:					2px auto;
	height:					100%;
	width:					896px;
	padding:				0;
	background-color:		#E8E8FF;
}

#head {
	position:				relative;
	clear:					both;
	width:					100%;
	height:					112px;
	margin:					5px 0 0 0;
	border:					1px solid #AAA;
	border-style:			none;
	background-position:	right bottom;
	background-repeat:		no-repeat;
}

#left {
	float:					left;
	clear:					left;
	width:					165px;
	height:					100%;
	background-color:		#E8E8FF;
	margin:					0;
	padding:				5px;
	text-align:				left;
	font-size:				12px;
	border:					1px solid #AAA;
	border-style:			none;
}

#content {
	float:					right;
	clear:					right;
	width:					700px;
	height:					100%;
	margin:					0;
	padding:				0 10px;
	background-color:		#E8E8FF;
	border:					1px solid #AAA;
	border-style:			none;
}

#schedule {
	clear:					both;
	width:					100%;
	height:					100%;
	margin:					0;
	padding:				0;
	background-color:		#E8E8FF;
	border:					1px solid #AAA;
	border-style:			none;
}

#foot {
	position:				relative;
	height:					25px;
	width:					100%;
	text-align:				center;
	background-color:		#E8E8FF;
	clear:					both;
	padding:				8px 0 5px 0;
}

#emptyfoot {
	position:				relative;
	height:					25px;
	width:					100%;
	text-align:				center;
	background-color:		#E8E8FF;
	clear:					both;
	padding:				0;
}


/*
 *	id=box sub-element modifiers
 */

#box .ul {
	position:				absolute;
	top:					0;
	left:					0;
	width:					25px;
	height:					25px;
	background:				url( /new/images/corners.png ) left top no-repeat;
	z-index:				10;
}

#box .ur {
	position:				absolute;
	top:					0;
	right:					0;
	width:					25px;
	height:					25px;
	background:				url( /new/images/corners.png ) right top no-repeat;
	z-index:				10;
}

#box .ll {
	position:				absolute;
	bottom:					0;
	left:					0;
	width:					25px;
	height:					25px;
	background:				url( /new/images/corners.png ) left bottom no-repeat;
	z-index:				10;
}

#box .lr {
	position:				absolute;
	bottom:					0;
	right:					0;
	width:					25px;
	height:					25px;
	background:				url( /new/images/corners.png ) right bottom no-repeat;
	z-index:				10;
}


/*
 *	id=head sub-element modifiers
 */

#head table {
	border-collapse:		collapse;
}

#head table tbody tr td {
	text-align:				center;
	vertical-align:			middle;
}
 
#head .logo {
	margin:					10px;
	width:					91px;
	height:					87px;
}

#head .title {
	font-size:				50px;
	font-family:			VeggieburgerBold, Verdana, sans-serif;
	font-weight:			normal;
	letter-spacing:			0px;
	text-shadow:			1px 1px 3px #AAA;
	margin:					0 0 0 60px;
}

#head .motto {
	font-family:			Verdana, sans-serif;
	font-style:				italic;
	font-weight:			bold;
	font-size:				18px;
}


/*
 *	id=left sub-element modifiers
 */

#left ul {
	padding-left:			20px;
	margin-top:				0;
}

#left div.common {
	display:				table-cell;
	width:					150px;
	height:					105px;
	vertical-align:			bottom;
	font-size:				30px;
	line-height:			30px;
	letter-spacing:			-1px;
	text-shadow:			1px 1px 3px #AAA;
	background-repeat:		no-repeat;
	background-position:	center 3px;
	padding:				3px;
	border:					1px solid #AAA;
	box-shadow:     	    1px 3px 3px 1px #AAA;
	border-radius: 			4px;
}

#left div.contact-us {
	text-align:				center;
	background-image:		url( /new/images/contact-us-icon.png );
	cursor:					default;
}

#left div.contact-us-hover {
	text-align:				center;
	background-image:		url( /new/images/contact-us-icon.png );
	cursor:					pointer;
}

#left .epilog-middle {
	text-align:				center;
}

#left .copyright {
	text-align:				center;
	font-family:			Verdana, sans-serif;
	font-size:				10pt;
	margin-top:				0;
	padding-top:			10px;
}

#left .counter {
	text-align:				center;
	font-family:			Verdana, sans-serif;
	margin:					4px auto;
	font-size:				11px;
}

#left .counter img {
	position:				relative;
	bottom:					-1px;
}

#left .vab {
	display:				table-cell;
	width:					150px;
	height:					105px;
	vertical-align:			bottom;
	padding:				1px 4px;
}

#left-contact {
	margin-top:				12px;
	text-align:				center;
	font-size:				8px;
}

.counter a,
.counter a:link,
.counter a:hover,
.counter a:visited,
.counter a:active {
	font-size:				inherit;
	text-decoration:		none;
	font-weight:			inherit;
	color:					inherit;
}


/*
||
||	Content elements
||
*/

#content .error-msg {
	clear:					both;
	margin:					6px;
	border:					2px solid #A00;
	padding:				5px;
	color:					#500;
	font-weight:			bold;
}

#content .button {
	cursor:					default;
}

#content .buttonhover {
	cursor:					pointer;
}

/*
 *	id=foot sub-element modifiers
 */

#debug-output {
	width:					100%;
	white-space:			pre-wrap;
	font-family:			monospace;
	color:					#000;
	background-color:		#FFF;
	clear:					both;
	text-align:				left;
}

#debug_console {
	width:					100%;
	white-space:			pre-wrap;
	font-family:			monospace;
	color:					#000;
	background-color:		#FFF;
	clear:					both;
	text-align:				left;
}

#errmsg {
	color:					#000;
	background-color:		#FFF;
	font-family:			Verdana, sans-serif;
}