/*
Theme Name: Dyno (theme development)
Theme URI: http://americandynoracing.com
Description: 
Version: 1.0
Author: Dan(Projekt 3 Studios)
Author URI:  http://projekt3studios.com
Tags: empty, clean, development, design

@charset "utf-8";
/* CSS Document */
@import url('../../plugins/easy-contact/sample/econtact-basic.css');
/* ---- RESET ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

@import url('../../plugins/easy-contact/sample/econtact-basic.css');

/* -- BASIC STYLING -- */
body { background:#000 url(random.php) top center no-repeat;}
#wrapper { width:960px; margin:0 auto;}
p { color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
h1 { color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#about_dr { text-indent:-9999px; background:url(images/about_dr.png) no-repeat; width:400px; height:88px;}
.event { text-indent:-9999px; background:url(images/events.png) no-repeat; width:350px; height:88px;}
.logo { text-indent:-9999px; background:url(images/logo.png) no-repeat; width:220px; height:47px; margin-bottom:30px;}
.photos { text-indent:-9999px; background:url(images/photos.png) no-repeat; width:220px; height:27px; margin-bottom:10px;}
.shout { text-indent:-9999px; background:url(images/shout.png) no-repeat; width:220px; height:27px; margin-bottom:10px; margin-top:-5px;}
.bbb { text-indent:-9999px; background:url(images/404.png) no-repeat; width:220px; height:27px; margin-bottom:10px; margin-top:-5px;}
.einfo { text-indent:-9999px; background:url(images/eventinfo.png) no-repeat; width:220px; height:27px; margin-bottom:10px; margin-top:-5px;}
.mmm { text-indent:-9999px; background:url(images/aboutadr.png) no-repeat; width:277px; height:27px; margin-bottom:10px; margin-top:-3px;}
.par_ab { color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; margin-bottom:30px;}

/* -- LINKS -- */
a.home {display: block; height: 27px;width:220px; background-image:url(images/hompage.png); background-position: 0px 0px; text-indent: -9999px; overflow: hidden; margin-bottom:13px;}
a.home:hover, a.home:active { background-position: 0px 27px;}
a.cnct {display: block; height: 27px;width:220px; background-image:url(images/contact.png); background-position: 0px 0px; text-indent: -9999px; overflow: hidden; margin-bottom:13px;}
a.cnct:hover, a.cnct:active { background-position: 0px 27px;}
a.twitter {display: block; height: 27px;width:220px; background-image:url(images/twitter.png); background-position: 0px 0px; text-indent: -9999px; overflow: hidden; margin-bottom:13px;}
a.twitter:hover, a.twitter:active { background-position: 0px 27px;}
a.ytube {display: block; height: 27px;width:220px; background-image:url(images/youtube.png); background-position: 0px 0px; text-indent: -9999px; overflow: hidden; margin-bottom:13px;}
a.ytube:hover, a.ytube:active { background-position: 0px 27px;}

/* -- CONTENT -- */
#content { height:200px; margin-left:39px; padding:15px 21px 0px 21px;}
#form { width:460px; float:left;}
#evnts { width:400px; float:right;}
#evnts ul { margin-top:-50px;}
#evnts li { width:300px; min-height:35px; float:right; border-bottom: 1px dotted #262626; color:#777; list-style:none; margin-bottom:5px;}
.title {color:#ff0013; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom:1px; padding:0 5px;}
.date {color:#777; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:2px; padding:0 5px;}
#evnts p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999; padding:0 5px; margin-bottom:5px;}

/* -- PHOTOS -- */
a.p1 {display: block; height: 54px;width:220px; background-image:url(images/photos/photos_th); background-position: 0px 0px; text-indent: -9999px; overflow: hidden;}
a.p1:hover {background-position: 0px 54px;}
a.p2 {display: block; height: 54px;width:220px; background-image:url(images/photos/promo_th); background-position: 0px 0px; text-indent: -9999px; overflow: hidden;}
a.p2:hover {background-position: 0px 54px;}
a.p3 {display: block; height: 54px;width:220px; background-image:url(images/photos/race_3_th.jpg); background-position: 0px 0px; text-indent: -9999px; overflow: hidden;}
a.p3:hover {background-position: 0px 54px;}
a.hidden {background-position: 0px 0px; text-indent: -9999px; overflow: hidden;}

/* -- MAIN -- */
#main { width:220px; height:580px; margin-left:39px; padding:15px 21px;}
ul.imgs li { margin-bottom:10px; list-style-type:none;}
ul.a li { margin-bottom:10px; list-style-type:none;}

/* -- FOOT -- */
#footer { min-height:75px; background:url(images/foot.jpg) top no-repeat;}
#footer p { margin-top:15px; color:#777; margin-left:39px; padding-top:55px;}
.p3link { text-indent:-9999px; background:url(images/p3logo.png); width:259px; height:39px; float:right; margin-top:-27px;}


/* FORM */
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
#info-left { color:#FFF; font-size:14px; float:left; width:200px;}
#info-right strong {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:20px;}
#info-right { color:#777777; font-size:14px; float:left; width:240px; margin-left:20px; margin-top:20px;}
#evnts a{ color:#ff0013; text-decoration:none;}
#evnts a:hover{ color:#ff0013; text-decoration:underline;}
form {margin:0; padding:0; color:#fff;}
.savior {width:100%; height:0; clear:both; font-size:0;}
.formstyler  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:3px; margin:5px 5px 0 0; border:1px dotted #595959; background:#161616; width:200px;}
.formcom {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:2px; margin:5px 5px 0 0; border:1px dotted #595959; background:#161616; width:400px;}



/* FORM */
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
#info-left { color:#FFF; font-size:14px; float:left; width:200px;}
#info-right strong {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; margin-top:20px;}
#info-right { color:#777777; font-size:14px; float:left; width:240px; margin-left:20px; margin-top:20px;}
#evnts a{ color:#ff0013; text-decoration:none;}
#evnts a:hover{ color:#ff0013; text-decoration:underline;}
form {margin:0; padding:0; color:#fff;}
.savior {width:100%; height:0; clear:both; font-size:0;}
form fieldset input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:3px; margin:5px 5px 0 0; border:1px dotted #595959; background:#161616; width:200px;}
form fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; padding:2px; margin:5px 5px 0 0; border:1px dotted #595959; background:#161616; width:400px;}


form {padding: 0;}

form, form fieldset input, form fieldset textarea, form label { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0; width:200px;}
form p br {display: none;}


form fieldset p input,
form fieldset p textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
}
.submit { margin-left:0px;}
form fieldset label {
	width: 200px;
	display: block;
	margin: 3px 5px 5px 6px;
	padding: 0;
}

form fieldset p textarea {
	padding: 2px;
	width: 404px;
}

form fieldset p textarea,
form fieldset input {
}
form fieldset label {
	color: #999;
}

#success { background:url(images/success.jpg) top no-repeat; margin:0 auto; width:650px; height:500px;}

#header h1,h2 {text-indent:-9999px;}

p.spcr { border-top:1px dotted #262626; border-bottom: 1px dotted #262626; margin-top:10px; margin-bottom:20px; padding:5px 0;}


img.ajax-loader {
	border: none;
	vertical-align: middle;
}