/*

Theme Name: Commune

Theme URI: http://cozmoslabs.com/

Description: Built on Thematic Theme</a>

Author: Cristi Antohe

Author URI: http://cozmoslabs.com/

Template: thematic

Version: 0.3

.

This work, like WordPress, is released under GNU General Public License, version 2 (GPL).

http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

.

*/



/* Reset browser defaults */

@import url('../thematic/library/styles/reset.css');



/* Apply basic typography styles */

@import url('../thematic/library/styles/typography.css');



/* Apply a basic layout */

@import url('../thematic/library/layouts/2c-r-fixed.css');



/* Apply basic image styles */

@import url('../thematic/library/styles/images.css');



/* Apply default theme styles and colors */

@import url('default.css');



/* Prepare theme for plugins */

@import url('../thematic/library/styles/plugins.css');



/************************************************ Style for drop-down menu */

h1, h2, h3, h4, h5, h6{

	font-weight: normal;

	clear: none;

}

ul, ol{

	list-style-position:inside;

}

#header{

	z-index:99; /* IE7 z-index bug */

}

#access{

	overflow:visible;

	position:static;

	float:none;

	padding:0;

	margin:0;

	height:42px;

	background:url(images/menu_bg.gif) top center no-repeat;

	border:none;

}

#rss_in_menu{

	float:right;

}



.menu{

	width:850px;

	position:static;

	margin:0;

	padding:1px 10px;

	overflow-x: visible;

	overflow-y: visible;

	overflow:visible;

}



.menu ul{

	padding:0;

	margin:0;

	position:absolute;

}

.menu ul li ul{

}

.menu li{

	margin:0;

	padding:0;

}

.menu li a{

	text-align:center;

	margin:0;

	width:auto;

	padding:11px 10px 0 10px;

	border:none;

	height:29px;

	background:none;

	border:none;

	

	color:#298222;

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

	font-size:13px;

	font-weight:bold;

}

.menu li a:hover{

	background:#d3caca;

	color:#000;

}

.menu li a:focus{

	background:url(images/hover.gif) top left repeat-x;

}

.menu ul li ul{

	height:20px;

	padding:0;

	width:940px;

	display:block;

	position:absolute;

	left: 0; /* IE7 bug Fix */

	bottom:-20px;

	background:#a9aa9b;

	}

.menu ul li ul li{

	padding:0;

	margin:0;

}	

.menu ul li ul li a{

	display:block;

	height:20px;

	width:auto;

	padding:0 10px;

	background:none;

	color:#fff;

}

.menu ul li ul li a:hover{

	display:block;

	height:20px;

	width:auto;

	padding:0 10px;

	background:#6f645f;

	color:#fff;

}

.menu ul li ul li ul{

	background:#d5d6c7;

	width:940px;

}

.menu ul li ul li ul li ul{

	background:#d5d6c7;

	width:940px;

}



.main{

	clear:both;

}

/************************************************ Body */

body{

	background:url(images/body_bg.gif) left top repeat-x;

}

#wrapper{

	margin:0 auto;

	border:none;

	background:url(images/header.jpg) top center no-repeat;

}

#header{

	width:960px;

	margin:0 auto;

	border:none;

	background:none;

}

#blog-title{

	padding:10px 0 0 0;

	height:71px;

	border:none;

	font-weight:normal;

	font-size:30px;

	font-weight:bold;

	text-transform:uppercase;

	font-family:Century Gothic, "Trebuchet MS", Verdana, Arial, Georgia, Times New Roman;

}

#blog-title a{

	padding:1px 5px;

}

#blog-title a:hover{

	border:1px solid #b6d19d;

	padding:0 4px;

}

#blog-title span{

}

#topmenu{

	height:25px;

	width:940px;

	margin:0 auto;

}

#blog-description{	

	font-weight:normal;

	font-size:11px;

	padding:3px 0 0 10px;

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

	text-decoration:normal;

	font-style:normal;

	color:#9c8383;

	float:left;

}



/************************************************ Pages menu */



