/* 
Theme Name: w20
Description: Wordpress Theme
Author: Luca
Version: 1.0.0

*/


/*  The CSS Reset    */  

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,text, strong, sub, sup, tt, var,dl, dt, dd,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
	UTILITY 
*/

.clear{ clear: both; }


img.aligncenter {
	margin: 0 auto;
	display: block;
	}
.alignleft {
	float: left;
	}
img.alignleft {
	float: left;
	margin: 5px 10px 0 0;display: inline;
	}
.alignright {
	float: right;
	}
img.alignright {
	float: right;display: inline;
	margin: 5px 0 0 10px;
	}
	
blockquote {background: #173369 url(images/quote.jpg) no-repeat top left;font-style: italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;;}

/* BODY */

body
{ font-size: 80%; 
font-family: Trebuchet MS, Arial; 
color: #fff; 
/*background:#222222 url(images/body_bg.png) repeat-x scroll center 30px;*/
background:#010101 url(images/bg_style4.jpg) repeat-x scroll center 24px;
}

a:hover 				{ text-decoration:none; color:#BADBF8}	
a 				{ text-decoration:none; color:#fff}		



	
				
/*-----------------------------------------------------------------Start Upper-part Layout-------------------------------------------------------*/
#faro {
background:transparent url(images/faro.png) repeat-x scroll 37% top;
height:62px;
position:fixed;
top:0;
width:100%;
z-index:12;
}

#light {
background:transparent url(images/light.png) repeat-x scroll 37% top;
height:131px;
position:fixed;
top:0;
width:100%;
z-index:10;
}
#light2 {
background:transparent url(images/light.png) repeat-x scroll 37% top;
height:131px;
position:fixed;
top:0;
width:100%;
z-index:10;
}

#light3 {
background:transparent url(images/light.png) repeat-x scroll 37% top;
height:131px;
position:fixed;
top:0;
width:100%;
z-index:10;
}
#light4 {
background:transparent url(images/light.png) repeat-x scroll 37% top;
height:131px;
position:fixed;
top:0;
width:100%;
z-index:10;
}

#cocci{
position:fixed;
top:23px;
}
/* HEADER WRAP */
#header-wrap  {
margin: 0px auto; 
width: 970px; 
height:225px;
}

#logo { 
float:left;
height:60px;
margin-top:24px;
}

#logo h1{
font-size:36px;
font-family:Trebuchet MS; 
text-transform:uppercase;
background: url(images/logo_blog_tr3.png) top center no-repeat; 
text-indent: -9999px;
float:left;
height:246px;
margin:0 auto;
width:970px;
}

#translation_bar{
float:right;
margin:12px 0 0;
padding:0 40px 0;
position:relative;

}

#translation_bar a{
padding:1px;
}
#top-ads {
float:right;
 }

#top-ads img{
padding-top:10px;
}

/* Menu WRAP */ 
#menu-wrap { margin: 45px auto 32px; width: 955px; height:30px;}

#menu-wrap ul{
 float:left;
 }
 
 /*
#menu-wrap ul li {
display:inline;
margin-right:20px;
font-size:14px;
color:#EFBB21;
font-weight:bold;
}*/
/*
#menu-wrap ul li a {padding:1px;line-height:16px;}
#menu-wrap ul li a:hover {color:#EFBB21;text-decoration:underline;}
*/
/*-----------------------------------------------------------------End Upper-part Layout-------------------------------------------------------*/



/*-----------------------------------------------------------------Start Middle-part Layout-------------------------------------------------------*/
 
 /* Content-Area */
 #content-wrap{
background: url(images/container_md.png) top center repeat-y;
 margin: 0px auto; 
 width: 970px; 
 }
 
#content-wrap-top{
background: url(images/container_top.png) top center no-repeat;
 margin: 20px auto 0;
 width: 970px; 
 height:36px;
 }
 
 #content-wrap-bot{
background: url(images/container_bot.png) top center no-repeat;
 margin: 0px auto; 
 width: 970px; 
 height:70px;
 }
 
#content-area{width:921px;margin:0px 25px 0 15px;min-height:400px;padding-top:15px;}
  

