/*   
Theme Name: Sarahcentric
Description: Sarahcentric, a child theme of Sandbox, designed by Chris Ammons, developed by Andrew Cochran.
Author: Andrew Cochran
Author URI: www.chrimmons.com
Template: sandbox
.
A child theme based on Sandbox
.
*/


/* Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body { 
	line-height: 1.5; 
	}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* Sets up some sensible default typography.
-------------------------------------------------------------- */

body { 
	font-size: 75%;
	color: #606060; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #c12b27; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.7em; margin-bottom: 0.2em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
	margin: 0;
	}

/* Text elements */

p           { margin: 0 0 1.5em; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #c12b27; }
a           { color: #10adaf; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

/*-- abbr, acronym { border-bottom: 1px dotted #666; } --*/
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* Lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

form { margin: 0 0 1.5em; }
textarea { margin: 0 0 1em; }


/* LAYOUT: Two-column layout with sidebar right of content
-------------------------------------------------------------- */

body { 
	background: #fff url(images/blue-pattern.jpg) top center repeat;
	}

div#distress { 
	background: transparent url(images/distress.gif) top center repeat;
	}

div#wrapper {
	background: transparent url(images/doodles.gif) top center no-repeat;
	}

	div#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
	div#wrapper {
	display: inline-block; /* IE 7 */
	}
	
	div#wrapper {
	display: block;
	}
	
	* html div#wrapper {
	height: 1px; /* IE < 7 */
	}

div#wrapper-2 {
	width:966px;
	margin:0 auto;
	}

/* HEADER */

div#header {
	background: transparent url(images/header.png) top center no-repeat;
	height:191px;
	position:relative;
	}

	h1#blog-title a {
		display: block;
		width:645px;
		height:118px;
		margin:0 0 0 38px;
		position:relative;
		top:20px;
		text-indent: -9999px;
		}

	div#blog-description {
		position:absolute;
		top:0;
		right:126px;
		width:162px;
		height:152px;
		background:transparent url(images/sarah-pic3.png) top left no-repeat;
		text-indent: -9999px;
		}

div#access {
	float:right;
	width:264px;
	background:transparent url(images/menu-tile.png) top left repeat-y;
	position:relative;
	right:17px;
	font-family:Georgia, serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:20px;
	}

	div#access div.skip-link {
		display: none;
		}

	div#access div#menu {
		padding-bottom: 15px;
		margin: -20px 0 -9px 0;
		background:transparent url(images/menu-bottom.png) bottom left no-repeat;
		}

		div#access div#menu ul {
			list-style: none;
			margin-left: 30px; 
			}

			div#access div#menu ul li {
				border-bottom: 1px solid #606060;
				line-height: 2.8em;
				}

			div#access div#menu ul li:last-child {
				border-bottom: none;
				}

				div#access div#menu ul li a:focus, 
				div#access div#menu ul li a:hover     { color: #c12b27; }
				div#access div#menu ul li a           { color: #6e6b68; text-decoration: none; position: relative; z-index: 20; }

div#container {
	float:left;
	width:652px;
	background:transparent url(images/white-tile.png) top left repeat-y;
	position:relative;
	left:26px;
	}

div#content {
	margin:0 49px;
	padding:0 0 40px 0;
	overflow:hidden;
	}

/* SIDEBAR */

div#primary {}
div#secondary {}

div.sidebar {
	float:right;
	clear: right;
	width:264px;
	position:relative;
	right:17px;
	font-family: Courier, "Courier New", monospace;
	margin:0; 
	padding:0; 
	}

