/* -------------------- WEBLOG PUBLISH OPTIONS ------------------------- */

ol {
   margin-left:10px;
}
ul {
  list-style: square;
  margin-left:1px;
}
li {
    list-style: square;
    margin-left:20px;
}
h3 {
    border: none;
    color: #333;
    font: bold 18px tahoma, arial, sans-serif;
 }
h4 {
    border: none;
    color: #333;
    font: 14px arial;
    font-weight: 700;
    margin-bottom: -5px;
    margin-top: 30px;
}
h5 {
    font-weight: 700;
    margin-bottom: -14px;
 }
.fineprint {
    font: 10px arial;
}


/* ------------ WRAPPERS AND CONTAINERS ----------- */
/* edit   
*/

#wrapper {
     width: 960px;
     margin: auto;
     text-align: left;
     border-right: 5px solid #4B7896;
     border-left: 5px solid #4B7896;
}
#main-c {
     width: 960px;
     background: #DADADA;
}

/* If you change the color of the #main background, also change the background color on #middle_column to the same color  */
#main {
     width: 950px;
     background: #DADADA;
     padding: 5px;
}

/* --------------------NOTES ABOUT 2 AND 3 COLUMNS -------------------------
For two columns, we use the divisions Bigger and Smaller 
For three-column layout, we use left_column and middle_column, and the right_column
The middle_column has border color to match the color set in the div. #main
*/

/* --------TWO COLUMN FORMAT -------- */
#bigger {
     width: 703px;
     float: left;
     margin: 0;
     padding: 0 0 0 0;
     background: #FFFFFF;
}

/* Smaller can be right or left in a two-column format.   But do not use Smaller for three-column formats. See Three-Column format below instead */

#smaller {
     width: 240px;
     float: right;
     margin: 0;
     padding: 0;
     font-size: 11px;
     line-height: 16px;
     background: #FFFFFF;
}

/* --------THREE COLUMN FORMAT -------- */
#left_column {
     width: 346px;
     float: left;
     background: #FFFFFF;
}
#right_column {
     width: 240px;
     float: right;
     font-size: 11px;
     line-height: 16px;
     background: #FFFFFF;
}
/* Middle column rounded corners requires +15px bottom padding. This is a hack to adjust display for IE6 and Firefox */
#middle_column {
     padding: 0px 0px 15px 0px;
     margin-left:348px;
     margin-right:242px;
     line-height: 16px;
     background: #FFFFFF;
     border-left: 5px solid #DADADA;
     border-right: 5px solid  #DADADA; 
}

/* ------------ BODY ----------- */
/*  edits */

body {
     margin: 0px 0 0px 0;
     background:#4F7E9E;      
     padding:0;
     font:small Arial,Sans-serif;
     line-height:1.4em;
     color:#333;
     text-align: center;
}

a:link {
	color: #9D5C00;
	border-bottom: 1px #666666;
	text-decoration: none;
}
a:visited {
	color: #9D5C00;
	border-bottom: 1px #666666;
	text-decoration: none;
}
a:active {
	color: #9D5C00;
}
a:hover {
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
	text-decoration: none;
}
.none, caption {
    display: none;
}
.nospace_height10 {
        margin-top: 0px;
	margin-bottom: 0px;
        line-height: 10pt;
}
.nospace {
    margin: 0px;
    padding: 0px;
}
.clear {
    clear: both;
    margin:0;
    padding:0;
    height: 0.1px;
}

code {
    font: 13px 'Courier New', Courier, Arial, sans-serif;
    color: #CC3300;
}

acronym, abbr {
    cursor: help;
    border-bottom: 1px dotted #333;
}

del {
    color: #ccc;
    background: #FFFFCC;
}

blockquote {
    background: url("http://www.beforetheyhatch.com/themes/site_themes/butterfly/butterfly_quote.gif") top left no-repeat;
    margin: 10px;
    padding: 8px 0 0 25px;
}

textarea.text, input.text {
    font: 11px Verdana, Arial, sans-serif;
}
input.button {
    font: 11px Verdana, Arial, sans-serif;
    background: #FF9900;
    color: #fff;
}
.topestnav {
    background: #F3F3E9;
    text-align: right;
    margin: 0;
    padding: 0 20px 0 0;
    font-size: 10px;
}
.topestnav p {
    margin: 0;
    padding: 0;
}

/* -------------ROUNDED CORNERS ---------------------  
CSS rounded corners for the left and right columns only. No CSS is used for the middle column. 
*/

