/*
Theme Name: losmuchachos_das selbstbautheme
Theme URI: http://wordpress.losmuchachos.at
Description: Das Theme vom <a href="http://wordpress.losmuchachos.at">pimpMyWordpress Blog</a> desgin by <a href="http://www.irsigler.net">gnarf</a>).
Version: 1.0 
Author: gnarf
Author URI: http://www.irsigler.net
*/

@import url(threeColLayout.css);


* {margin:0;padding:0}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
p {margin:8px 0 8px 0;padding:2px}
a {color:inherit;}
img {border:none;} 

body {
	background:#eee;
	color: #000;
	position:relative;/* for ie7*/
}

input, textarea{
	border:1px solid gray;
	background: #eeeeff;
	color:#444444;
}

input:hover, input:focus , textarea:hover, textarea:focus{
	background:#ddddee none repeat scroll 0 0;
	color:#000000;
}


#footer {
        padding:  5px 0px 5px 0px;
        background: #445577;
        overflow: hidden;
        font-size: 9pt;
        text-align: center;
        line-height: 13px;
		color:#dddddd;
		height:20px;
        }

#header { 
		position:relative; 
		height:116px;
        background: #445577 url(images/header.png) no-repeat;
        }

#header a{
		display:block;
		padding: 30px;
}

#header #search {
		position:absolute;
		right:10px;
		top:85px;
}

/* die Klasse sidebar wird für beide Sidebars verwendet. */
.sidebar{
	background:#eee;

}

.sidebar h6 {
background:#445577;
border-bottom:1px solid white;
color:white;
font-family:verdana,"Microsoft Sans Serif",sans-serif;
font-size:8pt;
font-weight:bold;
margin:0 0 10px;
padding:6px;
display:block;
}

.sidebar ul, .sidebar li, .sidebar a {
color:#000000;
font-size:13px;
line-height:1.2em;
padding:2px 3px 6px 2px;
text-decoration:none;
list-style-image:none;
list-style-type:none;

}

#right {
	text-align:center;
}



#centrecontent h1.titel a{
	padding: 35px 50px 10px 50px;
    color: #334466;
    line-height: 120%;
	font-size:26px;
	font-variant:small-caps;
	letter-spacing:2px;
	line-height:1em;
	text-align:right;
	padding-top:20px;
	display:block;
	text-decoration:none;
    border-top: 2px solid white;
}


#centrecontent .metadata {
	margin: -1.6em 10px 8px 0;
	font-size: 65%;
	color: #667799;
	text-align:right;
    border-bottom: 1px solid green;
	}

#centrecontent .text {
	margin: 0 20px 0 20px;
	font-size: 14px;
	}


#centrecontent *{
    font-family: helvetica, arial, sans-serif;
	line-height:1.2em;
}

/* more-link wird von Wordpress für den Link (weiter...) etc. verwendet, wenn nur der Teil bis zum more Tag dargestellt wird */
.more-link{ 
	color:#334466;
	display:block;
	text-align:right;
	margin-top:-7px;
	font-size:70%;
}

/* postinfo sind die metadaten, die unter einem post in Single View angeziegt werden (Autor, Datum, Tags usw.) */
.postinfo {
    padding: 1px 15px;
    background: #eeeeff;
    font-size: .9em;
    margin-bottom: 27px;
    margin-top: 15px;
    border:1px solid gray;
    color: #666;
	text-align: center;
	width:300px;
	float:right;
}

.postinfo dt {
    float: left;
    margin-right: 0 5px 1px 0;
    width: 80px;
}


/* prevnextpost sind die links unter einem Beitrag in single View zum nächsten bzw. vorigen Post */
.prevnextpost {
	font-size:80%;
	font-weight:bold;
	color: #445577;
	padding-top:2em;


}


/* mit centrecontent .text wird das styling der eigentlichen Beiträge gestaltet */
#centrecontent .text h1 {
	margin: 15px 50px 10px 50px;
    color: #334466;
    line-height: 120%;
	font-size:20px;
	text-decoration:none;
    border-bottom: 2px dotted #eeeeee;
}

#centrecontent .text h2 {
	margin: 10px 20px 7px 10px;
    color: #445566;
    line-height: 120%;
	font-size:18px;
	text-decoration:underline;
}

#centrecontent .text h3 {
	margin: 7px 10px 5px 10px;
    color: #445566;
    line-height: 120%;
	font-size:16px;
	text-decoration:none;
}

#centrecontent .text h4 , #centrecontent .text h5 , #centrecontent .text h6 {
	margin: 7px 10px 2px 10px;
    color: #445566;
    line-height: 120%;
	font-size:15px;
	text-decoration:none;
}

#centrecontent .text ul, #centrecontent .text ol {
list-style-image:none;
list-style-type:none;
list-style-position:outside;
margin:0; padding:10px 0 10px 0;
}

#centrecontent .text li {
background:transparent url(images/bullet.png) no-repeat scroll 0px 6px;  
padding: 0 0 0 15px; 
}

#centrecontent .text blockquote {
background:transparent url(images/zitat.gif) no-repeat scroll left top;
color:#888888;
font-style:italic;
margin:1em;
padding:0 2em;
}

/* BILDER - von Wordpress eingesetzte Klassen, beim Einfügen von Bildern */

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto; margin-right: auto;
    text-align: center;
}

.alignleft {
    float: left; margin-right: 10px;
}

.alignright {
    float: right; margin-left: 10px;
}

.wp-caption {
    text-align: center;
    background: #eeeeff; 
	border:1px solid grey;
    padding: 6px 5px 5px 5px;
    margin-top: 3px; margin-bottom: 10px;
}

.wp-caption img {
    margin: 0; padding: 0; border: 1px solid #cde;
}


.wp-caption p.wp-caption-text {
    font-size: 11px; line-height: 17px;
    margin: 0; padding-top: 2px;
}

/* Kommentare - das Styling der Kommentare */
.commentlist .quote {
	background:url(images/zitat.gif) no-repeat top right;
	}

.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:25px;
	background:#eeffee url(images/bg_commentlist.gif) bottom no-repeat;
	border:1px solid white;
	}

.commentlist li.oddcomment{
	background:#eeeeff url(images/bg_commentlist.gif) bottom no-repeat;
	}

.commentlist {
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
}

.commentmeta{
	font-style:normal;
	font-size:85%;
	font-style:oblique;
	color:#777777;
	margin:-12px 10px 10px 0;
	float: right;
	}


.commentmeta a{
	font-size:inherit;

	color:#777777;
	}

#commentwrap {
	clear:both;
	margin:20px;
	border:1px solid green;
	padding:20px;
	font-size:14px;
}

#commentwrap #respond * {
	font-size:12px;
}
#commentwrap #respond h6 {
	padding-top:15px;
	font-size:15px;
}

/* Plugin WP Search Extracts */
.search-match{
	font-weight:bold;
	background:yellow;
	padding-right: 7px;
	padding-left: 7px;


}

.navigation {font-size:85%; font-weight:bold;}