#page_menu{

	float:right;

	margin-left:-10px;

	min-width:300px;

	overflow:hidden;

	height:25px;

	border:1px solid #b6d19d;

	border-top:none;

	background:#503f3f;

}

#page_menu ul{

	list-style:none;

	padding:3px 0 0 0;

	margin:0;

}

#page_menu ul li{

	float:left;

	margin:0 10px;

}

#page_menu ul li ul{

	display:none;

}

#page_menu a{

	float:left;

	color:#9c8383;

	text-decoration:none;

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

}

#page_menu a:hover{

	color:#fff;

}



/************************************************ Content */

#main {

	padding:20px 0 0 0;

	width:960px;

	margin:0 auto;

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

	

}

#content{

	width:500px;

}

.hentry{

	padding:5px 5px 0 5px;

}

/************************************************ Homepage unpaged*/

.blog .p1 {

	background:url(images/p1_bg.gif) 0 5px repeat-x #503f3f;

	color:#fff;

	border:1px solid #000;

}



.blog .p1 .entry-content{

	padding-bottom:0;

	margin-bottom:0;

	bottom:0;

}

.blog .p1 .entry-content a{

	color:#80af53;

}

.blog .p1 .entry-title{ 

	width:310px;

	padding:0;

	margin:0;

	font-size:20px;

	font-weight:normal;

	color:#fff;

}

.blog .p1 .entry-title a{

	color:#fff;

}

.blog .p1 .entry-title a:hover{

	color:#503f3f;

	

}

.blog .p1 .entry-content .entry-utility{

	color:#a28080;

}

.blog .p1 .entry-content .entry-utility a{

	color:#a28080;

}

.blog .p1 .entry-meta{

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

	padding:0 0 0 10px;

	margin:0;

	color:#a28080;

}

.blog .p1 .entry-meta  a{

	color:#a28080;

}

.blog .p1 .entry-meta span{

	background:none;

}

.blog .p1 .entry-utility{

	display:none;

}

.blog .p1 .more-link{

	margin-bottom:0;

	color:#80af53;

	display:inline;

}

.blog .p1 .entry-content img{

	#border:1px solid #000;

}

.blog .p1 .entry-content img.alignleft{

	#margin:20px 20px 20px 0;

}



/************************************************ Homepage unpaged*/

.paged .p1 {

	background:none;

	color:#000;

	border:none;

}



.paged .p1 .entry-content{

	padding-bottom:0;

	margin-bottom:0;

	bottom:0;

}

.paged .p1 .entry-content a{

	color:inherit;

}

.paged .p1 .entry-title{

	width:360px;

	margin:0;

	padding:0 50px 0 0;

	color:#101010;

	font-weight:normal;

	font-size:22px;

}

.paged .p1 .entry-title a{

	color:#101010;

}

.paged .p1 .entry-title a:hover{

	color:#ff4b33;

	background:none;

}

.paged .p1 .entry-content .entry-utility{

	color:#fff;

}

.paged .p1 .entry-content .entry-utility a{

	color:#fff;

}

.paged .p1 .entry-meta{

	background:url(images/entry-meta-bg.gif) left bottom no-repeat;

	padding:6px 0 6px 0;

	clear:both;

}

.paged .p1 .entry-meta  a{

	color:#fff;

}

.paged .p1 .entry-meta span{

	background:none;

}

.paged .p1 .entry-meta span.color-meta{

	background:#7fae52;

	padding: 3px 3px;

	color:#fff;

}

.paged .p1 .entry-utility{

	display:none;

}

.paged .p1 a.green-read-more{

	font-size:12px;

	font-weight:bold;

	font-style:italic;

	color:#80af53;

}



.paged .p1 .entry-content img{

	#border:1px solid #000;

}

.paged .p1 .entry-content img.alignleft{

	#margin:20px 20px 20px 0;

}

/************************************************ second post */

.blog .p2 {

	border:none;

}

/************************************************ general entry content */

.blog .blog_listing, .archive .blog_listing{
	float: left;
	width:480px;
	margin:10px;
}

.clear_hentry{
	clear:both;
}

