/*
Theme Name: Sunshine PR
Theme URI: http://sunshinetahoe.com/
Description: The WordPress theme for the Sunshine PR Agency's official website.
Version: 1.0
Author: Kyle Provost
Author URI: http://ifuze.com/
Tags: orange, bold, serene, fixed width
*/

body {
	margin: 0;
	background: #b74805 url(images/bbgt.png) repeat-x left top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: small;
}
img {
	border: 0;
}
.clr {
	clear: both;
}

#ovrl {
	width: 100%;
	margin: 0;
	background: url(images/bbg.jpg) no-repeat center top;	
}

#wrap {
	clear: both;
	width: 1050px;
	margin: 0 auto;
	background: url(images/wbg.png) repeat-y left top;
}

#hdr {
	clear: both;
	width: 1050px;
	height: 347px;
	margin: 0;
	background: url(images/hbg-1.jpg) no-repeat left top;
}
#hdr #logo {
	float: left;
	width: 233px;
	height: 52px;
	margin: 13px 0 0 64px;
}
#hdr #logo a {
	display: block;
	width: 233px;
	height: 52px;
	margin: 0;
	padding: 0;
	border: 0;
}

#hdr #tnav {
	float: right;
	margin: 9px 54px 0 0;
}
#hdr #tnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#hdr #tnav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#content {
	float: left;
	width: 540px;
	margin: 0 0 0 74px;
}

#sidebar {
	float: right;
	width: 312px;
	margin: 0 100px 0 0;
}

#footer {
	clear: both;
	width: 1050px;
	height: 80px;
	background: #b74804 url(images/fbg.png) no-repeat left top;
}

/* --- Element styles --- */

#content p, #content li, #content small {
	color: #574e41;
}
#content p, #content li {
	line-height: 1.4;
	font-size: 12px;
}
#content a:link, #content a:visited {
	color: #276b8c;
	text-decoration: none;
}
#content a:hover, #content a:active {
	color: #ac5117;
}
#content .post h2 {
	font-size: 19px;
	font-weight: normal;
	margin-bottom: -1px;
}
#content .post h2 a {
	text-decoration: none;
	color: #ac5117;
}
#content .post small {
	font-size: 11px;
}
#content h2, #content h2.pagetitle {
	color: #ac5117;
	margin-bottom: -6px;
	font-weight: normal;
}
#content h2.archivetitle {
	color: #276b8c;
	margin-bottom: -6px;
	font-size: 25px;
	letter-spacing: -1px;
	font-weight: normal;
}
#content h3 {
	color: #ac5117;
	font-size: 1.1em;
	margin-bottom: -6px;
}

#sidebar ul {
	list-style-type: none;
}
#sidebar ul li ul {
	margin-left: -39px;
}
#sidebar a:link, #sidebar a:visited {
	color: #ac5117;
	text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
	color: #276b8c;
}
#sidebar a.readmore {
	padding-right: 6px;
	background: url(images/util-rarr-moz.png) no-repeat right center;
}
#sidebar ul li p, #sidebar ul li div, #sidebar ul li div p, #sidebar ul li ul li {
	color: #574e41;
	font-size: 11px;
	line-height: 1.4;
}
#sidebar ul li p h3, #sidebar ul li div h3, #sidebar ul li div p h3, #sidebar ul li ul li h3 {
	color: #ac5117;
	font-size: 11px;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 0;
}

#footer p:first-child {
	font-size: 10px;
	color: #c49376;
	text-align: center;
	padding-top: 46px;
}
#footer a:link, #footer a:visited {
	color: #c49376;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #e9d2c4;
}

/* These are the image headers for the four blocks of content in the sidebar */

#sidebar h2.widgettitle {
	margin-top: 38px;
	margin-bottom: 4px;
}
#text-3 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/sbh-about.png) no-repeat left top !important;
}
#text-4 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/sbh-projects.png) no-repeat left top !important;
}
#text-4 div.textwidget p {
	margin-top: 0;
	margin-bottom: 0;
}
#recent-posts-3 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/sbh-latest.png) no-repeat left top !important;
}
#archives-3 h2.widgettitle {
	text-indent: -9999px !important;
	background: url(images/sbh-archive.png) no-repeat left top !important;
}

/* </sidebar block headers> */

/* Serious margin trickery for masthead caption area: div#pageintro */

#pageintro {
	height: 96px;
	width: 415px;
	margin-top: -150px;
}
#pageintro p {
	margin: 0;
	color: #614c45;
	font-size: 14px;
	letter-spacing: -1px;
}

/* Comment form wrangling */

#respond {
	width: 98% !important;
}
#commentform {
	width: 99% !important;
}
textarea#comment {
	width: 470px !important;
}


/* Images (added, david@ifuze.com, 0090915 */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */