/* 

        Theme Name: o2

        Theme URI: http://blog.eches.net

        Description: o2 is a clean 3-column, widget-ready theme. It is tested on        WordPress 2.3.1. XHTML and CSS valid.http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc6/261291_10150228393212555_324958872554_7352740_4987304_n.jpg

        Version: 1.0

        Author: eches

        Author URI: http://blog.eches.net/

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



body, h1, h2, h3, h4, h5, h6, p, form {

	margin: 0;

	padding: 0;

}



body {

	margin: 0;

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

	vertical-align: top;

	background:url(images/bg.jpg) repeat top left;


}



h1 {

	font-family: Arial, Sans-serif;

	font-size: 20px;

	padding: 0 0 10px 0;

}

h4 {

	font-family: verdana;

	font-size: 13px;

	padding: 0 0 10px 0;

}


a:link  {

        text-decoration: none;

        color: #808080

}



a:visited {

	text-decoration: none;

	color: #808080;

}



a:hover {

	text-decoration: none;

        color: #808080;

        font-weight: bold;

}



p {

	padding: 10px 0 0 0;

}

#outer {

        width:970px;

        background:#fff;

        margin: 0px auto 0px auto;

        padding: 0 0 0px 0;

}



#wrapper{

	margin: 0 auto 0px auto;

	width: 963px;

	text-align: left;



}



/*++++++++++++++++++++++++++++++ Header +++++++++++++++++++++++++++++++++*/



#header{

	float: left;

	width: 966px;

        height: 146px;

        background: #0099cb; 

        margin:1px auto;

        padding: 2px 0 0px 0px;

        text-decoration:none;

        background:url(images/header_lilaa.jpg) repeat-x;

}



#header_l {

        float:left;

        width:400px;height:85px;

        margin-bottom:10px; padding:0;

}



#header_r {

        float:right;height:91px;width:506px;

        margin:0; padding:0;;

}



/*++++++++++++++++++++++++ 468x60 banner zone +++++++++++++++++++++++++++*/



#header_r_ads {

        margin:2px 0 0 39px; padding:0;

        width:468px;

        height:62px;          

}



/*+++++++++++++++++++++++ Main menu & rss feed ++++++++++++++++++++++++++*/



#nav {

        clear:both;

        margin:1px auto 1px auto;

        width: 963px;

        height:31px;

        background: #ffffff;

        overflow:hidden; 

}



#nav_l {

        float:left;

        width:865px;  

        margin:0px; padding:0px; 

        overflow:hidden;

        height:31px; 

}



.menu {

        float:left;

        margin:5px 1px;

        padding:3px;

        width:572px;

}

	

.menu li {

	display: inline;

	list-style: none;

	margin:0;

	padding:0;

}



.menu ul, .menu ol {

        display: inline;

	list-style: none;

	margin:0;

	padding:0 10px 0 0;

}

		

.menu a, .menu a:visited {
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
	color: #2f3521;

	margin:0;

	padding: 3px 10px 3px 10px;

	text-decoration: none;



}

		

.menu a:hover {

	text-decoration: underline;

}




.rss { 

        float:right;

        margin:4px 5px 5px 0px;

        width:280px; 

}



.rss ul { 

        margin: 0; padding: 0 2px;

}



.rss li { 

        background: #ffffff;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
	text-transform:uppercase;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
	color: #FFFFFF;
        margin: 0 2px 0 0; 
        padding: 3px 0 3px 20px; 
        list-style: none; 
        display: inline; 

}

.rss li a {

        font-size: 12px; color:#808080; 

}



/*++++++++++++++++++++++++++++++ Search +++++++++++++++++++++++++++++++++*/



#search { 

        height:14px;

        float:left;

        margin:4px 2px 5 5;

        padding-left:2px;

        padding-bottom:05px; 



}

#search #s { 

        font-size:8pt;

        padding-left:0px;

        padding-bottom:0px; 

        width:150px;

}



input#s { 

        color:#000;

        border:1px solid #808080;

        background:#fff;

}



/*+++++++++++++++++++++++++++ Main Column +++++++++++++++++++++++++++++++*/



#container{

	float: left;

	width: 550px;

        padding: 6px 10px 10px 10px;

        text-align:justify;

        background: #fff;

        margin:0 auto 1px auto;

}



.post{

	padding: 2px 6px 10px 6px;

}



