/* 
Theme Name: Motivational Results
Theme URI: http://www.motivationalresults.com/
Design Name: Autumn Push
Description: A custom design for motivational results.com
Version: 1.5
Author: Michael Rogus
Author URI: http://www.rogusdesign.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; background-color: #cdcca1; background-image: url(images/background.png); background-repeat: repeat-y; background-position:center; height:100%;}
html {height:100%;}
h1 {font: 1.7em bold Helvetica, Arial, sans-serif; color: #b25b26;}
h2 {font: 1.4em bold Helvetica, Arial, sans-serif; color: #b25b26;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {text-decoration: none; color: #b25b26;}
h3 {font-size: 1em; color: #2d0f0a; font-weight: bold;}
p {color: #2d0f0a;}

a:link {color: #b25b26;}
a:visited, a:hover, a:active {color: #879e87;}

#clear { clear:both;}
#container {min-height: 100%; position:relative;}
.constrain {width: 900px; margin-left: auto; margin-right: auto; /*overflow: auto;*/}
.alignRight {text-align: right;}
.cleanlink {text-decoration:none;}
.cleardiv {clear:both;}
.picRight {float: right; margin: 10px;}
.picLeft {float: left; margin: 10px;}
.red {color: #F00;}

#header {height: 74px; background-image: url(images/header-bg.png); background-repeat: repeat-x; color: #FFF; margin-bottom: 10px; width: 100%; min-width: 900px;}
#inner {position: relative;}
#logo {height: 50px; display: block; position: absolute; left: 0px; top: 10px;}
#logo a h1.phark {width: 176px; height: 50px; background: url("images/logo-1.png"); text-indent: -9999px;}
#tagline p.phark {height: 20px; width: 260px; position: absolute; left: 240px; top: 25px; background: url("images/tagline.gif"); text-indent: -9999px;}
#menu {float: right; height: 70px; position: absolute; right: 2px;}
#menu ul li {margin-left: 15px; float:left;}
#menu ul li a:link, #menu ul li a:visited {line-height: 70px; font-size: .9em; font-family: Helvetica, Arial, sans-serif; /*font-weight: bold;*/ text-decoration: none; color: #FFF;}
#menu ul li a:hover, #menu ul li a:active {color:#879e87;}

#top.constrain {margin-top: 15px; margin-bottom: 20px; height: 300px;}
#cycle {width: 600px; height: 300px; margin-right: 15px; float: left;}
#testimonial {width: 245px; height: 260px; background: url(images/testimonial_bg.png); float: right; overflow:hidden; padding: 20px;}
#testimonial p {color: #FFF; font-size: 1em; margin-bottom: 10px; margin-top: 0px;}
#testimonial p.quote { font-size: 1.9em; text-align: center; line-height: 1.2em; margin-top: 1.7em; font-family:Arial, Helvetica, sans-serif;}
#testimonialLink {color: #FFF; text-decoration: none;}

#middle {margin-top: 20px; margin-bottom: 20px; background: url(images/middle_bg.png); background-repeat:repeat-x; background-color: #cdc086; overflow: auto; width: 100%;}
#middle .constrain #about {width: 600px; padding-top: 20px; padding-bottom: 20px; margin-right: 15px; float: left;}
#middle .constrain #about p {padding-left: 10px; margin-top: 5px; font-size: 1em;}
#middle .constrain #aboutPhoto {padding-top:6px; float: left;}

#bottom.constrain {margin-top: 20px; padding-bottom: 70px; overflow: auto;}
#bottom h2 {display: block; margin-bottom: 5px;  width: 100%;}
#bottom h3 {font-size: 1em; color: #2d0f0a; font-weight: bold; padding-left: 10px;}
#bottom p {font-size: 1em; color: #2d0f0a; font-weight: normal; padding-left: 20px; margin-bottom: 10px;}
#bottom #specialties_left {width: 445px; float:left;}
#bottom #specialties_right {width: 445px; float:right;}

#footer {position:absolute; bottom:0px; width: 100%; height: 50px; background-image:url(images/footer_bg.png); background-repeat:repeat-x;}
#footer p {font-size: .8em; color: #FFF; line-height:50px;}

#contentContainer.constrain {padding-bottom:70px; overflow:auto;}
#contentContainer #content p {padding-left: 10px; margin-top: 10px; margin-bottom: 10px; line-height:1.7em;}
#contentContainer h3 {margin-bottom: -10px; margin-top: 10px;}
#content {width: 520px; padding: 20px 40px 20px 40px; background-color: #f7f6e0; float: left; margin-right:5px;}
#contentContainer #content hr {height: 2px; background: url(images/content-hr.png) top left; border: 0;}
#contentContainer #content ol li {list-style:outside decimal; line-height: 1.7em; margin-left: 40px;}
#content #pullquote {width: 250px; background-color: #b25b26; padding-left: 10px; padding-right: 10px;}
#content #pullquote p {padding: 10px; border: #FFF solid 1px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; line-height: 1em; text-align:center;}
#sidebar {width: 295px; margin-top:20px; float: left;}
#contentContainer #sidebar p {padding-left: 10px; margin-top: 5px; margin-bottom: 5px;}
#contentContainer #sidebar h2 {padding-left: 10px; margin-top: 2px; margin-bottom: 2px;}
#contentContainer #sidebar hr {height: 2px; background: url(images/side-hr.png) top left; border: 0;}
#contentContainer #sidebar li li {padding-left: 10px; margin-top: 2px; margin-bottom: 2px; line-height: 1.5em;}
#contentContainer #sidebar li li a {text-decoration: none; color: #b25b26;}