/* /////////////////////////////////////////////////////////////////////////////
                                     HTML
///////////////////////////////////////////////////////////////////////////// */															

* {
font-family: Tahoma;
font-size: 12px;
color: #444;
}

div#right * {
color: #fff;
}

body {
background-color: #363435;
background-image: url(img/header_background.jpg);
margin: 0;
background-repeat: repeat-x;
}

/* CONTENUTI BALLOONS */

div.balloon p {
margin: 0;
}

h1 {
margin-top: 0;
margin-bottom: 18px;
padding: 4px;
padding-bottom: 0;
font-size: 1px;
color: #A8C403;
background-color: #A8C403;
clear: both;
height: 30px;
}

div#right h1 {
margin-bottom: 9px;
}

h2 {
margin: 0;
font-size: 1px;
color: #aaa;
border: 0px solid green;
color: #fff;
}

a {
color: #A8C403; 
text-decoration: none;
}

a:hover {
border-bottom: 1px dotted #A8C403;
}

a img {
border:0;
}

/* text navigation */
p#text_nav,
p#text_nav * {
font-size:20px;
color: #888;
}

p#text_nav a {
color: #A8C403;
}

/* start par */

div#intro p {
text-align: justify;
margin-top: 10px;
margin-bottom: 15px;
}

div#intro img { /* bottone */
margin-top: -5px;
}

div.author p,
div.author p * {
text-align: center;
font-size: 10px;
padding: 0;
margin:0;
font-weight: normal;
color: #fff;
}

div#footer p {
color: #F3FFBF;
}

div#right fieldset {
padding: 0;
margin: 0;
margin-bottom: 7px;
border: 0;
}

div#right label {
border: 0px solid red;
width: 50px;
display: block;
float: left;
}

div#right input {
width: 155px;
height: 23px;
float: right;
background-color: #444;
border: 0;
font-size: 14px;
color: #ccc;
padding: 4px 0 0 5px;
}

small {
font-size: 11px;
}

div.advertising small {
color: #999;
}

/* ARCHIVES */
div#right ul {
padding-left: 0;
margin-left: 0;
list-style-position: outside;
list-style-type: none;
margin-top: 0;
}

/* /////////////////////////////////////////////////////////////////////////////
                                     LAYOUT
///////////////////////////////////////////////////////////////////////////// */															


div#header {
position: relative;
width: 940px;
height: 242px;
background-image: url(img/header.jpg);
background-repeat: repeat-x;
background-position: top center;
border: 0px solid red;
left: 50%;
margin-left: -470px;
}

div#header_wrapper {
position: relative;
width: 100%;
background-image: url(img/header_footer.jpg);
background-repeat: repeat-x;
background-position: bottom center;
background-color: #fff;
min-height: 14px;
}

div#intro {
width: 580px;
position: absolute;
top:109px;
left: 335px;
border: 0px solid red;
}

* html div#intro {
width: 327px;
left: 331px;
}

div#container {
width: 940px;
position: relative;
padding-top: 0;
margin: 0 auto;
border: 0px solid darkorange;
}

div#left {
float: left;
width: 660px;
padding: 10px;
border: 0px solid green;
}

/* POST NEW COMMENT */

div#add_comment {
width: 790px;
position: relative;
margin: 0 auto;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 17px;
border: 0px solid darkorange;
}

div#add_comment h1 {
margin-top: 0;
padding: 3px;
background-color: #A8C403;
font-family: "Ubuntu-Title";
font-size: 22px;
color: white;
clear: both;
}

div#add_comment table {
width: 520px;
}

div#add_comment td {
padding: 7px 7px 7px 0;
}

div#add_comment input {
background-color: #ffff99;
border: 2px solid #bbb;
height: 21px;
font-size: 14px;
}

div#add_comment textarea {
background-color: #ffff99;
border: 2px solid #bbb;
font-size: 14px;
}

/* ///////////////////////// POSTS ////////////////////////// */

div.post {
position: relative;
width: 670px;
margin-bottom: 19px;
border: 0px solid pink;
}

/* /////////////////////////BALLOONS ////////////////////////// */

div.balloon {
position: relative;
width: 635px;
float: left;
border: 0px solid pink;
background-image: url(img/balloon.png);
background-repeat: no-repeat;
padding: 15px;
padding-right: 30px;
overflow: hidden; /* testo attaccato lunghissimo */
}

div.balloon_footer {
width: 660px;
height: 30px;
background-image: url(img/balloon_footer.png);
background-repeat: no-repeat;
float: left;
}

p.author {
padding-left: 12px;
color: #888;
}

/* ////////////////// RIGHT SECTION ////////////////// */


div#right {
border: 0px solid red;
float: right;
width: 250px;
float: right;
padding-top: 10px;
}

div#right div.block {
width: 250px;
clear: both;
margin-bottom: 14px;
background-color: #343434;
border: 0px solid red;
}

div.advertising {
width: 250px;
float: right;
margin-top: -9px;
}

div#footer {
margin-top: 86px; /* come padding top container + qualcosa */
background-color: #A8C403;
height: 105px;
padding: 46px 25px 4px 25px;
}

div#footer * {
color: #fff;
}

div#footer a img {
border: 0;
}