.post h2{



	font-family: Arial, Georgia, Sans-serif;

	font-size: 16px;

        margin:0 5px;

        text-align:left;

        text-transform:uppercase;     

}



.entry{



	font-family: Verdana, Arial, Georgia, Sans-serif;

	font-size: 12px;

	line-height: 1.3em;

	margin: 3px 0 5px 0;

        border:0px solid #fff;

}



p.postmetadata{

	margin: 10px 0 0 0;

        padding:6px;

        background: #fff;
      width: 500px;

}


.relatedposts{
      float: left;
      width: 280px;
      list-style: none;
      font-size: 11px;
}

.relatedposts ul li{
      list-style: none;
      width: 280px;
      margin-left: -40px;
      border-bottom: 1px solid #E2E2E2;

}


.relatedposts ul li a{
      display: block;
      margin-left: 0px;
      padding-top: 3px;
      padding-right: 0px;
      padding-bottom: 3px;
      padding-left: 5px;
}

.relatedposts ul li a:hover{
	border-bottom-color: #fff;
}

.navigation{

	padding: 10px 0 0 0;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

}



.navleft{

        margin:0;padding:0;

        float:left; 

}



.navright{

        margin:0;padding:0;

        float:right; 

}



blockquote {

        margin:5px 10px;

        padding:4px 7px 10px 7px;

        font-size:12px;

        color:#000;  

        border:1px solid #fff;

        background: #e7f3f  url(images/quote.gif) no-repeat 10px 4px;        

}



blockquote blockquote {

        margin:5px 10px;

        padding:4px 7px 10px 7px;

        font-size:12px;

        background:#e7f3fb; 

        color:#336699;  

        border:1px solid #40a9c9;

        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;      

}



/*+++++++++++++++++++++++++++ Post Header +++++++++++++++++++++++++++++++*/



.post_header {

        margin:0; padding:0;

        height:60px;

        background:#fff;

}



.post_headerr {

        margin:0; padding:0;



}



.post_title {

        margin:0 0px; padding:0px 0 0 0;

}



.details {

        margin:0; padding:4px 0;

}



.files {

        background:url(images/folder.gif) no-repeat;

        margin:0; padding:0 0 0 20px;

}
.tags {

        background:url(images/edit.gif) no-repeat;

        margin:0; padding:0 0 0 20px;

}


.autor {

        background:url(images/autor.gif) no-repeat;

        margin:0; padding:0 0 0 20px;

}



.comment_list {

        background:url(images/list_comments.gif) no-repeat;

        margin:0; padding:0 0 0 20px;

}



.edit {

        background:url(images/edit.gif) no-repeat;

        margin:0; padding:0 0 0 20px;

}



/*++++++++++++++++++++++++++++ Post Date ++++++++++++++++++++++++++++++++*/



.the_date {

        display:block;

        text-align: center;

        float:left;

        font-family: Arial, Helvetica, sans-serif;

        width:55px;

        margin:0px 5px 0 0;

       background:url(images/calendar2.jpg)


}



.date_m {

        display:block;

        font-size: 0.9em;

        margin:0;

        padding-top:11px;

        color:#fff;

        font-weight: bold;

        text-align:center;

}



.date_d {

        display:block;

        font-size:1.2em;

        margin:0;

        color:#ffffff;

        font-weight: bold;

        padding-top:3px;

        text-align: center;

}



/*+++++++++++++++++++++++++++++ Comment +++++++++++++++++++++++++++++++++*/



#commentsbox { 

        margin: 0px; padding: 0px; 

        float: left; 

        width: 540px; 

        font-size:12px;

}



#comments h2 { 

        margin:5px 0 0 0; 

        padding:0; 

        color:#ff5c00; 

        font-size:14px; 

        font-weight:normal;

}

h2 #respond  {

        margin:0px 0; 

        padding:0; 

        color:#ff5c00; 

        font-size:14px; 

        font-weight:normal;

}



.boxcomments { 

        margin-bottom:20px;

        width:520px;

}

#commentform { 

        border-top:1px solid #eee;

        margin:0;padding:15px 0px 1px;

}



#commentform label { 

        display:block;

        margin:0;

}



#commentform input { 

        width:170px;

        margin:0 5px 10px 0;

        padding:1px;

}



#commentform textarea { 

        width:400px;margin:0 0 10px;

        padding:0;

        }



#commentform #submit { 

        margin:0 0 20px;

}



