@charset "UTF-8";
/* CSS Document - LAYOUT */
/* author: alessandro descovi with fleka */
/* start work: 18 may 2010 */

/* 
qui ci vanno
margin
padding
position
width
height
top-left-right-bottom
display
*/


* {
    margin:0px;
    padding:0px;

}
html, body {height: 100%;}

.wrapper {
    margin:0 auto;
    width:980px;
    position:relative;
}
/* HEADER --------------------------- */

#header {
    height:100px;
}
#header ul {
    position:absolute;
    right:25px;
    top:20px;
    padding-left:10px;
    padding-right:10px;
}
#header li {display:inline;}
#logo {
    background-color:red;
}
#logo a {
    display:block;
    width:81px;
    height:30px;
    position:absolute;
    left:23px;
    top:30px;
    outline:none;
}

/* ELEMENT OF ALL PROJECT |||||||||||||||||||||||||||||||||||| */

/* BOX PROGETTI TMB -------------- */
.box_tmb{
	margin:2px;
	padding:0;
	float:left;
}
.project_tmb{
	position:relative
}
.titolo_tmb{
	position:absolute; top:10px; left:10px; background-color:white; white-space:nowrap; padding:4px 5px 4px;
}
.img_tmb {
	display:block;
	border:none;
}
/* BOX PROGETTI ------------------ */
.box {
    margin-bottom:40px;
    height:490px;
    width:auto;
    position:relative;
}
.project {
    /*position:absolute;*/
    width:980px;
}
.project li {
    display:block;
    position:absolute;
	padding-bottom: 8px;
}
.titolo {
    top:20px;
    left:20px;
    width:auto;
    height:27px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}

.data {
    padding-right:15px;
    padding-left:15px;
    height:20px;
    padding-top:7px;
    top:67px;
    left:20px;
}

.testo {
    width:150px;
    height:auto;
    top:104px;
    left:20px;

    padding-left:50px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:15px;

}

.ilike{
    height:20px;
    padding-top:7px;
    padding-left:15px;
    padding-right:15px;
    right:20px;
    top:20px;
}

/* BOX PROGETTI SUB MENU --------- */
#sub_menu {position:absolute; right:25px; top:55px; white-space:nowrap}
#sub_menu ul{ padding-left:10px;    padding-right:10px;  float:left}
#sub_menu li{display:inline; }


/* ELEMENT OF SINGLE PROJECT |||||||||||||||||||||||||||||||||||| */

/* CONTENT ----------------------- */

.content {
    position:relative;
    width:980px;
    height:auto;
    margin-bottom:10px;
    float:left;
}
#content-wrapper {
}

/* DESCRIPTION ------------------- */

.description {
    position:absolute;
    left:20px;
    width:600px;
    
}
.description h3 {
    /*display:inline;*/
    width:600px;
    display:block;
    padding-top:10px;
    padding-bottom:5px;
}
.date {
    padding-top:16px;
}
.description h4 {
    margin-top:20px;
}
.date  {
    position:absolute;
    right:0px;
    top:0px;
}
.description li {
    margin-left:20px;
}
.description p, .description ul {
    margin-top:10px;
    margin-bottom:10px;
    
}
.img img{margin-bottom:0px;}
.img p{margin-top:0px;}


/* SIDEBAR ----------------------- */
.sidebar {
    position:absolute;
    top:0px;
	left:665px;
    width:295px;
    
}
.sidebar h3 {
	clear:both;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:5px;
    margin-bottom:20px;
	white-space:nowrap;
    /*margin-right:20px;*/
}
.sidebar ul{
    margin-bottom:10px;
}
.sidebar_dati ul {
    display:block;
    width:90px;
    margin-right:0px;
   /* float:left;*/
    /*padding-left:5px;*/
}
#sidebar_role {

}
.sidebar_dati li {

}
#sidebar_media  {
    border:none;
    padding-left:0;
    margin-top:20px;
    clear:both;
    /*display:inline;*/
    width:auto;
	height:120px;
}
#sidebar_author{
	  width:auto;
}
#sidebar_media li{
	display:block;
	float:left;
	margin-right:4px;
}
#sidebar_author li {
	display:block;
	float:left;
	margin:2px;
}

.sidebar_datiSocial ul {
    clear:both;
    padding-top:20px;
	
}
.sidebar_btnSocial{
	margin-top:10px;
}
.sidebar_btnSocial li {
    float:left;
    margin-right:6px;
    margin-top:0px;
}
.sidebar_btnSocial li a {
	text-indent:-9999px; display:block; width:32px; height:32px; 
}
.sidebar_datiSocial h4{
    clear:both;
}
    
/* ELEMENT FOOTER ||||||||||||||||||||||||||||||||||||||||||||||| */

/* FOOTER ------------------------- */
.clear_children,.cc_tallest { position: relative; }
.cc_tallest:after { content: ''; }
#footer-wrapper p {
}
#footer {
	width:630px;
}
.footer-wrapper{
	background-color:black;
	padding-top:20px;
	padding-bottom:20px;
}
/* Milos ||||||||||||||||||||||||||||||||||||||||||||||| */

