/*
Theme Name: Teneriffa Blog
Theme URI: http://www.teneriffa-blog.de
Description: teneriffa blog
Version: 1.0
Author: Simon Rimkus
Tags: simple, clear
*/

/*	##################################
   	GENERAL
	################################## */
	
body {
	margin:0px;
	padding:0px;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	background:#5d4a3c url(img/bg-body.jpg) repeat-x 0px 0px;
	color:#333;
}

a {
	color:#b76003;
}

/*	##################################
   	BASIC LAYOUT
	################################## */

#page {
	width:960px;
	margin:30px 0 0 30px;
}

#header {
	position:relative;
	height:270px;
	font:13px/20px Georgia, Times, serif;
	background:url(img/bg-header.jpg) no-repeat left bottom;
}

#content {
	margin:0;
	padding:20px 10px 30px 30px;
	background:url(img/bg-content.gif) repeat-y 0px 0px;
	overflow: auto;
	width: 920px;
}

#content-left {
	float:left;
	width:580px;
	margin:0;
	padding:0;
	background:#fff;
}

#content-right {
	float:right;
	width:300px;
	height:100%;
	margin:0;
	padding:0;
	color:#fff;
}

#footer-wrap {
	background:url(img/bg-footer-wrap.jpg) repeat-x 0px 0px;
	height:140px;
}

#footer {
	position:relative;
	width:960px;
	height:50px;
	margin:0 0 0 30px;
	background:url(img/bg-footer.jpg) no-repeat 0px 0px;
}

/*	##################################
   	HEADER
	################################## */

#logo {
	position:absolute;
	top:0px;
	left:10px;
	width:300px;
	height:90px;
	color:#fff;
	background:url(img/bg-logo.jpg) no-repeat 0px 0px;
}

#logo h1 {
	margin:28px 0 0 0;
	padding:0px;
	text-align:center;
	font:bold 30px/30px Georgia, Times, serif;
}

/** MENU */
	
#menu {
	position:absolute;
	top:30px;
	right:0px;
}

#menu ul {
	margin:0;
	padding:0px;
}

#menu li {
	list-style:none;
	float:left;
}

#menu a {
	padding:0 10px;
	text-decoration:none;
	color:#fff;
	letter-spacing:1px;
}

/** ABOUT */

#about {
	position:absolute;
	top:110px;
	left:0px;
	width:620px;
	margin:0 0 0 10px;
}

#about h2 {
	margin:0 0 20px 0;
	color:#b76003;
}

/** RSS */

#rss {
	position:absolute;
	right:10px;
	bottom:30px;
	width:220px;
	height:60px;
	padding:0 80px 0 0;
	background:url(img/bg-rss.jpg) no-repeat right top;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

#rss a {
	text-decoration:none;
}

#rss a:hover {
	text-decoration:underline;
}

/** SEARCH FORM */

#search {
	position:absolute;
	bottom:120px;
	right:10px;
	width:300px;
	height:40px;
	background:url(img/bg-search.jpg) no-repeat 0px 0px;
}

#about p {
	font-style:italic;
}

#linklift {
	position:absolute;
	bottom:0px;
	left:10px;
	width:620px;
	height:40px;
        font-size:10px;
}

/*	##################################
   	CONTENT
	################################## */

#content h3 {
	margin:0 0 20px 0;
	font:bold 16px/16px Georgia, Times, serif;
}

/** CONTENT LEFT */

.content-block {
        margin:0 0 60px 0;
}

#content h3.posttitle {
	margin:0 0 5px 0;
}

p.meta {
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font-size:10px;
	background:url(img/bg-meta.gif) no-repeat 0px 2px;
}

#content h3 a {
	text-decoration:none;
	color:#b76003;
}

#content h3 a:hover {
	text-decoration:underline;
}

/** CONTENT RIGHT */

#content-right ul {
	list-style:square;
}

#content-right li a {
	display:block;
	padding:2px 0;
	color:#f7f6e8;
	text-decoration:none;
}

#content-right li a:hover {
	text-decoration:underline;
}

#karneval, #loropark, #straende, #fotogalerie {
	display:block;
	width:130px;
	height:30px;
	padding:110px 0 0 10px;
	color:#fff;
	font:16px/16px Georgia, Times, serif;
	font-weight:bold;
	text-decoration:none;
}

#karneval {
	background:url(img/bg-karneval.jpg) no-repeat 0px 0px;
	float:left;
	margin:0 20px 20px 0;
}

#loropark {
	background:url(img/bg-loropark.jpg) no-repeat 0px 0px;
	float:right;
	margin:0;
}

#straende {
	background:url(img/bg-straende.jpg) no-repeat 0px 0px;
	float:left;
	margin:0 20px 0 0;
}

#fotogalerie {
	background:url(img/bg-fotogalerie.jpg) no-repeat 0px 0px;
	float:right;
	margin:0;
}

/*	##################################
   	COMMENTS
	################################## */

#comments, #comments-post, #trackbacks {
	margin: 20px 20px 10px 20px;
	padding: 0;
	font-size: 11px;
	line-height: 17px;
}
#comments h4, #comments-post h4, #trackbacks h4 {
	margin: 0 0 20px 0;
	padding: 0;
	color: #990000;
	font: bold 14px Verdana, 'Times New Roman', sans-serif;
}
.comment-item, .trackbacks-item {
	margin: 5px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #f3f3f3;
}
.comment-text p, .comment-info p, .trackbacks-text p, .trackbacks-info p {
	margin: 0 0 8px 0;
	padding: 0;
}
.comment-info, .trackbacks-info {
	text-align: right;
	font-size: 10px;
}

/*	##################################
   	FOOTER
	################################## */

#legal {
	position:absolute;
	top:10px;
	right:10px;
	width:300px;
	font:10px/12px Georgia, Times, serif;
	text-align:center;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

.hr1 {
	visibility:hidden;
	margin:30px 0 0 0;
}