/* @override 
	http://www.setteb.it/wp-content/themes/settebit_1_1/style.css
	http://localhost:8888/setteb.it/wp-content/themes/settebit_1_1/style.css
*/

/*
Theme Name: setteB.IT
Theme URI: http://www.setteb.it/
Description: Tema personale di "setteB.IT - la settimana digitale vista dall'utente mac"
Version: 1.1
Author: Giuseppe Caruso
Author URI: http://www.bonsai-studio.net
Tags: green, custom theme, fixed width, two columns, widgets

	setteB.IT v1.1
		http://www.bonsai-studio.net
	
	This theme was coded by Giuseppe Caruso exclusively for setteB.IT
	More info at http://www.bonsai-studio.net

*/

html {
	background: #004d26 url(images/html-bg.jpg) repeat 0 0;
	margin: 0;
	padding: 0;
}

body
{
	background: transparent url(images/body-bg.jpg) repeat-x 0 -50px;
	padding: 10px 0 40px;
}

a
{
	color: #2a7f00;
	text-decoration: none;
}

a:hover
	{
	color: #3bb200;
	background-color: #004d26;
	/*text-decoration: underline;*/
	}

/*.container_12
{
	background: #fff url('../img/12_col.gif') repeat-y;
	margin-bottom: 20px;
}

.container_16
{
	background: #fff url('../img/16_col.gif') repeat-y;
}*/

/* @group Global */

hr {
	border-bottom: 1px solid #254c26;
	border-top: 1px solid #002613;
	margin: 0;
	padding: 0;
	}

.secondary {
	background: #00391c url(images/green-bg.jpg) repeat;
}

input, textarea, select {
	outline-color: transparent;
	outline-style: none;
	outline-width: 0;
	}

/* @group Navbar */

ul.navbar {
	list-style: none;
}

ul.navbar li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul.navbar li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

.img_replacement {
		position: relative;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 150%;
}

	.img_replacement span {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		}

.button {
	width: 136px;
	height: 24px;
	background-color: #e5e5e5;
	border-width: 1px;
	border-style: solid;
	border-top-color: #989898;
	border-bottom-color: #d8d8d8;
	border-left-color: #989898;
	border-right-color: #d8d8d8;
	}

.button a {
	display: block;
	text-align: center;
	width: 134px;
	height: 22px;
	line-height: 22px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #d8d8d8;
	border-bottom-color: #989898;
	border-left-color: #d8d8d8;
	border-right-color: #989898;
	background: #e5e5e5;
	background-image: url(images/posts_navigation_bg.gif);
	}

.edit {
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	}

/* @end */

/* @group pageHeader */

div#pageheader {
	margin-bottom: 10px;
}

div#header {
	text-align: center;
}

div#header h1 {
		margin: 0;
		}

div#header a {
		display: block;
		width: 560px;
		height: 100px;
		margin: 0 auto;
}

div#header a:hover {
	background-color: transparent;
}

	div#header a span {
		background: url(images/header-bg.png) no-repeat 10px 0;
		}

#pageheader .banner_left .sponsor, #pageheader .banner_right .sponsor {
	display: block;
}

#sidebar .sponsor.small,
#pageheader .sponsor.small {
	display: block;
	padding-top: 37px;
	height: 90px;
}

#sidebar .sponsor.small-120x90,
#pageheader .sponsor.small-120x90 {
	display: block;
	padding-top: 25px;
	height: 102px;
}

/* @end */

/* @group container */

/* @group Google search */

#g_search {
	padding: 10px;
	}

/* @end */

/* @group navigation */

.navigation {
	background-color: #ddd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	height: 50px;
	}

.navigation .alignleft,
.navigation .alignright {
	width: 280px;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 10px;
	overflow: hidden;
	}

.alignleft {
	float: left;
	}

.alignright {
	text-align: right;
	float: right;
	}



/* @end */

div#container {
	/*background: transparent url(images/container-bg.gif) repeat-y 0 0; >> vale comment */
	background-color:#00391C; /* vale ADD */
	border-top: 1px solid #254c26;
}

/* @group social bar */

ul#social_bar {
	height: 130px;
	margin: 0;
	}

