/*
File:			custom.css
Description:	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

*/

/* Structure ---------------------- */
.header, .main_nav { background:#FFFFFF; }
.main_nav_in { background:#fafbfb url repeat-x left bottom;  }
.content_sub_sidebar_right { border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;   }
#content h1.cat_head  {  color:#d37200; border-bottom:1px solid #e5e5e5; }

.bottom {background:#FFF;}
.footer {background:black;}

.header_in {
    min-height: 100px;
    padding: 5px 0 60px;
}

.logo img {
    margin: 20px 0;
    max-width: 290px;
}

/* featured image ---------------------- */
.galleria-container {
position: relative;
overflow: hidden;
height: 360px;
margin-bottom: 30px;
width: 400px;
margin-right: auto;
margin-left: auto;
}

/* changed size of homepage map from 100% to 580px ---------------------- */
.top_banner_section_in {
margin: 0 auto;
padding: 10px;
position: relative;
width: 580px;
}

/* changed colour of text in footer ---------------------- */
.footer_in {color: #F5EDCD;}

/* changed size of map on category pages from 100% to 580px ---------------------- */
.category_map {
margin: 0 auto;
padding: 10px;
position: relative;
width: 500px;
}

/* -----------------padding between menu items in navigation----------------- */
div.menu ul li a, ul.menu li a {
padding: 11px 18px;
}