* {
    font-family: helvetica;
    padding: 0px;
    margin: 0px;
}

header {
    padding: 0px;
    margin: 0px;
}

body {
    background-color: #f0f0f0;
}

h1, h1 span{
    font-weight: 100;
}

h1 a{
    padding: 0px;
    margin: 0px;
	text-decoration: none;
	font-family: 'PincoyablackBlack';
    padding-top: 21px;
    font-weight: 100;
    float: left;
	font-size: 80px;
	line-height: 80px;
}

h1 a span {
    padding: 0px;
    margin: 0px;
}

ul {
    margin: 0px;
}

input {
	outline: 0;
}

#container {
    width: 926px;
    margin: 0 auto;
}

#cornerguy {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}

#heavy {
	color: black;
}

#image {
	color: #00d8ff;
}

#menu {
	float: right;
	list-style-type: none;
	margin-top: 25px;
}

#menu li {
    display: inline-block;
}

#menu li a{
    font-size: 15px;
    color: #111;
    text-decoration: none;
    font-weight: 900;
    padding: 2px 5px;
}

#menu li a:hover {
    background-color: #00d8ff;
}

.menubox {
    width: 600px;
}

.menubox h1 { font-size: 24px; }
.menubox h2 { font-size: 20px; }
.menubox h3 { font-size: 16px; }
.menubox h4 { font-size: 12px; }

.menubox ul li {
    margin-left: 60px;
	list-style-type: none;
    font-weight: 800;
}

.menubox ul li ul li {
    margin-left: 100px;
    font-weight: 400;
}


#contact {
    text-align: center;
    font-weight: 600;
    line-height: 28px;
}

#filters {
	float: right;
	list-style-type: none;
	margin-top: 5px;
}

#cat-filter {
	padding-bottom: 5px;
}

#cat-filter li {
    display: inline-block;
}

#cat-filter li a {
    font-size: 11px;
    color: #111;
    text-decoration: none;
    font-weight: 600;
    padding: 2px 5px;
}

#cat-filter .current a{
	background-color: #00d8ff;
}

#cat-filter li a:hover {
	background-color: yellow;
}

#year-filter {
	text-align: right;
}

#year-filter li {
    display: inline-block;
}

#year-filter li a {
    font-size: 10px;
    color: #222;
    text-decoration: none;
    font-weight: 300;
    padding: 2px 5px;
}

#year-filter .current a{
	background-color: #00d8ff;
}

#year-filter li a:hover {
	background-color: yellow;
}


#theGrid {
    list-style-type: none;
}

#theGrid li {
    display: inline-block;
    padding-bottom: 4px;
    background-color: #111;
    margin-bottom: 5px;
    line-height: 6px;
}

#theGrid li:hover {
	background-color: #222;
}

#theGrid li h4 {
	color: #f0f0f0;
	padding: 5px 5px;
	font-size: 9px;
	text-align: right;
}

#theGrid li h6 {
    font-size: 9px;
	color: #f0f0f0;
	padding: 0px 5px;
	text-align: right;
}

#theGrid h6 a {
	color: #00d8ff;
	text-decoration: none;	
}

#theGrid h6 a:hover {
	color: black;
    background-color: yellow;
}

#details li {
    list-style:none;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

#details li iframe {
    width: 100%;
    height: 500px;
    border: 1px solid black;
}

/* HOT!!!! */
img.resize{
    width: 926px;
    height: auto;
}

#details h1{
    font-weight: 500;
    font-size: 36px;
}

#details p {
    margin-top: 20px;
}

#filterInfo {
	font-size: 16px;
	text-align: center;
	height: 16px;
    margin-top: 0px;
	margin-bottom: 10px;
}

hr {
	margin-top: 20px;
	margin-bottom: 5px;
}

.introText {
    margin: 0 auto;
}

.introText p {
    margin-bottom: 10px;
}

.introText ul {
    margin-bottom: 10px;
    width: 400px;
}

.introText ul ul{
    margin-left: 30px;
}

.introText h1 {
    font-weight: 500;
    font-size: 30px;
}

footer h6{
    font-size: 9px;
    float: right;
}

footer #icons {
    float: left;
}

.clear {
    clear: both;
}