/*
Theme Name: Goat Ramps
Theme URI: http://goatramp.com
Description: A custom theme for Goat Ramps.
Version: 1
Author: Rakel Fairfull
Author URI: http://kmdg.com
Tags: custom

	Goat Ramps v1
	 http://goatramp.com

	This theme was designed and built by Rob Kammel and Rakel Fairfull,
	whose website you will find at http://kmdg.com/

*/

* { outline: none; }

a {
	text-decoration: none;
}

body {
  padding: 0;
  margin: 0;
  background: #210400 url(images/bkg.jpg) no-repeat center top;
  width: 100%;
  display: table;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.clear { clear: both; margin: 0; padding: 0; }

.title {
	background-color: #480000;
	position: relative;
	padding: 5px 0 0 5px;
	height: 29px;
	float: left;
	min-width: 95px;
	z-index: 100;
	text-align: center;
}
.sidebar .title { margin-left: 10px; }


/* containers */

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

#content-container {
	position: relative;
	z-index: 100;
	margin-top: -10px;
}

/* header */
#header {
	background: url(images/tagline.png) no-repeat 350px 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.logo {
	position: relative;
	float: left;
	width: 292px;
	height: 170px;
	background: url(images/goat-logo.png) no-repeat 0 -10px;
}
.logo a {
	display: block;
	height: 170px;
	width: 292px;
	text-decoration: none;
	text-indent: -9999px;
}

/* billboard */


.billboard {
	background: #ffffff;
	padding: 15px;
	margin-bottom: 15px;
}
.billboard img { margin: 0; padding: 0; }


/* content/pages/posts */

.content
{
	clear: left;
	float: left;
	width: 590px;
}

.content .post, .content .page { background: #ffffff; margin: 0 0 15px 0; }
.content .padding { padding: 15px; }

.content .date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	float: right;
}

.content .postmetadata {
	border-top: 1px solid #999999;
	padding-top: 5px;
	color: #666666;
	font-size: 11px;
}

.content .postmetadata a { color: #666666; text-decoration: underline; }

.content .postmetadata a:hover { color: #333333; }


.content h2, .sidebar h3 { 
	margin: 0;
}



/* sidebar */

.sidebar {
	float: right;
	width: 355px;
}


.sidebar .box {
	background: #ffffff;
}
.sidebar .box .padding { padding: 15px; }
.sidebar .box .padding .box2 { padding: 35px 15px 15px 15px;  background: #c2b59b; position: relative; margin-top: -25px; z-index: 50; }

.sidebar ul { margin: 0; padding: 0; }
.sidebar li { margin: 0; padding: 0; }

/* footer */

#footer {
	clear: both;
	text-align: right;
	padding-top: 15px;
	height: 1%;
	border-top: 1px solid #fdc689;
	color: #fdc689;
	margin: 15px 0 30px 0;
}

#footer ul {
	width: 600px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#footer ul li a {
	padding: 0 14px;
	display: block;
	text-decoration: none;
	color: #fdc689;
	border-left: 1px solid #fdc689;
	text-transform: uppercase;
}
#footer ul li a:hover { color: #ffffff; }
#footer ul li a.noborder { border-left: 0; padding-left: 0; }

/* navigation */

#navigation { float: left; width: 665px; padding-top: 70px; }
#navigation ul { margin: 0; padding: 0;}
#navigation ul li { margin: 0; padding: 0; list-style: none; float: left; }
#navigation ul li a {
	height: 67px;
	background: url(images/navigation.png) no-repeat;
	display: block;
	text-indent: -9999px;
}

#navigation ul li a.nav-about {
	width: 113px;
	background-position: 0 -67px;
}
#navigation ul li a:hover.nav-about {
	background-position: 0 0;
}

#navigation ul li a.nav-news {
	width: 100px;
	background-position: -113px -67px;
}
#navigation ul li a:hover.nav-news {
	background-position: -113px 0;
}

#navigation ul li a.nav-team {
	width: 102px;
	background-position: -213px -67px;
}
#navigation ul li a:hover.nav-team {
	background-position: -213px 0;
}

#navigation ul li a.nav-team {
	width: 102px;
	background-position: -213px -67px;
}
#navigation ul li a:hover.nav-team {
	background-position: -213px 0;
}

#navigation ul li a.nav-store {
	width: 106px;
	background-position: -314px -67px;
}
#navigation ul li a:hover.nav-store {
	background-position: -314px 0;
}

#navigation ul li a.nav-media {
	width: 102px;
	background-position: -419px -67px;
}
#navigation ul li a:hover.nav-media {
	background-position: -419px 0;
}

#navigation ul li a.nav-contact {
	width: 140px;
	background-position: -520px -67px;
}
#navigation ul li a:hover.nav-contact {
	background-position: -520px 0;
}