ul#social_bar {
	background-image: url(images/social-bar-bg.gif);
	background-color: transparent;
}

body.article ul#social_bar {
	background: #00391c url(images/green-bg.jpg) repeat;
}

ul#social_bar li {
	margin: 13px 0 0 12px;
	height: 44px;
	width: 44px;
}

ul#social_bar a:link, 
ul#social_bar a:visited {
	height: 44px;
	width: 44px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background-color: transparent;
	background-repeat: no-repeat;
}

ul#social_bar li#rss a {
	background-image: url(images/social-bar-icons.png);
	background-position: 0 -44px;
}

ul#social_bar li#rss a:hover {
	background-position: 0 0;
}

ul#social_bar li#twitter a {
	background-image: url(images/social-bar-icons.png);
	background-position: -44px -44px;
}

ul#social_bar li#twitter a:hover {
	background-position: -44px 0;
}

ul#social_bar li#youtube a {
	background-image: url(images/social-bar-icons.png);
	background-position: -88px -44px;
}

ul#social_bar li#youtube a:hover {
	background-position: -88px 0;
}

ul#social_bar li#facebook a {
	background-image: url(images/social-bar-icons.png);
	background-position: -132px -44px;
}

ul#social_bar li#facebook a:hover {
	background-position: -132px 0;
}

ul#social_bar li#linkedin a {
	background-image: url(images/social-bar-icons.png);
	background-position: -176px -44px;
}

ul#social_bar li#linkedin a:hover {
	background-position: -176px 0;
}

ul#social_bar li#stumbleupon a {
	background-image: url(images/social-bar-icons.png);
	background-position: -220px -44px;
}

ul#social_bar li#stumbleupon a:hover {
	background-position: -220px 0;
}

ul#social_bar li#delicious a {
	background-image: url(images/social-bar-icons.png);
	background-position: -264px -44px;
}

ul#social_bar li#delicious a:hover {
	background-position: -264px 0;
}

ul#social_bar li#digg a {
	background-image: url(images/social-bar-icons.png);
	background-position: -308px -44px;
}

ul#social_bar li#digg a:hover {
	background-position: -308px 0;
}

ul#social_bar li#share {
	background-image: url(images/social-bar-icons.png);
	float: right;
	margin-right: 10px;
	background-position: -352px -44px;
}

ul#social_bar li#share:hover {
	background-position: -352px 0;
}

ul#social_bar li#share a {
	background-image: url(images/social-bar-icons.png);
	background-position: -352px -44px;
}

ul#social_bar li#share a.stico_default {
	background: none !important;
}

/* @end */

/* @group content */

/* @group Pages */

.mails li {
	list-style: none;
	
	margin-bottom: 3px;
	background: url(/wp-content/plugins/cryptx/images/mail_small.gif) no-repeat 0 3px;
	padding-left: 22px;
	}



/* @end */

#content {
	float: left;
	width: 600px;
	background-color: #fff;
}

/* @group posts */

ul#posts {
    -moz-box-shadow:5px 5px 5px #000; /* vale ADD */		
    -webkit-box-shadow:5px 5px 5px #000; /* vale ADD */		
    box-shadow:5px 5px 5px #000; /* vale ADD */		
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

h2.title {
	background-color: #ddd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	margin: 0;
}

/* @group .post */

ul#posts li.post {
	float: left;
	width: 600px;
	height: 179px;
	overflow: hidden;
	margin: 0;
	background-color: #fff;
	background-image:  url(images/post-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

ul#posts li.post h3 {
	margin: 10px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
}

ul#posts li.post p.date {
	color: #666;
	margin-bottom: 2px;
}

ul#posts li.post div.excerpt div {
	float: left;
	/*background-color: red;*/
	/*margin: 0;*/
	}

ul#posts li.post div.excerpt div * {
	/*margin: 0;*/
	}

ul#posts li.post div.excerpt div img {
	float: left;
	margin:  -18px 20px 10px 0;
	/*background: transparent url(images/banner-bg.png) no-repeat 0 0;
	padding: 10px;*/
	}

ul#posts li.post div.excerpt img {
	float: left;
	margin:  -20px 20px 10px 0;
	/*background: transparent url(images/banner-bg.png) no-repeat 0 0;
	padding: 10px;*/
	}

