@charset "utf-8";

/* CSS Document





theme name: blogcantiere







by:Orel







 */

* 

{

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}

body

{

background-color:#fff;

background-image:url(images/body-bg.jpg);

background-repeat:repeat-x;

margin:auto;

color:#757072;

font:14px  Verdana,Helvetica, sans-serif,Arial;






}


.bar

{

width: 195px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}
.destra

{

width: 180px;

padding-top: 0px;

padding-right: 15px;

padding-bottom: 0px;

padding-left: 30px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

.sinistra 

{

width: 195px;

padding-top: 0px;

padding-right: 0pt;

padding-bottom: 0px;

padding-left: 15px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

}

.left-flotter

{

float: left;

}


#main_content {

	width:100%;

height:auto;

}

#header {

background-image:url(images/body-bg.jpg);

background-repeat:repeat-x;

width:100%;

height:104px;

}


a 

{

font-family: "Tahoma",Arial,Helvetica,sans-serif;

font-size: 12px;

color: #000000;

text-decoration: none;

}

a:hover 

{

color: #333333;

text-decoration: none;

}

.sidebar a 

{

font-size: 11px;

text-decoration: none;

}



#content_header {

background-image:url(images/body-bg.jpg);

background-repeat:repeat-x;

width:1150px;

height:120px;

margin:auto;

}

#under_header {

width:100%;

height:170px;

}

#navigation {

width:1000px;

height:100px;

float:left;

}

#bienvenue {

margin:auto;

width:1000px;

height:170px;

}



#navigation ul li {

float:left;

list-style-type:none;

width: 50px;

height:80px;

}

#navigation ul li.spacer {

background:url(images/nav-sep.jpg) bottom left;

background-repeat:no-repeat;

width:120px;

height:80px;

text-align:center;

}

#navigation ul li a {

/*padding-right: 40px;*/

padding-bottom: 0px;

/*padding-left: 40px;*/

padding-top: 50px;

text-decoration: none;

color: #8d898b;

height: 38px;

float: left;

width:120px;

}

#navigation ul li a:hover, #navigation ul li a.active {

background-color: transparent;

background-image: url(images/nav-hover.jpg);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: left -1px;

font-weight:bold;

}

#logo {

background-image:url(images/topcantierelogo.png);

background-repeat:no-repeat;

width:208px;

height:104px;

float:left;

}

div #linkheader {

width:208px;

height:104px;

display:block;

}

#background {

width:100%;

height:auto;	

}

#container {

background-color: #fff;

background-image: url(images/container-bck.jpg);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: left 13px;

position: relative;

width:100%;

height:auto;

}

#containerbis {

width:1000px;

height:100%;

margin:auto;

}

#containerbisarchive {

width:1000px;

height:1500px;

margin:auto;

}



.cadre_bienvenue {

background-image:url(images/h-welcome.jpg);

background-repeat:no-repeat;

width:150px;

height:170px;

float:left;

font:10px;



}



.bienvenue_center {

background-image:url(images/center.jpg);

background-repeat:no-repeat;

width:700px;

_width:697px;

height:170px;

float:left;

}

.bienvenue_right {

background-image:url(images/h-welcomeright.jpg);

background-repeat:no-repeat;

width:145px;

height:25px;

float:left;

font-size:9px;

padding-top:145px;

padding-left:5px;

}

.bienvenue_right a {

	

color:#8E898B;

}

.bienvenue_right a:hover {

	text-decoration:none;

color:#000;

}

.tasse {

background-image:url(images/tasse_rss.png);

width:150px;

height:120px;

float:left;

}

#linktasse {

width:150px;

height:120px;

display:block;

}

#box_footer {

width:100%;

height:100%; 

float:left;

}

#footer {

background-color: transparent;

background-image: url(images/footer.jpg);

background-repeat: repeat-x;

height: 399px;

}

.white-image {

background-image: url(images/footer.png);

background-repeat: no-repeat;

height: 49px;

width:500px;

background-color: transparent;

position:relative;

top:-10px;

left:23%;

padding-top:10px;

}

#ombre {

background-image:url(images/container-bgs.jpg);

background-repeat:no-repeat;

width:1000px;

height:25px;



}

#content {

width:500px;
height:auto;

float:left;

margin-right:10px;

}

.post {

background-image:url(images/cadre12.png);

background-repeat:no-repeat;

width:500px;

height:400px;

float:left;

margin-right:10px;

padding-bottom:20px; 

}

