/* @override 
	http://miracleskinnydrops.com/wp-content/themes/msd/style.css
	http://msd.john-sparrow.com/wp-content/themes/msd/style.css
*/

/*
Theme Name: MSD
Theme URI: http://john-sparrow.com
Description: Theme for MSD, designed by <a href="http://www.mediapowertools.com">Media PowerTools</a>, programmed by <a href="http://john-sparrow.com">John Sparrow</a>
Version: 1.0
Author: Media PowerTools / John Sparrow
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background: #dbd7ac url(style/images/body-bg-1000.png) no-repeat center 0;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande";
}

#wrapper, #head-container, #content-container {
	display: block;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}

#head-container {
	height: 460px;
	background: url(style/images/whole-header-bg.png) no-repeat center top;
}

#header {
	width: 1000px;
	margin: 0 auto;
	display: block;
	overflow: visible;
	height: 150px;
	position: relative;
}

#header h1 {
	width: 0;
	height: 0;
	text-indent: -9999em;
}

#slogan {
	position: absolute;
	width: 560px;
	height: 165px;
	top: 220px;
	right: 50px;
	z-index: 300;
	background: url(style/images/slogan.png) 0 0;
}

#slogan h2, #slogan p {
	text-indent: -9999em;
}

#lower-head {
	width: 1060px;
	height: 208px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 200;
}

#lower-head img {
	position: relative;
	top: 5px;
	left: 40px;
	z-index: 301;
	width: 285px;
	height: 200px;
	text-indent: 0;
	display: block;
}

#header-logo {
	float: left;
	width: 450px;
	margin: 5px 0 0 20px;
}

#header-nav {
	float: right;
	width: 350px;
	text-align: right;
	margin: 20px 40px 0 0;
}

#header-nav ul li {
	display: inline;
}

#header-nav ul li a {
	display: inline-block;
	color: #545555;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	font-style: normal;
	font-size: 14px;
	font-variant: normal;
	border-left: 1px solid #6d6e6e;
}

#header-nav ul li.page-item-2 a {
	border-left: none;
}

#header-nav ul li a:hover, #header-nav ul li a:focus {
	text-decoration: underline;
}

#navigation {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	clear: both;
	height: 47px;
	width: 1000px;
}

#navigation ul {
	text-align: center;
	width: 1000px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

#navigation ul li {
	display: inline;
	white-space: nowrap;
}

#navigation ul li a {
	display: inline-block;
	overflow: hidden;
	margin: 10px 0 0 0;
	line-height: 37px;
	width: 115px;
	height: 37px;
	padding: 0;
	background: url(style/images/nav-list-bg-sm.png) no-repeat 0 bottom;
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

#top-search-subscribe {
	display: block;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	background-color: #036b96;
}



#top-search-subscribe div#top-subscribe input.hidden-field {
	display: none;
}

#head-container #top-search-subscribe div#top-subscribe, #top-search {
	height: 55px;
	white-space: nowrap;
	line-height: 55px;
}

#top-search-subscribe #top-subscribe {
	float: left;
}
#top-search-subscribe #top-search {
	float: right;
}

#head-container #top-search-subscribe div#top-subscribe {
	width: 400px;
}

#top-search-subscribe input.text-field {
	float: left;
	height: 38px;
	width: 190px;
	margin: 8px 0 0 20px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f1f0dd;
	border: 1px solid #dadaa9;
}

#top-search input.text-field {
	margin: 8px 0 0 0;
}
#top-search input.submit-btn {
	margin: 10px;
}


#top-subscribe input.submit-btn {
	margin: 10px;
}

#content-container {
	background: #dbd7ac url(style/images/content-wrap-bg.png) no-repeat 0 0;
}

#main-content {
	margin: 0 auto;
	display: block;
	overflow: hidden;
	width: 900px;
	background-color: #f9f8f4;
	padding: 20px;
	border: 30px solid #f1efde;
	clear: both;
}

#main-content a {
	color: #036b96;
	text-decoration: underline;
}

#main-content hr {
	clear: both;
	display: block;
	overflow: hidden;
	height: 1px;
	border: none;
	background-color: #d5d5d5;
	margin: 15px auto;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #content h2.post-title a, #content h3.post-title a, #content p.read-more a, #content .next-prev-container a {
	color: #036b96;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#content h2.post-title a:hover, #content h3.post-title a:hover, #content h2.post-title a:focus, #content h3.post-title a:focus, #content p.read-more a:hover, #content p.read-more a:focus, #content .next-prev-container a:hover, #content .next-prev-container a:focus {
	text-decoration: underline;
}

#content p.read-more a {
	font-size: 12px;
}

#content .next-prev-container, #content .next-prev-container-single {
	display: block;
	overflow: hidden;
	width: 100%;
	
}

#content .next-prev-container, body.search #content .next-prev-container-single {
	padding-top: 20px;
	border-top: 1px solid #d5d5d5;
}

body.search #content .next-prev-container-single {
	margin-top: 20px;
}

body.search #content .post-content p {
	font-size: 12px;
}

body.search #content .post-content p.post-meta {
	font-size: 10px;
}

#content .next-prev-container-single {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d5d5d5;
}

#content .next-prev-container .next-posts-link, #content .next-prev-container .prev-posts-link, #content .next-prev-container-single a.previous-link, #content .next-prev-container-single a.next-link {
	width: 45%;
}

#content .next-prev-container-single a.next-link, #content .next-prev-container-single a.previous-link {
	text-decoration: none;
}
#content .next-prev-container-single a.next-link:hover, #content .next-prev-container-single a.previous-link:hover {
	text-decoration: underline;
}


#content .next-prev-container .next-posts-link, #content .next-prev-container-single a.previous-link {
	float: left;
	text-align: left;
}
#content .next-prev-container .prev-posts-link, #content .next-prev-container-single a.next-link {
	float: right;
	text-align: right;
}

#content {
	float: left;
	width: 535px;
	padding-right: 20px;
	font-size: 13px;
	line-height: 150%;
	color: #424242;
}

#content.taller {
	border-right: 1px solid #a9a9a9;
}

#sidebar.taller {
	border-left: 1px solid #a9a9a9;
}

#content.no-sidebar {
	width: 900px;
	padding-right: 0;
	float: none;
	display: block;
	overflow: hidden;
	border-right: none;
}

#content .post-multicol-cont {
	width: 100%;
	display: block;
	overflow: hidden;
}

#content .post.summary {
	float: left;
	width: 40%;
	margin: 3%;
}

#content .post img {
	margin: 5px 10px;
}

#content .post .wp-caption img {
	margin: 0;
}

#content h2 {
	font-size: 18px;
}

#content h3 {
	font-size: 14px;
}

#content .post {
	margin-bottom: 50px;
}

#content .post-singlecol-cont .post, #content .post-singlecol-cont .post-content {
	display: block;
	overflow: hidden;
	clear: both;
}

#content .post-content {
	margin-bottom: 30px;
}

#content p, #content li {
	font-size: 13px;
	line-height: 150%;
}

#content ul, #content ol {
	margin-left: 20px;
}

#content ul li, #content ol li {
	margin-left: 20px;
}

#content ul li {
	list-style-type: disc;
}

#content ol li {
	list-style-type: decimal;
}

#content p, #content p.post-tags a, #content p.post-comments a, #content li {
	color: #424242;
}

#content a:hover, #content a:focus {
	text-decoration: none;
}

#content p.post-tags a:hover, #content p.post-comments a:hover, #content p.post-tags a:focus, #content p.post-comments a:focus {
	text-decoration: none;
}

#content p, #content ul, #content ol {
	margin-bottom: 10px;
	margin-top: 10px;
}

#content p.post-tags, #content p.post-tags a, #content p.post-comments a {
	font-size: 12px;
}

#sidebar {
	float: right;
	width: 315px;
	padding-left: 10px;
	padding-bottom: 30px;
}

#sidebar li.widget {
	display: block;
	overflow: hidden;
	margin: 20px auto;
}

#sidebar li ul li.cat-item {
	list-style-image: url(style/images/bullet.gif);
	margin-left: 20px;
}

#sidebar li ul li a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	line-height: 170%;
	
}

#sidebar li ul li a:hover, #sidebar li ul li a:focus {
	text-decoration: underline;
}

#sidebar li.widget h2.widgettitle {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5d5d5;
}

#sidebar li.widget #sidebar-contr div {
	display: block;
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 125px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sidebar li.widget #sidebar-contr div h3, #sidebar li.widget #sidebar-contr div p {
	color: #fff;
}

#sidebar li.widget #sidebar-contr div h3 {
	
	font-weight: bold;
	font-size: 18px;
}

#sidebar li.widget #sidebar-contr div p {
	margin: 0 0 0 20px;
	font-size: 14px;
}

#sidebar li.widget #sidebar-contr div a {
	width: 290px;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999em;
}

#sidebar li.widget #sidebar-contr div#contr-shawna {
	background-image: url(style/images/shawna-bg.jpg);
}

#sidebar li.widget #sidebar-contr div#contr-jacob {
	background-image: url(style/images/jacob-bg.jpg);
}

#sidebar li.widget #sidebar-contr div#contr-carol {
	background-image: url(style/images/carol-bg.jpg);
}

/* Sidebar Name Positions */