#extra1 {
	background:#333;
	width:auto;
	height:10px;
}

#extra3 {
	background:#000;
	width:auto;
	height:250px;
}

/* WORKS ------------------------- */

#drawing-wrapper-works  {
	background:url("../img/drawing_works.gif") repeat-x scroll center bottom transparent;
	height:342px;
	margin-top:200px;
	width:auto;
}
#footer-wrapper-works  {
	background:#000;
	height:100px;
	margin:0px auto;
	padding:50px 0 0 50px;
	
}

/* end WORKS ------------------------- */

/* SINGLE PROJECT  ------------------------- */

#drawing-wrapper-single {
	background:url("../img/drawing_single.gif") no-repeat scroll center center transparent;
	height:1500px;
	margin-top:-1150px;
	width:auto;
}
#footer-wrapper-single  {
	background:#1b1c20;
	height:100px;
	margin:0px auto;
	padding:50px 0 0 50px;

}

/* end SINGLE PROJECT------------------------- */
/* LIVE  ------------------------- */
#drawing-wrapper-live {
	background:url("../img/drawing_live.gif") no-repeat scroll center bottom transparent;
	height:1500px;
	margin-bottom:-294px;
	margin-top:-1070px;
	width:auto;
}
#footer-wrapper-live  {
	margin:12px auto;
	padding:220px 0 0 10px;
	text-align:justify;
	width:980px;
	background-color:transparent;
}
/* end LIVE ------------------------- */

/* ABOUT ------------------------- */
#drawing-wrapper-about {
	background:url("../img/drawing_about.gif") no-repeat scroll bottom center transparent;
	height:1200px;
	margin-top:-1100px;
	width:auto;
}
#footer-wrapper-about  {
	background:url("../img/footer_about.gif") no-repeat scroll bottom center transparent;
	height:75px;
	margin:0px auto;
	padding-top:0;
	padding-bottom:0;
}
#footer-about  {http://www.google.com/support/accounts/bin/answer.py?answer=97703&hl=it
	width:980px;
	height:75px;
	margin:0px auto;
	}
/* end ABOUT ------------------------- */

/* PEOPLE */
#drawing-wrapper-people{
	background-image:url("../img/footer_people_bg.gif");
	background-position:center;
	width:auto;
	height:467px;
	display:block;
	margin-top:100px;
	background-repeat:repeat-x;
	position:relative;
}
#footer-wrapper-people p{
	background-color:black;
	padding-top:10px;
	height:30px;
}
/* PEOPLE_SINGLE */
#drawing-wrapper-people_single{
	background-image:url(../img/footer_people_bg.gif);
	background-position:center;
	height:467px;
}
#footer-wrapper-people_single{
	background-color:black;
	padding-top:10px;
	height:30px;
}
/* INDEX - SPREAD*/

#content-wrapper-index{
	min-height:100%;
	/*position:relative;
	height:auto;*/
}
#wrapper-index{
	padding-bottom:116px;
	overflow:auto;
}
#spread_cont{
}

#drawing-wrapper-index{
	z-index:-10;
}
#footer-wrapper-index{
	background-image:url("../img/footer_index.gif");
	background-repeat:repeat-x;
	background-color:transparent;
	width:100%;
	height:116px;
	margin-top: -116px; /* negative value of footer height */
	clear:both;
	position:relative;
	padding-top:0;
	padding-bottom:0;
}
#footer-wrapper-index p {
	padding-top:80px;
}
#footer-index {
	/*background-color:black;
	position:relative;
	top:62px;
	padding-bottom:20px;*/
}

#footer-index p {
}

#extra-bottom {
	background-color:#000;	
}


/* SPREAD STATS*/
#drawing-wrapper-spread{
	height:116px;
	background-image:url("../img/footer_index.gif");
	background-repeat:repeat-x;
	background-position:center;
}
#footer-wrapper-spread{
	background-color:black;
}
#footer-wrapper-spread p {
	padding-bottom:50px;
}


/*singol person*/
.drawing-wrapper-class{
	background-position:center;
}
#drawing-wrapper-person-bojan{
	background-image:url(../img/people_bojan.gif);
	height:444px;
}
#drawing-wrapper-person-dorde{
	background-image:url(../img/people_dorde.gif);
	height:300px;
}
#drawing-wrapper-person-milica{
	background-image:url(../img/people_milica.gif);
	height:496px;
}
#drawing-wrapper-person-vera{
	background-image:url(../img/people_vera.gif);
	height:478px;
}
#drawing-wrapper-person-mattia{
	background-image:url(../img/people_mattia.gif);
	background-position:bottom center;
	height:500px;
}
#drawing-wrapper-person-alessandro{
	background-image:url(../img/people_alessandro.gif);
	height:372px;
}

#drawing-wrapper-person-giuseppe{
	background-image:url("../img/footer_people_bg.gif");
	height:467px;
}

#drawing-wrapper-person-milos{
	background-image:url("../img/footer_people_bg.gif");
	height:467px;
}

#drawing-wrapper-person-{
	background-image:url("../img/footer_people_bg.gif");
	height:467px;
}