/* <system section="theme" selected="natural"> */
@import 'http://fonts.googleapis.com/css?family=Josefin+Sans:600';
/* CSS Document */
/* @Main
====================================== */



#menu {
	width:800px;
	padding:0;
	margin:0;
	list-style-type: none;
}

#menu li {
	width:20%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}


#menu li a {
    width:auto;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    //text-shadow:0 -1px 0px #333,0 1px 0px #555;
    padding:10px 0;
    text-decoration:none;
    display:block;
    background:#ffb6c1;
    /*background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
    border-left:1px solid #444;
    border-top:0;
    box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
*/
}
#menu li:first-child a{
  border-radius:0 0 0 5px;
  border-left:0;
  /*box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;*/
}
#menu li:last-child a{
  border-radius:0 0 5px 0;
  /*box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;*/
}
/*
#menu li a:hover {
  background:#555;
  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
*/
.clear {
  clear: both;
  height: 30px;
  /*background: #e58;*/
}
#blog-title{
    position: absolute;
    z-index: 2;
}

.blog-title-banner{
    position: relative;
    border:0;
    z-index: 1;
}
.blog-title-banner img{
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

/* <system section="background" selected="default"> */
/* default */
/* </system> */