body { margin: 0; padding: 0; min-width: 999px; background-color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

div, table, td, span, p { color: #444444;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5 { color: #3c3a3a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

ul#header { height: 98px; margin: 0; padding: 0; list-style-type: none; margin-left: 20px; }
ul#header li { float: left; margin: 0; padding: 0; }
ul#header li a { display: block; height: 96px; padding: 0 25px; font-size: 13px; color: #555; text-decoration: none; background-color: #ccc; background-image: url(images/site/tab_sprite.jpg); background-repeat: repeat-x; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 55px; text-align: center; }
ul#header li a:hover { color: #777; background-position: 0 -96px; }
ul#header li a.active, ul#header li a.active:hover { border-top: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; border-bottom: 1px solid #C3C3C3; color: #444; background-position: 0 -202px; }
ul#header li a.home { padding: 0; background-color: #000000; background-image: none; border: none; width: 435px; }
ul#header li a img { border: none; }
ul#header li a span { display: block; width: 20px; height: 20px; margin: 30px auto 5px; background-image: url(images/site/tabicons_sprite.gif); background-repeat: no-repeat; }
ul#header li a span.consult { background-position: 0 0; }
ul#header li a span.present { background-position: 0 -90px; }
ul#header li a span.write { background-position: 0 -187px; }
ul#header li a span.about { background-position: 0 -275px; }
ul#header li a span.contact { background-position: 0 -369px; }
ul#header li a:hover span.consult { background-position: 0 -30px; }
ul#header li a:hover span.present { background-position: 0 -123px; }
ul#header li a:hover span.write { background-position: 0 -216px; }
ul#header li a:hover span.about { background-position: 0 -307px; }
ul#header li a:hover span.contact { background-position: 0 -395px; }
ul#header li a.active span.consult, ul#header li a.active:hover span.consult { background-position: 0 -60px; }
ul#header li a.active span.present, ul#header li a.active:hover span.present { background-position: 0 -156px; }
ul#header li a.active span.write, ul#header li a.active:hover span.write { background-position: 0 -244px; }
ul#header li a.active span.about, ul#header li a.active:hover span.about { background-position: 0 -339px; }
ul#header li a.active span.contact, ul#header li a.active:hover span.contact { background-position: 0 -422px; }
ul#header li a strong { clear: both; }

/* ADDITIONAL */

#ronaldbradford { position:absolute; top:35px; left:50px; font-size: 18pt; font-weight:normal; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.1em }
#ronaldbradford-mysql-expert   { position:absolute; top:65px; left:210px; font-size: 14pt; font-weight:normal; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.05em; }
#ronaldbradford a, #ronaldbradford-mysql-expert a { color: #FFFFFF; text-decoration: none; }

a       { cursor:pointer; text-decoration: underline; color: #700000; }
a:hover { text-decoration: underline; color: #FF0000; }
a img   { border-width: 0px; }


ul#footer { list-style-type: none; font-size: 8pt;  clear:both; height: 20px; padding-top: 20px; margin-top: 0px; }
ul#footer li { float:left; margin: 0px; padding: 0px; }
ul#footer li a { padding-left: 10px; padding-right: 10px; border-right: 1px solid #FF0000;  color: #FFFFFF; }
ul#footer li a:hover { color: #777777; }

div.content { width: 970px; height: 100%; margin-top: 0px; margin-left: 20px; margin-bottom: 0px; background-color: #fff; background-image: url(images/site/watermark.png); background-repeat: no-repeat; background-position: right bottom; font-size: 10pt; }
div.content p#top { width: 870px; height: 60px; margin: 0; padding: 20px 50px 0; background-color: #c3c3c3; color: #000008; font-size: 12pt; }
div.content p#top a { color: #aaa; text-decoration: none; }
div.content p#top a:hover { text-decoration: underline; }
div.content span.grad { display: block; width: 100%; height: 10px; background-image: url(images/site/paper_gradient.jpg); background-repeat: repeat-x; }

div.content p#splash { width: 930px; height: 180px; margin: 0; padding: 20px 20px 0; background-color: #c3c3c3; color: #777777; font-size: 16pt; }
div.content p#splash h1 span.h1 { color:#FFFFFF; margin-bottom: 10px; font-size: 20pt; font-weight:bold; }

div.content #wrapper { clear: both; width: 890px; padding: 30px 30px 0; }
div.content #wrapper ul { margin: 0 0 15px 0; padding: 0; }
div.content #wrapper ul li { margin: 0 0 5px 20px; padding: 0; }
div.content #wrapper h2 { margin: 0 0 15px 0; padding: 0; text-align: center; font-size: 20px; }
div.content #wrapper h3 { margin-bottom: 5px; font-size: 13px; }
div.content #wrapper p { margin: 0 0 12px 0; padding: 0; }






xxxdiv.content  { width:910px; margin:20px; padding: 20px; background-color: #FFFFFF; background-image: url(images/site/watermark.png); background-repeat: no-repeat; background-position: right bottom; font-size: 10pt; }

xxdiv.content ul { margin: 0px; padding: 0px; }
xxdiv.content li { margin-left: 15px; margin-bottom: 3px; }

div#contact-ronald-bradford img.photo { padding:3px; border: 1px solid #000000; margin: 10px; text-align: center; }

div.copyright { font-size: 8pt; color: #EFEFEF; margin-left: 20px; padding-left: 30px; margin-top: 5px; margin-bottom: 20px;}

div.copyright a { color: #FF0000; }

div#contact-form { margin-left: 20px; margin-top: 20px; padding: 20px; background-color: #EFEFEF; border: 2px solid #BBBBBB; width: 500px;  }

div#contact-form input.required { background-color: #e8c4c4; }

div#mysql-consulting table { width: 100% }
div#mysql-consulting h2 { text-align: center; }
div#mysql-consulting td { width: 35%; vertical-align:top; padding: 10px; }
div#mysql-consulting td.center { border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }
div#mysql-consulting td.right { width: 30%; background-color: #EFEFEF; border-right: 1px solid #bbbbbb; }

div#ronald-bradford-links { float:right; width: 235px; border-right: 1px solid #bbbbbb; padding: 10px;} 

table#third-party-consulting img { width: 150px; }

div#mysql-writing { width: 300px; float:left; background-color: #FFFFFF; padding:10px; border-left: 1px solid #bbbbbb; }
div#mysql-planet  { width: 235px; float:right; background-color: transparent;  
border-right: 1px solid #bbbbbb; padding: 10px;}
div#mysql-planet li  { list-style-type: none;  }
div#mysql-community-member-award { width: 280px; float:left; background-color: #EFEFEF;  border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; padding: 10px;}
div#middle { width: 245px; float:left; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }
div#oracle-ace-director { width:100%; background-color: #EFEFEF; padding: 10px; }
div#right { width: 270px; float:right; background-color: #FFFFFF; border-right: 1px solid #bbbbbb; padding: 10px; }
div#expert-php-mysql-book { width: 270px; background-color: #FFFFFF;  }

div.mysql-post-content { margin-left: 40px; }

div#twitter_div { width: 565px; float:left; padding:10px; border-left: 1px solid #bbbbbb; }
div#twitter-count { width: 265px; float:right; text-align:left; padding:10px; border-right: 1px solid #bbbbbb; }

div#mysql-quote { color: #000000; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; margin-bottom: 10px; font-size: 12pt; padding: 5px; font-style: italic; margin-left:20px; margin-right: 20px; }
div#mysql-quote a { font-size: 10pt; }

div#google-search { border: 1px solid #FF0000; background-color:#EFEFEF; padding: 10px; margin-left: 15px; margin-right: 15px;  }
span.highlight { background-color: yellow; }

#breadcrumbs { font-size: 8pt; background-color: #EFEFEF; margin-bottom: 10pt;}

#mysql-cheatsheets h3 { border-bottom: 1px solid #000000; margin-bottom: 10pt;}
#mysql-expert h3 { border-bottom: 1px solid #000000; margin-bottom: 10pt;}
#mysql-cheatsheets pre { background-color: #EFEFEF; padding:10pt;}