@charset "utf-8";
/* CSS Document */

/*
Theme Name: Emma Tiebens Website
Theme URI: http://emmatiebens.com/
Description: This is a custom created wordpress theme intended for Emma Tiebens Website.
Version: 1.0
Author: Rhoderick Mendoza
Author URI: http://menrhods.freewebhostx.com/
Tags: widgets ready, flash embeds, custom design

	ET v1.0
	 http://emmatiebens.com/

	This theme was designed by Jason Herbolario and built by Rhoderick Mendoza
	whose blog you will find at http://menrhods.freewebhostx.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background-color: #802C2C;
	background-image: url(images/common/background-image.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	color: #706F6B;
	text-align: center;
	}

body a img{border: none;}

.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {
	clear: both;
	font-size: 1px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

.clearspacing {
	margin: 0;
	padding: 0;
}

a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	}

#pageinner {
	float: left;
	background-color: white;
	padding: 0;
	width: 900px;	
}

#header {
	width: 100%;
	height: 105px;
	padding-top: 10px;
	}

#headerlogotext {
	display:inline;
	width: 330px;
}

#header img{
	float: left;
}

div#menucontainer{
	width:830px;
	padding: 20px 0 0 50px;
}

ul.menu {
	float:left;
	width: 880px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li{
	float:left; 
	position:relative;
	margin: 0;
	padding: 0 15px;
}

ul.menu li a {display:block; color:#685F56; text-decoration:none;}
ul.menu li a:hover {color:#B6936B}

ul.menu ul {position:absolute; top:15px; left:10px;  display:none; opacity:0; padding: 0; margin: 0; list-style:none}
ul.menu ul li {position:relative; border:none; width:148px; margin:0; text-align:left; padding: 0; border-bottom: solid 1px #999;}

ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1; font-size: 11px !important;}
ul.menu ul li a:hover {color:#B6936B}
ul.menu ul ul {left:148px; top:0}
ul.menu ul ul li{ border-left: solid 1px #999; border-bottom: solid 1px #999;}
ul.menu .menulink {padding:5px 20px; width:134px}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}

#contentarea{ 
	display:block;
	float:left;
	width: 870px;
	text-align:left;
	padding-top: 20px;
	margin-left:24px;}

#contentareinnerleft{
	width: 525px; 
	float: left; 
	display:inline;}
	
#contentmessage {
	position:relative;
	width: 512px; 
	height: 180px; 
	margin:0;
	padding: 0;
	background-repeat:no-repeat;}
	
.textmessage{
	position: absolute;
	color:#FFFFFF;
	width: 311px;
	font-size: 12px;
	top: 66px;
	left: 34px;}
	
#proverbialsuccess {
	width: 512px;
	height: 180px;}

#contentareinnerright{ 
	margin: 0; 
	padding: 0; 
	width: 340px;  
	float: left; 
	display:inline;}

#sidebar {
	width:100%;
	clear: both;
}

#sidebar ul{
	width:100%;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#sidebar ul li{
	float: left;
	width: 100%;
	margin-top:20px;
	padding-top: 20px;
	overflow:hidden;
	background:url(images/common/sep02.gif) top left no-repeat;
}

#sidebar ul li ul{
	width: 95%;
	padding: 0;
	margin-left: 15px;
}

#sidebar ul li ul li{
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type:square;
	background: none !important;
}

#sidebar ul li a{
	text-decoration: none;
	font-size:12px;
	color:#966F4B;
}

#sidebar ul li a:hover{
	color:#816C25;
	text-decoration: underline;
}

#sidebar ul li table{
	clear:both;
	margin-left: 60px;
	_margin-left: 0;
}

#sidebar ul li table tr td div{
	display: none !important;
}

#sidebar ul li table tr td{
	text-align: center !important;
}

h2.widgettitle{
	clear:both;
	padding-bottom: 5px;
	font-size: 14px;
}

h2.content_tile, h2.pagetitle{
	clear: both;
	padding: 10px;
	color: #ffcb65;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	width: 490px;
	background:url(images/common/titlebk.jpg) top left no-repeat #94390c;
}

.entry, .entrynot {
	clear: both;
	overflow:hidden;
	width: 490px;
	text-align:justify;
	padding: 10px;
	background-color: #f2edda;
	margin-bottom: 10px;
}

.entrynot h2{ font-size: 14px;}
a.more-link {display:block;}

.navigation{
	width: 490px;
	padding: 10px 0 10px 0;
}

ol.commentlist {
	width: 490px;
	margin: 0;
	padding: 0;
}

ol.commentlist li.comment {
	width:100%;
	background:url(images/common/sep01.gif) bottom left no-repeat;
	padding: 10px 0 20px 0;
}

ol.commentlist li.comment p{
	font-size: 12px;
}

div.commentmetadata {
	width: 100%;
	padding: 5px 0;
	font-size:11px;
}

.entry a, .navigation a, .entrynot a{
	color: #4994BC;
	text-decoration: none;
}

.entry a:hover, .navigation a:hover, .entrynot a:hover{
	text-decoration: underline;
}

.morecont {
	width: 490px;
}

a.post-edit-link{
	color: #4994BC;
	text-decoration: none;
	margin: 10px 0 0 10px;
}

#rightflasharea {background-color:#B89C74; width: 326px; float: left;}

#righticonarea {
	float: left;
	background-color:#B89C74;
	width: 326px;}

#contentareinnerright img{
	float: left;
	margin: 0;
	padding: 0;
}

#succescoachingarea{
	width:335px;
}

#succescoachingarea img{ float: left; margin-right: 10px;}

.textsuccess{
	float:left;
	width: 170px;}

#footer{
	float: left;
	padding: 10px 0;
	width: 100%;
	text-align: center;}

#footer a{
	padding-left: 15px;
	color:#685F56;
	text-decoration: none;}

#footer a:hover{
	color:#B6936B;}
	
/* ---------------------------------------------------------------------------------*/
code {
	display: block;
	padding: 10px;
	font-size: 85%;
	border: 1px solid #ccc;
	background:  #f2f2f2;
	margin-bottom: 5em;
	white-space: pre;
	overflow: auto;
}

/* Breite beschranken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	margin-left: auto;
	margin-right: auto;
}

ul {
	list-style-type: none;
}

ul#portfolio{
	width: 300px;
	margin: 0 auto !important;
	padding: 0 !important;
}

ul#portfolio li{
	float: left;
}

/* Listen */
ul#portfolio li img{
	float: left;
}

.fade{
	margin: 0 !important;
}

.fade p{
	margin: 0 !important;
	text-align: center;
	width: 100%;
	background: #fff;
}