/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

.entry .aligncenter {
text-align: center;
margin: 0 auto;
display: block;
}

.widget_feedburnerformwidget{
background: url(http://www.sidetrackedsarah.com/wp-content/uploads/2012/06/sarahemail2.png) no-repeat;
height:54px;
width: 300px;
padding-top: 70px;
padding-left: 10px;
}
.subscription_email {
width: 202px;
margin-right: 7px;
border: 0px;
}
.entry ol li {
list-style-type:decimal;
}

.subscription_btn {
background: transparent;
border: 0px;
cursor: auto;
width: 80px;
height: 30px;
}
#introduction {
border-bottom: 0px solid #D0D0D0;
}

#search_main{
display:block;
height: 98px;
width:300px;
background:url(http://www.sidetrackedsarah.com/wp-content/uploads/2012/05/sarahsearch2.png) no-repeat;
}
#search_main .submit {
position: relative;
top: 64px;
left: 66px;
width: 95px;
background: transparent;
border: 0px;
cursor: pointer;
}
#search_main #s {
position: relative;
top: 64px;
left: 58px;
width: 122px;
background: transparent;
border: 0px;
}
#footer_widget_area{
padding: 10px;
display: block;
margin: 0 auto;
width: 1000px;
}
#footer_widget_area::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#footer_widget_area div{margin-right:5px}
#first_widget{
display: block;
 width: 300px;
  float: left;

}
#first_widget .widget h3, #second_widget .widget h3, #third_widget .widget h3, #fourth_widget .widget h3 {
position: relative;
margin: 0 0px 0 0;
padding: 5px 40px 5px 10px;
font-size: 14px;
text-transform: uppercase;
}
#first_widget .widget h3 span.fold, #second_widget .widget h3 span.fold, #third_widget .widget h3 span.fold, #fourth_widget .widget h3 span.fold {
background: none no-repeat center center;
margin: 0px
}
#second_widget{
display: block;
 width: 300px;
 float: left;
  
}
#third_widget{
display: block;
 width: 300px;
 float: left;
}


#header img {
margin: 5px 0;
}

#header #logo{
display: block;

	width: 1100px;
}
#about {
background: transparent none repeat-x top left;
position: relative;
z-index: 0;
float: left;
width: 300px;
margin: 0 0 0 -40px;
padding: 17px 20px 17px 40px;

}
#about p, #about h2{
color: #3b6798;
}
#about img {
float: none;
margin: 0 auto;
text-align: center;
display: block;
}
#about .fold{
	background: url('minimal/widget_fold.png') no-repeat center center;
	position: absolute;
display: block;
right: 0;
bottom: -15px;
width: 20px;
height: 15px;
}
.widget h3 {
color: white;
background-color: #3b6798;
}

.post .categories a {
color: white;
background-color: transparent;
color: #3b6798;
}
.post {
border-bottom: 0px solid #DCD6D5;
}
#socialmenu{
    display: block;
    float: right;
    height: 80px;
    width: 414px;
}

#socialmenu a {
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}

#socialmenu a#RSS{
    left: 852px;
    position: absolute;
    top: 194px;
}

#socialmenu a#Contact{
    left: 920px;
    position: absolute;
    top: 206px;
}

#socialmenu a#Twitter{
    left: 986px;
    position: absolute;
    top: 200px;

}

#socialmenu a#Facebook{
    left: 1056px;
    position: absolute;
    top: 200px;
}

#socialmenu a#Pinterest{
    left: 1130px;
    position: absolute;
    top: 202px;
}

#socialmenu a#GooglePlus{
     left: 1202px;
    position: absolute;
    top: 196px;
}


#container, #header, #main, #footer, #navigation{
width: 1100px;
}
body{
background: white none;
}
#header .widget{
display: block;
padding: 0px;
width: 1000px;
margin: 0px auto;
max-height: 150px;
}
#header{
margin: 0 auto;
}

#main{
padding: 0px;
}

#sidebar {
float: right;
width: 300px;
margin: 20px 0 0 20px;
}
#nav li a, #nav li.current_page_item a, #nav li a:hover, #nav a:link, #nav a:visited{
border: none;
font-size: 12px;
color: #fff;
background: transparent none repeat-x left top;
}

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
display: block;
width: 1100px;
height: 30px;
background: #366092;
}
#nav li ul li a {
background: #366092 none repeat-x left top!important;
border: none!important;
}
#nav li ul li a:hover {
background: #366092 none repeat-x left top!important;
border: none!important;
}