.hidden {
	display: none;
	}

ul#posts li h3 a{
	color: #004c26;
}

ul#posts li h3 a:hover {
	text-decoration: underline;
	background-color: transparent;
}

/* @group Single */

#post_title {
	float: left;
	}

.hentry {
	padding: 10px;
	overflow: hidden;
	text-align: justify;
	}

.hentry .excerpt strong {
	display: block;
	margin: 0 0 20px;
	/*letter-spacing: 0.1em;*/
	/*color: #323232;*/
	text-align: justify;
	/*text-transform: uppercase;*/
	/*font-size: 1.1em;*/
	}

.hentry h2 {
	font-size: 18px;
	margin: 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	}

.hentry h3 {
	font-size: 16px;
	padding: 20px 0 0;
	margin: 20px 0 10px;
	}

#post_bar {
	float: left;
	width: 580px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 20px;
	}

#post_bar #date {
	color: #666;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	height: 26px;
	line-height: 26px;
	border-right: 1px solid #ccc;
}

#post_bar #author {
	color: #666;
	float: left;
	margin: 0;
	height: 26px;
	line-height: 26px;
}

#posts_navigation {
	float: right;
	width: 136px;
	height: 24px;
	background-color: #e5e5e5;
	border-width: 1px;
	border-style: solid;
	border-top-color: #989898;
	border-bottom-color: #d8d8d8;
	border-left-color: #989898;
	border-right-color: #d8d8d8;
	}

#previous_post_link,
#next_post_link {
	display: block;
	float: left ;
	margin: 0;
	width: 66px;
	height: 22px;
	line-height: 22px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #d8d8d8;
	border-bottom-color: #989898;
	border-left-color: #d8d8d8;
	border-right-color: #989898;
	background: #e5e5e5;
	background-image: url(images/posts_navigation_bg.gif);
	}

#previous_post_link a,
#next_post_link a {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 150%;
	float: left ;
	margin: 0;
	width: 66px;
	height: 22px;
	line-height: 22px;
	}

#previous_post_link a, #previous_post_link a:hover {
	background-color: transparent;
	background-image: url(images/previous_post_bg.gif);
	}

#next_post_link a,
#next_post_link a:hover {
	background-color: transparent;
	background-image: url(images/next_post_bg.gif);
	}

.hentry img[width="160"] {
	display: none;
	}

.hentry img[width="300"] {
	float: right;
	margin: 0 -10px 10px 20px;
	}

.hentry img[width="600"] {
	margin: 0 -10px 0 -10px;
	}

.hentry p img {
	display: none;	
	}

.hentry p img.libero {
	display: block;	
	}

.hentry img[width="300"],
.hentry img[width="600"],
.hentry p img.medium,
.hentry p img.large {
	display: block;
	}

.medium {
	float: right;
	margin-right: -10px;
	margin-left: 20px;
	margin-bottom: 10px;
	}

.left {
	float: left;
	margin-left: -10px;
	margin-right: 20px;
	margin-bottom: 10px;
	}

.right {
	float: right;
	margin-right: -10px;
	margin-left: 20px;
	margin-bottom: 10px;
	}

.large {
	margin-left: -10px;
	}



/* @end */



/* @end */

/* @end */



/* @end */




/* @end */

/* @group sidebar */

div#top_shadow {
	/*background: url(images/sidebar-bg.gif) no-repeat 0 0; >> vale comment */
	overflow: hidden;
	/*border-top: 1px solid #254c26;*/
}

div#bottom_shadow {
	background: url(images/shadow-bg.gif) no-repeat 0 0;
	height: 10px;
}

div.sidebar_block {
	/*padding: 0 10px;*/
	overflow: hidden;
}

div.sidebar_block.first {
	border-top: none;
}

#sidebar h4 {
	color: #1c8c1c;	
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin: 0;
}

/* @group week navigation */

/* @group libero */

#libero_mobile {
	float: left;
	width: 71px;
	height: 54px;
	margin-top: 8px;
	background-image: url(images/mobile-bg.gif);
	}

#libero_mobile a {
	display: block;
	width: 71px;
	height: 54px;
	}

#libero_mobile a:hover {
	background-color: transparent;
	}