.post_single{



background-image:url(images/cadre123.png);

background-repeat:no-repeat;

width:500px;

height:100%;

float:left;

}

.post_page{



background-image:url(images/cadre1page.png);

background-repeat:no-repeat;

width:500px;

height:100%;

float:left;

}



#top-sidebar {

background-image:url(images/sidebar.png);

background-repeat:no-repeat;

width:284px;

height:20px;



}

#bottom-sidebar {

background-image:url(images/sidebar-bottom.png);

background-repeat:no-repeat;

width:284px;

height:20px;



}

#content-sidebar {

border-right:solid 2px;

border-left:solid 2px;

border-color:#fff;

width:280px;



background-color:#E1E5E5;



 }

#sidebar {

width:280px;

height:100%;

float:left;

}
.sidebar ul li ul li a{
  background : url(images/foglio_ico.gif)  12px 9px no-repeat;
  color:#000;
  display:block;
  margin:0px;
  height:auto !important;
  height:18px;
  min-height:18px;
  padding:4px 0px 4px 24px;
  text-decoration:none;
  border-bottom:1px solid #dfdfdf;
}
.sidebar ul li ul li a:hover{
  color : #999;
  
}

#sidebar ul {

list-style-type: none;

}

#top-sidebarbis {

	font-size:25px;

padding-left:30px;

font-weight:bold;

color:#000;

}

#search {

background-image:url(images/search.png);

background-repeat:no-repeat;

width:300px;

height:100px;

margin:auto;

}

.insert_search {

width:165px;

height:25px;

margin-left:15px;

margin-top:35px;

border:none;

font-size:20px;

}

.insert_submit {

width:50px;

height:50px;

margin-left:20px;

border:none;

cursor:pointer;

}

.pointille {

background-image:url(images/pointille.jpg);

width:280px;

height:10px;

}

#top_flickr {

background-image:url(images/cadre_flickr.jpg);

background-repeat:no-repeat;

width:260px;

height:15px;

}

#content_flickr {

width:260px;

height:180px;

background-color:#FFF;

padding-top:10px;

}

#bottom_flickr {

background-image:url(images/cadre_flickr1.jpg);

background-repeat:no-repeat;

width:260px;

height:15px;

}

#flickr {

width:260px;

height:260px;

margin-left:10px;

margin-top:10px;

}

.titre_flickr {

background-image:url(images/flickr.png);

background-repeat:no-repeat;

width:260px;

height:40px; 

}



#sidebarbis {

width:190px;

_width:180px;

height:100%;

float:right;

}

h3.title-guide {

	color:#8E898B;

padding-top:30px;

}

h3.title-guide a {

	color:#8E898B;

text-decoration:none;

}

h3.title-guide a:hover {

	color:#000;

text-decoration:underline;

}



#tag {

background-image:url(images/carre_blanc.jpg);

background-repeat:no-repeat;

width:270px;

height:250px;

border-color:#E1E5E5;

margin-left:5px;

margin-top:10px;

}

.boximg{

width:261px;

height:150px;



}

.sb-flickr 

{

padding: 0px;

text-indent: none;

 list-style-type:none;

 display:inline;

}

.sb-flickr a, li.sb-flickr a:hover, li.sb-flickr a:visited {

text-decoration: none;

border: none !important;

padding:0px;

background:transparent !important;

}

.sb-flickr a img {

 border: 4px solid #000000;

 margin: 0px 2px 2px 2px;

 }

.sb-flickr a:hover img {

 border: 4px solid #FFF;

 margin: 0px 2px 2px 2px;

 }



.boxtitle {

width:500px;

height:120px; 

}

.boxtitle h3 {

width:50px;

padding-top:20px;

padding-left:10px;

text-align:center;

}

.calendar {

width:70px;

height:100px;

float:left;

margin-right:20px;





}

.calendar h3 {

padding-top:20px;

}

.title h1 {

font-size:23px;





}
html>body .title {
width:400px;
height:120px;
}
.title {

width:450px;

_width:400px;

height:120px;

_height:100%;

/*text-align:center;*/

}





.title_page {

width:480px;

_width:380px;

height:120px;

text-align:center;

}
.p p {

width:480px;

padding-left:10px;
text-align:justify;
font-size:12px;

}
.p  {




}


.pa p {

width:480px;

padding-left:10px;
background-color:#ffffff; 
text-align:justify;
font-size:12px;

}
.pa  {


background-color:#ffffff; 


}

.ligne {

background-image:url(images/ligne.png);

background-repeat:no-repeat;

width:350px;

height:5px;

margin-left:75px;

}