#sidebar li.widget #sidebar-contr div#contr-carol h3 {
	margin-top: 58px;
	margin-left: 20px;
}

#sidebar li.widget #sidebar-contr div#contr-shawna h3 {
	margin-top: 52px;
	margin-left: 20px;
}

#sidebar li.widget #sidebar-contr div#contr-jacob h3 {
	margin-top: 53px;
	margin-left: 20px;
}

/* End sidebar Name Positions */


#sidebar li#text-10 {
	width: 290px;
	background-color: #02557d;
	display: block;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #797979;
}

#sidebar li#text-12 img {
	border: 1px solid #797979;
	margin-top: 70px;
}

#sidebar li#text-10 h2, #sidebar li#text-10 p, #sidebar li#text-10 p a {
	color: #edf0f0;
	float: left;
	width: 110px;
	clear: left;
}

#sidebar li#text-10 p, #sidebar li#text-10 p a {
	font-size: 13px;
	line-height: 165%;
}

#sidebar li#text-10 p {
	margin-top: 5px;
}

#sidebar li#text-10 p a {
	text-decoration: none;
}

#sidebar li#text-10 p a span.arrow-link {
	color: #909035;
}
#sidebar li#text-10 p a:hover, #sidebar li#text-10 p a:focus {
	text-decoration: underline;
}