div.sidebar a:focus, 
div.sidebar a:hover     { color: #c12b27; }
div.sidebar a           { color: #606060; text-decoration: underline; }

ul.xoxo {
	list-style:none;
	margin:0; 
	}

li.widget {
	background:transparent url(images/sidebar-tile.png) top left repeat-y;
	margin:0 0 20px 0; 
	}

li.widget .widget-wrap-1 {
	background:transparent url(images/menu-top-2.png) top left no-repeat;
	position: relative;
	top:-9px;
	}

li.widget .widget-wrap-2 {
	background:transparent url(images/menu-bottom.png) bottom left no-repeat;
	padding: 22px 30px 40px 30px;
	position: relative;
	bottom:-18px;
	}

li.widget h3 {
	color: #3c3737;
	margin-bottom: 0.5em; 
	}

li.widget ul {
	list-style:none;
	margin:0; 
	}

li.widget ul li {
	line-height:1em;
	padding:0 0 8px 0;
	}

/* -- ChipIn Text Widget -- */
li#text-331529111 {
	background-image: none;
	margin:0 0 20px 8px; 
	overflow:visible;
	position:relative;
	}

li#text-331529111 .widget-wrap-1 {
	background-image: none !important;
	position: relative;
	top:0;
	margin: 0 0 0; 
	padding:0;
	}

li#text-331529111 .widget-wrap-2 {
	background-image: none !important;
	margin:0;
	padding: 0;
	position: relative;
	top:0;
	}

li#text-331529111 h3 {
	display: none;
	}


/* FOOTER */

div#footer {
	clear:left;
	width:652px;
	background: transparent url(images/footer.png) top left no-repeat;
	padding:27px 0;
	margin:20px 0 10px 0;
	position:relative;
	left:26px;
	}

	div#footer p {
		margin:0 19px;
		text-align: right;
		text-transform: lower-case; 
		font-size: 10px;
		}
	
		div#footer p span#copyrightinfo {
			display:block;
			position:absolute;
			}
		
		div#footer p span#sitecredits {
			}
		
		div#footer a:focus, 
		div#footer a:hover     { color: #c12b27; }
		div#footer a           { color: #606060; text-decoration: underline; }


/* Sandbox content
-------------------------------------------------------------- */

/* Sandbox example content */

.entry-title,.entry-meta {
clear:both;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em 1em;
clear: both;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright,img.right {
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft,img.left{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter,img.center {
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery * {
margin:0;
padding:0;
}

/* custom Sandbox content */

.entry-title {
	color:#c12b27;
	text-transform:uppercase;
	font-weight:bold;
	clear:both;
	margin-bottom: 0.75em;
	}

		.entry-title a:focus, 
		.entry-title a:hover     { color: #c12b27; }
		.entry-title a           { color: #c12b27; text-decoration: none; }

.entry-date {
	font-size:10px;
	margin: 0 0 20px 0;
	}

.entry-content {
	clear:both;
	}

.entry-content div {
	margin: 0 0 1.5em;
	}

.entry-meta {
	clear:both;
	font-family:Georgia, serif;
	background:transparent url(images/divider.jpg) bottom left no-repeat;
	margin-bottom: 40px;
	padding-bottom: 50px;
	color: #10adaf;
	}

div#comments {
	clear:both;
	}

img.wp-smiley { margin: 0; }

/* Blog Navigation */

div#nav-above, div#nav-below {
	font-family: Courier, "Courier New", monospace;
	font-size: 10px;
	}

div#nav-above {
	display:none;
	}

div#nav-below {
	padding-bottom:20px;
	}

	div.nav-previous {
		float:left;
		}

		div.nav-previous a:focus, 
		div.nav-previous a:hover { color: #c12b27; }
		div.nav-previous a {
			color: #606060; 
			text-decoration: none;
			background:transparent url(images/nav-prev.jpg) center left no-repeat;
			padding: 3px 0 3px 51px; 
			margin-bottom: 20px;
			display:block;
			}

	div.nav-next {
		float:right;
		}

		div.nav-next a:focus, 
		div.nav-next a:hover { color: #c12b27; }
		div.nav-next a {
			color: #606060; 
			text-decoration: none;
			background:transparent url(images/nav-next.jpg) center right no-repeat;
			padding: 3px 47px 3px 0; 
			margin-bottom: 20px;
			display:block;
			}

	div.nav-next .meta-nav, div.nav-previous .meta-nav {
		display:none;
		}

.page-title {
	color:#c12b27;
	text-transform:uppercase;
	font-weight:bold;
	clear:both;
	margin-bottom: 1em;
	}