.blog .entry-title, .archive .entry-title{
	width:400px;
	margin:0;
	padding:0 50px 0 0;
	color:#101010;

	font-weight:normal;

	font-size:22px;

}

.entry-title a:hover{

	color:#ff4b33;

}

.entry-utility{



}

.entry-meta{

	background:url(images/entry-meta-bg.gif) left bottom no-repeat;

	padding:6px 0 5px 0;

	clear:both;

}

.firefox .entry-meta, .msie .entry-meta{

	padding:6px 0 6px 0;

}

.firefox.archive .entry-meta, .firefox.search .entry-meta{

	padding:6px 0 5px 0;

}

.entry-meta span.color-meta{

	#background:#7fae52;

	padding: 3px 3px;

	color:#000;

}



.entry-meta abbr, .entry-meta acronym 

{

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #fff;

	cursor: help;

}



.entry-meta span a{

	color:#000000;

}

a.green-read-more{

	font-size:12px;

	font-weight:bold;

	font-style:italic;

	color:#80af53;

}

.user-comments{
	background:url(images/user-comments.gif) center bottom no-repeat;
	padding:6px 10px 8px 10px;
	position:absolute;
	margin-left:450px;
	color:#503f3f;

}

.user-comments a{

	color:#503f3f;

}

.page-title{

	font-size:18px;

	color:#fff;

	background:url(images/comments_header.gif) bottom left no-repeat;

	/*#7fae52*/

	font-weight:normal;

	padding:5px 5px 10px 5px;

}

.page-title span {

	font-size: 18px;

	font-weight: normal;

	font-style: italic;

}

/************************************************ thumb_150x150 */

.thumb_150x150{

	float:left;

	padding:5px 20px 20px 0;

}

.thumb_150x150 .post-image{



}

/* =Comments

-------------------------------------------------------------- */

#comments {

    padding:22px 0 0 0;

}

#comments,

#comments input,

#comments textarea {

    font-size:13px;

    line-height:18px;

}

#comments code {

    font-size:12px;

    line-height:18px;

}

#comments h3 {

	 background-color:#e9e9e9;

	 text-align: left;

	font-family: Verdana;

	font-weight: bold;

	text-transform:none;

	font-size: 12px;

	padding:5px 0 0 15px;

	margin-bottom:20px;

	height:20px;

	clear: both;

	

}

#comments-list {

    padding:0 0 18px 0;

}

#comments-list ol,

#comments-list ul {

    list-style:none;

    margin:0;

}

#comments-list ol {

    border:0px solid #ccc;

    border-bottom:none;

    margin:0 0 18px 0;

}

#comments-list li {

    background:#fafafa;

    border-bottom:1px solid #ccc;

    padding:8px 1.5em 0 1.5em;

    position:relative;

}

#comments-list li.alt {

    background:#fff;

}

#comments-list li.bypostauthor {

    background:#FFFFCC;

}

#comments-list ul li {

    border:1px solid #ccc;

    margin:0 0 8px 0;

}

#comments-list li .avatar {

    position:absolute;

    top:22px;

    left:1.5em;

    width:36px;

    height:36px;

}

#comments-list .comment-author {

    font-weight:bold;

    padding:9px 0 0 46px;

}

#comments-list .comment-meta {

    color:#666;

    font-size:11px;

    padding:0 0 9px 46px;

}

#comments-list .comment-meta a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

#comments-list .comment-meta a:active,

#comments-list .comment-meta a:hover {

    color: #FF4B33;

}

.comment-reply-link {

    font-size:11px;

    padding:0 0 18px 0;

    text-align:right;

}

.comment-reply-link a {

    color:#666;

    font-style:italic;

    text-decoration:none;

}

.comment-reply-link a:active,

.comment-reply-link a:hover {

    color: #FF4B33;

}

.comment-navigation {

    font-weight:bold;

    padding:0 0 18px 0;

    margin-right:0.5em;

}

.comment-navigation a {

    border:1px solid #ccc;

    color:#666;

    font-weight:normal;

    padding:0.5em 0.75em;

    text-decoration:none;

}

.comment-navigation a:active,

