/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://familieloss.de
Description:    Child theme for the Twenty Twelve theme 
Author:         Martin Loß
Author URI:     http://familieloss.de
Template:       twentytwelve
Version:        0.1.0
*/

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

/* =Genericons, thanks to FontSquirrel.com for conversion!
-------------------------------------------------------------- */
@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


a {
	outline: none;
	color: #009900;
}
a:hover {
	color: #F9BF1E;
}

.metadata-custom a{
	text-decoration: none;
	color: grey;
}

.metadata-custom a:hover{
	text-decoration: none;
	color: #009900;
}

body {
  color:#009900;
  text-align:justify;
}

h1, h2, h3, h4, h5, h6 {
font-weight:bold;
font-style:italic;
}

.entry-header .entry-title { 
font-size:22px;
font-weight:bold;
font-style:italic;
}

h1 {
font-size:20px;
}

h2 {
font-size:18px;
}

h3 {
font-size:16px;
}

img.header-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

/*Menü */

.menu a { 
display:block;
color: #009900 !important;
/*background-color:#fff;*/
width:200px;
height:40px;
font-size:18px;
font-weight:bold;
font-style:italic;
text-decoration:none;
text-align:center;
vertical-align:middle;
background-image:url(http://familieloss.de/wp-content/uploads/2013/02/button_grün_bg.png);
}

.menu a:hover { 
display:block;
color: #F9BF1E !important;
background-image:url(http://familieloss.de/wp-content/uploads/2013/02/button_gelb_bg.png);
}

/*Submenu*/
.sub-menu a { 
display:block;
color: #009900 !important;
/*background-color:#fff;*/
width:200px;
height:40px;
font-size:16px;
/*font-weight:bold;*/
font-style:italic;
text-decoration:none;
text-align:center;
vertical-align:middle;
background-image:url(http://familieloss.de/wp-content/uploads/2013/02/button_grün_bg.png);
}

.sub-menu a:hover { 
display:block;
color: #F9BF1E !important;
background-image:url(http://familieloss.de/wp-content/uploads/2013/02/button_gelb_bg.png);
}

/* obere Navigationsleiste ausblenden */
#site-navigation {
	display: none;
}

#colophon {
	display: none;
}

/* Archivheader ausblenden */
.archive-header {
	display: none;
}

/*.entry-meta {
	display: none;
}*/

/*-- move sidebar to the left --*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
	width: 75%;
    }
    .widget-area {
        float: left;
	width: 20%;
    }
}
 
/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
    width: 75%;
}
.ie .widget-area {
    float: left;
    width: 20%;
}

/* Metadaten unter Beitrag formatieren */
.attachment span.entry-date-custom:before,
.entry-content .edit-link-custom a:before,
.entry-meta .edit-link-custom a:before,
.site-content .byline-custom a:before,
.site-content .comments-link-custom a:before,
.site-content .entry-date-custom a:before,
.site-content .featured-post-custom:before,
.site-content .full-size-link-custom a:before,
.site-content .parent-post-link-custom a:before,
.site-content .post-format-custom a:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: none;
	vertical-align: text-bottom;
	color: grey;
}

span.entry-date-custom,
span.byline-custom {
	margin-right: 10px;
}

.site-content .entry-date-custom a:before,
.attachment .site-content span.entry-date-custom:before {
	content: "\f303";
	margin-right: 1px;
	margin-top: 5px;
	position: relative;
	top: 1px;
}

.site-content .byline-custom a:before {
	content: "\f304";
}

.site-content .comments-link-custom a:before {
	content: "\f300";
	margin-right: 2px;
}