/*
Theme Name: Sherri Barber Photography
Theme URI: http://www.sherribarber.com
Description: Custom WordPress theme for Sherri Barber
Version: 1.0
Author: Derek Ashauer, ashwebstudio
*/
html, body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #e0e0e0 url(_images/bg.gif) center top repeat-y;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 13px;
    color: #000;
    line-height: 18px;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table, #wrapcentre ul {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #c81e6c;
    text-decoration: underline;
}
a:hover, a:active {
    color: #ea599c;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.alignleft {
	float: right;
	margin: 0 15px 10px 0;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
	width: 820px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 119px;
	overflow: hidden;
	background: transparent url(_images/logo.gif) 0 0 no-repeat;
}
	
	img#logo {
		float: left;
	}
	
	#top-menu {
		text-align: right;
	}
		#top-menu a {
			padding: 7px 10px 7px 34px;
			text-decoration: none;
			margin: 0 0 30px 10px;
			display: block;
			float: right;
		}
		a#facebook { background: #e0e0e0 url(_images/facebook.gif) 10px 7px no-repeat; }
		a#login { background: #e0e0e0 url(_images/login.gif) 10px 7px no-repeat; }
	
	#menu {
		float: right;
		clear: right;
	}
		#menu li {
			list-style: none;
			display: inline;
			padding-left: 13px;
			font-family: Georgia;
			font-size: 14px;
		}
		#menu a:link, #menu a:visited {
			color: #000;
			text-decoration: none;
			padding: 0 0 3px 0;
		}
		#menu a:hover, #menu a:active {
			color: #c81e6c;
			border-bottom: 2px solid #c81e6c;
		}

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#slideshow {
	padding: 10px;
	border: 1px solid #e7e6e6;
}

#cta { padding: 15px 0; text-align: center; font-family: Georgia; font-size: 16px; font-style: italic; border-bottom: 1px solid #e7e6e6; margin: 0 0 15px 0; }

#welcome {
	border-bottom: 1px solid #e7e6e6;
	padding: 0 0 20px 193px;
	margin: 30px 0;
	background: transparent url(_images/welcome.gif) 0 0 no-repeat;
}
	#welcome p {
		font-size: 11px;
		line-height: 14px;
	}
	#welcome h1, #welcome h2, #welcome h3 {
		margin: 0;
		font-size: 12px;
		font-weight: normal;
	}
	#welcome h3 {
		font-size: 11px;
		font-style: italic;
	}
	#welcome p {
		color: #656565;
	}

#blog-intro {
	padding: 0 0 0 193px;
	background: transparent url(_images/blog.gif) 0 0 no-repeat;
}
	#blog-intro .post {
		width: 280px;
		float: left;
		margin: 0 25px 000 0;
		display: inline;
		border: none;
	}
	#blog-intro h2, #blog-intro p {
		font-size: 11px;
		line-height: 14px;
	}
	#blog-intro h2 {
		margin: 0;
		font-weight: normal;
	}
	#blog-intro p {
		margin: 0;
		color: #656565;
	}

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#header {
	background: transparent url(_images/header1.jpg) 0 0 no-repeat;
	height: 139px;
	margin: 0 0 30px 0;
}
	#header p {
		font-size: 38px;
		font-weight: normal;
		color: #FFF;
		font-family: Georgia;
		padding: 65px 0 0 50px;
	}

#content {
	width: 600px;
	float: left;
}
	#content.wide {
		width: 100%;
		float: none;
	}
	#content h1 {
		font-size: 16px;
		color: #c81e6c;
		font-weight: normal;
	}
	#content h2 {
		font-size: 16px;
	}
	#content h3 {
		font-size: 14px;
		color: #666;
	}
	#content li {
		margin-left: 25px;
	}

#side {
	width: 181px;
	float: right;
}

/* BLOG */
.post {
	border-bottom: 1px solid #e7e6e6;
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
}
	p.post-meta, p.post-meta a {
		font-size: 11px;
		text-transform: uppercase;
		color: #666;
	}

.gallery {
	margin: 0 0 20px 0 !important;
}

#side h2 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin: 0 0 5px 0;
}
	#side ul {
		margin: 0 0 30px 0;
	}
		#side li {
			list-style: none;
			border-bottom: 1px solid #e7e6e6;
			padding: 3px 0;
		}
		#side li a {
			text-decoration: none;
		}

#content h1.archive-title {
	font-size: 14px;
	color: #656565;
}

#footer-text {
	font-size: 11px;
	color: #999;
	line-height: 14px;
	margin: 20px 0 0 0;
}

#slideshow-seniors { margin: 0 0 30px 0; }

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	margin: 30px 0 50px 0;
	border-top: 1px solid #e7e6e6;
	padding-top: 8px;
}
	#footer p {
		font-size: 11px;
		color: #656565;
		clear: left;
	}
	#footer #address {
		float: right;
		font-size: 11px;
		color: #656565;
		text-align: right;
	}
	#footer ul {
		float: left;
		margin: 0 0 15px 0;
	}
		#footer li {
			list-style: none;
			display: inline;
			padding-right: 10px;
			font-size: 11px;
		}
		#footer a:link, #footer a:visited {
			color: #656565;
			text-decoration: none;
		}
		#footer a:hover, #footer a:active {
			color: #ea599c;
		}