#libero_mobile a img {
	visibility: hidden;
	}

/* @end */

#sidebar hr:first-of-type {
	margin: 0;
}

#sidebar hr {
	margin: 10px 0 0;
}

#sidebar h4#notizie_della_settimana {
	width: 340px;
	float: left;
}

#sidebar h4#notizie_della_settimana span {
	background: url(images/notizie-della-settimana.gif) no-repeat 10px -10px;
}

div#week_navbar {
	float: right;
	background: #ccc url(images/week-navbar-bg.gif) no-repeat 0 0;
	overflow: hidden;
	margin: 8px 0 10px;
	padding-top: 5px;
	width: 264px;
	height: 49px;
	}

div#week_number {
	float: left;
}

div#week_number img {
	margin: 0 0 0 5px;
	}

div#year_number {
	float: right;
	height: 1%;
}

div#year_number img {
	margin: 0 5px 0 0;
	}

#week_navbar_arrows {
	float: left;
	background-color: transparent;
	width: 32px;
	/* border: 1px solid #a4a4a4;
	border-bottom-color: #cbcbcb;
	border-top-color: #8c8c8c;
	border-left-color: #8c8c8c;
	border-right-color: #cbcbcb; */
	margin-left: 5px;  /* 5 invece che solito 4*/
	margin-top: 0;
}

#week_navbar_arrows a {
	float: left;
	height: 19px;
	width: 30px;
	overflow: hidden;
	text-indent: -3000px;
	border: 1px solid #a4a4a4;
	border-top-color: #d8d8d8;
	border-bottom-color: #989898;
	border-left-color: #d8d8d8;
	border-right-color: #989898;
	background-color: transparent;
}

#week_navbar_arrows a#next {
	background-image: url(images/arrow-next.png);
	background-position: top;
	background-repeat: no-repeat;
}

#week_navbar_arrows a#next1 {
	background-image: url(images/arrow-next_1.png);
	background-position: top;
	background-repeat: no-repeat;
	border:0; 	/* AGGIUNTO; */
	margin-left:2px;  	/* AGGIUNTO; */
	margin-bottom:2px; 	/* AGGIUNTO; */
}

#week_navbar_arrows a#previous {
	background-image: url(images/arrow-previous.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* @end */

/* @group search field */

#search_field {
	background: #fff url(images/search-field-bg.png) no-repeat;
	height: 40px;
	width: 340px;
	margin-top: 10px;
	}

.screen-reader-text {
	visibility: hidden;
	position: absolute;
	}

#search_field input {
	float: left;
}

#search_field input.field {
	background: transparent none repeat scroll 0 0;
	width: 250px;
	border: none;
	border-width: 0;
	margin-left:10px;
	margin-top:12px;
	color: #666;
	font-size: 1em;
	}

#search_field input.button {
	background: transparent none repeat scroll 0 0;
	width: 55px;
	border: none;
	border-width: 0;
	height:40px;
	cursor:pointer;
	overflow: hidden;
	text-indent: -9999px;
}



/* @end */

/* @group banner */

div.banner_left, div.banner_right {
	text-align: center;
}

div.banner_left p,
div.banner_right p {
	margin: 0;
	padding: 0;
	color: #666;
}


.sponsor a:hover,
.sponsor a:active {
	background-color: transparent;
}

#pageheader div.banner_left,
#pageheader div.banner_right {
	background-image: url(images/banner-top-bg.png); 
	height: 105px;
}

#sidebar .sponsor .inner  {
	margin: 10px;
	}

#pageheader .sponsor .inner  {
	margin: 10px;
	}


div.banner_right {
	float: right;
}

div.banner_left {
	float: left;
}

div#sidebar div.banner_right,
div#sidebar div.banner_left {
	margin-top: 10px;
}

.piccolo {
	width: 160px;
	}

.bannerbig300x250 {
	background-image: url(images/banner-bannerbig300x250-bg.png);
	}
	
.bannerbig300x600 {
	background-image: url(images/banner-bannerbig300x600-bg.png);
	}
	
.bannerbig250x250 {
	background-image: url(images/banner-bannerbig300x250-bg.png);
	}
	
.bannerbig200x200 {
	background-image: url(images/banner-bannerbig200x200-bg.png);
	}
	
