@import url("../twentyeleven/style.css");

@import url(http://fonts.googleapis.com/css?family=Lato:400,900);

body {
    background-color: #D6B876;
}

#page {
    background-color: #FFF4AE;
}

body, input, textarea {
    color: #5C0000;
	font-family: 'Lato', sans-serif;
}

#branding {
    border-top: none;
}

#branding #searchform {
    top: 11.8em;
}


#site-title a {
    color: #8C001A;
}

#site-title a:hover, 
#site-title a:focus, 
#site-title a:active {
    color: #8C001A;
}

#site-title,
#site-description {
    margin: 0%;
    padding: 0%;
    color: #8C001A;
}

#site-title a {
    font-size: 2em;
}

#site-description {
    font-size: 1em;
    color: #5C0000;
}

#branding hgroup{
    position: absolute;
    margin: 17% 0% 0% 42%;
}

#site-generator {
    display: none;
}

.entry-title {
    color: #8C001A !important;
}

#access {	
    background: linear-gradient(#8C001A, #5C0000) repeat scroll 0% 0% transparent;
//    background-color: #5C0000;
    box-shadow: none;
}

#access a {
    color: #FFFFFF;
    padding: 0 1.0em;
}

#access li:hover > a, 
#access ul ul :hover > a, 
#access a:focus {
    background: linear-gradient(#5C0000, #8C001A) repeat scroll 0% 0% transparent;
    color: #FFFFFF;
}

#secondary {
    display: none;
}

#content {
    width: 83%;
}

#access ul {
    font-size: 1em;
}

@media (max-width: 1000px) {
/* Make sure the logo and search form don't collide */

#branding #searchform {
		top: 1.625em !important;
	}


@media (max-width: 690px) {
/* Make sure site-description and menue don't collide */

#site-description {
    display: none;
}