/* Stylesheet for Mindyhitchcock.com */

* {margin: 0; padding: 0; list-style: none; font-family: Arial, Helvetica, sans-serif;}

body {background: #fff;}

div.zen {background: url(../res/bg-zen.jpg) repeat; padding: 20px;}


h1 {font-size: 20px; color: #8860CA; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px;}
h2 {font-size: 14px; color: #ab89e3; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; border-bottom: 1px dotted #ab89e3; padding-bottom: 2px;}
h3 {font-size: 12px; color: #898989; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h4 {font-size: 12px; color: #8860CA; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

p {margin-bottom: 15px; color: #333; font-size: 14px; line-height: 18px;}

a {color: #60ad45;}

ul li {margin: 5px 0;}
ul li a {color: #60ad45; text-decoration: none;}
ul li a:hover {text-decoration: underline}
ul li a:visited {color: #4d9435;}

ul.subnav {margin-bottom: 20px;}
ul.subnav li a {background: #c571ff; border: 1px solid #a54de3; color: #fff; font-weight: bold; padding: 3px; display: block; text-decoration: none;}
ul.subnav li a:hover {border: 1px solid #fff071; background: #fffea1; color: #545454; text-decoration: none;}

#page-container {width: 900px; margin: 0 auto;}

#header {background: #ae8fe3 url(../res/bg-header.gif) repeat-x; height: 100px;}
#header img {margin-top: 32px;}
.center-wide{width: 900px; margin: 0 auto;}

#navigation {background: #5da8e7 url(../res/bg-nav.gif) repeat-x; border-top: 5px solid #fff95d; height: 40px;} 
#nav-items { width: 900px; margin: 0 auto;}
#nav-items li {float: left; padding: 10px; border-right: 1px solid #98d1f4; border-left: 1px solid #5da8e7; margin: 0;}
#nav-items li#no-left {padding-left: 0; border-left: none;}
#nav-items li#no-right {border-right: none;}

#nav-items li a {
font-size: 12px; 
font-weight: bold; 
text-transform: uppercase; 
font-family: Arial, Helvetica, sans-serif; 
color: #fff; 
text-decoration: none;
}

#nav-items li a:hover {text-decoration: underline;}

#content-container {padding-top: 20px; width: 900px; margin: 0 auto;}

#content-left {
border: 1px solid #9fd665; 
float: left; width: 248px; 
padding: 20px; 
margin-bottom: 20px; 
font-size: 14px; 
line-height: 18px; 
background: url(../res/bg-sidebar.gif) no-repeat bottom left;
}

#banner {border: 1px solid #9fd665; margin-bottom: 20px; padding: 2px;}

#content-right {float: right; width: 587px; font-size: 14px; margin-bottom: 20px;}

#footer {clear: both; background: #9873d8 url(../res/bg-footer.gif) repeat-x; height: 100px; margin-top: 20px; padding: 10px 0;}
#footer p {font-size: 11px; color: #fff; width: 900px; margin: 0 auto;}
#footer a {font-size: 11px; color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer span#copy {float: left;}
#footer span#links {float: right; text-transform: uppercase;}

.button {margin-top: 10px;}
.quote-source {float: right; margin-top: 10px;}

#contactForm {
 width: 436px;
 background-color: #63ade8;
 border: 1px solid #5298d0;
 margin: 0;
 color: #fff;
}

dl.contact{
 margin: 10px 20px 10px 15px;
}

dl.contact dd input{
 width: 100%;
 height: 17px;
 margin-bottom: 10px;
 border: 1px solid #5298d0;
 padding: 3px 0;
}

.redBorder{
 border: 1px solid red;
}

.redText{
 color: red;
 }

dl.contact dd textarea{
 width: 400px;
}

dl.contact dt {
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
}

input.submit{
margin-left: 10px;
margin-bottom: 10px;
}
