/*
Theme Name: Caroline Carruthers
Description: WordPress theme developed by Burst Creative
Version: 1.0
Author: Burst Creative
Author URI: http://www.burstcreative.com.au
*/

/* RESET AND BASICS */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 13px/19px "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }
a { text-decoration: none; outline: none; color: #C30; border-bottom: 1px dotted; }
a:hover { color: #F37021; border-bottom: none; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; }
.clear { clear: both; }
fieldset { border: 0; }
::selection { background: #ffcc89; color: #222; }
::-moz-selection { background: #ffcc89; color: #222; }
.button { background: #fe4902 url(/images/button-bg.png) top left repeat-x !important; color: white !important;  font-weight: bold; font-size: 15px; -moz-border-radius: 16px !important; -webkit-border-radius: 12px !important; border: 0 !important; letter-spacing: -1px; padding: 5px 12px 3px 12px !important; }
.button:hover { background: #2e2e2e !important; cursor: pointer; }
.alignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }



/* GENERAL TYPOGRAPHY */
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 5px 0; font-family: "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif; }
h1 { font-size: 30px; color: #7d141b; }
h2 { font-size: 20px; color: #7d141b; }
h3 { font-size: 14px; color: #7d141b; }
h4 { font-size: 13px; color: #333; font-weight: bold; }
h5 { font-size: 13px; font-style: italic; color: #333; }
p, li, dd, td { font: 13px/19px "Calibri", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }
p, dd { margin: 0 0 10px 0; }
li { margin: 0 0 5px 0; }
p strong, li strong { color: #333; }
blockquote { padding: 0 0 0 15px; margin: 0 0 15px 15px; border-left: 2px solid #ccc; }
blockquote, blockquote p { font-size: 13px; font-style: italic; }
code { font: 12px/18px Monaco, Courier; width: 500px; padding: 10px; display: block; background: #F0F0F0;  overflow: auto; margin: 5px 0 15px 0; position: relative; color: #000; }
pre code[class]:after { content: attr(class); display: block; text-align: right; font-size: 10px; padding: 5px 5px 0 0; color: #fe4902; }			
ul, ol { margin-left: 20px; padding-bottom: 5px; }


/* MAIN STRUCTURE */

body { background: #fff; padding: 0; margin: 0; }

#page-wrap { width: 750px; margin: auto; background: url(images/bg-page-wrap-2.jpg) bottom no-repeat; background-color: #f7f7ed; }

#content-wrap { min-height: 620px; padding: 0 50px 50px 50px; background: url(images/bg-page-wrap-1.jpg) top no-repeat; position: relative; overflow: auto; }

#header { padding: 70px 0 40px 0; position: relative; }

#header img { position: absolute; top: 25px; right: 80px; }

#header h1 { background: url(images/logo.png) no-repeat; width: 396px; height: 51px; text-indent: -9999px; margin: 0; padding: 0; }

#nav { margin: 0; padding: 0; overflow: auto; }

#nav li { float: left; list-style-type: none; padding: 0 10px; background: url(images/bg-nav-divider.png) bottom left no-repeat; border-bottom: 1px solid #d3c7aa; }

#nav a { border: none; font-size: 13px; color: #7d141b }

#nav a:hover, #nav li.current_page_item a { color: #151C5A }

#content { min-height: 200px; float: left}

#content.default { width: 380px; } 

#content.full { width: 650px; }

#sidebar { min-height: 300px; width: 250px; float: right; text-align: center; }

#sidebar small { margin-bottom: 20px; display: block; padding-top: 5px; } 


/* 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 */