.roundbottom {
	background: url(/images/rounded_bottomright.gif) no-repeat top right; 
}
img.corner {
   width: 7px;
   height: 7px;
   border: none;
   display: block !important;
}


/* ------------ HEADERS ----------- */

#header {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border-bottom: 1px solid #BFB8AC;
}
#header h1 {
    font: 30px Arial, Verdana, sans-serif;
    margin: 0;
    padding: 10px;
}
#header a {
    border: none;
    color: #990000;
}
#header a:hover {
    color: #CC0000;
}

/* ------------ NAVIGATION ----------- */

#navcontainer {
    background: url("images/navbar_normal.gif") top left;
    height:35px;
    margin-bottom: 0px;
    padding: 0px;
}
#navcontainer ul{
    margin: 0;
    padding: 0;
}
#navcontainer ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    font: 11px/30px "Lucida Grande", verdana, sans-serif;
    text-align: center;
}
#navcontainer a {
    font-weight: 900;
    color: #ffffff;
    text-decoration: none;
    width: 106px;
    display: block;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #FFFFFF;
}

#navcontainer li#active {
    background: url("images/navbar_active.gif") top left;
    font-weight: 900;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 0px;
}
#navcontainer a:hover {
    background: url("images/navbar_hover.gif") top left;
    font-weight: 900;
    text-decoration: none;
    border-bottom: 0px;
}

/* ------------ BAR HEADER  ----------- */

.bar-head {
    height: 25px;
    margin: 0px;
    padding: 5px 0 0 10px;
    border-top: 0px dotted #0765A3;
    border-bottom: 2px solid #E6E3CF;
    background-color: #FFFFFF;
    font: 16px 'Comic Sans MS', 'Times New Roman';
    color: #0765A3;
    font-weight: 600 
}
.bar-head a:link {
	color: #0765A3;
	border-bottom: 0px solid #FE9900;
	text-decoration: none;
}
.bar-head a:visited {
	color: #0765A3;
	border-bottom: 0px solid #FE9900;
	text-decoration: none;
}
.bar-head a:hover {
	color: #FE9900;
	border-bottom: 0px solid #FE9900;
	text-decoration: none;
}
.category-bar-head {
    height: 25px;
    margin: 0px;
    padding: 5px 0 0 10px;
    border-top: 0px dotted #0765A3;
    border-bottom: 2px solid #E6E3CF;
    background-color: #FFFFFF;
    font: 600 16px 'Comic Sans MS', 'Times New Roman';
    color: #0765A3;
}

/* ------------ WEBLOG MULTIPLE LISTING   ----------- */
/* These h3 are used on templates that list a mulitple weblog entries on a page.
We use h3 instead of h1 since we do not want to spam the search engine robot. */

.category-title h1 {
    padding: 5px 0 0 10px;
    color: #0765A3;
    font: 300 18px 'Comic Sans MS', 'Times New Roman';
 }
.entry-title h3 {
    margin: 0 0 8px 0;
    padding: 0;
    border-bottom: 1px solid #FE9900;
 }
.entry-title h3 a {
    border: none;
    color: #0765A3;
    font: 20px tahoma, arial, sans-serif;
 }
.entry-title h3 a:hover {
    border: none;
    color: #888888;
}


/* ------------ WEBLOG SINGLE LISTING   ----------- */
/* These h1 are primarily used on templates have a single weblog entries on a page.
We use h1 here to inform search engine robots of the key focus of the page. */

.entry-title {
    margin: 0;
    padding: 0;
}
.entry-title h1 {
    margin: 0 0 8px 0;
    padding: 0;
 }
.entry-title h1 a {
    border: none;
    color: #0765A3;
    font: 30px tahoma, arial, sans-serif;
}
.entry-title h1 a:hover {
    border: none;
    color: #888888;
}
.entry {
    margin: 15px 15px 30px 15px;
    padding: 0;
}
.entry-info {
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 10px;
    text-align: left;
    border: 0px;
    line-height: 16px;
}
.entry-info p {
    margin: 0;
    padding: 0;
    color: #666666;
}
.entry-info h4 {
    margin: 0;
    padding: 0;
    color: #666666;
}
.entry .imgupload {
    border: none;
    float: left;
    margin: 20px 10px 0 0;
    border: 1px solid #333;
}

/* ------------ PAGINATION   ----------- */

.navi-pages {
    text-align: right;
    margin: 15px;
    font-size: 11px;
    background: #FBF8EF;
    padding: 10px;
}
.navi-pages p {
    margin: 0;
    padding: 0;
}


/* ------------ SMALL BOX AREAS ----------- */