#commentform p { 

        margin:5px 0; 

}



ol.commentlist { 

        margin:0 0 1px;

        padding:0;

}



ol.commentlist li { 
border-color: #cccccc;
border-style: solid;
border-top-width: 1px;
border-right-width: 0px;     
border-bottom-width: 1px;
border-left-width: 0px; 

        display:block;

        list-style:none;margin:7px 0;

        padding:6px 15px 12px 15px; 

        background-color:#f7f7f7;

}


ol.commentlist .author_comment {
background: #ffffff
border-top: #cccccc solid 1px;
border-bottom: #cccccc solid 1px;
}

ol.commentlist li.mycomment { 

        border-bottom:20px solid #fff; 

        display:block;

        list-style:none;

        margin:7px 0;padding:5px 15px 1px; 

        background:#f3fdff;

}



ol. list li.commenthead { 

        display:block;

        list-style:none;

        margin:0;padding:5px 15px;

}



ol.tblist { 

        list-style:none;

        margin:0 0 1px;

        padding:0;

}

ol.tblist li { 

        display:block;

        list-style:none;

        padding:10px 5px 10px 0px;

        margin:0 0 1px; 

        border:0px #ccc;

}



input#url,input#author,input#email,textarea { 

        color:#666;

        width:40%;

        border:1px solid #cbcbcb;

        margin-bottom:0.6em;

        background:#fcfcfc;

        margin-top:2px;padding:3px;

}



/*++++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++*/



.sidebar{

	float: left;

	width: 386px;

	margin: 1px 0 0 2px;

        background:#ffffff;

}



.sidebar ul{

	list-style: none;

	margin: 0;

	padding: 0 10px 0 10px;

}



.sidebar ul li{

	padding: 10px 0;

}



.sidebar ul li h2{

	font-family: Georgia, Sans-serif;

	font-size: 14px;

}



.sidebar ul ul li{

	padding: 0;

	line-height: 14px;

}



/*+++++++++++++++++++++++ Sidebar: Top component ++++++++++++++++++++++++++*/



#sidebar_top {

        margin:6px 0 0 0;padding:8px;

        background-color:#ffffff;

        width: 375px;

        line-height:12px;

        text-align:justify;

        border:0px solid #000000;
        font-color:#000000;

        font-size:10px;

        font-family:verdana;

}



#sidebar_top h4 {

        color:#000000;

        margin-bottom:3px;

        font-size:14px;

}

#sidebar_top h2 {
	margin-right: 1px;
	padding-left: 3px;
	font-size: 1.1em;
	text-transform:uppercase;
	color:#808080;
	border-bottom: 1px solid  #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
}


/*++++++++++++++++++++++ Sidebar: Left component +++++++++++++++++++++++++*/



.lsidebar {

        margin:0;padding:10;

        float:left;

        width:185px;

}



.lsidebar ul{

	list-style: none;

	margin: 0;

	padding: 0 1px 0 0;



}



.lsidebar ul li{

	padding: 10px 0 4px 0;

	font-family: Arial, Georgia, Sans-serif;

	font-size: 11px;

        color:#000;

	margin:0;

     

}



.lsidebar ul li a:link, .lsidebar ul li a:visited {

        color:#808080;

        font-weight:300;

}

.lsidebar ul li h2{
	margin-right: 12px;
	padding-left: 3px;
	font-size: 1.0em;
	text-transform:uppercase;
	color:#808080;
	border-bottom: 1px solid  #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
}

.test{

	font-family: Verdana,Arial, Georgia, Sans-serif;

	font-size: 11px;

        margin:0; padding:7px 0 0 0px;

        height:30px;width:182px;

        color: #808080;

}



.lsidebar ul ul li{

	padding: 0 0 0 20px;

	line-height: 18px;

	font-family: Arial, Georgia, Sans-serif;

        background:url(images/arrow_blue.gif) no-repeat 0px 0px; 

}



.lsidebar ul ul ul li{

	padding: 0 0 0 14px;

	line-height: 18px;

	font-family: Arial, Georgia, Sans-serif;

        font-size:11px;

        background:url(images/cat.jpg) no-repeat 3px 3px;

}



.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {

        color:#88B4E5;

        font-weight:300;

}



/*++++++++++++++++++++++ Sidebar: Right component +++++++++++++++++++++++++*/



.rsidebar {

        margin:0;padding:0;

        float:right;

        width:176px;

}



