/*















Theme Name: The Stylish Housewife















Theme URI: http://www.yellowsavvydesign.com















Description: 3 Column Wordpress Theme















Author: Yellow Savvy Design / Graynold Media















Author URI: http://www.yellowsavvydesign.com















version: 1.1















*/























@font-face {







    font-family: 'Didot';







    src: url('Didot.otf');







    src: url('Didot.eot') format('opentype');







    src: local('Didot'), 







         local('Didot'), 







         url('Didot.ttf') format('truetype'),







         url('Didot.svg#font') format('svg');







}















<!--[if IE]>







<style type="text/css” media="screen">















@font-face{







font-family:'Didot';







src: url('Didot.eot');







}















</style>







<![endif]-->















/* General Settings */















* { margin: 0; padding: 0; }







body { background: #fff; font-size: 12px; font-family: Arial; margin: 0 auto;}







.clear { clear: both; }







.left { float: left; }







.right { float: right; }















a { color: #4e4e4e; text-decoration: none; font-weight: bold; }







a:hover { text-decoration: underline; font-weight: bold; }















h1,h2,h3,h4,h5,h6,p { margin: 10px 0 0 5px; }







h1 { font-size:24px; line-height: 24px; text-transform:none; font-style:none; color:#4e4e4e; }







h2 { font-size:22px; line-height: 22px; text-transform:none; font-style:none; color:#4e4e4e; }







h3 { font-size:20px; line-height: 20px; text-transform:none; font-style:none; color:#4e4e4e; margin-left: 6px;}







h3 strong {margin-left: 5px;}







h4 { font-size:18px; line-height: 18px; text-transform:none; font-style:none; color:#4e4e4e; margin-left: 7px;}







h5 { font-size:15px; line-height: 15px; text-transform:none; font-style:none; color:#4e4e4e; margin-left: 8px;}







h6 { font-size:12px; line-height: 12px; text-transform:none; font-style:none; color:#4e4e4e; margin-left: 9px;}















/* images and misc. */







img { border: none; }







img a { border:none; }







.wp-caption { text-align: center; background: #fff; padding: 4px; margin-bottom: 1em; }







.entry .wp-caption { max-width: 100%; }







.wp-caption-text, .gallery-caption, { font-size: 100%; margin:0; padding:6px 3px 2px; line-height: 16px; text-align: center; }







.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; text-align: center; }







.wp-caption img { margin: 5px 0 0; padding: 0; border: 0 none; max-width: 100%; }







.wp-caption-dd { font-size: 91.67%; line-height: 17px; padding: 0 4px 5px; margin: 0; }







img.centered, img.aligncenter, .wp-caption.aligncenter, .entry p img.aligncenter a, .aligncenter, #right img.aligncenter, #right .aligncenter { clear: left; display: block; margin-left: auto;







margin-right: auto; }







img.alignnone, .alignnone, .entry img.alignnone, .entry .alignnone { padding-bottom: 1em;}







img.alignleft, .wp-caption.alignleft, .alignleft { float: left;







margin-right: 1em;







text-align: center; }







img.alignright, .wp-caption.alignright, .alignright { float: right; 







 margin-left: 1em;







text-align: center;}















blockquote { width: 80%; border: 0px; padding: 0px 15px 5px 15px; font-style: italic !important; background: #f3f2f2; 



	margin-left: 40px; margin-bottom: 10px; margin-top: 10px; font-size: 90%;}







blockquote p { font-style: italic !important; }







blockquote p:first-child { margin-top: 0;}







blockquote p:last-child { margin-bottom: 0;}























#rss {width: 600px; padding: 15px; background: #f0ede5 url() top center repeat-x;text-align: center;font: 13px/20px Arial, Arial, Sans-Serif;}







code { margin:10px; font-family:"Arial", Courier, monospace; }







sub { font-size:17px; line-height: 20px; font-family:Arial, serif; text-transform:none; font-style:italic; color:#d1882f; }





body.customize-support .navbg, body.customize-support .headerbg {
  margin-top: 32px; }

body .headerbg { margin-top: 32px; }

.navbg { background: #4e4e4e; width: 100%;
position: fixed; top: 0;
height: 45px;
z-index: 999;}







/* header */ 



.menuwrapper { max-width: 1160px;

margin: 0 auto;

min-width: 900px;}



.social { float: right; padding-right: 40px; }





#header { background: #fff url('http://www.thestylishhousewife.com/wp-content/uploads/2014/09/Header.png') top no-repeat; width: 1160px; height: 208px; margin: 0px auto;}

#yellowlines { background: #fff url('http://www.thestylishhousewife.com/wp-content/uploads/2014/09/YellowLine.png') top left repeat-x; width:100%; height: 31px; } 





#header h1 { display: none; }







#header h1 a { text-decoration: none; }







#header h1 a:hover { text-decoration: none; }







#header h2 { font-size: 10pt; font-weight: 300; letter-spacing: 1px; margin: 0; padding: 0 0 0 18px; }































/* main menu







#menu { width: 1260px;  margin: -10px auto; text-align: center; }







#menu ul { margin: 0 auto; padding: 0 0 0 0; display: inline; text-align: center; }







#menu ul li { list-style-type: none; margin: 0 auto; padding: 10px 12px 3px 12px; text-align: center; display: inline;  position: relative; top: -35px; left: 95px;}







#menu ul li a { font-family: "Didot"; text-transform: uppercase; padding: 4px 12px 4px 12px; margin: 0; text-align: center; letter-spacing: .5px; text-decoration: none; color: #878787; font-weight: normal;}







#menu ul li a:hover { color:#edc418;}















#menu ul li.page_item.page-item-9846, page_item.page-item-9846 a { display: none; }







*/







.main-navigation { 



  text-align: center; font-family: 'Open Sans', sans-serif; float: left;



  position: relative; height: 45px; padding-left: 20px;

}







.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {



  display: none;



}







.main-navigation ul.nav-menu.toggled-on, .menu-toggle {



  display: inline-block;



}







.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {



  display: inline-block !important;



  text-align: left;



  width: 100%;



}







.main-navigation ul {



  margin: 0;



  text-indent: 0;



}







.main-navigation li a, .main-navigation li {



  display: inline-block;



  text-decoration: none;



}







.main-navigation li a {



  /* height: 80px; */



  line-height: 47px;



  padding: 0 12px;



  font-weight: bold;



  font-size: 0.9em;



  text-align: center;



  color: #fff;



  text-decoration: none; text-transform: uppercase;















}











.main-navigation li a:hover {



    position: relative;



}











.main-navigation li a:hover, .main-navigation li ul li a:hover {



  color: #ccc; 



  /* background: #434144; */



}







.main-navigation li {



  margin: 0;



  position: relative;



}







.main-navigation li ul {



  display: none;



  margin: 0;



  padding: 0;



  position: absolute;



  top: 100%;



  left: 0;



  z-index: 3;



}







.main-navigation li ul ul {



  top: 0;



  left: 100%;



}







.main-navigation ul li:hover > ul {



  border-left: 0;



  display: block;



}







.main-navigation li ul li {



  padding: 0;



}







.main-navigation li ul li a {



  background: #4e4e4e;



  color: #fff;



  border-top: 1px solid #fff;



  display: block;



  /* height: 80px; */



  line-height: 30px;



  padding: 0 8px;



  width: 140px;



  white-space: normal; text-align: left;



  font-weight: bold; font-size: 0.9em;



}







.main-navigation li ul li a:hover {



  color: #ccc;



}











/* Navigation Description */











.navigation { color: #fff; text-align: center;}



.navigation p.title { font-family: 'Open Sans', Arial, sans-serif; font-size: 1.2em; color: #fff;}







/* .navigation {



height:50px;



padding-left:13px;



margin:0;



padding:0;



list-style-type:none;



list-style-position:outside;



position:relative;



}







.navigation a{



display:block;



float:left;



line-height:18px;



outline:medium none;



padding:2px 10px;



text-decoration:none;



width:95px;



min-height: 35px;



} */







.main-navigation li a strong {



display: block;



font-size: 1.2em;



font-weight: lighter;



}







.main-navigation li a span {



display:block;



font-size:10px;



line-height:10px;



margin-top:-10px;



}













/* container */















#container { background: #fff top center repeat-y; width: 1140px; font-family: "Arial"; margin: 0px auto; padding: 0 0 0 0; color:#797979; }















/* content */















#content { width: 720px; margin: -30px 0 0 50px; float: left; }























/* date stamp */















div.stamp { font-family: "GeosansLight"; width: 55px; margin-top: 15px; margin-bottom: 20px; margin-right: -10px; color: #656565; text-align: center; float: left; margin-left: 2px;}







div.stamp span { color: #656565; display: block; text-transform: uppercase; margin-bottom: -15px;}















h2.heading { font-family: 'Open Sans', serif; margin-top: 13px; display: block; }







h2.heading a { width: 720px; text-decoration: none; text-transform: uppercase; position: relative; top: 0px; left: 15px;}























/* posts */























h2.pageh2 { font-size: 1.9em; font-family: 'Open Sans', serif; text-transform: uppercase; color: #4e4e4e; position: relative; left: 7px; top: 12px; }







.post h2.pageh2 { text-transform: uppercase; text-align: left; color: #4e4e4e; letter-spacing: 1px;}















#posttitle h2 a { letter-spacing: 1px; font-weight: bold; font-size: 1.3em;}







#posttitle h2.pageh2 { font-size: 2.3em; }















.post { margin: 20px 0px 5px 0px;  padding: 15px 10px 10px 0px; font: 1em "Arial"; line-height:16px; color: #797979; }







.post h2 { font-weight: lighter; text-transform: none; text-align: left; color: #4e4e4e; padding: 2px; }







#posttitle { float: left; width: 720px; overflow: hidden; 

	background: transparent url(http://www.thestylishhousewife.com/wp-content/uploads/2013/02/TheStylishHousewife_PostTitle.png) top left no-repeat; }







#posttitle h2 a, #posttitle h2.pageh2 { line-height: 30px; color: #4e4e4e;}















.post p { font-size: 1.05em; }







.post a { text-decoration:none; color: #4e4e4e; }



.post a:hover { text-decoration: underline;}







.post ul { padding-left: 40px; margin:10px 2px 10px 2px; }







.post li { padding-left: 5px; margin:10px 5px 10px 0px; }







.entry { max-width: 720px; margin: 40px auto; padding: 10px 0px 10px 0px; color: #797979;}







.entry h6 a { text-decoration: underline; }







/* .entry a { text-decoration: underline; } */







.entry img { max-width: 700px; height: auto; }







.entry ol { padding-left: 20px; margin:5px 5px 15px 15px; }







.entry ul { padding-left: 20px; margin:15px 2px 15px 60px; }







.entry li { padding-left: 5px; margin:10px 5px 10px 5px; }







.entry p { font-weight: 100; font-size: 1.05em; line-height:16px; text-align: justify; margin: 0; padding: 15px 0px 10px 10px;}















.postmetadata { background: transparent url('images/TheStylishHousewife_PostMetaTag.png') top center no-repeat; width: 700px; height: 50px; 

text-transform: none; clear: both; padding:6px; text-align: center; position: relative; top: -35px; left: -10px; margin-bottom: -20px;}















span.cat { width: 400px; font: 0.9em "Arial"; color: #797979; text-align: left; position: relative; top: 10px; left: 8px; text-transform: none;}







span.cat a {position: relative; font: 0.9em "Arial"; font-style: none; text-decoration: none; color: #4e4e4e; top: 0px; left: 1px; text-transform: none;}







ul.post-categories li {list-style-type: none; }







span.postcomment a {float: right; font-family: 'Open Sans', sans-serif; font-size: 1.3em; color: #4e4e4e; 

position: relative; top: 5px; letter-spacing: .5px; text-transform: uppercase; font-weight: bold;}































/* post footer */







.dottedline { border-bottom: none; }







.navigation { color: #9a4458; font-family: Arial; text-transform:none; font-style:italic; font-size:15px; float:left; width:100%; }















.nalignleft { width: 140px; height: 50px; float:left; font: 1.3em "Arial"; line-height:14px; margin:25px 0px 0px 0px; padding: 15px 0px 0px 0px; text-transform: none;}







.nalignleft a { background: transparent url('http://www.thestylishhousewife.com/wp-content/uploads/2014/09/previous.jpg') center no-repeat; width: 89px; height: 32px;color: #4e4e4e; font-style: italic; margin-top: 20px; margin-left: -50px; padding: 10px 20px 20px 20px; font-style: italic; text-decoration: none;}















.nalignright { width: 111px; height: 50px; float:right; font: 1.3em "Arial"; line-height:14px; margin:25px -5px 0px 20px; padding: 15px 0px 0px 80px; text-transform: none;}







.nalignright a { background: transparent url('http://www.thestylishhousewife.com/wp-content/uploads/2014/09/next.jpg') center no-repeat; width: 89px; height: 32px; color: #4e4e4e; font-style: italic; margin-top: 20px; margin-left: -20px; padding: 10px 20px 20px 20px; font-style: italic; text-decoration: none;}















.notfound { font: 2.1em Geosanslight; letter-spacing: 1px; line-height: 30px; font-weight: normal; color: #4e4e4e; text-decoration: none; font-weight: lighter; text-transform: uppercase; font-style: none; text-align: left; padding: 10px; margin-top: 40px; margin-left: 15px;}















p.sorry { font: 1.05em "Arial"; line-height:14px; margin: 0px 5px 30px 25px; text-align: left; color: #797979;}















.linebreak { border-bottom: 1px solid #565659; margin: 0px 10px 0px 20px; }























/* header widget */















#headerwidget { width: 1260px; height: 100px; padding: 5px 0px 20px 0px; background: #fff; margin: 0 auto; position: relative;}







#headerwidget ul { list-style-type: none; text-align: center; margin: 0 auto;}







#headerwidget ul li { list-style-type: none; margin: 0 auto; display: inline; }







#headerwidget .textwidget { margin: 0 auto; text-align: center;}











/* right sidebar */















#right {font: 1em "Arial"; line-height:16px; width: 300px; float: right; text-align: left; margin: -30px 0px 20px 0px; color: #565659;}







#right select { }







#right h2 { font-size: 18px; font-family: "Arial"; font-weight: 100; text-transform: none; text-align: left; margin-top: 10px; }







#right h4 { background: transparent url('images/TheStylishHousewife_WidgetTitle.png') bottom no-repeat; width: 300px; font-weight: bold; 

font-family: 'Open Sans', Arial, Serif; font-size: 1.8em; text-transform: uppercase; text-align: center; color: #4e4e4e; letter-spacing: 1px; overflow: hidden; padding-bottom: 10px; line-height: 26px;}







#right h4 a { color: #4e4e4e; }







#right .textwidget { font: 1em "Arial"; line-height: 16px; max-width: 300px; padding-left: 8px; text-align: justify; color: #797979;}







#right a { color: #4e4e4e; text-decoration: none; font-weight: bold;}


#right a:hover { text-decoration: underline; font-weight: bold;}




#right p { font: 1em "Arial"; margin:0; text-align: center; }







#right img { max-width: 300px; height: auto; padding: 0; margin: 0; }







#right img.social { padding: 5px;}







#right ul { padding: 0px 0px 12px 0px; list-style-type: none; }







#right ul li { margin: 0; padding: 0px 0px 12px 0px; line-height: 14pt; list-style-type: none; text-align: center;}







#right ul ul { margin: 6px 0 6px 6px; padding: 0px 0px 12px 0px; }







#right ul ul li { list-style-type: none; list-style-position: inside; text-align: center; padding: 3px 0px 0px 3px;}







#right ul ul ul { margin: 0; padding: 0; }







#right ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #797979; }























/* comments */















#comments, #respond h4 { font: 1.25em "Arial"; padding-top: 10px; margin: 35px 0 0 15px; letter-spacing: -.04em; color: #4e4e4e; }







#comments em, #respond h4 em { font-size: .9em; text-shadow: none; }







#comments h4 { font-family: Arial; text-align: left; text-transform:none; font-style:none; clear: both; padding:6px; color: #4e4e4e;}







h4#comments a { text-align: center; color: #4e4e4e; }







h4#comments a:hover { color: #4e4e4e; }







#comments { border-bottom: 1px solid #d9d9d7; margin: 10px 30px 5px 20px; padding-bottom: 10px; }







.comment-nav { font: .8em/1.4em "Arial"; text-transform: uppercase; }







.comment-nav a { text-decoration: none; color: #4e4e4e; font-weight: bold; }







.comment-nav a:hover { color: #4e4e4e; }







.comment-nav .previous { margin-right: 10px; }







.commentlist { margin: 5px 10px 0 10px; padding: 0; list-style: none; }







.commentlist li { margin: 0 0 0 0px; padding: 10px 0 0; position: relative; }







.commentlist .timestamp { position: absolute; top: 68px; left: -117px; width: 105px; font: 1em Arial, sans-serif; text-align: right; color: #4e4e4e; padding: 0; margin: 0; }







.commentlist .timestamp strong { display: block; padding: 0 0 2px; color: #797979; }







.comment-author { padding: 0; margin: 0 0 8px 12px; }







.commentlist ul .comment-author { padding: 0 0 5px; }







.comment-author small { font: .8em/1.3em Arial, Arial, sans-serif; margin-top: 2px; color: #797979;}







.comment-author cite { font: 1.3em/1.3em Arial, Arial, sans-serif; color: #4e4e4e;}







.comment-author cite a { text-decoration: none; color: #4e4e4e;}







.comment-author cite a:hover { text-decoration: none; color: #4e4e4e; }







.commententry { margin-left: 12px; clear: both; font-size: 1em; border-bottom: 1px solid #d9d9d7; margin-right: 20px;}







.commententry p { font-family: "Arial"; margin: 0 0 1em 0px; padding: 0; color: #797979;}







.commentlist .reply { position: absolute; top: 14px; right: 0; } 







.commentlist .comment-reply-link { display: block; width: 50px; height: 17px; text-align: center; color: #4e4e4e; font: 10px/1em Arial, Arial, sans-serif; text-transform: uppercase; padding: 3px 0 0 6px; text-decoration: none; margin-right: 10px;}







.commentlist .comment-reply-link:hover { background-position: 0 -43px; color: #4e4e4e; }







.commentlist li ul { padding-left: 25px; }







.commentlist ul { list-style: none; margin: 0 0 0 0; padding: 0; } 







.commentlist ul ul { list-style: none; margin: 0 0 0 50px; padding: 0; }















/* commentform */















#respond { position: relative; margin-bottom: 40px; }







h4#respond {font: 1em "Arial";}







.commentlist #respond { border-top: 1px solid #d9d9d7; margin-top: 2px; }







#respond .cancel-comment-reply { position: absolute; top: 10px; right: 5px; }







#respond #cancel-comment-reply-link { font: 10px/1em Arial, Arial, sans-serif; text-transform: uppercase; background: #fff url() no-repeat right center; padding: 4px 4px 4px 4px; text-decoration: none; color: #4e4e4e; margin-right: 5px;}







#respond #cancel-comment-reply-link:hover { text-decoration: none; color: #4e4e4e; }







#commentform input[type=text] { width: 210px; margin: 0 5px 0 20px; padding: 5px 7px; }







#commentform label { font-weight: bold; }







#commentform label small { font-weight: normal; }







#commentform textarea { background-color: #fff; width: 90%; height: 180px; margin: 10px 0 0 0px; padding: 10px 7px; border: 1px solid #ccc; }







#commentform input#submit { background: #ddd; width: 152px; height: 32px; font: 1em Arial; font-weight: bold; color: #343434; margin-top: 10px; padding: 0px 0 0px; text-transform: uppercase; border: 1px solid #fff;}







#commentform input#author, #commentform input#email, #commentform input#url { border: 1px solid #ccc; }







#commentform input#submit:hover { background-position: 0 bottom; color: #797979; border: 1px solid #fff;}







#commentform p { font-family: "Arial"; margin-left: 20px; color: #797979;}







#commentform a { color: #4e4e4e; }















.authorlogin, .emaillogin, .urllogin {position: relative; left: -20px; }















/* search */















.searchbar { }







#searchform { width: 300px; padding: 10px 0 6px 0; font-family: Arial; text-align: center; margin-left: 5px;}







#searchform input#s { width: 225px; height: 25px; background-color: #fff; color: #797979; font-family: Arial; font-size: 1.2em; padding-left: 10px; margin: 2px; border: 1px solid #ccc; }







#searchform input#searchsubmit { font-family: Arial; font-size: 7pt; padding: 4px 2px 2px 2px; margin: 0; position: relative; top: -1px; height: 25px; background-color: #fff; color: #4e4e4e; text-transform: uppercase; border: 1px solid #ccc;}























/* footer */















#footer { background: #fff; clear: both; width: 1260px; margin: 0 auto 30px; text-align: center; font-family: "Arial"; font-size: 10px; position: relative;}







#footer p { width: 800px; padding-top: 10px; margin: 0 auto; color: #797979;}







#footer a { color: #4e4e4e; text-decoration: none; }







#footer a:hover { color: #4e4e4e; text-decoration: none; }