.altro {
	position: relative;
	}

.sponsor {
	width: 340px;
	position: relative;
	}

.sponsor div {
	overflow: hidden;
	background-color: transparent;
	}

.tl, .tr, .br, .bl, .th, .bh, .lv, .rv {
	border-style: none;
	border-color: transparent;
	border-width: 0;
	color: transparent;
	background-color: transparent;
	}

.tl, .tr, .br, .bl {
	position: absolute;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	border-style: none;
	color: transparent;
	}

.th, .bh {
	height: 10px;
	margin: 0 10px;
	background-repeat: repeat-x;
	border: none;
	}

.tl {
	top: 0;
	left: 0;
	background-image: url(images/adv-sprite.png);
	background-position: 0 -10px;
	}

.th {
	top: 0;
	background-image: url(images/adv-th.png);
	background-position: 0 0;
	}

.tr {
	top: 0;
	right: 0;
	background-image: url(images/adv-sprite.png);
	background-position: 0 0;
	}

.bl {
	bottom: 0;
	left: 0;
	background-image: url(images/adv-sprite.png);
	background-position: 0 -30px;
	}

.bh {
	background-image: url(images/adv-bh.png);
	background-position: 0 100%;
	}

.br {
	bottom: 0;
	right: 0;
	background-image: url(images/adv-sprite.png);
	background-position: 0 -20px;
	}

.lv, .rv {
	background-repeat: repeat-y;
	border: none;
	}

.lv {
	background-image: url(images/adv-lv.png);
	background-position: 0 0;
	padding-left: 10px;
	}

.rv {
	background-image: url(images/adv-rv.png  );
	background-position: 100% 0;
	padding-right: 10px;
	}

.sponsor .inner {
	/*  background-color: #fff;  COMMENTATO */
	overflow: hidden;
	}

/* @end */

/* @group Google Translate */

#google_translate_element {
	border-top: 1px solid #002613;
	}

.goog-te-gadget {
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #254c26;
	/*background-color: gold;*/
	/*padding: 10px 10px 10px 0;*/
	/*text-align: center;*/
	}

.goog-te-combo {
	display: block;
	float: left !important;
	width: 160px;
	margin: 15px 10px 0 0 !important;
	}

.goog-te-gadget,
.goog-te-gadget a {
	color: #2a7f00 !important;
	}

/* @end */


/* @end */

/* @group footer */

div#footer {
	overflow: hidden;
	color: #2a7f00;
	border-top: 1px solid #254c26;
	border-bottom: 1px solid #002613;
	background: #00391c url(images/green-bg.jpg) repeat;
	padding-top: 22px;
}

div#footer p.tagline, div#footer p.copyright {
	height: 75px;
	margin-bottom: 10px;
	font-size: 80%;
}

/* @group tagline */

.blogtitle {
	height: 58px;
	margin-bottom: 20px;
	background: #00391c url(images/green-bg.jpg) repeat;
	border-bottom: 1px solid #174700;
	overflow: hidden;
}

.blogtitle h2 {
	height: 28px;
	margin-top: 10px;
	line-height: 28px;
	color: #2a7f00;
}

.blogtitle h2 span {
	background: transparent url(images/blogtitle-bg.gif) no-repeat 0 0;
}

div#footer p.tagline {
}

div#footer p.tagline span {
	background: transparent url(images/tagline-bg.gif) no-repeat 0 1px;
}

/* @end */

/* @group copyright */

div#footer p.copyright {
	text-align: right;
}

div#footer p.copyright span {
	background: transparent url(images/copyright-bg.gif) no-repeat 0 0;
}

/* @end */

/* @group bottom_navbar */

div#footer ul.bottom_navbar  {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px solid #254c26;
}

div#footer ul.bottom_navbar li  {
	width: 98px;
	height: 50px;
	margin: 0;
	padding: 0;
	display:inline;
	float:left;
	position:relative;
	border: 1px solid;
	border-left-color: #254c26;
	border-right-color: #002613;
	border-top: none;
	border-bottom: none;
}

div#footer ul.bottom_navbar li a,
div#footer ul.bottom_navbar li a span {
	display: block;
	width: 98px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	line-height: 50px;
	}

