/*
Theme Name: Suburbia
Theme URI: http://www.mirrortheworld.de
Description: clean and minimalistic
Version: 2.0
Author: Matthias Ballreich
Author URI: http://www.mirrortheworld.de
Tags: simple, clean, pink, minimalstic, html5, css3
*/

@import url(reset.css); 

* { margin: 0; padding: 0; }

body { 
	line-height: 1em; 
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;
	color:#666;
	
	width:760px;
	margin:0 auto 50px;
	padding:50px 0 0 0;
	width:560px;
	}
	
a {
	color:#e95589;
	text-decoration:none;
	font-weight:normal;
	}

section#logo {
	position:absolute; 
	left:20px; 
	top:80px;
	}

a:hover, a.hover { color:#666666; }
		
h3 a { color:#e95589; }

h3 a:hover { color:#666666; }

h3 {
	font-weight: normal;
	line-height: normal;
	font-size: 1em;
	}

header>h3 {
	font-weight:normal;	
}

hr {
	background:#dddddd none repeat scroll 0%;
	border:medium none;
	color:#dddddd;
	height:1px;
	margin:15px 0px;
	overflow:hidden;
	line-height: 1px;
	}
	
/* -- Searchform -- */	
form[method=get] input#s {
	position:absolute; 
	top:20px; 
	right:350px; 
	width:200px;
	color: #888;
	border: 1px solid #CDCDCD;
	padding: 1px 2px;
	font-size: 12px;	
	border-right:0;
	border-top:0;
	margin: 2px 0 12px 0;
	border-left:0;
	}
	
/* -- Articles -- */	
article>section p {
	margin: 5px 0 15px;
	font-size: 1em;
	line-height: 1.5em;
	text-align:justify;
	}
				
article>section p img {
	max-width:100%;
	height:auto;
	}
	
article>section blockquote {
	padding:5em;
	clear:both;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	background:#EEE;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:bold;
	font-style:italic;
	}
	
/* -- Footer -- */	
body>footer {
	color:#999999;
	font-size: .9em;
	clear:both;
	padding-top:15px;
	padding-top:0px;
	}
	
body>footer ul li a {
	display:block;
	padding-left:10px;
	}
	
body>footer p#copy {
	float:left;
	margin-top:-10px;
	}

body>footer ul#navigation {
	float:right;
	margin-top:-10px;
	}
	
body>footer ul#navigation li {
	float:left;
	}
	
/* -- Comments -- */	
article[id*=comment-] {
	width:100%;
	float:left;
	display:block;
	width:460px;
	padding:5em;
	margin:0;
	display:table;
	clear:both;
	list-style:none;
	float:none;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px;
	background:#EEE;
	margin-top:15px;
	}
	
article[id*=comment-]>header#c_left {
	float:left; 
	width:50px; 
	height:100px;
	}
	
article[id*=comment-]>header#c_left span {
	font-weight:800;
	font-size:11px;
	}

article[id*=comment-]>header#c_right {
	float:right; 
	width:360px; 
	height:100px; 
	padding-top:5px;
	}
	
article[id*=comment-]>section {
	width:100%;
	float:left;
	display:block;
	}
	
section#c_form p {
	width:425px;
	padding-top:15px;
	padding-bottom:15px;
	}

form[method=post] input, textarea {
	color: #888;
	border: 1px solid #CDCDCD;
	padding: 1px 2px;
	font-size: 12px;	
	width: 60%;
	border-right:0;
	border-top:0;
	margin: 2px 0 12px 0;
	}

form[method=post] textarea {	
	width: 80%;
	height:200px;
	padding:6px;
	overflow:auto;
	}

form[method=post] input#author {
	background: transparent url(images/ico_user.gif) no-repeat 2% 50%;
	padding:6px 0px 6px 25px;
	}

form[method=post] input#email {
	background: transparent url(images/ico_mail.gif) no-repeat 2% 50%;
	padding:6px 0px 6px 25px;
	}

form[method=post] input#url {
	background: transparent url(images/ico_home.gif) no-repeat 2% 50%;
	padding:6px 0px 6px 25px;
	}

form[method=post] input#submit {
	color:#FFFFFF;
	padding:6px;
	cursor:pointer;
	width:100px;
	border:0;
	background-color:#888;
	border:0;
	display:block;
	}