/* UNIVERSAL TEMPLATE FOR Mad Quizzings
	BY: BENJAMIN JONES	*/

/*	Page Elements	*/

BODY {
	BACKGROUND-COLOR: #EEE;

	FONT-SIZE: 12pt;
	COLOR: #444444;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	FONT-FAMILY: Verdana;
	margin:0px;
	padding:0px;
}

A:LINK	{COLOR: #E8E;}
A:VISITED	{COLOR: #E0E;}
A:ACTIVE	{COLOR: #E08;}
A:HOVER	{COLOR: #E08; TEXT-DECORATION: NONE;}

H1	{
	FONT: VERDANA;
	FONT-SIZE: 24pt;
	FONT-WEIGHT: BOLD;
}
H2	{COLOR: #1E6FC3; FONT-STYLE: ITALIC; FONT-SIZE: 18px}
H3	{COLOR: #1E6FC3; FONT-STYLE: ITALIC; FONT-SIZE: 16px; padding:4px; margin:1px;}

TH {BACKGROUND-COLOR: #2E7FD3; COLOR: #FFFFFF;}
B	{color: #000000}
P	{padding:2px; margin:1px;}

/*	Item Classes	*/

.LINK	{COLOR: #2E7FF3; TEXT-DECORATION: UNDERLINE; CURSOR: HAND;}
.LINKHOVER	{COLOR: #0000FF; TEXT-DECORATION: NONE; CURSOR: HAND;}
.SMALL	{
	COLOR: #2E7FD3;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	font-style:italic
}
.RIGHT	{FONT-SIZE: 10pt; FONT-WEIGHT: bold; background-color:white; color:#444; width:85%;}
#contact	{FONT-SIZE: 10pt; FONT-WEIGHT: bold; background-color:white; color:#444; width:85%;}
.error	{border:black 1px dashed; background-color:red; font-weight:bold; color:white;}
#container	{margin-left:120px;}
iframe #rte1 body, body#tinymce {background-color:white; text-align:center;}

#header	{
	background-image:url('images/MADQtop3.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	display:block;
	height:80%;
	padding-top:100px;
}

#headerimage	{
	
}

/* Callout for welcome block */
.callout	{
	background-image:url('images/PinkBlueGradient25trans.png');
	background-size:contain;
	background-repeat:repeat-y;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	width:50%;
}

 /* The navigation bar */
.navbar {
    overflow: hidden;
    background-color: #333;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size:10pt;
}

/* Main content */
.main {
    margin-top: 30px; /* Add a top margin to avoid content overlay */
} 


.card	{
	display:inline-table;
	border:thin #ddd solid;
	background:white;
	width:352px;
	height:450px;
	padding:8px;
	margin-top:8px;
	margin-bottom:8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.doublecard	{
	display:inline-table;
	border:thin #ddd solid;
	background:white;
	width:726px;
	height:450px;
	padding:8px;
	margin-top:8px;
	margin-bottom:8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.deck	{
	background-image:url('images/PinkBlueGradient25trans.png');
	background-size:contain;
	background-repeat:repeat-y;
	width:100%;
}

#Scorekeepers tr td	{
	border:thin #E8E solid;
}
.alternatingColorTable tr:nth-child(even) {
        background: #DDF
}
.alternatingColorTable tr:nth-child(odd) {
        background: #EEF
}
div #content	{
	background-color: white;
	width: 85%;
}
table.highlighthoverrow tr	{
	border:1px gray none;
}
table.highlighthoverrow tr:hover	{
	border:1px gray solid;
}