/*
Theme Name: Savvy Woman
Site Name: Savvy Woman
Description:
Site URL: www.The-Savvy-Woman.com
Author: Johnny Rogers, Aunjar, LLC
Version: 1.0
*/

/* Top Navigation Structure */
#navlist
{
   text-align: center;
   padding: 0px 0;
   margin: 10px;
   background-color:#FFFFFF;	
   background-position: 0px 0px;
   font: bold 1em Verdana, Helvetica, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
   padding: 3px 0.5em;
   margin-left: 3px;
   border: 1px solid #98C520;	
   background: #000168;
   text-decoration: none;
   font: bold .9em Verdana, Helvetica, sans-serif;
    }

#navlist li a:link { color: #ffffff; }
#navlist li a:visited { color: #ffffff; }

#navlist li a:hover
{
  color: #000168;
  background: #98C520;
  border-color: #000168;
}

#navlist li a#current
{
  background: white;
  border-bottom: 1px solid white;
}


/* body Trim around container was E0E0E0 */
body {
margin: 0;
padding: 0;
color: #000;
background-color: #FFFFFF;
}


/* Site Container and structure */
#container {
width: 95%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 3px double #000168;
line-height: 130%;
}

/* header elements */ 
#header
{
padding: .1em;
background-color: #fff;
border-bottom: 1px dotted gray;
}

#header h1
{
padding: 0;
margin: 0;
font: Verdana, Helvetica, sans-serif;
}

#logo-left
   {
   float: left;
   margin: 5px;
   margin-top: 25px;
   margin-left: 10px;
  }
		
#logo-right
   {
  float: right;
  border: 0px solid #000168;
  }

.clear {
   clear: both;
   display: block;
   overflow: hidden;
   width: 0;
   height: 0;
   }
/* End of Header elements */ 


/* Left Sidebar */ 
#leftsidebar {
   float: left;
   width: 185px;
   margin: 0;
   padding: 1em;
   font: 1em Verdana, Helvetica, sans-serif;
   background: url(../images/img08.jpg) repeat-x;
   background-color: #FFF;
   border-right: 1px dotted gray;
}

#content {
   margin-left: 200px;
   border-left: 0px solid gray;
   padding: 1em;
   max-width: 45em;
   font: 1em Verdana, Helvetica, sans-serif;
}


.featurebox_center {
  background-color: #DDF1A7;
  margin:0px;
  padding:10px;
  border: 2px outset #E0E0E0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .9em;
  color: #333333;
}

.featurebox_articles {
  background-color: #fff;
  margin:0px;
  padding:10px;
  border: 1px solid #E0E0E0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .9em;
  color: #333333;
}

.featurebox_side {
  width: 160px;
  background-color: #DDF1A7;
  padding:1px;
  margin:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;
  border: 2px outset #E0E0E0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: .7em;
  color: #333;
}

.featurebox_side h2 {
  font: Arial;
  font-size: 1.2em;
  color: #000168;
}

/* Left nav structure */

ul#vnav {
     margin-left: 0;
     margin-top: 20px;
     padding-left: 0;
     list-style-type: none;
    }

ul#subnav {
     margin-left: 0;
     margin-top: 20px;
     padding-left: 0;
     list-style-type: none;
    }

#vnav a {
     display: block;
     text-decoration: none;
     text-align: left;
     vertical-align: left;
     color: #000168;     
     padding: .2em .5em;
     margin: 5px 10px 0 2px;
     border-bottom: 1px dotted gray;
     font: bold .9em Verdana, Helvetica, sans-serif;
     width: 10em;
    }

#subnav a {
     display: block;
     text-decoration: none;
     text-align: left;
     vertical-align: left;
     color: #000168;     
     padding: .2em .5em;
     margin: 5px 10px 0 2px;
     border-bottom: 1px dotted gray;
     font: bold .9em Verdana, Helvetica, sans-serif;
     width: 10em;
    }

#vnav a:hover {
     color: #000168;
     background-color: #98C520;
     border: 1px solid #000168;
    }

#subnav a:hover {
     color: #000168;
     background-color: #98C520;
     border: 1px solid #000168;
    }



/* Section for News Departments */
.news {
  float: left;
  background-color:#fff;
  border: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  width: 98% !important; /* IE and Safari Fix */
  width: 97.9%;
  margin-bottom: 20px;
  padding: 1px;
  font: Verdana, Helvetica, sans-serif;
  font-size: .8em;

}

.news img {
   float: left;
   padding: 3px 3px 3px 3px;
   border-style: none;
   border-width: 1px;
  }
  
.news p {
  float: right;
 }

.clear2 {
  clear: both;
 } 

.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
/* Section for News Departments */


/* Section for Footer */
#footer {
   clear: both;
   text-align: center;
   margin: 10px;
   padding: .5em;
   color: #000168;
   background-color: #98C520;
   border: 1px solid gray;
   font: .6em Verdana, Helvetica, sans-serif;
   line-height: 25px;
}


/* Additonal divs and classes */
#leftnav p {
   margin: 0 0 1em 0;
  }

#content h2 {
   margin: 0 0 .1em 0;
   color: #000168;
   font-size: 1.4em;
   font-family: "Times New Roman", Times, serif;	
}

#content h3 {
   margin: .3em;
   color: #FF0A0A;
   font-size: 1.0em;
  }

#content P {
  font: 1em Verdana, Helvetica, sans-serif;
  color: #333;
 }


.style1 {
   padding: 5px 0.5em;
   margin: 3px;
   border: 1px solid #98C520;	
   background: #000168;
   color: #fff;
   font-size: 1em;
   text-decoration: none;
   font-family: "Times New Roman", Times, serif;
  }


/*Formatting for all un-clicked Links-A=Blue, Vistited=Blue, Active=Blue, Hover=Red*/

h1 {
   font-size: 1.5em;
   font-family: "Times New Roman", Times, serif;
   margin-bottom: .2em;
   color: #4d4d4d;
   }

A {
  background-color: transparent; 
  color: #000168; 
  text-decoration: none; 
}

A:visited {
  background-color: transparent; 
  color: #000168; 
  text-decoration: none;
}

A:active {
  background-color: transparent; 
  color: #000168; 
  text-decoration: none;
}

A:hover {
  background-color: transparent; 
  color: #FF0000; 
  text-decoration: none;
}

#adsense-wrap {
	float: left;
	margin-right: 5px;
}


/*Credits: Dynamic Drive CSS Library b8b8b8 */
/*URL: http://www.dynamicdrive.com/style/ */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}


.commentbox{
background-color: #ececec;
width: 95%;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 0em;
font-size: 90%;
color: #4A4A4A;
}