.comment-navigation a:hover {

    color: #FF4B33;

}

.comment-navigation a,

.comment-navigation span {

    margin-right:0.5em;

}

#trackbacks-list .comment-content {

    position:absolute;

    left:-9000px;

}

#respond {

	color:#323232;

	width:auto;

	_width:500px;

	margin:0;

	margin-right:10px;

	padding:0 0 0px 0;

	background:none;

}

#respond h3{

	margin-top:10px;

	margin-right:-10px;

}

#respond form {

    padding:0 0 36px 0;

}

#respond #form-section-author {

    width:250px;

    float:left;

}

#respond #form-section-author input {

    width:250px;

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-right:1px solid #ececec;

	border-bottom:1px solid #ececec;

	background:#f7f7f7;

}

#respond #form-section-email {

    width:250px;

    float:right;

}

#respond #form-section-email input {

    width:100%;

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-right:1px solid #ececec;

	border-bottom:1px solid #ececec;

	background:#f7f7f7;	

}

#respond #form-section-url {

	clear:both;

}

#respond #form-section-url input {

    width:100%;

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-right:1px solid #ececec;

	border-bottom:1px solid #ececec;

	background:#f7f7f7;	

}

#respond .form-label {

    font-size:10px;

}

#respond .form-input input {

    margin:0 0 14px 0;

}

#respond textarea {

    width:100%;

    margin:0 0 16px 0;

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

	border-right:1px solid #ececec;

	border-bottom:1px solid #ececec;

	background:url(images/textarea_bg.gif) top left no-repeat;

}

#respond .form-submit {

    float:right;

}

p.subscribe-to-comments {

    width:260px;

    float:left;

}

p.subscribe-to-comments label {

}

p.comment_license {

    clear:both;

    margin:0;

}

p.solo-subscribe-to-comments {

    clear:both;

    margin:0;

}

p.solo-subscribe-to-comments:first-line {

    font-style:italic;

}

#respond .required {

    font-weight:bold;

}

.subscribe-to-comments {

    color:#666;

    float:left;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}

.solo-subscribe-to-comments {

    color:#666;

    font-size:11px;

    padding:18px 0 0 0;

}

.comment_license {

    color:#666;

    clear:both;

    font-size:11px;

    margin:0;

    padding:18px 0 0 0;

}

#form-allowed-tags p {

    color:#666;

    font-size:11px;

    margin:0;    

}

#form-allowed-tags span {

    font-style:italic;

}

/* =Navigation

-------------------------------------------------------------- */



.navigation {

    margin:0px 0 15px 0;

    overflow:hidden;

}

.nav-previous {

	float: left;

	width:50%;

}

.nav-next {

	float: right;

	width:50%;

	text-align:right;

}

#nav-above,#nav-below {

	width: 618px;

}

#nav-above {

	display:none; 

}

#nav-below{

}

.home #nav-above, .single #nav-above {

    display:none;

}

.paged #nav-above {

}



/* =Asides, Sidebars & Widget-Ready Areas

-------------------------------------------------------------- */



.aside,

.aside input {

    font-size:13px;

    line-height:18px;

    margin-bottom:6px;

}

.aside p,

.aside ul,

.aside ol,

.aside dd,

.aside pre {

    margin-bottom:18px;

}

.aside pre,

.aside code {

    font-size:12px;

    line-height:18px;

}

.aside .current_page_item a {

    color: #FF4B33;

}

.aside .current_page_item .page_item a {

    color:#666;

}

.aside .current_page_item .page_item a:hover,

.aside .current_page_item .page_item a:active {

    color: #FF4B33;

}

.aside {

    color:#666;

}

.aside a {

    color:#666;

}

.aside a:active,

.aside a:hover {

    color: #FF4B33;

}

.aside h3 {

    font-size:15px;

    font-style:italic;

    line-height:22px;

}

.aside h3 a {

    text-decoration:none;

}

.aside caption {

    font-size:11px;

    font-family:Arial,sans-serif;

    font-weight:bold;

    text-transform:uppercase;

    letter-spacing:0.05em;

}

