/*   
Theme Name:La Palma Sonne BLOG
Theme URI:http://www.p-devion.de/
Description:Design erstellt für La Luna Baila. 
Author:Prodevion GmbH
Author URI:http://www.p-devion.de/
Version:1.0
Tags:two-columns, fixed-width, theme-options, threaded-comments, custom-colors, white, dark, blue
.
Released under the Licence of Prodevion for La Luna Baila.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin:0; padding:0;}
body {
	font: 12px/18px Verdana, normal;
	color: #666;
	background: #730000 url('img/bknd.gif') 0 0 repeat-x;
}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#215c97;}
a img {border:none;}

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

#wrap {
	position: relative;
	width: 990px;
	margin: 10px auto;
}
#header {
	position: relative;
	width: 990px;
	height: 292px;
	background: url('img/bknd_header.png') 0 0 no-repeat;
}
#flash {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 978px;
	height: 284px;
	margin: 0;
	z-index: 80;
}
#header_content {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 978px;
	height: 284px;
	z-index: 99 !important;
}
#language {
	position: absolute;
	top: 0;
	right: 0;
	width: 152px;
	height: 17px;
	font: 10px/16px Verdana, normal;
}
#language ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#language ul li {
	float: left;
	margin: 0 0 0 10px;
}
	
#logo {
	position:absolute;
	width: 140px !important;
	height: 140px !important;
	top: 10px;
	left: 10px;
	overflow: hidden;
}
#logo a {
	display: block;
	margin: 0;
	padding: 0;
	width: 140px;
	height: 140px;
	text-indent: 150px;
	white-space: nowrap;
}
#content {
	background: url('img/bknd_content.gif') center top repeat-y;
	width: 990px;
	display: block;
}
#content_inner {
	background: url('img/bknd_content_bottom.gif') center bottom no-repeat;
	position: relative;
	padding: 0 0 4px 0;
}

#left, #right {
	float: left;
	width: 205px;
	background: #fff;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
}
#left {
	background-image: url('img/bknd_left.gif');
	background-position: left top;
}
#right {
	background-image: url('img/bknd_right.gif');
	background-position: right top;
}
#left_outer, #right_outer {
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 205px;
	margin: 0;
	padding: 0 0 36px 0;
}
#left_outer { background-image: url('img/bknd_left_bottom.gif'); }
#right_outer { background-image: url('img/bknd_right_bottom.gif'); }

#left_middle, #right_middle {
	background-repeat: no-repeat;
}
#left_middle {
	background-image: url('img/bknd_left_top.gif');
	background-position: left top;
}
#right_middle {
	background-image: url('img/bknd_right_top.gif');
	background-position: right top;
}

#left_inner, #right_inner {
	width: 199px;
	padding: 0;
	margin-bottom: 3px;
}
#left_inner { margin-left: 6px; }
#main {
	float: left;
	width: 576px;
	margin: 0 2px;
	padding: 0;
}

#footer {
	background: url('img/bknd_footer.gif') center top no-repeat;
	width: 588px;
	height: 33px;
	margin: 0 auto;
	padding: 8px 0;
	font: 10px Verdana, normal;
	color: #8f3333;
	text-align: center;
}

#wordcloud { padding: 3px 10px; }
#wordcloud a { color: #333; }
#wordcloud a:hover { color: #730000; }


/* LINKS */
#footer a, #footer_full a {
	color: #8f3333;
	text-decoration: none;
}
#footer a:hover, #footer_full a:hover {
	color: #cf7777;
	text-decoration: none;
}



.rtop,.rbottom{display:block;}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{border: 5px solid;}
.r2{border: 3px solid;}
.r3{border: 2px solid;}
.r4{border: 1px solid;height: 2px;}

.r1, .r2, .r3, .r4 {
border-top:0 !important;border-bottom:0 !important;margin:0;
}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.padd { padding: 0 5px; }

.main_dark h2, .main_light h2, .roundedtop h2, .main_darkblue h2, .main_green h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 18px/24px Georgia, sans-serif;
	font-weight: normal;
}
.main_dark h3, .main_light h3, .roundedtop h3, .main_darkblue h3, .main_green h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 16px/18px Georgia, sans-serif;
	font-weight: normal;
}

.main_dark h2, .main_dark h3 {
	color: #730000;
	font-weight: normal;
}
.main_dark h2 a, .main_dark h3 a {
	color: #730000;
	text-decoration: none;
}
.main_light h2, .main_light h3, .main_light_color h2, .main_light_color h3 {
	color: #3a3a1b;
	font-weight: normal;
}
.main_light h2 a, .main_light h3 a, .main_light_color h2 a, .main_light_color h3 a {
	color: #3a3a1b;
	text-decoration: none;
}

