/* header.css -- style sheet for the header
-----------------------------------------------
 */

body { background-color: #e8eae3; overflow-x: hidden; }


#site_title
{
	margin-bottom: 0pt;  
	margin-left: 220px;  
	border: 0pt;
	width: 700px; 
	border: green solid 0px; 
}

#social_media_buttons
{
	margin-bottom: 5pt; 
	margin-left: 5pt; 
	border: 0pt; 
	width: 100px; 
	height: 38px;	
}

/* Main Navigation Bar
-----------------------------------------------
 */
#navcontainer{
background:  #7d3780; 
height: 35px;
padding-left: 220px;
width: 100vmax;
margin: 0 0 0 -10px;
}
#navcontainer ul{
margin: 0;
padding: 0;
}
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 16px/34px Trebuchet, Arial, Verdana, Sans-serif;
text-align: center;
}
#navcontainer a
{
color: #FFF8D6;
text-decoration: none;
display: block;
width: 140px; 
border-top: none;
border-bottom: none;
}

#navcontainer li#active a { background: #7d3780; color: #e9bd43; border-bottom: none; }
#navcontainer li#active a:hover  { background: #e9bd43; color: #7d3780; border-bottom: none; }
#navcontainer a:hover  { background: #e9bd43; color: #7d3780; border-bottom: none; }


/* Writing Sub Navigation Bar
-----------------------------------------------
 */
#wr_navcontainer{
background: #e9bd43; 
height: 35px;
padding-left: 300px;
width: 100vmax;
margin: 0 0 0 -10px;
}
#wr_navcontainer ul{
margin: 0;
padding: 0;
}
#wr_navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 14px/35px Trebuchet, Arial, Verdana, Sans-serif;
text-align: center;
}
#wr_navcontainer a
{
color: #FFF8D6;
text-decoration: none;
display: block;
width: 150px; 
border-top: none;
border-bottom: none
}

#wr_navcontainer li#active a { background: #e9bd43; color: #7d3780; border-bottom: none; }
#wr_navcontainer li#active a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }
#wr_navcontainer a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }


/* Bio Sub Navigation Bar
-----------------------------------------------
 */
#bio_navcontainer{
background: #e9bd43; 
height: 35px;
padding-left: 300px;
width: 100vmax;
margin: 0 0 0 -10px;
}
#bio_navcontainer ul{
margin: 0;
padding: 0;
}
#bio_navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 14px/35px Trebuchet, Arial, Verdana, Sans-serif;
text-align: center;
}
#bio_navcontainer a
{
color: #FFF8D6;
text-decoration: none;
display: block;
width: 150px; 
border-top: none;
border-bottom: none
}

#bio_navcontainer li#active a { background: #e9bd43; color: #7d3780; border-bottom: none; }
#bio_navcontainer li#active a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }
#bio_navcontainer a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }


/* Blog Sub Navigation Bar
-----------------------------------------------
 */
#blog_navcontainer{
background:  #e9bd43; 
height: 35px;
padding-left: 375px;
width: 100vmax;
margin: 0 0 0 -10px;
}
#blog_navcontainer ul{
margin: 0;
padding: 0;
}
#blog_navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font: 14px/35px Trebuchet, Arial, Verdana, Sans-serif;
text-align: center;
}
#blog_navcontainer a
{
color: #FFF8D6;
text-decoration: none;
display: block;
width: 150px; 
border-top: none;
border-bottom: none
}

#blog_navcontainer li#active a { background: #e9bd43; color: #7d3780; border-bottom: none; }
#blog_navcontainer li#active a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }
#blog_navcontainer a:hover  { background: #7d3780; color: #e9bd43; border-bottom: none; }


/* Blank Sub Navigation Bar
-----------------------------------------------
 */
#blank_navcontainer{
background: #e9bd43; 
height: 35px;
width: 100vmax;
margin: 0 0 0 -10px;
}

/* menu stripes
-----------------------------------------------
 */

#stripe_1
{
		background-color: #5b3d51; /* #4a2c40; */
		width: 100vmax;
		height: 10px;
		margin: 0 0 0 -10px;
}

#stripe_2
{
		background-color: #e8eae3; 
		width: 100vmax;
		height: 6.5px;
		margin: 0 0 0 -10px;
}
