/*
Theme Name: Sven Reuther Theme
Theme URI: http://www.reuther-dachservice.de
Description: Sven Reuther Dachservice Theme
Author: Florian Ahl
Author URI: http://www.monsterfood.de
*/


/* BODY / AUFBAU */

body {color: #000000; background-color: #000000; height: 100%;}


/* HEADER */

#wrapper-top {
position: absolute;
top: 0;
width: 100%;
margin: 0px auto;
} 

#header {


margin: 0px auto;
text-align: center;
}

#header-logo {
height: 120px;
background-image: url("images/bg80.png");
margin: 0px auto;
text-align: center;
}

#header-logo img {
padding-top: 10px;
}




/* NAVIGATION */

.menu {
text-decoration: none;
color: #ffffff;
margin: 15px auto;
height: 30px;
background-image: url("images/bg80.png");
list-style-type: none;
text-align: center;
padding-top: 5px;
}

.menu a {
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 300;
text-decoration: none;
list-style-type: none;
text-align: center;
color: #ffffff;
padding: 0px 70px 0px 0px;
margin: 0px 0px 0px 0px;
}

.menu a:hover {
font-weight: 300;
font-size:18px;
text-decoration: none;
list-style-type: none;

}

.menu li {
list-style-type: none;
text-decoration: none;
border-right: 0px solid #ffffff;
display: inline;
}



/* CONTENT / MAIN */




#wrapper-middle {
margin: 185px auto;
width: 980px;
}


#wrapper-middle-blog {
margin: 185px auto;
width: 814px;
height: 100%;
} 

#main {
background-image: url("images/bg80.png");
height: 100%;
}


.blog {
background-image: url("images/bg80.png");
margin-bottom: 20px;
padding: 15px;

}

.blog-thumbnail {
margin: 0px auto;
padding: 0px 30px 0px 0px;
}

.blog-content {
padding: 15px 30px 0px 30px;
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
vertical-align: top;
text-align: center;
}

.entry {
color: #ffffff;
padding: 20px 20px 20px 20px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 18px;
}


h1 {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 20px;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
letter-spacing: 0.03em;
text-decoration: none;

}

h2 {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
letter-spacing: 0.03em;
text-decoration: none;
}

h3 {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
padding: 0px 0px 20px 0px;
letter-spacing: 0.03em;
}

a {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 18px;
text-transform: none;
text-decoration: none;
}

/* FOOTER */

#social-bottom {
background-image: url("images/bg80.png");
height: 60px;
position: relative;
bottom: 15px;
width: 100%;
text-align: center;
outline:none;
} 

#social-bottom img {
text-align: center;
margin-top: 10px;
outline:none;
} 

#social-bottom a {
text-decoration: none;
border-style: none;
border: none;
outline: none;
} 

#imagemap area {
outline:none;
}

*:focus
{
outline: none;
outline-width: 0;
background: #000000;
}

#wrapper-bottom {
position: relative;
bottom: 0px;
width: 100%;
} 

#footer {
background-image: url("images/bg80.png");
height: 100px;
color: #ffffff;
text-align: center;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
padding-top: 20px;
}

#footer a {
text-decoration: none;
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
}