/*
Theme Name: Precious
Theme URI: http://wordpreciousss.org/themes/precious/
Description: Precious is a <a href="http://codex.wordpress.org/Theme_Frameworks">theme framework</a> for WordPress <strong>2.8</strong>+. Built with simplicity and web accessibility in mind.
Version: 4.0.1
Author: Kristin K. Wangen
Author URI: http://wordpreciousss.org/
Tags: white, blue, orange, light, two-columns, flexible-width, right-sidebar, threaded-comments, translation-ready

 * @package WordPreciousss
 * @subpackage Precious_Parent_Theme


*/


body { 
background:#fcfcfc;
color:#711f3a;
font-size:64%;
font-style:normal;
margin:0;
padding:0 1em;
font-family: Verdana,Century Gothic,Tahoma, Arial, Sans-serif;

Overflow-x:hidden;

}

<div id="menu_bar">
<ul class="section_list">
<li><a href="http://thedramadiaries.com/blog/?page_id=2">About</a>
</li>
<li><a href="http://thedramadiaries.com/blog/?page_id=19">Advertise</a>
</li>
<li><a href="http://thedramadiaries.com/portfolio/">Portfolio</a>
</li>
<li><a href="http://thedramadiaries.com/blog/?page_id=17">Services</a>
</li>
<li><a href="http://thedramadiaries.com/blog/?page_id=22">Links</a>
</li>

</ul>
</div>

#centeredmenu {
   float:left;
   width:100%;
   background:#710666;

   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;

}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   background:#660066;
}
#centeredmenu ul li a {
   display:block;
   text-transform: uppercase;
   margin:0 0 0 0px;
   padding:5px 59px;
   <!-- padding:3px 10px; -->
   background:#711f3a;
   color:#B3A0B1;
   <!-- text-decoration:none; -->
   line-height:1.3em;
   font-size: 12px;
}
#centeredmenu ul li a:hover {
   background:#fff;
   color:#111;
}
#centeredmenu ul li a:active {
 background:#fff;
   color:#111;
}
#centeredmenu ul li a.active:hover {
   color:#111;
   background:#fff;
<!-- font-weight:bold; -->
   }



#menu_bar {
text-align: center;
float:left;
display:inline;
margin: 5px 8px;
padding: 0;
width: 864px;
list-style-type: none;
background:#000000;
}

ul.section_list  {	
list-style-type: none; margin:0; padding:0;  left; display:inline; 
}

.section_list li{
float:left; display:inline; margin:0; padding:0;
}

.section_list li a{
padding:5px 59px;
margin:0;
color:#b3a0b1;
float:left; display:inline;
border-right:0px solid #710666;
background:#000000;
text-transform: uppercase;
font-size: 12px;
}

.section_list li a.active, .section_list li a:hover{background:#fff; color:#111; }

/*some class styling*/
.sidenote {
padding:5px;
border: 1pt solid #ccc;
float:right;
}
.sidequote {
background:#eee;
font-style:italic;
font-family:Georgia, Serif;
font-size:1.1em;
padding:5px;
border: double #ccc;
border-width:2px 0px;
float:left;
margin: 0px;
margin-right: 10px;
}
.border,   hr {
border: 1pt solid #ccc;
}
 .doubleborder {
border: 5px double #ccc;
padding: 3px;
}
blockquote {
border-left: 3px solid #711f3a;
padding-left: 5px;
}

/*linkcolors for default skin*/
a:link {
color : #cb1287; 
text-decoration : underline; 

} 
 a:visited {
color : #ff34db; 
text-decoration : underline; 
} 
 a:hover {
color : #ff34db; 
text-decoration:underline;
} 
 a:active {
color : #ff34db; 
} 

/*header styles*/
h1, h2, h3, h4, h5, h6, #commentbox legend, #searchform label, #wp-calendar caption, #sidebar h2 a {
font-family :'URW Gothic L', 'Century Gothic', 'Trebuchet MS', Tahoma, Arial, 
	Verdana, Helvetica, Sans-Serif; 
color : #333; 
margin: 10px 0px;
padding:2px 0px;
font-weight:normal;

}

headerimg {border:none;}

/*Wrap*/
#wrap {
background : transparent;
padding:0px;
max-width:90em;
margin: 0px auto;
font-size:1.1em;
}


/*Access navigation*/
#accessnav, #footer, #footer ul {
margin:20px 0px;
padding:0px;
}
#accessnav li:before {
content: "\00BB \0020";
}