.aside ul {

    list-style:none;

    margin-left:0;

	height:1%;

}

.aside ul li{

    list-style:none;

    margin:0;

	padding:0;

	list-style-position:outside;

}



.aside ul ul {

    list-style:none;

    margin:0 0 10px 0px;

}

.aside ul ul li {

    padding:6px 4px;

	border-bottom:1px solid #98be62;

}

.aside ul ul ul {

    margin:0;

}

.aside ul ul ul li{

    padding:6px 0 6px 6px;

	border-bottom:none;

}

.aside form,

.aside table {

    margin-bottom:22px;

}

.aside table {

    border:none;

}

.aside thead {

    border:1px solid #ccc;

}

.aside tbody {

    border:1px solid #ccc;

}

.aside th, .aside td {

    border-right:1px solid #ccc;

    padding:.25em .8em;

}

.aside tfoot tr {

    border:none;

}

.aside tfoot td {

    border-color:transparent;

}

.widget_tag_cloud {

    margin:0 0 22px 0;

}

/*

    Main Asides

*/

.main-aside ul {

    padding:0 0px;

}

.main-aside h3 {



}

.main-aside ul ul {

    padding:0;

}

#primary {

	background:url(images/primary_header.gif) top left no-repeat;

    padding:0 0 0 0;
    margin-top : 10px;
    margin-bottom:0px;

}

#primary h3.widgettitle, #primary h3{

	background:url(images/primary_header.gif) top left no-repeat;

	height:37px;

	color:#fff;

	margin:0;

	padding:4px 0 0 4px;

	font-style:normal;

	clear:both;

}



#secondary>ul.xoxo>li{

	width:140px;

	float:left;

	margin-right:10px;

}

.ie6 #secondary ul.xoxo li{



}



#secondary>ul.xoxo>li h3{

	background:url(images/primary_header.gif) top left no-repeat;

	height:37px;

	color:#fff;

	margin:0;

	padding:4px 0 0 4px;

	font-style:normal;

}

.ie6 #secondary ul.xoxo li h3{

	background:url(images/primary_header.gif) top left no-repeat;

	height:37px;

	color:#fff;

	margin:0;

	padding:4px 0 0 4px;

	font-style:normal;

}



#secondary ul ul li {

    padding:2px 4px;

	border-bottom:1px solid #b4b6ac;

	margin:0;

	list-style-position:outside;

}

#secondary ul ul ul li {

    padding:1px 0 1px 10px;

	border-bottom:none;

	margin:0;

	list-style-position:outside;

}

.ie6 #secondary ul ul li {

    padding:2px 0px;

	border-bottom:1px solid #b4b6ac;

	margin:0;

	list-style-position:outside;

}



/************************************************ Tabed Nav */

.tw-tabbed-widgets{

	padding:5px 0 0 0 !important;

	margin:0 !important;

	background:url(images/primary_header.gif) top left no-repeat !important; 

}

.tw-tabbed-widgets ul li ul{

	margin:0 !important;

}

.tabbed-widget-item>li{

	border:none !important;

}



ul.tw-nav-list{

	padding:0 4px !important;

	width:292px !important;

}

ul.tw-nav-list a, #sidebar ul.tw-nav-list a{

	background:none !important;

	color:#fff !important;

	padding:1px 4px !important;

}

ul.tw-nav-list li, #sidebar ul.tw-nav-list li{

	padding:0 !important;

	border:none !important;

}

ul.tw-nav-list li.ui-tabs-selected, #sidebar ul.tw-nav-list li.ui-tabs-selected{

	background:#f7fdf1 !important;

	padding:0 !important;

}

ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a{

	color:#503f3f !important;

	padding:1px 4px !important;

}

.without_title{

	margin-top: 0 !important;

}

.tw-rotate{

	top:0 !important;

}

.tw-rotate ul ul li{

	list-style-position:outside !important;

	*margin-left:-20px;

}

.ie6 .tw-rotate ul{

	height:1% !important;

}

.ie6 .tw-rotate ul ul li{

	height:1% !important;

}

/*

    Content Asides

*/