.rsidebar ul{

	list-style: none;

	margin: 0;

	padding: 0 1px 0 0;

}



.rsidebar ul li{

	padding: 10px 0 4px 0;

	font-family: Arial, Georgia, Sans-serif;

	font-size: 11px;

        color:#000;

	margin:0;

}



.rsidebar ul li a:link, .rsidebar ul li a:visited {

        color:#808080;

        font-weight:300;

}



.rsidebar ul li h2{
	margin-right: 1px;
	padding-left: 3px;
	font-size: 1.0em;
	text-transform:uppercase;
	color:#808080;
	border-bottom: 1px solid  #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-family:century gothic;
        font-weight: normal;
	letter-spacing:1px;
}

.rsidebar ul ul li{

	padding: 0 0 0 10px;

	line-height: 18px;

	font-family: Arial, Georgia, Sans-serif;

        background:url(images/arrow_blue.gif) no-repeat 2px 0px; 

}



.rsidebar ul ul ul li{

	padding: 0 0 0 5px;

	line-height: 18px;

	font-family: Arial, Georgia, Sans-serif;

        font-size:11px;

        background:url(images/cat.jpg) no-repeat 3px 3px;

        border-bottom:solid;

}



.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {

        color:#808080;

        font-weight:300;

}

/*+++++++++++++++++++++++++ Sidebar Calendar ++++++++++++++++++++++++++++++*/



table#wp-calendar{

	width: 90%;

        margin:0px auto;

}



/*++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++*/



#footer{

	clear: both;

	width: 966px;

        background:url(images/footer.jpg) repeat-x;

        padding:10px 0;

        margin:0;

}

#footer p {

	line-height: 13px;

        text-align:center;

        font-weight:700;

        color:#fff;

        padding: 2px 0;

        font-size: 10px;

        font-family:Verdana;

}



#footer a {

        color:#fff

}



#footer a:hover {

        color:#fff;

}



.ttf

{border-style: none;}



/**/ * html .Comments .List .ListGrav { left: 0px;} /* */ 

.Comments .List .ListGrav { position: absolute; top: 15px; left: 0px;}

.Comments .List .ListGrav img { background: #fff; padding: 1px; border: solid 1px #ccc;}



/*

CSS of

Pagebar with corner style

by Emexci (www.livetr.org)

*/



.pagebar {

	padding: 0.2em 0.5em;

	margin-right: 0.1em;

	margin-bottom: 1.0em;

	border: 1px solid #fff;

	background: #fff;

	text-decoration: none;

}



.pagebar a,.pageList .this-page {

	border: 1px solid #9AAFE5;

	text-decoration: none;

	padding: 0.2em 0.5em;

}



.pagebar a:visited {

	border: 1px solid #9AAFE5;

	text-decoration: none;

	padding: 0.2em 0.5em;

}



.pagebar .break {

	padding: 2px 6px 2px 6px;

	border: none;

	background: #fff;

	text-decoration: none;

}



.pagebar .this-page {

	border: 1px solid #2E6AB1;

	padding: 0.2em 0.5em;

	font-weight: bold;

	background: #2E6AB1;

	color: #fff;

}


.rss_Note {

        background:url(http://www.her-life.com/bilder2/rss-icon-mini.png) no-repeat;

        margin:0; padding:0 0 0 20px;

}

.mine {background-color: #cccccc;}

.top-tools{
	clear:both;
        text-align:right;
        text-transform:uppercase;
	font-size: 12px;
	width: 100%;
	padding: 0px 0; 
	border-bottom: 1px solid #e3e3e4;
	color:#A2A2A2;
}

.top-tools span{
	color:#A2A2A2;
}

.tools a:visited {
	color:#6e6f71;
        text-transform:uppercase;
}

.tools a{
	text-decoration:none;
	color:#6e6f71;
        text-transform:uppercase;
}

.tools  span{
	color:#bcbdc1;
	font-size:12px;
        text-transform:uppercase;
}

.tools{
	font-size: 12px;
	border-top: 1px solid #e3e3e4;
	line-height: 15px;
	width: 100%;
        text-transform:uppercase;
}

#flickrs {
height: 70px;
margin-top:10px;
}
#flickr_badge_recent { text-align: left;}

#flickr_badge_recent img { border: 0px; max-width: 64px; max-height: 62px; padding: 4px; margin: 4px; background-color: #cccccc;}