ul#accessnav a {
color::#711f3a;
text-decoration:none;
}


#footer {
clear:both;
}


/*header*/

#header {
background:transparent;
margin:0px;
padding:5px 0px 2px;
text-align:left;
border-bottom: 1pt solid #ccc;
}
#header h1{
color:#710666;
font-size:3em;
margin:2px 0px;
}
#header p {
margin:2px 0px;
padding:0px;
}
#header h1 a:link, #header h1 a:visited {
color:#710666;
font-weight:normal;
text-decoration:none;
}
#header h1 a:hover, #header h1 a:active {
color:#333;
text-decoration:none;
}


/*content div*/
#content {
padding: 2px 0px;
margin: 0px;
margin-right:1em;
width: 70%;
float: left;
font-size:1.1em;
line-height:1.6em;
}
h2#pagetitle, h2#comments{
color:#710666;
font-weight:normal;
padding: 10px 0px 3px;
}
h2#pagetitle {
padding:3px 0px;
}

#content h3.posttitle,  #content h2.posttitle {
padding:3px 0px;
border-bottom: 1px solid #eee;
}
#content h3.posttitle a {
font-size:1.2em;
}
#content h2.posttitle a {
font-size:1em;
}

#content h3 a:link,  #content h3 a:visited, #content h2 a:link,   #content h2 a:visited  {
color:#710666;
font-weight: normal;
text-decoration:none;
}
#content h2 a:hover, #content h2 a:active,  #content h3 a:hover,  #content h3 a:active {
color:#333;
}
.post {
margin: 25px 0px 20px;
clear:both;
}
.sticky {
background:#eee;
border:1px solid #ccc;
padding: 10px;
}
.postmeta {
font-size:0.9em;
clear:both;
padding: 2px;
}
.postmeta p {
margin:1px 0px;
padding:0;
}
.wp-caption {
background:#eee;
border:1px solid #ccc;
}

/*Comments*/
#commentbox,  #footer {
border-top:1px solid #ccc;
}
#commentbox ol {
list-style: none outside;
}
#commentlist li {
background:#fcfcfc;
border:1px solid #ccc;
padding: 3px;
margin: 5px 0px 10px;
}
#commentlist li.alt {
background:#f7f7f9;
}

#commentlist li.bypostauthor {
background:#eee;

}
ul.children {
list-style:none outside;

}
 .commentmeta {
font-size:0.9em;
text-align:right;
}
img.avatar {
border:1px solid #ccc;
background:#fcfcfc;
margin: 5px;
float:right;
padding:2px;
}



/*sidebar*/
#sidebar {
padding: 5px 0px;
margin: 0 0 0 1.5em;
width: 20%;
float:right;
font-size:1em;
}
#sidebar h2, #sidebar label {
font-size:1.1em;
margin:5px 0px 2px;
font-weight: normal;
}
#sidebar a {
text-decoration: none;
}
#sidebar ul {
list-style:none outside;
padding: 2px 0px;
margin:2px 0px;
}
#sidebar li {
margin:0px;
padding: 3px 2px;
}
#sidebar li li {
border-bottom: 1px solid #eee;
}
#sidebar li li li:before {
content: "\00BB \0020";
}

#sidebar li li li, #sidebar li ul.wp-tag-cloud li  {
border: none;
}


#sidebar form, #sidebar fieldset {
margin:0px;
padding:0px;
}
#sidebar label {
display:block;
}
#sidebar input#searchquery, #sidebar input#search-widget{
width:50%;
}
#sidebar input.submit {
width:20%;
}

/* Widget styling*/
 td#today { 
background:#ccc;
}
#wp-calendar caption {
font-size: 1.1em;
text-align: left;
}

/*forms*/
input , textarea, select, option {
font-family : Verdana, Arial, Tahoma, Helvetica, Sans-Serif; 
font-size:1em;
padding: 2px;
background:#FFCCFF; <!-- was #cde -->
border:1px solid #369;
color : #111; 
margin: 2px;
}
 fieldset,  legend {
background:transparent;
color : #111; 
border: none;
padding: 5px;
}
 label,  legend {
font-weight:normal;
}

/*other styling*/
#wpfooter {
text-align: center;
}

/*and just to make this go through WP Themes directory*/
.alignright, .alignleft, .aligncenter, .wp-caption { }