body {
    margin: 0;
    padding: 0;
    background-color: #af173b;
    font-family: helvetica, arial, sans-serif;
}

img {
    border: 0;
}

#wrapper {
    width: 960px;
    margin: 0 auto;
}

#top {
    height: 80px;
    background-image: url(../img/grey-gradient.jpg);
}

#top #logos {
    float: right;
}

#top #logos img {
    padding: 10px 10px;
}

.logo-dirtbowl {
    position: absolute;
    padding: 26px 12px;
}

#mainnav {
    background-color: black;
    color: white;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0.4em 0;
    width: 100%;
    height: 18px;
}

#mainnav a, .nav-second span a {
    color: white;
    text-decoration: none;
}

.nav-second span a:hover {
    text-decoration: underline;
}

#mainnav ul li a.active, #mainnav ul li a:hover {
    color: #af173b;
}

#mainnav ul li a {
	margin-bottom:3px;
}

#mainnav ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainnav ul li {
    float: left;
    padding: 0 1.5em;
    position: relative;
    line-height: 18px;
}

#mainnav ul li ul {
	padding:0;
	margin:0;
	position:absolute;
	background-color:#000;
	height:auto;
	max-width:200px;
	z-index:1;
    top: 22px;
    left: 1.5em;
	display:none;
    border-top: white 1px solid;
}

#mainnav ul li ul li {
	float:none;
    padding: .5em 1em;
    border-bottom: white 1px solid;
    height: auto;
    white-space: nowrap;
}

#mainnav ul li ul li a {
	text-indent:0px;
	background-image:none;
	margin-bottom:0;
}

* html #mainnav ul li ul {
	width:130px;
}

* html #mainnav ul li ul li a {
	width:100%;
}

#tag-wrapper {
    background-image: url(../img/pink-gradient.jpg);
    height: 64px;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-align: right;
    line-height: 64px;
    padding-right: 1em;
}

#heading {
    background-color: black;
    color: white;
    height: 54px;
    line-height: 54px;
    padding-left: 1em;
}

.large-heading {
    font-size: 2em;
    font-weight: bold;
}

.nav-second span {
    padding: 0 1em;
    font-size: 0.8em;
    font-weight: bold;
}

#content {
    background-color: #f5ebd8;
    padding: 0.5em 16px;
    padding-bottom: 3em;
}

#footer {
	background-color: black;
	color: white;
	padding: 1em;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h5 {
    margin: 0;
}

h2 {
    color: #af173b;
}

.left {
    float: left;
}

.right {
    float: right;
}




/* Clearfixins */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}