@font-face { font-family:"eiven"; src:url("eiven.eot"); }
@font-face { font-family:"eiven"; src:url("eiven.ttf") format("truetype"); }
@font-face { font-family:"eiven"; src:url("Eiven Major.ttf") format("truetype"); }
body { margin:0; font-family:"eiven"; font-size:8px; text-align:center; text-shadow:0 0 1px #BBBBBB; background-color:white; background:url("/images/bg.png") top fixed no-repeat; letter-spacing:1px; font-smooth:never;}

header
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:url("/images/banner.gif") center;
	z-index:3;
}

header canvas { background-color:white; }

#menu
{
	position:fixed;
	top:100px;
	left:0;
	width:100%;
	background-color:white;
	border-top:1px solid black; border-bottom:1px solid black;
	padding-top:10px;
	padding-bottom:10px;
	z-index:3;
	box-shadow: 2px 2px 4px #AAAAAA;
	-moz-box-shadow: 2px 2px 4px #AAAAAA;
	-webkit-box-shadow: 2px 2px 4px #AAAAAA;
}

#menu a { color:#AAAAAA; text-decoration:none; margin:5px; } #menu a:hover { color:black; border-bottom:1px solid black; }

#content
{
	/*width:1240px;*/
	/*border-left:1px solid black;*/
	/*border-right:1px solid black;*/
	/*margin:131px auto 0 auto;*/
	margin-top: 131px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:white;
}

@media screen and (max-width: 1240px) { #content { width:100%; } }

.thumbnail
{
	width:300px;
	height:176px;
	line-height:12px;
	float:left;
	margin:15px 0 20px 0;
	overflow:hidden;
}

#content a { color:black; text-decoration:none; border-bottom:1px solid #AAAAAA; } #content a:hover { border-bottom:1px solid black; }
#content .thumbnail a:first-child { border-bottom-color:black; }
.button { display:block; width:250px; height:150px; border:1px solid black; margin:0 20px 0 20px; box-shadow: inset -2px -2px 6px #AAAAAA; border-radius:20px; }
.button:hover { border:1px solid black; box-shadow: inset 2px 2px 6px #AAAAAA; }
.featured { border-color:blue; }

h1 { font-size:8px; font-weight:normal; }
h1 img { vertical-align:middle; border:none; }

#content canvas { background-color:white; border:1px solid black; z-index:2; position:relative; }

#track_menu
{
	width:500px;
	margin:-2px auto 0 auto;
	border:1px solid black; border-top:none;
	-moz-border-radius-bottomright:30px; -moz-border-radius-bottomleft:30px;
	-webkit-border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:30px;
	border-bottom-right-radius:30px; border-bottom-left-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
}

#track_menu textarea { width:410px; max-width: 410px; }
#track_menu input[type=button] { width:70px; }
input { margin:2px; }
#track_menu a { margin:5px; }

#sortmenu { text-align:center; margin-top:-30px; }
#sortmenu a { margin:5px; color:#AAAAAA; border:none; }
#sortmenu a:hover { color:black; }
#sortmenu form { display:inline; }
#sortmenu input { margin:0; font-size:10px; vertical-align:middle; }
#sortmenu input[type=text] { height:14px; }


#avatar { float:left; margin-left:20px; margin-right:20px; min-height:138px; }
#avatar img { border-right:1px solid #AAAAAA; box-shadow: 2px 2px 4px #AAAAAA; -moz-box-shadow: 2px 2px 4px #AAAAAA; -webkit-box-shadow: 2px 2px 4px #AAAAAA; }
#profile { text-align:left; line-height:20px; }

#slideshow { text-align:center; width:800px; height:300px; margin:30px auto 30px auto; border:1px solid #AAAAAA; box-shadow: 2px 2px 4px #AAAAAA; -moz-box-shadow: 2px 2px 4px #AAAAAA; -webkit-box-shadow: 2px 2px 4px #AAAAAA; } #slideshow:hover { border:1px solid black; }
#slideshow a { border:none; } #slideshow a:hover { border:none; } #slideshow img { border:none; }

#social { margin:10px; }
#social a { border:none; }
#social a:hover { border:none; }
.twitter-share-button { margin:8px 15px 0 5px; }
.alignLeft .twitter-share-button { vertical-align:bottom; }

#story img { border:1px solid #AAAAAA; margin-top:10px; margin-bottom:30px; box-shadow: 2px 2px 4px #AAAAAA; -moz-box-shadow: 2px 2px 4px #AAAAAA; -webkit-box-shadow: 2px 2px 4px #AAAAAA; } #story img:hover { border:1px solid black; }
#story a { border-bottom:none; } #story a:hover { border-bottom:none; }
#story h1 a { border-bottom:1px solid #AAAAAA; } #story h1 a:hover { border-bottom:1px solid black; }

#circle img { border:none; margin:10px 0 30px 0; }
#circle a { border:none; } #circle a:hover { border:none; }
#circle h1 a { border-bottom:1px solid #AAAAAA; } #story h1 a:hover { border-bottom:1px solid black; }

#membership
{
	position:fixed;
	top:0;
	right:0;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:15px 10px 15px 15px;
	background-color:white;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	box-shadow: 2px 2px 4px #AAAAAA;
	-moz-box-shadow: 2px 2px 4px #AAAAAA;
	-webkit-box-shadow: 2px 2px 4px #AAAAAA;
}
#membership a { color:black; text-decoration:none; border-bottom:1px solid #AAAAAA; } #membership a:hover { border-bottom:1px solid black; text-shadow: 1px 1px 0px #AAAAAA; }

ul { margin:0; padding-bottom:20px; } li { padding-top:20px; }

.ad { width:120px; height:600px; margin:44px; }

.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.clearer { clear:both; margin-top:10px; margin-bottom:10px; }
.big { margin-bottom:30px; }
.spacer { margin:5px; }
.red { color:red; padding-left:3px; padding-right:3px; }
.green { color:green; padding-left:3px; padding-right:3px; }
.underlined { border-bottom:1px solid #AAAAAA; padding-bottom:10px; margin:10px 20px 10px 20px; }
.padded { padding: 20px 30px 40px 30px; }
.notice { color:blue; margin-bottom:15px; }