/*  
        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.
        Version: 2.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: 1;
	padding: 0;
}

body {
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	vertical-align: top;
	background: #000;
}

h1 {
	font-family: Arial, Sans-serif;
	font-size: 30px;
	padding: 0 0 10px 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #336699;
}

a:hover {
	text-decoration: none;
}

p {
	padding: 10px 0 0 0;
}
#outer {
        width:970px;
        background:#fff;
        margin: 5px auto 1px auto;
        padding: 0 0 1px 0;
}

#wrapper{
	margin: 0 auto 0px auto;
	width: 966px;
	text-align: left;

}


/* images */

img {border: 0;}
.centered,
.imgaligncenter,
.aligncenter {float: none; text-align: center; padding: 2px; border: 2px solid #C2DBE5; margin: 5px auto!important}
.left,
.imgalignleft,
.alignleft {float: left!important; margin: 0 10px 5px 0; padding: 1px; background: #fff; border: 2px solid #C2DBE5}
.right,
.imgalignright,
.alignright {float: right!important; margin: 0 0 5px 10px; padding: 1px; background: #fff; border: 2px solid #C2DBE5}
.none {padding: 1px; border: 1px solid #C2DBE5;}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center!important;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px 0;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption-dd {
    font-size: 12px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
.wp-caption-text {padding: 0 5px; font-size:1.1em}
/* END images */


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

#header{
	float: left;
	width: 958px;
        height: 89px;
        background: #0099cb; 
        margin:1px auto;
        padding: 2px 0 2px 8px;
        text-decoration:none;
        background:url(images/header.jpg) repeat-x;
}

#header_l {
        float:left;
        width:400px;height:85px;
        margin-bottom:10px; padding:0;
        background-image:url(images/logo.gif);
}

#header_r {
        float:right;height:91px;width:506px;
        margin:0; padding:0;
        background-image:url(images/ads-holder.jpg);
}

/*++++++++++++++++++++++++ 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: 966px;
        height:31px;
        background: url(images/topmenu.jpg) repeat-x;
        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:500px;
}
	
.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 {
	color: #FFFFFF;
	font-weight: bold;
	margin:0;
	padding: 3px 10px 3px 10px;
	text-decoration: none;

}
		
.menu a:hover {
	background: #1ba7d4;
	text-decoration: none;
        border:1px solid #fff;
}



.rss { 
        float:right;
        margin:7px 5px 5px 0px;
        width:280px; 
}

.rss ul { 
        margin: 0; padding: 0 2px;
}

.rss li { 
        background: url(images/rss.gif) no-repeat 0 3px; 
        margin: 0 2px 0 0; 
        padding: 3px 0 3px 20px; 
        list-style: none; 
        font-size: 12px; color:#f5153a; 
        display: inline; font-weight: bold;
}
.rss li a {
        font-size: 12px; color:#fff; 
}

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

#search { 
        height:14px;
        float:right;
        margin:4px 4px 0 0;

}
#search #s { 
        font-size:8pt;
        padding-left:3px;
        padding-bottom:1px; 
        width:180px;
}

input#s { 
        color:#000;
        border:3px solid #7fcbe3;
        background:#fcfcfc;
}

/*+++++++++++++++++++++++++++ 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: 15px;
        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;
}

p.postmetadata{
	margin: 10px 0 0 0;
        padding:6px;
        background: #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:11px;
        color:#336699;  
        border:1px dashed #40a9c9;
        background: #d8eaee url(images/quote.gif) no-repeat 10px 4px;        
}

blockquote blockquote {
        margin:5px 10px;
        padding:4px 7px 10px 7px;
        font-size:11px;
        background:#bac9cc; 
        color:#336699;  
        border:1px dashed #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 5px; padding:2px 0 0 0;
}

.details {
        margin:0; padding:4px 0;
        border-top:1px dashed #bc581c;
}

.files {
        background:url(images/folder.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;height:65px;
        font-family: Arial, Helvetica, sans-serif;
        width:62px;
        margin:0px 5px 0 0;
        background:url(images/calendar.jpg);
}

.date_m {
        display:block;
        font-size: 0.9em;
        margin:0;
        padding-top:5px;
        color:#fff;
        font-weight: bold;
        text-align:center;
}

.date_d {
        display:block;
        font-size:1.2em;
        margin:0;
        color:#336699;
        font-weight: bold;
        padding:0.7em 0 1.1em 0;
        text-align: center;
}

/*************** comment ***************/
#postmetadata {
	font-size: 11px;
	margin: 10px 10px 20px 10px;
	padding: 5px 15px 5px 15px;
	border:1px #898182 solid;
	background:url(images/comment_l.jpg) repeat-x;
}

.nocomments {background: none;}