/* @group page items */

.page_item a {
	text-indent: 150%;
	overflow: hidden;
	white-space: nowrap;
	}


.page-item-1 a {
	background: transparent url(images/info-bg.gif) no-repeat 0 0;
	}

.page-item-2 a {
	background: transparent url(images/contacts-bg.gif) no-repeat 0 0;
	}

/* @end */

#footer ul.bottom_navbar li.html5 a span {
	background: transparent url(images/html-bg.gif) no-repeat 0 0;
}

#footer ul.bottom_navbar li.css3 a span {
	background: transparent url(images/css-bg.gif) no-repeat 0 0;
}

#footer ul.bottom_navbar li.wordpress a span {
	background: transparent url(images/wordpress-bg.gif) no-repeat 0 0;
}

#footer ul.bottom_navbar li.bonsai_studio a span {
	background: transparent url(images/logo_sw.gif) no-repeat 0 0;
}

/* @end */


/* @end */

/* @group debug */

#debugServer {
	position: absolute;
	left: 0;
	bottom: 0;
	background: purple;
	color: lightpink;
	/*height: 10px;*/
	/*line-height: 10px;*/
	padding: 10px;
        z-index: 10000;
	}

        #debugServer td { padding: 10px; }

#debugRoma {
	position: absolute;
	left: 0;
	top: 30px;
	background: red;
	color: yellow;
	height: 10px;
	line-height: 10px;
	padding: 10px;
	}

#debugServer,
#debugRoma {
	display: none;
	}

/* @end */

/* @group Bonsai Studio */

.show {
	overflow: hidden;
	width: 600px;
	margin-left: -10px;
	margin-bottom: -10px;
	}

.show img {
	margin: 0;
	}

.external_script {
	overflow: hidden;
	}
/* @end */

/* @group categories and tags */

#categories {
	float: left;
	}

#tags {
	float: right;
	}

#categories h4,
#tags h4 {
	height: 17px;
	margin: 15px 0 16px 0;
	line-height: 17px;
	overflow: hidden;
}

#categories h4 span {
	background: url(images/categories-bg.gif) no-repeat 4px 0;
}

#tags h4 span {
	background: url(images/tags-bg.gif) no-repeat 7px 0;
}

#categories, #tags {
	width: 160px;
	margin: 0;
	}

#categories .inside, #tags .inside {
	height: 140px;
	background-image: url(images/category-tags-lists.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 10px;
	}

#sidebar #categories div.inside,
#sidebar #tags div.inside {
	/*text-align: left;
	margin: 0;*/
	}

#categories div.inside ul,
#tags div.inside ul {
	background-color: #fff;
	overflow: auto;
	list-style: none;
	height: 140px;
	width: 140px;
	margin: 0;
	}

#categories div.inside ul {
	overflow: hidden;
	}

#categories div.inside li,
#tags div.inside li {
	margin: 3px 0px 4px 0px;
	overflow: hidden;
	}


/* @end */

/* @group jQuery */

/* @group jScrollBar */

jScrollPane {
	
	}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* @group osx scrollbars */

.osX .jScrollPaneTrack {
                background: url(images/jscrollbar/osx_track.gif) repeat-y;
            }
            .osX .jScrollPaneDrag {
                background: url(images/jscrollbar/osx_drag_middle.gif) repeat-y;
            }
            .osX .jScrollPaneDragTop {
                background: url(images/jscrollbar/osx_drag_top.gif) no-repeat;
                height: 6px;
            }
            .osX .jScrollPaneDragBottom {
                background: url(images/jscrollbar/osx_drag_bottom.gif) no-repeat;
                height: 7px;
            }
            .osX a.jScrollArrowUp {
                height: 24px;
                background: url(images/jscrollbar/osx_arrow_up.png) no-repeat 0 -30px;
            }
            .osX a.jScrollArrowUp:hover {
                background-position: 0 0;
            }
            .osX a.jScrollArrowDown {
                height: 24px;
                background: url(images/jscrollbar/osx_arrow_down.png) no-repeat 0 -30px;
            }
            .osX a.jScrollArrowDown:hover {
                background-position: 0 0;
            }


/* @end */



/* @end */



/* @end */