/* Category-Nav */
#cat-nav {
/*background:#222222 none repeat scroll 0 0;*/
height:40px;
margin:0 34px;
}
#cat-nav ul {padding-left:10px;margin:0} 
#cat-nav ul li {float:left;display:inline;padding-right:10px;font-size:13px;margin-top:10px;}
#cat-nav ul li a {
color:#F9BF24;
font-size:14px;
font-weight:bold;
line-height:14px;
padding:3px;
text-transform:uppercase;

}
#cat-nav ul li a:hover {

} 


/* Post-wrap */
#post-wrap {float:left;width:590px;margin-bottom:20px}

/* Featured Slideshow Area */ 

#post-featured {background:#0A1B3D;width:590px;height:270px;margin: 0 0 20px 0;float:left }  

.titles-featured a, .titles-featured a:hover, .titles-featured {
display:block;
font-size:20px;
margin-bottom:5px;
margin-left:40px;
margin-top:5px;
width:500px;
}

.featured-inside {
background:#0A1B3D none repeat scroll 0 0;
margin-top:171px;
overflow:hidden;
width:570px;
}

.next-button {
display: none;
position: absolute;
}

.prev-button {
display: none;
position: absolute;
}
#sections {
overflow:hidden;
width: 590px;
height: 240px;
margin: 0px;
float: left;
margin-bottom: 13px;
}

#sections ul {
height: 240px;
margin: 0px;
list-style-image: none;
list-style-type: none;
padding: 0px;
width: 4000px;

}

#sections ul li {
border:10px solid #0A1B3D;
float:left;
height:220px;
margin:0;
padding:0;
width:570px;
}

.post-info {
border-bottom:1px solid #0A1B3D;
border-top:1px solid #0A1B3D;
display:block;
font-size:10px;
padding:2px 0 2px 40px;
}

.post-info-small {
color: #5B6461;
font-size: 10px;
display: block;
width: 228px;
border-top: 1px solid #3B4341;
border-bottom: 1px solid #3B4341;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 0px;
float: right;
}

.post-info a {
color: #6DB9ED;
}

.prev {
display: block;
width: 32px;
height: 32px;
cursor: pointer;
background: url(images/left.png) no-repeat top left;
position: absolute;
top: 186px;
z-index: 1;
left: 10px;
}

