/*
Theme Name: Sabrina's Brown Bag
Theme URI: http://sabrinasbrownbag.com/
Description: Sabrina's Brown Bag Theme
Version: 1.0
Author: Jared Hoylman
Author URI: http://dadthing.com/
*/

.preload {
	background: url('images/navbar-item-bg.png') top left repeat-x;
	visibility: hidden;
	height: 0px;
	width: 0px;
}

body {
	background: url('images/page-bg.png') top left repeat-x;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.25em;
	color: #333;
}

a:link, a:visited, a:active {
	color: #a045aa;
	text-decoration: none;
}

a:hover {
	color: #ff3699;
	text-decoration: underline;
}
#content-wrapper {

	width: 930px;
	margin: 0 auto;
}

#header {
	height: 125px;
}
#logo-text {
	margin-left: 0px;
	position: relative;
	left: 10px;
	top: -8px;
}
#content {
	padding: 20px 0px;
	background: #fff;
	border-right: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

/* 33px text aligned with the second line in the image */
#box1 {
	float: left;
	width: 232px;
	height: 250px;
	background: url('images/box1-bg-host-a-party.png') top left no-repeat;
}

#box1-inner {
	padding: 60px 15px 15px 15px;
	color: #fff;
}
#box1-inner h2 {
	position: absolute;
	top: -100px;
}

#box2 {
	float: left;
	width: 232px;
	height: 250px;
	background: url('images/box2-bg-shop-online.png') top left no-repeat;
}
#box2-inner {
	padding: 60px 15px 15px 15px;
	color: #fff;
}

#box2-inner h2 {
	position: absolute;
	top: -100px;
}
#box3 {
	float: left;
	width: 232px;
	height: 250px;
	background: url('images/box3-bg-join-our-team.png') top left no-repeat;
}

#box3-inner {
	padding: 60px 15px 15px 15px;
	color: #333;
}
#box3-inner h2 {
	position: absolute;
	top: -100px;
}

#box4 {
	float: left;
	width: 232px;
	height: 250px;
	background: url('images/box4-bg-the-blog.png') top left no-repeat;
}
#box4-inner {
	padding: 60px 15px 15px 15px;
	color: #333;
}

#box4-inner h2 {
	position: absolute;
	top: -100px;
}
#featured-image {
	margin: 0 auto 20px auto;
	padding: 0px;
	width: 890px;
}

#featured-left {
	float: left;
	width: 47%;
	padding: 10px;
}

#featured-right {
	float: left;
	width: 47%;
	padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 15px;
        border: 0px;
background: #eee;
        
}



div.navbar {
	height: 55px;
	width: 100%;
	background: url('images/navbar-item-bg.png') top left repeat-x;
	font-size: 14px;
}

div.navbar ul {
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	color: #a4a279;
	line-height: 55px;
	white-space: nowrap;
}

div.navbar li {
	list-style-type: none;
	float:left;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.navbar li a {
	text-decoration: none;
	padding: 19px 10px 18px 10px;
	margin: 0px 0px 0px 0px;
	color: #ddd;
	border-right: 1px solid #5f3952;
	border-left: 1px solid #774e6b;
}

div.navbar li a:link {
	color: #ddd;
}

div.navbar li a:visited {
	color: #ddd;
}

div.navbar li a:hover {
	color: #fff;
	border-right: 1px solid #6b395a;
	border-left: 1px solid #865076;
	background: url('images/navbar-item-bg-hover.png') top left repeat-x;
	text-decoration: none;
}




div.footer-nav {
	float: right;
	font-size: 14px;
}

div.footer-nav ul {
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	color: #a4a279;
	white-space: nowrap;
}

div.footer-nav li {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.footer-nav li a {
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px;
	color: #ccc;
	border-right: 1px solid #ccc;
}

div.footer-nav li a:link {
	color: #ccc;
}

div.footer-nav li a:visited {
	color: #ccc;
}

div.footer-nav li a:hover {
	color: #fff;
}




.read-more-link-white, .read-more-link-black {
	text-align: right;
}

.read-more-link-white a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.read-more-link-white a:hover {
	text-decoration: underline;
}

.read-more-link-black a {
	color: #333;
	text-decoration: none;
	font-weight: bold;	
}

.read-more-link-black a:hover {
	text-decoration: underline;
}

.read-more-link-featured-story {
	text-align: right;
}

.read-more-link-featured-story a {
	color: #a045aa;
	text-decoration: none;
	font-weight: bold;	
}

.read-more-link-featured-story a:hover {
	text-decoration: underline;
	color: #ff3699;
}

#front-page-sidebar-wrapper {
	float: left;
	margin: 0px;
	padding: 0px;
}

#front-page-sidebar {
	clear: left;
	float: left;
	width: 202px;
	background: transparent url('images/sidebar-bg.png') top left repeat-y;
	padding: 15px;
	margin: 0px;
}

#front-page-sidebar-top {
	float: left;
	width: 232px;
	margin: 0px;
	height: 13px;
	padding: 0px 0px 0px 0px;
	background: transparent url('images/sidebar-top.png') bottom left no-repeat;
}

#front-page-sidebar-bottom {
	clear: left;
	float: left;
	width: 232px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	background: transparent url('images/sidebar-bottom.png') top left no-repeat;
}

h3.sidebar-title {
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

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

#front-page-sidebar ul li {
	padding: 5px 5px 5px 15px;
	margin: 0px;
	border-bottom: 1px solid #bbb;
	background: url('images/bullet.png') 0px 8px no-repeat;
}


#featured-story {
	float: right;
	width: 675px;
	margin: 0px;
	padding: 0px;
}

#featured-story div.post {
	padding: 0px;
	margin: 0px;
}

#featured-story h2.post-title {
	font-family: Arial;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -.03em;
	margin: 0px;
	padding: 0 0 10px 0px;
	border-bottom: 1px solid #333;
}



#footer-wrapper {
	float: left;
	width: 911px;

	background: #805888;
	color: #fff;
	border-top: 1px solid #805a8a;
	padding: 10px;
	text-align: right;
}

#footer-wrapper p {
	padding: 0px;
	margin: 5px 0px;
}

#footer-wrapper p a {
	color: #fff;
}

.small {
	font-size: 10px;
}

.post {
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 10px 0px;
	width: 600px;
	border-bottom: 1px solid #ccc;
}

#post-wrapper {
	float: left;
	width: 640px;
}


div.post h2 {
	margin: 0px;
}

#sidebar {
	float: right;
	width: 264px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

.sidebar-box { 
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

.sidebar-box ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.sidebar-box ul li {
	padding: 5px 5px 5px 15px;
	margin: 0px;
	border-bottom: 1px solid #bbb;
	background: url('images/bullet.png') 0px 8px no-repeat;
}



img.alignleft {
	float: left;
	margin: 0px 8px 8px 0px;
}

#header-right {
	float: right;
	color: #fff; 
	text-align: right;
}

#header-right a:link, #header-right a:hover, #header-right a:visited {
	color: #fff;
}
	
#title-location {
	font-size: 13px;
}

#title-contact {
	font-size: 11px;
}


div.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.wp-caption {
	background: #eee;
	border: 1px solid #bbb;
	padding: 10px;
	text-align: center;
	width: 150px!important;
}

.wp-caption img {
	border: 1px solid #ccc;
}

p.wp-caption-text {
	margin: 10px 0 0 0;
	border: 0px;
}


ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 67px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal;}
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:0px solid #d5d5d5; left:7px; position:absolute; top:7px;}
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:56px; }
ol.commentlist li div.reply:hover { background:#c30; border:1px solid #c00; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}