@import url("style_headers.css");
/*  
Theme Name: DynaSport MINI v1
Theme URI: http://www.dynasportmini.com/
Description: Designed by <a href="http://www.raphaelhaefeli.com" title="Raphael Haefeli - Web Design Porland Oregon">Raphael Haefeli</a> For DynaSport MINI.
Version: 1.0
Author: Raphael Haefeli
Author URI: http://www.raphaelhaefeli.com
*/


body {
	margin: 0;
	padding: 0;
	background: #000 url(images/bg_grad.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: white;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2em;
	
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 150%;
}

ul, ol {
}

blockquote {
}

a {
	color: white ;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

/* Menu */

#menu {
	width: 850px;
	height: 44px;
	margin: 0 auto;
	background:  url(images/nav_up.gif) repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	
}

#menu ul {
	height: 44px;
	margin: 0;
	padding: 0;
	background: url(images/nav_divider.gif) no-repeat;
	list-style: none;
	
}

#menu li {
	float: left;
	height: 44px;
	background: url(images/nav_divider.gif) no-repeat right top;
	
}

#menu a {
	float: left;
	height: 20px;
	margin: 0px;
	padding: 12px 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	font-weight: bold;
	color: #FFF;
}

#menu a:hover {
	background: url(images/nav_ro.gif) repeat-x;
	color: #000;
	height: 45px;
	position: relative;
	
}

#menu .current_page_item a {
	height: 45px;
	color: #000;
	
}

/* Splash */

#splash {
	background:url(images/banner.jpg) no-repeat;
	width: 850px;
	height: 200px;
	margin: 0 auto;
	margin-top: 25px;
}


/* Logo */

#logo {
	width: 850px;
	height: 91px;
	margin: 0 auto;
	color: white;
	display: none;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0 20px;
}

#logo h1 {
	float: left;
	padding-top: 30px;
	letter-spacing: -3px;
	text-transform: uppercase;
	font-size: 3em;
}

#logo h2 {
	float: right;
	padding-top: 49px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

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

/* Page */
.performance-wrap{
	height: 290px;
}

#page {
	width: 850px;
	margin: 0 auto;
	padding: 20px;
}

/* Content */

#content {
	width: 850px;
	height: 100%;
	
}

.post {
	
}

.post .title {
	text-align: left;
	letter-spacing: -2px;
	border-bottom: 1px dashed #B9B9B9;
	text-transform: uppercase;
	font-size: 24px;
	width: 100%;
	font-size: 1.6em;
	margin-bottom: -5px;
	margin-top: 20px;
}


.post .title a {
	text-decoration: none;
}

.post .entry {
	padding: 10px 20px;
	
}

#post_info{
	width: 100%;
	height: 50px;
	
	}

#post_info .title{
	float: left;
	clear:both;
}

#post_info .postmeta{
	
	clear:both;
}


.post .postmeta {
	float: right;
	text-decoration: none;
	text-transform: uppercase;
	font-size: smaller;
	position: relative;
	top: -10px;
}

.post .posted {
	float: left;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink, .post .comments {
	float: right;
	height: 16px;
	padding: 5px 20px;
}

.post .permalink {
}

/* Footer */

#footer {
	clear: both;
	width: 850px;
	height: 50px;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 1px dashed #FFF;
	font-size: smaller;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
}

#footer a{
	text-decoration: none;
}

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



.border{
	border: 2px solid #FFF;
}

.email_form{
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
	top: 25px;
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

a img{
	border: none;
}

h1.hide{
	font-size: 0em;
	margin-bottom: 75px;
	color: #000;
}

h2.hide{
	font-size: 0em;
	margin-bottom: 50px;
	color: #333;
	
}

.location_map{
	border: 2px red solid;
	
}

img{
	border: 1px solid #ccc;
	margin: 5px;
}

img.right{
	float: right;
	clear: left;
	margin-left: 20px;
	
}

img.left{
	float: left;
	clear: right;
	margin-right: 20px;
}

.clr{
	clear: both;
}

.center{
	text-align: center;
}

.right{
	float: right;
	clear: right;
	
}

.left{
	
	float: left;
	clear: left;
}

.block_center{
	width: 100%;
	height: 100%;
	clear: both;
	text-align: center;
}

.block_left{
	float: left;
	width: 45%;
	height: 100%;
	clear: both;
}
.block_left_location{
	float: left;
	width: 50%;
	height: 100%;
	clear: both;
}

.block_right{
	width: 50%;
	height: 100%;
	float: right;
	margin-bottom: 40px;

}