.next {
display: block;
background: url(images/right.png) no-repeat top left;
width: 32px;
height: 32px;
cursor: pointer;
position: absolute;
top: 186px;
left: 555px;
z-index: 2;
}


 
/*Blog Entries */
.post {

width:590px;height:auto;margin: 0 0 20px 15px;float:left;display: inline; } 
.post li {margin-left:40px;}
.post ul,ol {margin-top:10px;margin-bottom:10px}
.post h2 {font-size:24px;font-family:Trebuchet MS;padding:10px 0 0 15px;}
.post h2 a{color: #F9BF24;font-weight:normal;}
.post h2 a:hover{color:#EFBB21}

.post a {color:#fff ;font-weight:bold;}
.post a:hover {color:#EFBB21;}
.date {font-size:10px;padding-left:15px;display: inline;} 
.thumbnail {float:left;width:140px;height:140px;margin-left:15px;margin-top:10px;padding-bottom:20px;display: inline;}

.entry {width:390px;float:left;margin:10px;display: inline;}
.entrysearch{float:left;margin:10px}
.searchtitle {margin-left:10px;font-size:20px;margin-bottom:10px;}
.more {background:transparent url(images/button_readmore.gif) no-repeat scroll 0 0;float:right;height:29px;margin-right:10px;padding-left:10px;padding-top:5px;text-align:left;width:90px;}
.more a {color:#EDEFF1;padding-right:20px;font-size:11px;padding-left:7px;} 
.more a:hover {color:#BADBF8}
.meta {float:left;height:41px;background:#000 ;margin:15px 0 10px 15px;width:560px; font-size:12px;display: inline;border:2px solid #000000;}
.cat {background:transparent url(images/cat-icon.jpg) no-repeat scroll 7px 50%;float:left;padding:10px 10px 10px 30px;display: inline;}
.commentcount {float:right;padding:10px 0 10px 30px;width:100px;background:transparent url(images/comment-icon.jpg) no-repeat scroll 7px 50%;margin-right:-15px;display: inline;}
  


/*Single-post */
.single-entry {float:left;margin:15px 15px 10px;padding-bottom:10px;width:555px;display: inline;}
#share {float:left;width:590px;background:#0A1B3D url(images/share-bg.jpg) no-repeat top left;height:166px;margin-bottom:20px;display: inline;}
#share ul{padding-top:50px;margin-left:20px;padding-top:60px;}
#share li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 5px 0 0;}
#post-meta{color:#FFFFFF;font-size:12px;margin-left:20px;margin-top:5px;}

/*Comments */
#comment-wrap {float:left;width:590px;background:#0A1B3D url(images/comment.jpg) no-repeat top left ;display: inline;}
#comment-wrap h3 {color:#FFFFFF;font-size:24px;} 
#commentlist-wrap {float:left;margin-left:20px;margin-top:10px;width:570px;padding-bottom:10px;display: inline;}
.commentlist {float:left;list-style-position:inside;list-style-type:none;margin-bottom:10px;width:555px;display: inline;} 
.comment {background:#173369 none repeat scroll 0 0;border:1px solid #3F86C5;clear:both;float:left;list-style-image:none;
list-style-position:outside;list-style-type:none;margin-bottom:15px;padding-bottom:10px;padding-left:10px;width:540px;display: inline;}
.comment-counts  {padding-top:40px;padding-left:22px;}
.nocomments {padding-left:22px;padding-top:40px}


#comments {margin-top: 30px;}
#commentform {clear: both;float: left;margin-top:10px;display: inline;}
h3.reply-replace{width: 139px; height: 29px;background: url(images/reply.png);text-indent: -9999px;}.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {color:#3F86C5;}
.comment-reply-link:hover {background-color: #7bab96;color: #fff;}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited {color: #fff !important;display: block;font-weight: bold;background-color: #3F86C5;padding: 0px 5px;text-transform: lowercase;font-size: 11px;float: left;clear: both;display: inline;}
.cancel-comment-reply a:hover {background-color: #7bab96;	color: #fff;}
.children .comment {margin-left:20px;margin-bottom:10px; clear:both;width:90%;}
.comment-reply-link, .comment-reply-link:visited {background-color:#3F86C5;color:#FFFFFF !important;display:block;float:right;font-size:11px;font-weight:bold;margin-bottom:20px;margin-right:10px;margin-top:10px;padding:2px 7px;text-transform:lowercase;display: inline;}
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says {color:#FFFFFF;font-style:normal;}
.avatar {height:40px;margin-left:10px;margin-top:15px;width:40px;}

#respond {float:left;margin-bottom:30px;margin-left:10px;margin-top:10px;padding:10px ;display: inline;}
input#author{background:#fff;border:1px solid #3F86C5;color:#173369}
input#email{background:#fff;border:1px solid #3F86C5;color:#173369}
input#url{background:#fff;border:1px solid #3F86C5;color:#173369}
textarea#comment  {font-family:trebuchet MS;font-size:12px;background:#fff;border:1px solid #3F86C5;width:100%;color:#173369}
 
#submit {background: white; padding: 3px 8px;border:none}
#submit:hover {background:#3F86C5;color:#fff}


/*Sidebar */
#sidebar {float:right ;width:305px; height:auto;display: inline;}

/* Feeds */
#feeds {background:#222222 url(images/feeds.jpg) no-repeat center right;height:125px;padding-left:10px;margin-bottom:20px;background-position:right;border:1px solid #5F5959;}
#feeds a {font-size:11px;}
.textarea {background:#222222 none repeat scroll 0 0;color:#DEF0F9;font-size:12px;height:25px;padding-left:10px;padding-top:5px;width:180px;border:none;margin-bottom:5px;margin-top:10px;}
#feeds p {padding-top:10px;}

/*ads*/
#ads-block {background:#222222 ;padding:20px 22px; margin-bottom:20px;border:1px solid #5F5959;} 
.ads {margin-bottom:5px;}

/* Tabber */

#tabs {background:#0A1B3D;margin-bottom:20px;}

#sidebar #tabber {
	margin: 0 0 10px;
	padding: 10px 0 0 0;
list-style-type:none;
background:#222222 ;
float:left;
border:1px solid #5F5959;
	}
#sidebar #tabber li {
	margin: 0;
	padding: 5px 10px 10px;
	background: #222222;
	position: relative;
	border: none;
	}
#sidebar #tabber li li {
	margin: 0;
	padding: 3px 5px;
	background: #1C1C1C;
	width:275px;list-style-type:none; list-style-position:outside;
		border-bottom: 1px dashed #000;
font-size:11px;
	}
#sidebar #tabber ul {
	margin: 7px 0 0;
	padding:0;
	border: none;
	}
#sidebar #tabber .tablist {
	color: #fff;
	font-style: italic;
	position: relative;
	display: block;

	}
* html #sidebar #tabber .tablist {
	display: inline-block;
	}
*:first-child+html #sidebar #tabber .tablist {
	display: inline-block;
	}
#sidebar #tabber .tablist a {
	color: #fff;
	font-style: normal;
	}
#sidebar #tabber .tablist a:hover {
	color:#EFBB21;
	}
#sidebar #tabber .tabber-title {
margin:0 0 0 10px;
padding:4px 10px 4px 10px;
font-size:10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	background: #1C1C1C;
	border: none;
	}
#sidebar #tabber .active,
#sidebar #tabber .tabber-title:hover {
	background: #EFBB21;
	}			
				
/* Widgetize Area */			

#mini-side {background:#fff;height:400px;}
#mini-left {float:left;height:auto;width:145px;}
#mini-right {float:right;height:auto;width:145px;}
.widget {background:#0A1B3D;margin-bottom:20px;padding-bottom:10px}
.widget-title {background:#02102B none repeat scroll 0 0;float:left;height:30px;margin:10px 0 5px 12px;width:120px;display: inline;}
.widget-title h2 {color:#BADBF8;font-size:12px;padding:5px 0 0 10px;}
.widget ul {list-style:disc inside;padding-left:15px}
select#cat {margin:10px;width:130px;}
/*----------------------------------------------------------------End Middle-part Layout-------------------------------------------------------*/



/*-----------------------------------------------------------------Start Bottom-part Layout-------------------------------------------------------*/

/*Footer Area */ 
#footer {background:url(images/footer-bg.jpg) repeat-x; height:393px;border-top:1px solid #4089C9}
#bottombar {width:970px;margin: 0 auto;height:393px;}
#bottom-widget{float:left;width:970px;margin-top:20px;display: inline;}
#credit {color:white;float:left;height:60px;margin-top:22px;width:970px;}
#credit p {color:#325BA9;font-size:11px;margin-left:30px;margin-top:10px;}
#credit a {color:#325BA9;}
#credit a:hover {color:#4089C9}

/*Bottom-Widget */  
#twitter-wrap {width:240px;background:url(images/twitter.jpg);height:255px;float:left;margin-left:20px;display: inline;} 
#twitter-inside {float:left;font-family:georgia;font-size:14px;font-style:italic;margin-left:25px;margin-top:90px;width:200px;color:#65D1FD;display: inline;}
.twitter a {color:#FCD535;float:left;font-size:16px;margin-top:10px;padding-left:130px;display: inline;}
.twitter a:hover {color:#BADBF8}
.twitter-link a{color:#fff}

#search-wrap {width:257px;background:url(images/search.jpg) repeat scroll 0 2px;height:255px;float:left;display: inline;}
#search-inside{float:left;display: inline;}
form#search-inside{ margin:10px;padding-left:35px;padding-top:120px;}
input#s {width:170px;}
input#searchsubmit {background:#4585BD none repeat scroll 0 0;color:#0A1B3D;margin-top:5px;border:none;height:20px}
input#searchsubmit:hover {background:#F5AC11;color:#0A1B3D;}

#flickr-wrap {width:442px;background:url(images/flickr.jpg);height:293px;float:left;display: inline;}
#flickr-inside {float:left;margin-left:40px;margin-top:100px;display: inline;}
img#flickr-inside {margin:5px;}

/*----------------------------------------------------------------End Bottom-part Layout-------------------------------------------------------*/