/*
Theme Name: il Tema di janx.it
Author: janx.it
Author URI: http://www.janx.it
Version 3.0

*/

@import "reset.css";

*											{ margin: 0; padding: 0; }
html 										{ overflow-x: hidden; }
html, body 							{ height:100%; }
.screen-reader-text 				{ position: absolute; left: -9999px; top: -9999px; }
.clear 									{ clear: both; }
.group:after 							{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
li.pagenav, li.linkcat 				{ list-style: none; }
/*	##################################
        LINKS E ANCORE
	################################## */

a 											{  text-decoration: none; color: #7787A0; }
a:hover 									{ color: #566175; }
.ancora 									{ position:absolute; left:-9999px; }
.cima 									{ margin-top:1em; border-top:1px solid #eeeeee; text-align:right; font-size: 11px; padding-top:0.2em; }
a#top 									{ margin: 0; padding: 0; }
.top, .top a, .top a:hover 		{ padding-right:10px; text-align:right; color:#547691; font-weight:normal; font-size: 10px; }
.goto, .goto a, .goto a:hover 	{ margin-top:10px; padding-right:10px; text-align:center; color:#888888; font-weight: normal; font-style: italic; font-family: Georgia, serif; font-size: 1em; }

/*	##################################
        LAYOUT 
	################################## */

body										{ font: 12px/1.4 Verdana, serif; background:#acccc7; }
/*	##################################
         navigazione
	################################## */
#navcontainer 						{ color: #000000; margin: 0; padding: 0; width: 100%; height: 48px; display: block; position: relative; background: url(immagini/menu2-gimp.gif) repeat-x; }
#navcontainer ul 					{ height: 48px; list-style: none; padding: 0; position: relative; width: 960px; margin: 0 auto; }
#navcontainer li 						{ display: inline; float: left; text-align: center;}
#navcontainer a 						{ margin-top: 5px; width: 100px; height: 27px; display: block; background: url(immagini/normal-gimp.gif) no-repeat left top; position: relative; text-decoration: none; padding-top: 7px; font-size: 12px; color: #3C3C3C; text-align: center; }
#navcontainer ul li a:hover,
body#portfolio-new #navcontainer ul li.current_page_item a,
body#viaggi #navcontainer ul li.current_page_item a,
body#mountain-bike #navcontainer ul li.current_page_item a,
body#racconti #navcontainer ul li.current_page_item a,
body#gallery #navcontainer ul li.current_page_item a,
body#musica #navcontainer ul li.current_page_item a,
body#home #navcontainer ul li.home a 	{ background: url(immagini/hover-gimp.gif) no-repeat left top; color: #4d4d4d; }

/*	##################################
   	header
	################################## */

.inside 									{ width: 960px; margin: 0 auto; position: relative; }

#header .inside 						{ background: #fff; height: 180px; position: relative; text-align: left; border-left: 6px solid #eee; border-right: 6px solid #eee; border-bottom: 6px solid #eee; display: block; overflow: hidden; }
#header 								{ }
			
	/*	##################################
   	inside header
	################################## */		
#logo 								{ float:left; width: 600px; height: 131px; position: relative; overflow: hidden; margin:0; padding:0; border-right: 6px solid #eee; border-bottom: 6px solid #eee; border-top: 3px solid #eee; background:url(loghi/biblio-logo.jpg) top left no-repeat;}
#janx 									{  float:right; position:relative; width: 300px; height: 131px; overflow: hidden; border-left: 5px solid #eee; border-bottom: 6px solid #eee; background: #fff; border-top: 3px solid #eee; }
#janx img 								{ position: relative; border:none; }
.adesione span						{ position: relative; color: #717865; letter-spacing: 1px; text-align: left; padding: 3px; font-style: italic; font-size:14px; font-family:Georgia; padding-bottom:3px; visibility:hidden; }
.adesione p 							{ font-style: italic; font-size:14px; font-family:Georgia, serif; color: #acccc7; padding-right:3px; padding-left: 3px; }
#top-nav 								{ position: absolute; top: 144px; right: 0; margin: 0; padding: 0; list-style: none; font-size:1em; padding-right:5px; }
#top-nav a 							{ font-weight:normal; color:#7787A0; }
#top-nav a:hover 					{ text-decoration:none; color: #acccc7; border-bottom: 1px dashed #acccc7; }
#top-nav li 							{ float: left; margin: 0 0 0 10px; }
#top-nav li#rss 						{ padding: 0 0 0 14px; background: url(immagini/34.png) no-repeat left center; }

/*	##################################
   	immagini logo
   	################################## */

body#home #logo { background:url(loghi/home-logo.jpg) top left no-repeat; }
body#portfolio-new #logo { background:url(loghi/biblio-logo.jpg) top left no-repeat; }
body#viaggi #logo { background:url(loghi/viaggi-logo.jpg) top left no-repeat; }
body#racconti #logo { background:url(loghi/racconti-logo.jpg) top left no-repeat; }
body#mountain-bike #logo { background:url(loghi/mtb-logo.jpg) top left no-repeat; }
body#gallery #logo { background:url(loghi/gallery-logo.jpg) top left no-repeat; }
body#musica #logo { background:url(loghi/logo-music.jpg) top left no-repeat; }


/*	##################################
   	pagina - container - content - push
   	################################## */


#page-wrap		    				{ width: 960px; margin: 0 auto -100px;  min-height: 100%; height: auto !important; height: 100%; border-left: 6px solid #eee; border-right: 6px solid #eee; background:#fff; }
#push 									{ height:100px;  }
#container 							{ padding:0; width:960px; overflow:hidden; }
#content 								{ float: left; width: 605px; margin-bottom: 10px; margin-top: -5px; overflow:hidden; background: #FBFCFD; }

/*	##################################
       sidebar
	################################## */
#sidebar 								{ float: right; width: 300px; overflow:hidden; margin-bottom: 10px; margin-top:15px; background: #FFFFFF; border:3px solid #eee;  border-right:none; }
#sidebar li, #sidebar li ul 		{ list-style:none; }
#sidebar ul.sidenav 				{ list-style-type: none; }
.sidenav 								{ float:left; display:block;width:300px; margin-left:0; }
	.sidenav ul 						{ list-style:none; margin:0; padding:0; }
	.sidenav li 							{ margin:0; padding:0; }
	.sidenav li a, 
	.sidenav li.current-cat a:hover, 
	.sidenav li.current_page_item a:hover 	{ display:block; font-size:12px; text-align: left; padding:0 5px 0.5em; background-color:#a8b7d0; text-decoration:none; color:#4d4d4d; border:3px solid #eee; border-right:none; line-height:1.8em; }
	.sidenav li a:hover, 
	.sidenav li.current-cat a, 
	.sidenav li.ora a,
	.sidenav li.current_page_item a, 
	body#home #sidebar .sidenav li.home a { background-color:#acccc7; color:#666666; }
	.sidenav li.titolo, .sidenav li.linkcat h2 { margin:0; padding:0; font-size:12px;text-align:center; background-color:#6a667d;border:3px solid #eee; border-right:none; color:#eeeeee; line-height: 1.8em; }


/*	##################################
  			 footer
	################################## */
#footer-wrap 							{ height:100px; background:#acccc7; }           
#footer 									{ height:100px; width: 960px; margin: 0 auto; text-align: center; color: #808080; font-size: 1em; background:#ffffff; border-left: 6px solid #eee; border-right: 6px solid #eee; border-top: 6px solid #eee; }

#footer p 								{ padding: 10px 0 10px 0; margin: 0; text-align: center; color: #4d4d4d; letter-spacing: 2px; }

				
/*	##################################
   	SEARCH
	################################## */				
#searchform 							{ line-height: 3em; padding-left:2px; }

/*	##################################
   	HEADINGS
	################################## */


h1                 						 { color: white; padding: 10px; }

h1#blog-title 							 { visibility:hidden; }

h2#blog-description 				{ visibility:hidden; }

#post-2 h3.post-title 				{ visibility:hidden; }

h3.category-title 					{ text-transform: uppercase; font-size:12px; }
																		

	
	
h2.title a {
	border-bottom: 1px solid #eee;
	width:600px;
	height:12px;
}

h3.post-title {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color:#7787a0;
}
h3.racconti {
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	color:#7787a0;
}

h3.search {
	margin: 10px;
	padding: 10px;
	font-size: 0.9em;
	font-weight:bold;
	font-style:italic;
	color:#7787a0;
}


h3.post-title a {
	text-decoration: none;
	color:#7787a0;
}

h3.post-title a:hover {
	text-decoration: none;
	color:#7787a0;
	border:1px dotted #7787a0;
}


h1.nulla { visibility: hidden; }
									

.foto { padding-top:5px; text-align:center; }
p.face { padding-top:5px; padding-bottom:5px; text-align:center; }


/*	##################################
   tipography
	################################## */
	p {
	text-align: justify; 
	color:#3c3c3c;
	}
	.diario {
	color:#66666;
	padding-top:5px;
	font-weight: bold;
	}
	.alieni {
	text-transform: uppercase;
	background-color: #e2e2e2;
	padding:5px;
	}
	h4
{
	font-weight: bold;
	font-size: 1em;
	color: #4C4C4C;
	text-align: left;
	margin: 0;
	padding: 0;
}
.page-quote {
	margin: 0px 10px 0px 10px;
	padding: 10px;
	color: #888888;
	background-color: #F8F8F8;
	border: 4px solid #E2E2E2;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-align: justify;
	font-size: 1em;
}

.prossimo {text-align:center;}

/*	##################################
   	CONTENT
	################################## */
	
/** CONTENT LEFT e meta */

.post, .page {border-right:5px solid #eee; border-top:5px solid #eee; border-bottom:5px solid #eee; }
	
.box-left, .post, .page {
	margin: 0 0 5px 0;
	padding:10px;
}

.sticky {
	padding: 20px;
	border: 1px dotted #ccc;
}

.meta {
	clear: both;
	padding: 10px;
	background: #fff url(img/bg-meta.gif) repeat-x left top;
	color: #5e5e5e;
}

.archivio-contenuto {margin-left:10px; }
/*	##################################
   	TIPOGRAFIA VARIA E RELATIVA A PLUGINS
	################################## */
p.portfolio { font-family: Georgia; font-style: italic; font-weight:bold; font-size: 1.1em; color:#acccc7; padding-left:20px; }
ul.elenco { font-family: Georgia; color:#acccc7; margin-left:40px; padding:10px; }
ul.elenco li { font-family: Georgia; font-style: italic; list-style: circle; font-size: 1.1em; color:#acccc7; }
a.ngg-album-desc { font-size:0.7em; letter-spacing: normal; }
.piclenselink { display: none; }
.slideshowlink { margin-bottom: 5px; padding-bottom: 5px; }
h4.musica { font-family: Georgia, Serif; font-style: italic; font-size: 12px; color: #6a667d;}