@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	background-color:#F1F2F2;
}

h1 {
	font-size: 42px;
	color: #993333;
	margin:10px 0;
	font-weight: bold;
}
h2 {
	font-size: 28px;
	color: #333333;
	margin:10px 0;
	font-weight:normal;
}
h3 {
	font-size:36px;
	color:black;
	margin: 20px 0 0 0;
	font-weight: bold;
}
h3.record{
	font-size:60px;
}
h3.halftone{
	color:#999;
}
h3.red{
	color: #993333;
}
h4{
	font-size:14px;
	color:#333333;
	margin: 5px 0;
}
p {
	font-size: 24px;
	margin: 5px 0px;
	color:#666666;
}
p.date{
	color:#999999;
	font-size: 20px;
}
ul {
	margin: 0px 0px 8px 0px;
	font-size: 12px;
}
a:link { 
	color:inherit;
	font-style:inherit;
	text-decoration:none;
	font-weight: bold;
}
a:visited {
	color:inherit;
	font-style:inherit;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	color: #993333;
	font-weight: bold;
}
hr{
	color:#999999;
	background-color:#999999;
	height:1px;
}
img {
	border:0;
}

/******************* Format ***********************/

#sidebar{
	max-width:300px;
}

#mainContent{
	max-width:800px;
}

#content{
	clear:both;
	padding:10px 15px;
	position:relative;
}

.vspacer{
	height:50px;
}

.section{
	border-bottom:thin solid #CCCCCC;
	padding:0 0 10px 0;
	width:85%;
	max-width:1000px;
}
.playoffs{
	background-color:#e5feff;
}
.replySection{
	/*border-bottom:thin solid #CCCCCC;*/
	padding:10px 0 0 0;
	margin:0 0 0 100px;
	width:85%;
}

.footer {
	width: 100%;
	height: 175px;
	position: relative;
	clear:both;
	z-index: 100;
	background-color:#333;
}


/**************** Comments *********************/

.comment{
	border-bottom:#CCCCCC thin solid;
	margin:10px 0;
}
.reply{
	border-bottom:#CCCCCC thin solid;
	margin:10px 0 10px 35px;
}

.commentForm{
	border-color:#CCCCCC;
	color:#666666;
	border-width:thin;
	width:100%;
	left:35px;
	font-size:24px;
}
.sendButton{
	font-size:18px;
	color:#993333;
	font-weight:bold;
	border-color:#CCCCCC;
	border-width:thin;
	width:200px;
	height:35px;
}

/**************** Menu ****************************/

.btn { 
    position: relative;         
    margin-top:2%; 
    border: 5px solid black;
    border-radius: 2px; 
    height:75px; 
    width:75px;  
}
#lines:before { 
    border-bottom: 30px double black;
    border-top: 10px solid black;    
    content:"";
    height: 10px; 
    position: absolute; 
    right:10px;  
    top: 11px; 
    width:55px; 
}

header {
	width: 100%;
	height: 200px;
	position: relative;
	top: 0;
	left: 0;
	border-bottom: 6px solid #993333;
	z-index: 5;
}

#logo{
	margin: 20px 60px;
	float: left;
	display: block;
}

nav {
	float: right;
	padding: 65px;	
}

#menu-icon {
	display: hidden;
	width: 40px;
	height: 40px;
	position:fixed;
	top:65px;
	right:65px;
}

/*a:hover#menu-icon {
	background-color: #444;
	border-radius: 4px 4px 0 0;
}*/

/*MEDIA QUERY*/
@media only screen and (max-width : 3000px) {

	#menu-icon {
		display:inline-block;
	}

	nav ul, nav:active ul { 
		display: none;
		position: fixed;
		padding: 20px;
		background: #fff;
		border: 5px solid black;
		right: 30px;
		top: 90px;
		width: 40%;
		border-radius: 4px 0 4px 4px;
		list-style: none;
	}

	nav li {
		text-align: left;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size:40px;
	}
	
	nav:hover li {
		background: #FFF;
	}
	
	nav:hover ul {
		display: block;
	}