/********************************/
/*   Design:  Fai da te                             */
/*   Author:  Ferdinando Torriero           */
/*   Date:    22, Novembre 2009            */
/********************************/

body
{
    font: 16px verdana; background-color: rgb(220,238,204);
}

/* these are the font styles for the links that appear on your web page */
a:link {font: bold 13px verdana; color:  rgb(79,168,0); text-decoration: none;} 
a:active {font: bold 13px verdana; color:  rgb(79,168,0); text-decoration: none;}
a:visited {font: bold 13px verdana; color:  rgb(79,168,0); text-decoration: none;}
a:hover {font: bold 13px verdana; color: rgb(222,59,33); text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px rgb(79,168,0);
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    /* remove this to have the page load at full width */
	width: 780px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.title
{
background-color: rgb(132,194,76);
	padding: 10px 20px 10px 20px;
}

.title2 
{
color: rgb(132,194,76);
font-face: verdana;
font-weight: bold;
font-size: 14px;

}
.titlemargin
{
	margin: 10px 0px 10px 0px;
}

.subtitle 
{
	color: #FFFFFF;
	font-face: verdana;
    font-weight: bold;
    font-size: 14px;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: verdana;
    font-size: 12px;
    padding: 0px;
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 180px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 180px;
}


.sidebaritem
{
    width: 130px;
    background-color: rgb(220,238,204);
    color: rgb(79,168,0);
    border: solid 1px rgb(79,168,0);
    font-size: 12px;
    padding: 2px;
    margin-bottom: 3px;

}
.horiz
{
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}

.underline a {
    text-decoration: underline;
}

.footer
{
background-color: rgb(97,177,25);
color: #fff;
font-size: 10px;
font-face: verdana;
font-size: 12px;
text-align: center;
}
.footer a {
    text-decoration: none;
    color: #fff;
}

/***********************/
/*------------------------------------------------------------------------*/
/* sezione 1 - Size                                                       */
/*------------------------------------------------------------------------*/
/* NOTA IMPORTANTE							  */
/* Because of IE float-rendering bug, the width                           */
/* must be reduced by 6px, otherwise it will                              */
/* duplicate characters after the last float                              */
/* Reason: IE may not alwys allow nested floats                           */
/* have identical widths, but inside float must                           */
/* be smaller than outside float. This IE-bug is                          */
/* somewhat unpredictable. See Section 5 header                           */
/* for more details on this topic.                                        */
/*------------------------------------------------------------------------*/
.sidebar {float: left; width: 155px; margin: 0px ; padding: 0.5em 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} 
/* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox-noborder {width: 140px; margin: 0px 0px 1.0em 9px; padding: 0px;}
.sidebarbox-border {width: 130px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}
.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold;}
.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em;}

/*--------------------------------------------*/
/* sezione 2 - COLORI DI SFONDO   */
/*--------------------------------------------*/
.bg-white {background-color: rgb(255,255,255);}
.bg-black {background-color: rgb(0,0,0);}
.bg-grey01 {background-color: rgb(242,242,242);}
.bg-grey02 {background-color: rgb(230,230,230);}
.bg-grey03 {background-color: rgb(217,217,217);}
.bg-grey04 {background-color: rgb(204,204,204);}
.bg-grey05 {background-color: rgb(191,191,191);}
.bg-grey06 {background-color: rgb(178,178,178);}
.bg-grey07 {background-color: rgb(153,153,153);}
.bg-grey08 {background-color: rgb(127,127,127);}
.bg-grey09 {background-color: rgb(89,89,89);}
.bg-grey10 {background-color: rgb(51,51,51);}
.bg-yellow01 {background-color: rgb(254,252,232);}
.bg-yellow02 {background-color: rgb(253,249,201);}
.bg-yellow03 {background-color: rgb(253,246,185);}
.bg-yellow04 {background-color: rgb(252,243,162);}
.bg-yellow05 {background-color: rgb(251,239,139);}
.bg-yellow06 {background-color: rgb(250,236,116);}
.bg-yellow07 {background-color: rgb(249,233,93);}
.bg-yellow08 {background-color: rgb(249,230,69);}
.bg-yellow09 {background-color: rgb(248,227,46);}
.bg-yellow10 {background-color: rgb(247,224,23);}
.bg-blue01 {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(205,202,236);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background-color: rgb(89,79,191);}
.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}
.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}
/*-------------------------------------------------------------*/
/* Header 
------------------------------------------------------------------------- */

.title h1 {
    margin: 0;
    color: #fff;
    text-shadow: #81A75B 2px 2px 2px;
}
.title h1 a {
    font-size: 36px;
    text-decoration: none;
    border-bottom: none;
    color: #fff;
}
.title  h1 a:hover { 
    color: #eee; 
    text-shadow: #fff 0 0 4px;
}
/* box
------------------------------------------------------------------------- */

#box-ads {
    width: 340px;
    padding: 10px;
    line-height: 1.4em;
    float: right;
}
#box {
    width: 300px;
    padding: 23px 0 0 0;
    font-size: 65%;
    line-height: 1.4em;
    color: #999;
    background: url(/assets/templates/default/images/sidebar_bg.gif) no-repeat 0 0;
    float: right;
}

#box h2 {
    padding: 25px 0 0 35px;
    color: #666;
    background: url(/assets/templates/default/images/sidebar_icon.gif) no-repeat 5px 15px;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
}

#box ul, #box p {
    padding: 5px 15px 1em;
    margin-left: -5px;
}

#box ul { margin-bottom: 1em }
#box ul ul { margin-bottom: 0; border-bottom: 1px solid #ddd; }
#box ul ul ul { border-bottom: none; margin-bottom: 0; }
#box ul li ul li { background: url(/assets/templates/default/images/tictac_green.gif) no-repeat 0 6px; }