/*
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

*/

#header .photo {
border:2px solid #FFFFFF;
float:left;
margin-right:10px;
width: 400px !important;
}

#header .blog-title {
display: none;
}

#header .header_left {
float:left;
width:350px;
}

#header .blog-description {
color:#FFFFFF;
display: none;
}

#header .photo {
border:0px solid #FFFFFF !important;
float:left;
margin-right:10px;
}

.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:960px;
}


#bottom {
color: #FFF;
}


#bottom a:link, a:visited {
color: #000;
text-decoration: none;
font-weight: bold;
}

#bottom a:hover {
color: #000;
text-decoration: underline;
font-weight: bold;
}

h1.head {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF none repeat scroll 0 0 !important;
border-top:1px dotted #A0D5FE;
color:#094073;
}

/*---------TOP NAVIGATION for PAGES---------  */
.page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0;  }
.page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; }
.page_nav li  a { list-style:none; font-size:14px; font-weight:bold; padding:6px 0;  }
.page_nav li  a:hover { text-decoration:none; }


.main_navi { float:right; width:600px; margin-top:65px; }

.sf-menu li a {
font-size:16px !important;
font-weight:bold;
padding:8px 12px 12px;
text-decoration:none;
}