#comments {
	font-size: 13px;
	text-align: left;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding:0;
	font-variant: normal;
	border-bottom: 1px dotted #898182;
}

ol.commentlist {
	position:relative;
	list-style: none;
	margin:5px 0px ;
	padding:5px 10px 5px 10px;
	font-size:12px;
	background:none;
	border:none;
}
ol.commentlist .comment a{
	text-decoration:none;
	border-bottom: 1px #898182 dotted;
}
ol.commentlist .comment,
ol.commentlist .trackback,
ol.commentlist .pingback{
	margin:10px 0 0 0;
	padding:0;
}

ol.commentlist .children{
	list-style: none;
	padding:0;
	margin:0 0 0 15px;
}

ol.commentlist .comment div, 
ol.commentlist .trackback div, 
ol.commentlist .pingback div{
	background:url(images/comment_l.jpg) repeat-x;
	border:1px dashed #31afda;
	padding:5px;
}

ol.commentlist .trackback div, 
ol.commentlist .pingback div{
	border:1px #898182 dashed;
}

ol.commentlist .comment div div,
ol.commentlist .trackback div div, 
ol.commentlist .pingback div div{
	background:none;
	padding:0;
	border:none;
}

ol.commentlist .says{
	display:none;
}
ol.commentlist .avatar{
	position:relative;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0;
	border:none;
}

ol.commentlist .fn{ 
	font-weight:bold;
	font-size: 11px;
}
ol.commentlist .fn a{
	text-decoration:none;
	border:none;

}
ol.commentlist .fn a:hover{
	text-decoration:underline;
}

	/* can remove if set in jQuery*/
	/* ie6 not support */
ol.commentlist .bypostauthor>div>div>.fn,
ol.commentlist .bypostauthor>div>div>.fn a,
ol.commentlist .bypostauthor>div>div>.fn a:hover{
	text-decoration:none;
	border:none;
}
/* WTthemepack */
ol.commentlist .comment .comment-meta,
ol.commentlist .trackback .comment-meta, 
ol.commentlist .pingback .comment-meta{
	border-bottom: 1px dashed #898182;
	margin:0 0 10px 0px;
	padding:6px 0 6px 0;
	font-size:10px;
}
ol.commentlist .comment .comment-meta a, 
ol.commentlist .trackback .comment-meta a, 
ol.commentlist .pingback .comment-meta a {
	text-decoration:none;
	border:none;
}
ol.commentlist .comment .reply{
	clear:both;
	margin:5px 0 0 0;
	padding:2px;
	font-size:10px;
	text-align:right;
}
ol.commentlist .comment .reply a{
	text-decoration:none;
}
ol.commentlist .trackback .reply, 
ol.commentlist .pingback .reply{
	display:none;
}


/**comment paging WP2.7**/
.commentnavi{
	overflow:hidden;
	font-size:11px;
	margin:0;
	padding-right:10px;
}
.commentnavi a{
	text-decoration:underline;
}
.commentpages{
	float:right;
	padding:5px 10px;

/* WTthemepack */	
}
.page-numbers{
	font-weight:bold;
	padding:2px 3px 2px 3px;
}
.current{
	font-weight:bold;
}
	/*** comment form ***/
#respond {
	clear:both;
	padding:5px 10px 5px 5px;
	margin:15px 15px 0px 15px;
	font-size:11px;
	background:url(images/comment_l.jpg) repeat-x;
	border:1px #898182 solid;
}
.commentlist #respond{
	margin-right:0;
}
#respond .cancel-comment-reply a{
	color:#ff0000;
}
#respond a, #respond a:hover{
}

#commentform {
	margin:0;
	padding:10px 0 0 0;
}
#email, #author, #url {
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #898182;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#comment {
	width: 98%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #898182;
	padding: 2px 2px 2px 2px;
}
#submit {
	cursor:pointer;
	height: 20px;
	color: #000000;
	font-weight:bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 2px 15px;
	border: 1px solid #898182;
	background:#DFDBDA;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

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

.sidebar{
	float: left;
	width: 386px;
	margin: 1px 0 0 2px;
        background:#fff;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 2px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 14px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

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

#sidebar_top {
        margin:6px 0 0 0;padding:8px;
        background:url(images/sidebar_top.jpg) repeat-x;
        width: 369px;
        line-height:12px;
        text-align:justify;
        border:1px solid #91d3e9;
        font-size:10px;
        font-family:verdana;
}

#sidebar_top h4 {
        color:#0e5268;
        margin-bottom:3px;
        font-size:14px;
}

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

.lsidebar {
        margin:0;padding:0;
        float:left;
        width:184px;
}

.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:#7a888c;
	margin:0;
     
}

.lsidebar ul li a:link, .lsidebar ul li a:visited {
        color:#0199cb;
        font-weight:700;
}