#content .aside {

    border:1px solid #ccc;

    margin:0 0 22px 0;

    padding:18px 0 0 0;

}

#content .aside ul {

    padding:0 20px;

}

#content .aside h3 {

    font-weight:normal;

    font-size:17px;

    font-style:italic;

    padding:0 0 7px 0;

    text-transform:none;

}

#content .aside ul ul {

    padding:0;

}

/*

	Footer

*/

#footer_bg{

	background:url(images/footer_bg.gif) top left repeat-x #7fae52;

}	

#footer{

	background:url(images/footer.jpg) top center no-repeat;

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

	padding-bottom:20px;

	padding-top:40px;

}

/*

    Footer Asides

*/

#subsidiary {

    padding:33px 0 0 0;  

}

#subsidiary .aside{

	color:#fff;

}

#subsidiary h3.widgettitle{

	background:url(images/subsidiary_header.gif) top left no-repeat;

	height:37px;

	color:#fff;

	margin:0;

	padding:4px 0 0 4px;

	font-style:normal;

	clear:both;

}



#siteinfo{

	text-align:center;

	padding:2px 10px 0px 10px;

	margin:0 auto;

	overflow:hidden;

	height:25px;

	border:1px solid #b6d19d;

	background:#503f3f;

}



/* =PageNavi

-------------------------------------------------------------- */



/* Using !important to override PageNavi CSS */



.wp-pagenavi {

    margin:0 0 0 0.5em;

    padding:0.5em 0;

}

.wp-pagenavi a, .wp-pagenavi a:link {

	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;

    border:1px solid #bbbbbb !important;

    color:#c40000!important;

    font-style:normal;

    margin:0 .175em !important;

    padding:3px 4px !important;

	line-height:10px;

}

.wp-pagenavi a:visited {

    border:1px solid #bbbbbb !important;

    color:#c40000 !important;

}

.wp-pagenavi a:hover {

    border:1px solid #bbbbbb !important;

    color:#c40000 !important;

}

.wp-pagenavi a:active {

    border:1px solid #bbbbbb !important;

    color:#c40000 !important;

}

.wp-pagenavi span.pages {

    border:none !important;

    color:#404040 !important;

	font-weight: bold !important;

    margin:0 !important;

    padding:0 10px 0 0 !important;

}

.wp-pagenavi span.current {

	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;

    border:1px solid #bbbbbb !important;

    color:#0b8000!important;

    font-style:normal;

    margin:0 .175em !important;

    padding:3px 4px !important;

}

.wp-pagenavi span.extend {

	background:url(images/pagenavi_bg.gif) top left repeat-x #fff !important;

    border:1px solid #bbbbbb !important;

    color:#c40000!important;

    font-style:normal;

    margin:0 .175em !important;

    padding:3px 4px !important;

}





#blokcontent{line-height:14px;font-size:11px;font-family:arial,sans-serif;border-right:#CCCCCC solid thin;padding-left:5px}

#blokcontent a{line-height:14px;font-size:11px;font-family:arial,sans-serif;font-weight:bold;color:#660000;}

#linkdl{width:520px;background-color:#e9e9e9;padding:2px}

#linkdl a{line-height:14px;font-size:11px;font-family:arial,sans-serif;font-weight:bold}

.rbt {  width:420px;text-align:left;font-family:verdana;font-size:9px;background:#E1E2E0; color:#000000;}

.home .sticky {

    background: #E3F1D5;

    #border: 2px solid black;

}



.bstat {

	background: #E3F1D5;

	padding:5px 5px 5px 5px !important;

	text-align:left;font-family:verdana;font-size:9px;color:#000000;

}



.post{margin:0 0 25px 0}

.entry{float:left;clear:left}

.post-left,.post-right{width:200px}

.post-left h2,.post-right h2{font-size:1em;margin:0;padding:0}

.post-left .entry,.post-right .entry{font-size:1em;margin:0;padding:0}

.post-left{clear:left;float:left}

.post-right{float:right}

.post a{color:#990000;font-weight:normal;text-decoration:none}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-left : 520px;
 
 width:430px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: decimal;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

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

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}