/*
Theme Name: Sandra Haralson Consulting
Theme URI: http://www.sandaraharalson.com
Description: Custom design
Version: 0.1
Author: SB
Author URI: http://www.departuremedia.com
Last Edit Date: Dec 20, 2008
*/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
border:0;
}

/* force scrollbar (to eliminate jump in Safari/FF)
----------------------------------------------------- */
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end force scrollbar */

/* Main Styles
----------------------------------------------------- */
body{
	text-align: center;
	vertical-align: top;
	background: #7b050a url(images/bg.gif) repeat-x top;
	color: #000000;
	font: small Arial, Helvetica, Georgia, Sans-serif;
width:965px;
margin:0 auto;
}


#container{
	background-color:white;
	margin: 0 auto;
margin-top:20px;
	float:left;
	width:509px;
	border-left:217px solid #DAE4F2; /* The width and color of the left rail */
	border-right:240px solid white; /* The width and color of the right rail */

}
#leftRail{
	float:left;
	width:217px;
	margin-left:-217px;
	position:relative;
}
#center{
	float:left;
	width:509px;
	margin-right:-509px;
text-align:left;
}
#rightRail{
	float:right;
	width:240px;
	margin-right:-240px;
	position:relative;
}

h1.home span {
color:black;
display:block;
}


/* Header Styles
----------------------------------------------------- */
#header{
background:url(images/header-bg.jpg) no-repeat top right;
margin-top:40px;
position:relative;
width:965px;
margin:0 auto;
margin-top:40px;
}

#logobox {
width:217px;
height:264px;
background:transparent url(images/logobg_block-trans.png) repeat-y right;
}

#logobox img.portrait {
border:15px solid black;
position:absolute;
top:-15px;
left:0;
}

#logobox img.logo {
position:absolute;
top:180px;
left:15px;
}

#header blockquote {
position:absolute;
top:20px;
left:250px;
padding-right:20px;
color:white;
font:normal 235% georgia,serif;
text-align:left;
}

#header blockquote cite {
display:block;
text-align:right;
font-size:60%;
}

#header blockquote a {
position:absolute;
right:20px;
padding:5px;
background-color:black;
color:white;
font:40% 'Trebuchet MS',helvetica,arial,sans-serif;
margin-top:10px;
}

#header blockquote a:hover {
background:white;
color:black;
}

#nav {
position:absolute;
top:206px;
left:217px;
width:57.6em;
}

#nav ul {

}

#nav ul li {
float:left;
}

#nav ul li a {
padding:19px 37px;
display:block;
color:white;
text-decoration:none;
text-transform:uppercase;
font:bold 130% 'Trebuchet MS',helvetica,arial,sans-serif;
letter-spacing:1px;
}

#nav ul li a.home-button {
padding-left:50px;
}

#nav ul li a.contact-button {
padding-right:46px;
}

#nav ul li a:hover {
background-color:black;
}

/* Content Styles
----------------------------------------------------- */

#center p {
padding:0.5em 20px;
color:#232d71;
}

#center h1 {
padding:0 20px;
margin-top:20px;
margin-bottom:5px;
font:180% georgia,serif;
color:#232d71;
}

#center h2, #center h3 {
padding:0 20px;
margin-top:0.5em;
}


#center .call2action {
margin-left:20px;
margin-right:20px;
padding:10px;
background-color:#f9ff8d;
}

#center .call2action a {
font-weight:bold;
}

#center p.intro {
font:110% verdana,sans-serif;
color:black;
}

/* Sidebar Styles
----------------------------------------------------- */

.primaryphoto {
margin-top:10px;
width:228px;
}

.primaryphoto img {
border:3px solid #dde7f5;;
}

.primaryphoto .caption {
background-color:#dde7f5;
font:80% verdana,sans-serif;
padding:5px;
}

dl.sidebar-contact  {
text-align:left;
margin-left:15px;
}

dl.sidebar-contact dt {
font-weight:bold;
margin-bottom:0.2em;
margin-top:0.5em;
}

p.pullquote-sidebar {
padding:10px;
border:1px solid white;
margin:15px;
background-color:#EFF4FC;
font:italic 140%/1.3em georgia,serif;
color:#232d71;
}

#rightRail div.supplemental {
background-color:#dde7f5;
text-align:left;
margin-right:12px;
margin-top:2em;
}

#rightRail div.supplemental h3 {
margin-left:15px;
padding-top:15px;
padding-bottom:5px;
}

#rightRail div.supplemental ul {
margin-left:15px;
padding-bottom:15px;
}

#rightRail div.supplemental ul li {
list-style-type:disc;
margin-left:15px;
}

div.article a {
background-color:#F8FCB9;
padding:10px;
display:block;
width:208px;
margin-top:15px;
}

p.facebook {
margin:20px 0;
}

p.sanitone { width:124px; font:12px arial,sans-serif; text-align:center; padding-bottom:10px;}
p.sanitone img { display:block; }


/* Footer Styles
----------------------------------------------------- */
#footer{
	clear: both;
	padding-top: 1em;
padding-bottom:2em;
background:transparent url(images/footer-shadow.gif) no-repeat top center;
text-align:center;
width:965px;
margin: 0 auto;
color:white;
}

#footer a {
color:white;
}

#footer p {
	font-size: 80%;
}

#footer .footer-logo {
margin-top:15px;
margin-bottom:5px;
}

#footer h4 {
margin-bottom:5px;
}


/* Contact form overrides
----------------------------------------------------- */

.linklove {
display:none;
}

textarea#cf_field_5 {
width:270px;
}


/* Links Styles
----------------------------------------------------- */
a:link, a:visited {
	text-decoration: underline;
	color: #ed1d25;
}

a:hover, a:active {
	color: #ff0000;
	text-decoration: none;
}

/* Font Styles
----------------------------------------------------- */

/* Comment Styles
----------------------------------------------------- */
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #cccccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #cccccc;
}

.comments-template ol li.alt{
	background: #eeeeee;
}

.comments-template h2, .comments-template h3{
	font: 16px Georgia, Sans-serif;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font: 12px Arial, Helvetica, Georgia, Sans-serif;
}

/* Handy Classes
----------------------------------------------------- */
.imgfr {
	float: right;
	margin: 4px 0 5px 12px;
	padding: 4px;
	border: solid 1px #cccccc;
}

.imgfl {
	float: left;
	margin: 4px 12px 5px 0;
	padding: 4px;
	border: solid 1px #cccccc;
}

.clearboth {
	clear: both;
}