/*
CSS - SCREEN

client: Carol Spong
url: http://carolspong.com

designer: Dawud Miracle, Healthy WebDesign
url: http://healthywebdesign.com

last revised: 14 Feb 2007
*/



.tempcolor {
	color: #522453;
}

/* ======== Links ======== */

a, a:visited {
	text-decoration: underline;
	color: #fcf7a5;
}

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



/* ======== Overall ======== */

body {
	margin: 0;
	padding: 0;
	font: 100%/140% Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	text-align: center;
	background: #b2967a url(../img/body_bkgrd.jpg) repeat-x left top;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 699px;
	text-align: left;
	background: url(../img/middle_bkgrd.gif) repeat-y center top;
}

#top {
	margin: 0 auto;
	padding: 0;
	background: url(../img/top_bkgrd.gif) no-repeat;
	height: 390px;
}

#masthead {
	margin: -390px 0 0 0;
	padding: 0;
	clear: both;
	width: 100%;
}

#main {
	margin-top: 20px;
	padding: 0 30px;
	clear: both;
}

#sidebar {
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
}

#content {
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
	width: 425px;
}

#footer {
	margin: 0;
	padding: 2em 0 0 205px;
	background: url(../img/footer_bkgrd.gif) no-repeat center bottom;
	clear: both;
	text-align: center;
}



/* ======== Masthead ======== */

#masthead h1 {
	display: none;	
}

#masthead img {
	margin: 0;
	padding: 0;
	border: 0;

}

#masthead h2.tagline {
	margin: 0;
	padding: 0;
	float: right;
}



/* ======== Content ======== */

#content h2 {
	font: normal 140%/140% Arial, Helvetica, Geneva, sans-serif;
}



/* ======== Images ======== */

#content img.imageleft {
	float: left;
	margin: .5em 12px .5em 0;
	padding: 2px;
	border:1px solid #6b5139;
}

#content img.imageright {
	float: right;
	margin: .5em 0 .5em 12px;
	padding: 2px;
	border:1px solid #6b5139;
}



/* ======== Content Form ======== */

.cform {
	margin: 2em auto;
	padding: 5px 12px;
	width: 90%;
	min-height: 90px;
	border: 1px solid #6b5139;
	background: #b2967a;
	font-size: 95%;
	font-style: italic;
}

#content form {
}

#content .row {
	clear: both;
	padding: 6px 0 6px 10px;
	margin: 1em 0;
}

#content .row label {
	float: left;
}

#content .row input {
	float: right;
	margin: 0 20px 0 0;
	width: 50%;
}

#content .row textarea {
	float: right;
	margin: 0 20px 0 0;
	width: 50%;
}

#content .row input.submit {
	float: none;
	clear: both;
	width: 20%;
	margin-left: 170px;
}



/* ======== Sidebar - Nav ======== */

#sidebar ul {
	margin: 0 0 0 18px;
	padding: 0 0 0 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
	display: inline;
}

#sidebar li a, #sidebar li a:visited {
	margin: 1em 0;
	padding: 0;
	display: block;
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	color: #534128;
	text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:active {
	color: #fff;
/*	background: url(../img/nav_arrow.gif) no-repeat right 4px; */
}



/* ======== Sidebar - Nav - Where Am I ========== */

body.home #sidebar ul li a#home,
body.isthisyou #sidebar ul li a#isthisyou,
body.myapproach #sidebar ul li a#myapproach,
body.services #sidebar ul li a#services,
body.casestudies #sidebar ul li a#casestudies,
body.portfolio #sidebar ul li a#hportfolio,
body.resources #sidebar ul li a#resources,
body.about #sidebar ul li a#about,
body.contact #sidebar ul li a#contact,
body.blissful #sidebar ul li a#blissful {
	color: #fff;
	font-weight: bold;
	background: url(../img/nav_arrow.gif) no-repeat right 4px;
}



/* ======== Sidebar - Form ======== */

#sidebar form {
	margin: 2.5em 0 1.5em 12px;
	padding: 3px 5px;
	border: 1px solid #6b5139;
	background: #a3856a;
}

#sidebar .sform {
	font-size: 85%;
	line-height: 140%;
	color: #fff;
	padding: 0 0 8px 0;
}

#sidebar .sform .row {
	text-align: left;
	margin-bottom: 3px;
	margin-left: 4px;
}

#sidebar .sform label {
}



/* ======== Footer ======== */

#footer h6 {
	margin: 0;
	padding: 0;
	font-size: 65%;
	font-weight: bold;
}

#footer h6#designer {
	font-size: 60%;
	padding-bottom: 1em;
}