/* Fun with Sidebar Tabs CSS File */

/* remove browser dafaults */
div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar, div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab, div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3, div#fw_tabs_tabdisplay_1 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style: none !important;
}

/* content removal must be split out or else it will remove all the content in opera (and possibly sefari) This is to remove the special bullets used by the Kubrick theme */
#sidebar ul ul li:before {background: #FFFFFF url(http://cabacabanna.ru/wp-content/themes/church_20/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;}

/* The second part #sidebar ul .... is targetted at Kubrick */
div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar, #sidebar ul li div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar {
float:left;
margin:1px solid #ccc;
margin-top:-32px;
height:1px;
}

div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab {
float:left;
margin:0;
padding:0;
margin-top:0px;
margin-left:-1px;
}

div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3 {
font-size:10px;
line-height:1;
font-family:Arial, Helvetica, sans-serif;
color:#000;
display:block;
padding:5px;
border:1px solid %border-color%;
cursor:pointer;
background-color:#eee;
}

div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3.selected, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3.selected {
border-bottom:1px solid #fff;
background-color:#fff;
}

div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3:hover, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab h3:hover {
background-color:#dfe4ec;
}

#sidebar ul li li {
	background: #FFFFFF url(http://cabacabanna.ru/wp-content/themes/church_20/images/icon.gif) no-repeat top left;
	padding: 0px 0px 5px 20px;
	margin: 0px;
	}

div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab div.tab-content, #sidebar ul div#fw_tabs_tabdisplay_1 ul.tabbed_sidebar li.tab div.tab-content {
display:none;
}

div#fw_tabs_tabs_surround_1, #sidebar ul div.fw_tabs_tabs_surround {
margin:10px 0 10px 0;
}

div#fw_tabs_tabdisplay_1 {
padding:10px 0;

/* to add more space above each sidebar increase this (the minimum it can be is 32px) */
margin-top:32px;
}

div#fw_tabs_tabdisplay_1.first {
/* This will overide the above setting for Tabbed Sidebar 1 only.  */
margin-top:50px;
}

/* style the contents of the widget */

div#fw_tabs_tabdisplay_1 div.tab-content ul { }

div#fw_tabs_tabdisplay_1 div.tab-content ul li {  }div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar, #sidebar ul li div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar {
	margin-top:-32px;
	}

div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3 {
	background: #333333 url(images/headline.png);
	color: #EEEEEE;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 12px 15px 0px;
	padding: 5px 7px 7px 5px;
	}
	
div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3.selected, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3.selected {
	background: #000000 url(images/headline.png);
	color: #EEEEEE;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 12px 15px 0px;
	padding:5px 7px 7px 5px;

}

div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3:hover, #sidebar ul div#fw_tabs_tabdisplay_1.first ul.tabbed_sidebar li.tab h3:hover {
	background-color:#ff0000;
}

div#fw_tabs_tabdisplay_1.first {
	/* to add more space above each sidebar increase this (the minimum it can be is 32px) */
margin-top:32px;
}