/*  
Theme Name: Performance In Motion
Theme URI: http://www.dreamworldstudios.com
Description: Performance In Motion 1.0<br /> Built custom for Performance In Motion <br /><br /><a href="http://www.dreamworldstudios.com">
Version: 1.0
Author: DreamWorld Studios
Author URI: http://www.dreamworldstudios.com
*/

/*
#f8eed4 - tan
#f0dba2 - dark tan
#0254a6 - blue
#185898 - dark blue
*/


/* COLOUR SCHEME 
____________________________________________________________________________
Edit these to alter the colour scheme of the theme.
*/
body {color: #0254a6;}
#container {
	background-color: #0254a6;
}
.wrapper {
	background-image:url(images/topGradient.gif);
	background-repeat: no-repeat;
	background-color: #f1dda7;
}
#nav li ul li {background-color: #faf2df;}
#topbar {background-color: #0254a6;}
#footer {background-color: #0254a6;}
#mainpicinner {height: 273px; background: #fff; border: 1px solid #fff;}
/* typography */
#logo a {color: #185898;}
.textbkg {border-left: 4px solid #ebf0cf;}
.textbkg span {background: #ebf0cf; outline: solid 2px #ebf0cf; -moz-outline: solid 2px #ebf0cf;}
h1 {color: #185898}
h2 {color: #185898;}
.entry h2 a {color: #3a4032;}
h3 {color: #3a4032;}
p {color: #185898;}
.date {background: #0254a6;}
.dateDay {color: #fff;}
.dateMonth {color: #ebf0cf;}
.dateYear {color: #ebf0cf;}
#topbar p, #footer p {color: #92a781;}
blockquote {border-left: 10px solid #b0b984; background: #cfdd85; }
code {color: #003399;}
li {color: #185898;}
/* links */
a {color: #0254a6;}
#topbar a, #footer a {color: #ebf0cf;}
/* modules and widgets */
#wp-calendar td {background: #cfdd85;}
#flickr a {border: 4px solid #b0b984; background: #fff;}
#flickr a:hover {border-color: #3a4032;}
/* forms */
#topbar .field, #topbar .openid_url_sidebar {background: #2d4a28 !important; color: #fff!important; border: none !important;}
/* buttons */
.comments a {background: url(images/comments_left.png) top left no-repeat; color: #3a3e3e;}
.comments span {background: url(images/comments_right.png) top right no-repeat;}
/* Nav */
#nav > li:hover {background: #f8eed4;}
#nav li ul li a {background: #f8eed4; color: #0254a6;}
#nav li ul li a:hover {border-left: 3px solid #185898; color: #185898;}
.copyright {color: #faf2df;}
.dreamworld {color: #0254a6;}
.dreamworld a {color: #0254a6;}
.dreamworld a:hover {color: #faf2df;}






/* GENERAL STYLES
____________________________________________________________________________
Probably best not to edit these unless you know what you're doing
*/

/* layout */
* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}
body {background: #0254a6; font: 70% Verdana, Arial, Helvetica, sans-serif; text-align: center; letter-spacing: 0;}
#container {
	display: block;
	width: 100%;
}
.wrapper {
	margin: 0px auto;
	width: 1042px;
	overflow:auto;
}

#topbar {display: block; width: 100%; background-image: url(images/topbar.png); background-position: top; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}
#topbar div {padding-bottom: 0;}
#header {display: block; width: 930px; text-align: left; margin-left: auto; margin-right: auto;}
#content {text-align: left; margin-left: auto; margin-right: auto;}
#related {overflow: auto; display: block; width: 1042px; background-color: #f8eed4; text-align: left; margin-left: auto; margin-right: auto;}
#footer {display: block; width: 100%; background-image: url(images/footer.png); background-position: bottom; background-repeat: repeat-x; text-align: left; padding: 13px 0 6px 0;}

.cols01 {float: right; display: block; width: 265px; padding: 0px 85px 48px 0px;}
.cols02 {float: left; display: block; width: 535px; padding: 0px 0px 48px 65px;}
.cols03 {display: block; padding: 0px;}
.cols04 {float: right; display: block; width: 265px; padding: 0px 35px 48px 0px;}
.center {text-align: center;}

.box01 {margin: 0 auto; width: 900px;}
.box02 {margin: 0 auto; width: 900px;}
.left {margin: 0 auto;}
.right {float: right;}

.clear {clear: both;}

#mainpic {padding: 9px; background: url(images/1x1_20pc.png) top left; width: 900px;}
#mainpicinner {display: block; width: auto;}

.entry {width: 100%; clear: both; margin: 24px 0 0 0;}
.aComment {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.aComment:last-child {background: none;}
.aComment h4 {margin: 0;}
.aComment h4 img {display: none;}
.aComment .textbkg {margin: 0 0 6px 0;}

/* navigation */
#nav {float: left; position: relative; display: inline-block; width: 917px; list-style: none; margin: 3px 0 0 0; padding: 0 0 7px 0; background: url(images/underline.png) bottom repeat-x;}
#nav li {float: left; position: relative; display: inline;}
#nav li a {float: left; position: relative; display: inline; padding: 8px 10px; z-index: 100;}
#nav li ul {position: absolute; left: -999em; padding: 2.6em 0 0 0; margin: 0; *padding-top: 0px;}
#nav li ul li {clear: both; float: none; display: block;}
#nav li ul li.lastchild {padding-bottom: 3px; display: block;}
#nav li ul li a {display: block; font-size: 10px; width: 130px; padding: 5px 10px; font-weight: normal;}
#nav li ul li a:hover {width: 127px;}
#nav li:hover ul {left: auto; top: auto; clear: both; float: none; display: block;}
#nav li:hover {position: static;}


/* typography */
p {font-size: 12px;}
li {font-size: 12px;}
#logo {margin: 32px 0 0 0;}
#logo a {font: bold 3em Arial, Helvetica, sans-serif; text-decoration: none; letter-spacing: -2px;}
.textbkg span {padding: 0 4px 0 0; overflow: visible;}
h2 {font: bold 18px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin-bottom: 10px;}
.pageH2 {margin: 0 0 24px 0;}
h3 {font: bold 1.4em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 24px 0 12px 0; background: url(images/underline.png) bottom repeat-x;}
h3#comments {margin-bottom: 24px;}
h3#respond {float: left; clear: both; display: block; width: 100%;}
.archive h3 {background: none; margin: 0 0 -7px 0;}
h4 {font: 1.3em Arial, Helvetica, sans-serif; margin: 0 0 12px 0;}
p {margin: 0 0 24px 0;}
blockquote {padding: 10px 10px 1px 10px; margin: 0 0 24px 0;}
code {position: relative; left: 0; font: 1em "Courier New", Courier, mono; }

.cols01 ul, .cols02 ul {margin: 0 0 24px 14px;}
.cols01 ol, .cols02 ol {margin: 0 0 24px 21px;}
.cols01 ul ul, .cols02 ul ul, .cols01 ol ul, .cols02 ol ul {margin: 0 0 0 14px;}
.cols01 ol ol, .cols02 ol ol, .cols01 ul ol, .cols02 ul ol {margin: 0 0 0 21px;}
.cols01 h1 {font-size: 20px; margin-top: 30px;}
#topbar p, #footer p {margin-bottom: 12px;}
.date {float: right; width: 6.3em; height: 6.3em;}
.dateDay {display: block; text-align: right; margin: 5px 10px 0 0; font: bold 2.4em Arial, Helvetica, sans-serif;}
.dateMonth {display: block; text-align: right; margin: 2px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.dateYear {display: block; text-align: right; margin: -3px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.comments {float: left; clear: both; display: inline; width: 100%;}
.comments a {float: left; display: inline; padding: 4px 0 5px 71px; font-weight: bold; font-size: 80%;}
.comments span {float: left; display: inline; background: url(images/comments_right.png) top right no-repeat; width: 10px; height: 22px; overflow: hidden;}
.archive .comments {margin-top: -46px;}
ul {margin: 0 0 24px 12px;}
ul ul {margin-bottom: 0;}
img {float: left; margin: 0 12px 12px 0;}
.wp-smiley {float: none; margin: 0;}
.entry h1{font-size: 20px; margin: 10px 0px;}
.entry h2 {padding: 6px 0 0 0;}
.entry .textbkg span a {font-weight: normal;}
.copyright {text-align: center; margin: 15px 0px;}
.dreamworld {text-align: center; margin-bottom: 10px;}

/* links */
a {font-weight: bold; text-decoration: none;}
#topbar a {text-decoration: underline;}
#footer a {font-weight: normal;}
.headerLogo {height: 137px; width: 900px; margin: 25px 0px 0px 25px;}

.pageNav, .pageNav2 {float: left; width: 100%; margin-top: 12px;}
.pageNext span, .pagePrev span {display: none;}
.pagePrev {float: left; display: block; width: 58px; height: 22px; background: url(images/prev.png) 50% 50% no-repeat;}
.pageNext {float: right; display: block; width: 58px; height: 22px; background: url(images/next.png) 50% 50% no-repeat;}


/* forms */
.field, .commentform_openid, #securitycode {width: 204px; padding: 4px 3px !important; margin: 0 5px 7px 0; background: #fff !important; border: 1px solid #959586; color: #4f4f4c;}
select {margin: 0 0 7px 0; color: #3a3e3e;}
select option {padding: 1px;}
#commentform {display: block;}
#commentform p {display: block; width: 100%; margin: 0 0 5px 0;}
#commentform p label {top: -8px;}
#comment {width: 571px; padding: 4px 3px; border: 1px solid #959586; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #4f4f4c;}
#searchform2 {}
#searchform2 div {}
#topbar li {list-style: none;}
.assesstable p {margin: 0px; padding: 0px;}

#flickr_badge_uber_wrapper {margin: 0 0 24px 0;}
.flickrlink {text-transform: lowercase;}
.flickrlink span {color: #ff0084;}
#flickr {float: left;}
#flickr img {border: none;}
#flickr a {float: left;}
.flickr_badge_image img {float: left; margin: 1px;}
#flickr div {float: left; margin: 0 10px 10px 0;}
#flickr div#flickr_badge_image3, #flickr div#flickr_badge_image6 {margin-right: 0;}

#wp-calendar {width: 100%; text-align: center;}
#wp-calendar .pad, #wp-calendar #next, #wp-calendar #prev {background: none;}

#assessmentform input {
	padding: 5px;
}

#name {
	width: 150px;
	margin-bottom: 25px;
	margin-right: 15px;
}

#company {
	width: 140px;
}

#email {
	width: 150px;
	margin-bottom: 25px;
	margin-right: 15px;
}

#phone {
	width: 41px;
}

#street {
	width: 385px;
	margin-bottom: 25px;
}

#city {
	width: 163px;
	margin-bottom: 25px;
	margin-right: 15px;
}

#state {
	width: 50px;
	margin-bottom: 25px;
	margin-right: 15px;
}

#zipcode {
	width: 65px;
	margin-bottom: 25px;
}

#questions {
	width: 427px;
	height: 150px;
	margin-bottom: 25px;
}

#factors {
	font-size: 16px;
	font-weight: bold;
}

#factors table {
	text-align: center;
	margin-bottom: 25px;
}

#factors td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#factors h4 {
	font-size: 14px;
}

.columns {
	width: 55px;
	text-align: center;
}