.lsidebar ul li h2{
	font-family: Verdana,Arial, Georgia, Sans-serif;
	font-size: 11px;
        background:url(images/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:#fff;
        text-transform:uppercase;
}

.lsidebar ul ul li{
	padding: 0 0 0 20px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
        background:url(images/arrow_blue.jpg) 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/sub-cat.jpg) no-repeat 3px 3px;
}

.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
        color:#39b0d8;
        font-weight:700;
}

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

.rsidebar {
        margin:0;padding:0;
        float:right;
        width:181px;
}

.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:#7a888c;
	margin:0;
}

.rsidebar ul li a:link, .rsidebar ul li a:visited {
        color:#0199cb;
        font-weight:700;
}

.rsidebar ul li h2{
	font-family: Verdana, Arial, Georgia, Sans-serif;
	font-size: 11px;
        background:url(images/cat.jpg) no-repeat top left;
        margin:0; padding:7px 0 0 8px;
        height:30px;width:182px;
        color:#fff;
        text-transform:uppercase;
}
.rsidebar ul ul li{
	padding: 0 0 0 22px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
        background:url(images/arrow_blue.jpg) no-repeat 2px 0px; 
}

.rsidebar ul ul ul li{
	padding: 0 0 0 14px;
	line-height: 18px;
	font-family: Arial, Georgia, Sans-serif;
        font-size:11px;
        background:url(images/sub-cat.jpg) no-repeat 3px 3px;
        border-bottom:none;
}

.rsidebar ul ul ul li a:link, .rsidebar ul ul ul li a:visited {
        color:#39b0d8;
        font-weight:700;
}

/*+++++++++++++++++++++++++ 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:#afe1f3;
}

#footer a:hover {
        color:#53c7f2;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
	float: left;
	margin: 0px;
	padding: 0px;
}
.tabbertab img {
	border-width: 0px;
}

.tabberlive {
	float: left;
	width: 315px;
	padding: 0px;
	margin: 0px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 370px;
	list-style-type: none;
	background: #d5ebf6;
}

ul.tabbernav li {
	display: inline;
	margin: 0px;
	float: left;
	height: 25px;
	padding: 0px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Helvetica, sans-serif;
}

ul.tabbernav li a {
	color: #000000;
	display: inline-block;
	margin: 0px;
	text-decoration: underline;
	padding: 0px 8px;
	line-height: 25px;
	height: 25px;
	float: left;
}
ul.tabbernav li a:hover {
	color: #000000;
	display: inline-block;
	margin: 0px;
	float: left;
	text-decoration: underline;
	padding: 0px 8px;
	line-height: 25px;
	height: 25px;
}



ul.tabbernav li.tabberactive {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	background: #FFFFFF;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

ul.tabbernav li.tabberactive a {
	color: #2b93d3;
	display: inline-block;
	margin: 0px;
	float: left;
	text-decoration: none;
	padding: 0px 8px;
	line-height: 25px;
	height: 25px;
	background: #FFFFFF;
}

ul.tabbernav li.tabberactive a:hover {
	color: #2b93d3;
	display: inline-block;
	margin: 0px;
	float: left;
	text-decoration: none;
	padding: 0px 8px;
	line-height: 25px;
	height: 25px;
	background: #FFFFFF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	margin: 0px;
	padding: 0px;
	float: left;
}

.tabber .tabbertab {


}
.tabbertab p {
	margin: 0px;
	padding: 0px;
}

.tabbertab .list {
	float: left;
	width: 360px;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	background: #FFFFFF;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
}
.tabbertab .list ul {
	margin: 1px;
	padding: 1px;
	float: left;
	width: 100%;
	list-style-type: none;
	background: url(none);
	border-width: 0px;
	border-style: none;
}
.tabbertab .list li {
	margin: 0px 0px 5px;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 11px;
	line-height: 18px;
}
.tabbertab .list ul li {
	margin: 2px 0px 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
.tabbertab .list li a {
	margin: 0px;
	color: #0b7698;
	text-decoration: none;
	font-weight: normal;
}
.tabbertab .list li a:hover {
	margin: 0px;
	color: #0b7698;
	text-decoration: underline;
}
.tabbertab .list object {
	text-align: center;
	margin: 0px auto;
	clear: both;
	width: 100%;
	height: auto;
}
.tabbertab .list embed {
	text-align: center;
	width: 100%;
	float: left;
	height: auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
	margin: 0px;
	padding: 0px;
}
.tabberlive .tabbertab h3 {
	display: none;
	margin: 0px;
	padding: 0px;
}
.tabber .tabbertab h2 {
	margin: 0px;
	padding: 0px;

}
.tabber .tabbertab h3 {
	margin: 0px;
	padding: 0px;

}
#tabber-widget {
	margin: 0px;
	padding: 0px 0px 25px;
	float: left;
	width: 100%;
}