/*File:			custom.cssDescription:	Custom styles for Your Theme

HOW TO USE THIS FILE:Override any class you want and it will change default styling to suit your needs.For example, if you wish to change the default text blog title to grey, you would add the following declarations to this file:	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey-->*/

/*=== BODY BACKGROUND ===*/
body{ background:#333333}

/*===color bordering center text area  ===*/
.content_wrap{ 
background:#006699;
}

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

#header{ height: 90px; background:#000000; margin: 0;}

/*=== TOP MENU for PAGES ===*/
#top_menu li a:hover, #top_menu li.active a{ 
color:#ffffff; 
font-weight: bold;
background-color:#000000;
text-decoration:none;
}

#top_menu li a{ 
font-size: 14px; 
color:#ffffff; 
font-weight: bold;
display:block; 
padding:24px 15px 3px 15px; 
text-transform:uppercase;
}

#top_menu li.current_page_item a{ 
color:#ffffff;
}

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav li ul li a{ 
color:#ffffff; font-size:14px; padding-top:5px
}

#pagenav li ul li a:hover{ 
color:#99eeff; 
text-decoration:none
}

#pagenav, #pagenav ul{
float:left; 
list-style:none; 
padding:0; 
margin:0; 
font-family: Georgia; font-size: 13px
}

#pagenav li ul li{
background:#000; 
border:solid #000; 
line-height:21px; width:18em; 
border-width:0 1px 1px 1px
}


/*=== Posts ===*/
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-family: Georgia; font-weight:normal; padding:10px 0 5px 0px; margin:0 }

.post ul, .post ol{ padding:5px 3px; margin:0 0 5px 0 }

.post ul li{ margin:10px 0; padding:0 0 10px 18px; font-size: 12px; background: url(images/list-star-trans.png) no-repeat left top; line-height: 16px; }

/*=== Footer Widgets ===*/

.footwidgets-spot{ background:#ffffff; margin-top:20px }

  .footwidgets-spot a{ border:none }

#footwidgets-front .widget-spot{ vertical-align:middle; margin:6px 0 8px 0; padding:0px 9px }

  #footwidgets-front .widget-spot .widget{ padding:20px 30px 0px 30px; border-right:1px solid #E3E3E3; line-height:20px }

    #footwidgets-front .last .widget{ border-right:none }

	#footwidgets-front .widget-spot .widget img.fl{ padding:5px; border:1px solid #e3e3e3; background:#ffffff; margin:0 0 10px 0 }

  #footwidgets-front .widget-spot .widget h3{ font-weight:normal; font-size:25px; padding:0 0 10px 0; border-bottom:4px solid #e3e3e3 }

  #footwidgets-front .widget-spot .widget .button-link a{ background:#ffffff url(images/btn-footer-trans.png) no-repeat 0px 4px; margin:0; padding:5px 10px 5px 25px; font-style:oblique; color:#000000; border:none; font-weight:bold; }

    #footwidgets-front .widget-spot .widget .button-link a:hover{ background:#ffffff url(images/btn-footer-trans.png) no-repeat 0px 4px; text-decoration:none; color:#333333 }

  #footwidgets-front .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }

 #footwidgets-front .widget-spot .widget button { background:#fff url(images/btn-footer-trans.png) no-repeat left top; margin:10px 0 0 0; text-align:left; padding:0 0 0 25px; line-height:15px; font-style:oblique; color:#000000; border:none; font-weight:bold; }

    #footwidgets-front .widget-spot .widget button:hover{ background:#ffffff url(images/btn-footer-trans.png) no-repeat 0px 10px; text-decoration:none; color:#333333 }

  #footwidgets-front .widget-spot .widget ul, #footwidgets-front .widget-spot .widget ol{ padding:0px 3px 10px 3px; margin:0 0 0px 0 }

  #footwidgets-front .widget-spot .widget ul li{ margin:10px 0; padding:10px 0 10px 18px; background: url(images/list-star-trans.png) no-repeat left top; line-height: 20px; border-bottom: solid 1px #e3e3e3 }


#footwidgets-blog .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }

  #footwidgets-blog .widget-spot .widget{ padding:0 30px; border-right:1px solid #E3E3E3; line-height:24px }

    #footwidgets-blog .last .widget{ border-right:none }

  #footwidgets-blog .widget-spot .widget h3{ font-weight:normal; font-size:25px; padding:0 0 10px 0; border-bottom:4px solid #e3e3e3 }

  #footwidgets-blog .widget-spot .widget .button-link a{ background:#ffffff url(images/btn-footer-trans.png) no-repeat 9px; margin:0; padding:5px 10px 5px 35px; font-style:oblique; color:#000000; border:none; font-weight:bold; }

    #footwidgets-blog .widget-spot .widget .button-link a:hover{ background:#ffffff url(images/btn-footer-trans.png) no-repeat left top; text-decoration:none; color:#333333 }

  #footwidgets-blog .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }

  #footwidgets-blog .widget-spot .widget button { background:#fff url(images/btn-footer-trans.png) no-repeat left top; margin:10px 0 0 0; text-align:left; padding:0 0 0 25px; line-height:15px; font-style:oblique; color:#000000; border:none; font-weight:bold; }

    #footwidgets-blog .widget-spot .widget button:hover{ background:#ffffff url(images/btn-footer-trans.png) no-repeat left top; text-decoration:none; color:#333333 }

  #footwidgets-blog .widget-spot .widget ul, #footwidgets-blog .widget-spot .widget ol{ padding:0px 3px; margin:0 0 20px 0 }

  #footwidgets-blog .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; background: url(images/list-star-trans.png) no-repeat left top; line-height: 13px; border-bottom: solid 1px #e3e3e3 }
  
  #footwidgets-blog  .widget-spot .widget #calendar_wrap{ padding:0; margin:0; background:#E3E3E3 }

  #footwidgets-blog  .widget-spot .widget #wp-calendar td {	padding:0 }


/*=== Footer ===*/
#footer .copyright a{ color:#ffffff; text-decoration: none; border-bottom:0px dotted; padding:2px 1px }

#footer .copyright a:hover{ color:#115599; text-decoration:none; border:none; background:#000000 } 

#footer .copyright .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; border-right: color:#efefef;}

  #footwidgets-front .widget-spot .widget{ padding:20px 30px 0px 30px; border-right:1px solid #E3E3E3; line-height:1.1em }