.ligne-guide {

	

background-image:url(images/ligne-guide.png);

background-repeat:no-repeat;

width:150px;

height:5px;

margin:10px 0px 10px 25px;



}

.clear{

float:none;

}

h1 a , h3 {

	color:#000;

text-decoration:none;

padding-top:5px;

padding-bottom:5px;

}

h2{
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-size : 13px;
  font-weight : bold;
  padding: 8px 0 6px 35px;
  margin:0;
  background : url('images/freccia_grigia.gif') 10px 2px no-repeat;
  width : auto;
  color:#0067C6;
  border-bottom:1px solid #dfdfdf;
}

h1 {

	padding-top:20px;

font-size:25px;

}

.pointi {

background-image:url(images/pointi.png);

background-repeat:no-repeat;

width:500px;

height:5px;

margin-top:10px;



}

.mostcommented {

background-image:url(images/mostcomment.png);

background-repeat:no-repeat;

width:270px;

height:30px;

margin-left:5px;

margin-bottom:20px;

margin-top:20px;

}





.commenti {

	

background-image:url(images/PostCom.png);

background-repeat:no-repeat;

width:110px;

height:13px;

font-weight:bold;

font-size:12px;

padding-left:20px;

float:right;

}

.commenti a {

	color:#8E898B;

text-decoration:none;

}

.categoria {

background-image:url(images/PostCom.png);

background-repeat:no-repeat;

width:180px;

height:12px;

	float:left;

font-weight:bold;

font-size:13px;

padding-left:20px;

margin-left:10px;



}

.categoria a {

	color:#8E898B;

text-decoration:none;

}

/*comments.php*/





#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

	background: #fff;

	border: 1px solid #333;

	padding: .2em;

}



#commentform textarea {

	width: 100%;

}



#commentlist li ul {

	border-left: 1px solid #ddd;

	font-size: 110%;

	list-style-type: none;

}



#commentlist li .avatar {

	float: left;

	margin-right: 25px;

	border: 1px dotted #ccc;

	padding: 2px;

width:50px;

height:100%;

}

ol#commentlist {

	padding:10px 0px 20px 0px; 

}

.comment_box {

	width:496px;

height:100%;

background-color:#F0F0F0;

border-right:solid 2px;

border-left:solid 2px;

border-bottom:solid 2px;

border-color:#BCBCBC;

}

.comment_top {

	

background-image:url(images/comment.png);

background-repeat:no-repeat;

width:500px;

height:50px;

}

.comment_text  {

width:400px;

padding-bottom:10px; 

float:left;





}

/*mostcomment*/

li.most a {

text-decoration:none;

color:#8E898B;

	

}

li.most a:hover {

text-decoration:underline;

color:#f5b952;

	

}



li.most {

	padding-left:20px;

font-weight:bold;

font-size:15px;

}



#followme {

	width:280px;

height:100%;

padding-bottom:50px;



}

#facebook {

background-image:url(images/facebookshadow.png);

background-repeat:no-repeat;

	width:140px;

height:70px;

float:left;

}

#linkfacebook {

width:140px;

height:70px;

display:block;

}

#linktwitter {

width:140px;

height:70px;

display:block;

}





#twitter {

background-image:url(images/twitter.png);

background-repeat:no-repeat;

	width:140px;

height:70px;

float:right;

}



.listpage {

background-image:url(images/mylistpage.png);

background-repeat:no-repeat;

width:270px;

height:30px;

margin-left: 5px;

margin-bottom: 20px;

margin-top: 20px;

}

/*.list_pages  {

	width:260px;

_width:280px;

font-weight:bold;

font-size:15px;

}*/

.list_pages li a {

	text-decoration:none;

color:#8e898b;

}

/*.list_pages  li{

list-style-type:square;

margin-left:30px;



}*/

.list_pages li a:hover {

text-decoration:underline;

}









.mycategorie {

background-image:url(images/mycategories.png);

background-repeat:no-repeat;

width:270px;

height:30px;

margin-left: 5px;

margin-bottom: 20px;

margin-top: 20px;

}







.categorie {

	width:260px;

font-weight:bold;

font-size:15px;

}

.categorie a {

	text-decoration:none;

color:#8e898b;

}

.categorie li {

	list-style-type:none;

margin-left:90px;

}

.categorie li a:hover {

text-decoration:underline;

}

.navig {

	width:165px;

height:50px;

margin:auto;

margin-top:25px;

}