#sidebar li#text-10 h2 {
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
}

#sidebar #text-11 ul {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 285px;
	margin: 0 auto;
}

#sidebar #text-11 ul li {
	float: left;
	margin: 0;
}

#sidebar #text-11 ul li a {
	float: left;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999em;
}

#sidebar #text-11 ul li a#side-twitter-link {
	background-image: url(style/images/twitter-70.gif);
}

#sidebar #text-11 ul li a#side-li-link {
	background-image: url(style/images/li-70.gif);
}

#sidebar #text-11 ul li a#side-fb-link {
	background-image: url(style/images/facebook-70.gif);
}

#sidebar #text-11 ul li a#side-rss-link {
	background-image: url(style/images/rss-70.gif);
}

/* Comments styles */

div#respond {
	padding-top: 30px;
	border-top: 1px solid #d5d5d5;
}

form#commentform {
	display: block;
	overflow: hidden;
	width: 500px;
}

form#commentform textarea {
	width: 400px;
	height: 200px;
}

form#commentform p input {
	width: 200px;
	height: 15px;
	margin-right: 10px;
}

form#commentform p input, form#commentform textarea {
	border: 1px solid #a9a9a9;
	padding: 5px 3px;
}

form#commentform input#submit {
	float: right;
	clear: both;
	margin-right: 30px;
	margin-top: 20px;
}

#footer {
	padding: 15px 0 0 0;
	margin-bottom: 30px;
}

#footer p {
	color: #000;
	font-size: 12px;
}

#footer p.copyright-info {
	width: 30%;
	float: left;
	text-align: left;
	margin-left: 3%;
}

#footer p.web-credit {
	width: 30%;
	float: right;
	text-align: right;
	margin-right: 3%;
}

#footer a {
	color: #000;
	text-decoration: underline;
}

#footer a:hover, #footer a:focus {
	text-decoration: none;
}