/*
THEME NAME: kraud
THEME URI: http://www.kraud.de
DESCRIPTION: Theme for www.kraud.de
VERSION: 1.0.1
AUTHOR: <a href="http://www.lucascepeda.es">Lucas Cepeda</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

@import url('reset.css');

html { 	height: 100.1%; }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #444444;
}

body.pageid-11 { overflow-y:hidden; }

.entry-content { position:relative;}

.entry-content a span.slide-title{
	position: absolute;
	top: -40px;
	left: 0px;
	width: 100%;
	line-height: 15px;
	color: #444444 !important;
/*	font-weight: bold; */
/*	letter-spacing: 0.1em;
*/	font-size: 11px;
	background-color:#FFF;
	height: 70px;
	padding-top: 140px;
	text-align: left;
	opacity: 0.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
	filter: alpha(opacity=0); /* IE7 */
}

#wrapper {
	max-width: 876px;
	min-width: 520px;
	position: relative;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
	min-height: 500px;
	padding: 60px 30px 80px 40px; 
}

#content { 
	margin-top: 30px;
	margin-bottom: 70px;
	margin-left: 60px;
}

#header { 
	margin-left: 60px;
}

#header-title {margin-left: -30px;}
#header-title h1 { 
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}

#header-title h1 a { color: #444444; }
#header-title h1 a:hover { color: #F0928E; }


#categories-list {
 	margin: 80px 0px 0px 0px;
}
#categories-list ul { list-style: none; clear:both;}
#categories-list li {
	text-align: left;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	letter-spacing: 0.02em;
}
#categories-list li a { color: #000; }
#categories-list li a:hover { color: #F0928E; }
#categories-list li a.white { color: #FFF; }
#categories-list li a.white:hover { color: #F0928E; }


#items-list { height: 100px; width: 660px;}
#items-list ul {clear:both; line-height: 18px;}
#items-list li { 
	font-size: 11px;
	float: left;
	margin-right: 25px;
	font-family:Verdana, Geneva, sans-serif;
/*	letter-spacing: 0.12em;
*/}
#items-list li a { color: #444444; }
#items-list li a:hover { color: #F0928E; }

#categories-list .current-cat a { color: #F0928E;; }
#categories-list .current-cat a:hover { color: #F0928E; }
#categories-list a.current-cat { color: #F0928E; }
#categories-list a.current-cat:hover { color: #F0928E; }

#items-list .current-post a { color: #F0928E;; }
#items-list .current-post a:hover { color: #F0928E; }

#categories-list .current_page_item a { color: #F0928E; }
#categories-list .current_page_item a:hover { color: #F0928E; }



a { text-decoration: none; color:#000; }
a:hover { color: #F0928E; } 


#content-single {
	font-size: 11px;
	color: #444444;
	background-color: #FFF;
	margin: 30px 0px 80px 60px;
	width: 480px;
}
#content-single p { 
	margin-bottom: 20px;
	line-height: 15px;
}
#content-single img { margin: 30px 0px;}

#content-single ul {clear:both; height: 40px;}
#content-single li { 
	font-size: 100%;
	float: left;
	margin-right: 25px;
	letter-spacing: 0.12em;
}


#page {
	margin: 30px 0px 80px 60px;
	width: 600px;
}

#page p { 
	margin-bottom: 20px;
	line-height: 15px;
}


#language-background img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.hidden { display:none; }

#footer {
	margin: 0px 60px;
	list-style: none;
	border-top: 1px solid #666;
	padding-top: 5px;
	height: 30px;
}

#footer li { 
	float: left;
	margin: 5px 25px 0px 0px;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
}
#footer li a { 	color: #444444; }
#footer li a:hover { 	color: #F0928E; }
#footer li.current_page_item a { color: #F0928E; }
#footer li.current_page_item a:hover { color: #F0928E; }


.post {
	width: 140px;
	height: 140px;
	margin: 0px 10px 10px 0px;
	float:left;
	overflow:hidden;
}

.tag-double {
	width: 290px;
	height: 140px;
	margin: 0px 10px 10px 0px;
	float:left;
	overflow:hidden;

}

.columns {
	width: 250px;
	margin: 0px 0px 14px 14px;
	float:left;
	line-height: 18px;
}

.double-columns {
	width: 534px;
	margin: 0px 14px 14px 0px;
	float:left;
	line-height: 18px;
}

.entry-title,.entry-meta {
clear:both;
}

.alignright,img.alignright{
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

span.cover-up{
  position: absolute;
  right: 0;
  top: 0;
  height: 140px;
  width: 140px;
  z-index: 4
}


/* FORM */
#form {
	width: 430px;
	height: 100%;
	font-size: 11px;
	line-height: 17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom: 250px;
}

.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks { background: transparent; border: 1px solid #7E8AA2; padding:10px; margin: 20px 20px 0px 0px;}

/*****Forms*****/
ol.forms {list-style: none; margin: 18px 0px 0px 0px; width: 100%; }
ol.forms li { 
	float: left; 
	margin-bottom: 6px; 
	position: relative;
	width: 200px;
}
ol.forms label {
	cursor: pointer;
	display: block;
	padding-right: 20px;
	width: 100px;
	font-size: 9px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	font: inherit;
	padding: 2px;
	width: 180px;
}

	
ol.forms li.textarea { clear:both; margin-bottom: 0px; }

ol.forms textarea { height: 100px; width: 380px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 9px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	border: none;
	color: #000;
	background: transparent;
	cursor: pointer;
	font: 11px/11px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 0px 2px 2px 2px;
	text-transform: uppercase;
	width: auto;
	clear:both;
	float: right;
	margin-right: 44px;
}

ol.forms li.buttons { width: inherit;}


ol.forms li.buttons button:hover { color: #CCC; }
ol.forms li.buttons button:active { left: 1px; position: relative; top: 1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }

#table {
	width: 800px;
	min-height: 300px;
	margin-top: 60px;
	overflow:auto;
}
.row { 
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 30px;
	height: 70px;
}
.row-name {width: 140px; float: left; margin-top: 30px;}
.zip { float: left; margin: 30px 50px 0px 0px;}
.zip div {text-align: center; width: 100%; margin-top: 5px;}
.thumbnails { width: 500px; float: left;}
.thumbnails img { margin-right: 20px; vertical-align: middle; }