.main_darkblue {
	background: #5072d2;
	color: #d6e0fa;
}
.main_darkblue h2, .main_darkblue h3, .main_darkblue h2 a, .main_darkblue h3 a {
	color: #fff;
	text-decoration: none;
}

.small_grey {
	background: #f3f3eb;
}

.small_yellow {
	background: #f3c976;
}
.inner {
	margin: 0 5px;
}
.right_orange {
	background: #ff5f00;
}
.right_blue {
	background: #85c7f2;
}
.right_amazon {
	background: #66848e;
}
.right_facebook {
	background: #94a3c4;
}
.main_dark {
	background: #e1e1cd;
}
.main_light, .main_light_color {
	background: #f3f3eb;
}
.main_green {
	background: #e6f296;
}
.main_dark, .main_light, .main_white, .main_darkblue, .main_green, .right_yellow, .right_blue, .right_green, .right_white, .small_blue, .small_green, .small_white, .main_light_color, .small_grey {
	margin-bottom: 3px;
}
.small_yellow, .small_blue, .small_green, .small_red, .small_orange, .small_grey {
	background-position: bottom right;
	background-repeat: no-repeat;
}
.small_yellow {
	background-color: #f4cd80;
	background-image: url('img/bknd_content_yellow.gif');
}
.small_grey {
	background-color: #d3d9de;
	background-image: url('img/bknd_content_grey.gif');
}
.small_orange {
	background-color: #dfb496;
	background-image: url('img/bknd_content_orange.gif');
}
.small_blue {
	background-color: #abdaf7;
	background-image: url('img/bknd_content_blue.gif');
}
.small_green {
	background-color: #caf27f;
	background-image: url('img/bknd_content_green.gif');
}
.small_red {
	background-color: #f7c8ab;
	background-image: url('img/bknd_content_red.gif');
}
.small_yellow h3, .small_grey h3 {
	margin: 0;
	padding: 0 0 5px 25px;
	background: url('img/navi_border.gif') left bottom repeat-x;
}
.small_yellow h3 { color: #c4770f; }
.small_grey h3 { color: #86919b; }

.padd {
	padding: 3px 10px;
}

#search {
	background-color: #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border: 1px solid #5c8098;
	padding: 3px;
	width: 135px;
	color: #333;
}
#search-submit {
	background-color: #fff;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #5c8098;
	border-left: 0;
	padding: 2px;
	width: 36px;
	color: #063557;
	cursor: pointer;
}
#search-submit:hover {
	background: #e6f0f7;
}

/* Navi */
.navi, .followus, .children {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navi li {
	margin: 0 0 5px 0;
	background: url('img/navi_border.gif') left bottom repeat-x;
}
.children {
	background: url('img/navi_border.gif') left top repeat-x;
}
.children li {
	margin: 0;
	padding: 0 0 0 10px;
}
.navi li a {
	display: block;
	background: url('img/bknd_navi.gif') 5px 6px no-repeat;
	padding: 3px 5px 3px 25px;
	color: #780000;
	text-decoration: none;
}
.navi li a span {
	font-size: 10px;
	color: #fff;
	float: right;
}
.navi li a:hover {
	background-position: -195px 6px;
	color: #343434;
}
.navi li a.active {
	background-position: -195px 6px;
	color: #780000;
}
.small_grey .navi li a {
	background-image: url('img/bknd_navi_grey.gif');
	color: #3e6a75;
}
.small_grey .navi li a:hover {
	color: #08738e;
}
	
.small_grey .navi li, .small_grey h3 {
	background: url('img/navi_border_grey.gif') left bottom repeat-x;
}

.followus li {
	background: #f00;
	font-size: 11px;
	margin: 2px 5px;
}
.followus li a {
	display: block;
	padding: 0 0 0 20px;
}
.followus li.facebook {	background: url('img/facebook.png') left center no-repeat; }
.followus li.twitter {	background: url('img/twitter.png') left center no-repeat; }
.followus li.rss {	background: url('img/rss.png') left center no-repeat; }

.margintop { margin-top: 3px; }
.marginspace { margin-top: 8px; }


.ltext {
	display: block;
	float: left;
	width: 75px;
	line-height: 22px;
}
.text, .textarea {
	font: 12px/18px Verdana, normal;
	color: #333;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #888;
	padding: 2px;
	width: 250px;
}
.textarea {
	width: 550px;
}

.comment-details {
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #666;
}
.comment-details a {
	color: #730000;
}
.comment-details em {
	float: right;
	font-size:10px;
}

.post_info p.posted {
	float: right;
	color: #999;
	margin: 0;
	padding: 0;
}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}


.wp-caption {
text-align:center;
}