.smallbox-1 {
    margin:12px 5px 12px 5px;
    padding: 10px 10px 25px 10px;
    font-size: 12px;
    background: #F4F4EA;
}
.smallbox-h {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
}
.smallbox-1 a:link {
	color: #0765A3;
	border-bottom: 0px solid #0069B0;
	text-decoration: none;
}
.smallbox-1 a:visited {
	color: #806C59;
	border-bottom: 0px solid #0765A3;
	text-decoration: none;
}
.smallbox-1 a:active {
	color: #9D5C00;
}
.smallbox-1 a:hover {
	color: #ff0000;
	border-bottom: 1px solid #0765A3;
	text-decoration: none;
}

/* ------------ SMALL HEADINGS AND MARKERS ----------- */
.h-markers {
        margin-bottom: 6px;
        margin-top: 0px;
        border: none;
        font: 14px arial;
        font-weight: 600;
        color: #0765A3;
}
.h-markers a:link {
	color: #0765A3;
	border-bottom: 0px solid #FE9900;
	text-decoration: none;
}
.h-markers a:visited {
	color: #0765A3;
	border-bottom: 0px solid #FE9900;
	text-decoration: none;
}
.h-markers a:hover {
	color: #FE9900;
	border-bottom: 1px solid #FE9900;
	text-decoration: none;
}

/* ------------ RIGHT SMALLER COLUMN DETAILS ----------- */

.smaller-c {
    margin: 10px;
}
#smaller .box-h {
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#smaller .box-1 {
    margin: 0 0 30px 0;
    padding: 5px;
}
#smaller h4 {
    margin: 0 0 8px 0;
    padding: 0;
    color: #0765A3;
    font: bold 14px arial;
}
#smaller ul {
    list-style: square;
    margin: 0 0 0 15px;
    padding: 0;
}
    #smaller ul li {
    margin: 4px 0 4px 0;
}

/* ------------ COMMENTS ----------- */
table.postcomment {
   width: 100%;
   vertical-align: top;
   border-collapse:collapse;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
#comments, #comments-post, #trackbacks {
    margin: 20px 15px 10px 15px;
    padding: 20px;
    font-size: 14px;
    line-height: 17px;
    background-color: #E2E1E1;
}
.comment-item, .trackbacks-item {
    margin: 5px 0 20px 0;
    padding: 0 0 20px 0;
    font-size: 12px;
}
.comment-info, .trackbacks-info {
    margin-top: 15px;
    text-align: left;
    font-size: 11px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
    margin: 0 0 20px 0;
    padding: 0;
    color: #000000;
    font: bold 12px Tacoma, sans-serif;
}
.trackbacks-text h5 {
    font: bold 11px Verdana, Arial, sans-serif;
    margin: 0;
    padding: 5px 0 5px 0;
    color: #993300;
}

/* ------------ FOOTER ----------- */
#footer {
    margin: 0;
    padding: 0;
    background: #00497B;
}
.footer-i {
    margin: 0px;
    padding: 10px;
}
.footer-i p {
    margin: 0;
    padding: 0;
    font: 12px verdana; 
    color: #EEEDDF;
}
#footer-i a:link {
	color: #EEEDDF;
 	border-bottom: 0px solid #EEEDDF;
	text-decoration: none;
}
#footer-i a:hover {
	color: #EEEDDF;
 	border-bottom: 0px solid #EEEDDF;
	text-decoration: none;
}
#footer-i a:active {
	color: #EEEDDF;
 	border-bottom: 0px solid #EEEDDF;
	text-decoration: none;
}
#footer-i a:visited {
	color: #EEEDDF;
 	border-bottom: 0px solid #EEEDDF;
	text-decoration: none;
}

/* ------------ SOLSPACE RATINGS 2.10 MODULE DISPLAY----------- */
						
.rating-indicator {
    margin-left: 0px;
}
.rating-indicator-list {
    margin-left: 16px;
}
table.entry-rating {
   background:#FFFFFF;
   border-collapse:collapse;
   border-top: 0px solid #EEEDDF;
   border-bottom: 0px solid #EEEDDF;
   margin-top: 10px;
   width: 100%;
}

/* -------------ADVERTISING  ---------------------  */
#ad-section-side {
   background: #FFFFFF;
   border-collapse:collapse;
   border-top: 1px solid #EEEDDF;
   border-bottom: 1px solid #EEEDDF;
   margin-left: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
}


/* -------------CUSTOM ICONS  ---------------------  */
.icon_arrow {
    background: url("images/icon_arrow.gif") left center no-repeat;
    padding-left: 30px;
    padding-bottom: 5px;
    padding-top: 5px;
}