/*
Theme Name: Giovanni Pelosini Blog
Theme URI: http://studiocomunico.com
Description: Giovanni Pelosini blog graphic
Author:studiocomunico
Author URI: www.studiocomunico.com
version: 1.0
*/

/* basics 
------------------------------------------------------------------------------------------------------ */
	*{margin:0; padding:0;}
	
	body{font-family:"Trebuchet MS"; /*font-size:8pt; */font-size:13px; margin:20px; background-image:url(images/bg_page.jpg); background-repeat:repeat-x; background-color:#22578d; margin:0; padding:0}
	
	h1{font-size:18pt}
	h2{font-size:14pt; margin-top:10px}
	h3{font-size:10pt; margin-top:10px}
	h4{font-size:9pt}

/* images and misc.
------------------------------------------------------------------------------------------------------ */
	img{border:none; padding:6px}
	img a{border:none}
	
	img.left{float:left; border:none; padding:6px}
	img.right{float:right; border:none; padding:6px}
	
	blockquote{border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px}
	
	code{margin:10px; font-family:"Courier New",Courier,monospace}

/* links 
------------------------------------------------------------------------------------------------------ */
	a{color:#666; text-decoration:none; border:none}
	a:hover{color:#6A7CA0; text-decoration:underline; border:none}
	a:active, a:focus{border:none; outline:none}

/* container 
------------------------------------------------------------------------------------------------------ */
	#container{width:1000px; margin:0 auto; color:#fff; position:relative; background:url(images/topImage2.jpg) no-repeat #22578d top right}
	
	#rightWrapper{width:670px!important; width:640px}

/* header 
------------------------------------------------------------------------------------------------------ */
	#header{ /*width:670px; */color:#fff; height:259px; position:relative}
	#header h1{color:#fff; margin:0; padding:20px 0 0 20px}
	#header h1 a{display:block; background-image:url(images/logo.gif); background-repeat:no-repeat; height:94px; text-indent:-9999px}
	#header h2{text-indent:-9999px}

/* main menu 
------------------------------------------------------------------------------------------------------ */
	#menu{position:absolute; top:0; font-size:14px; font-weight:bold; right:-320px; height:25px}
	#menu ul{padding:0; text-align:left}
	#menu ul li{list-style-type:none; float:left; margin:0 0 0 0; padding:0 0 0 2px; background-image:url(images/menu_sep.jpg); background-repeat:no-repeat}
	#menu ul li a{margin:0; display:block; padding:45px 15px 0; text-decoration:none; color:#fff; border-bottom:3px solid #E3D200}
	#menu ul li a:hover{color:#E3D600; padding:10px 15px 35px; border-bottom-color:transparent}
	#menu ul li.current_page_item a{color:#E3D600; padding:10px 15px 35px; border-bottom-color:transparent}

/* content 
------------------------------------------------------------------------------------------------------ */
	#content{float:left; width:100%; overflow:hidden}
	#content h2.archivetitle, 
	#content h2.resultTitle{margin-left:15px}
	
	.post{margin:0 10px; padding:10px 10px 20px 5px; line-height:14pt; border-bottom:3px solid #E3D600}
	
	.post h2{font-size:15pt; font-weight:300; color:#E3D600; margin-bottom:13px}
	.post h2 a{color:#E3D600; text-decoration:none}
	.post h2 a:hover{color:#E3D600; text-decoration:underline}
	
	.post div.postInfo{font-size:12px; margin-bottom:10px}
	.post div.postInfo span.postdate{background-image:url(images/date.gif); background-repeat:no-repeat; padding:5px 10px 5px 25px; border-right:1px solid #4C6599}
	.post div.postInfo span.postAuthor{background-image:url(images/autore.gif); background-repeat:no-repeat; padding:5px 10px 5px 30px; border-right:1px solid #4C6599}
	.post div.postInfo span.postCat{padding:5px 10px; border-right:1px solid #4C6599}
	
	.post div.postInfo span.postComment{padding:5px 10px; border-right:1px solid #4C6599}
	.post div.postInfo span.postEdit{padding:5px 10px; border-right:1px solid #4C6599}
	.post div.postInfo a{text-decoration:none}
	.post div.postInfo a:hover{text-decoration:underline}
	
	.post div.postTags{padding:10px; background-color:#374282; font-size:12px; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
	.post div.postTags a{text-decoration:none}
	.post div.postTags a:hover{text-decoration:underline}
	
	.post p{font-size:13px; text-align:justify}
	
	.post a{text-decoration:underline; color:#E3D600}
	.post a.more-link{display:block; text-align:right; border-top:1px solid #4C6599; margin-top:10px; text-decoration:none; padding-top:5px; clear:left}
	.post a.more-link:hover{text-decoration:underline}
	
	.post ul{}
	.post li{}
	
	.entry{border-top:1px solid #4C6599}
	.entry p{margin:12px 0}
	
	.navigation{font-size:8pt; width:650px; height:40px; margin:0 10px}
	.navigation div a{color:#22518C; text-transform:uppercase; font-weight:bold; background-color:#E3C000; background-repeat:no-repeat; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none}
	.navigation div a:hover{text-decoration:underline}
	.alignleft{float:left; margin:15px 0}
	.alignleft a{background-image:url(images/arrow_prev.jpg); padding:5px 10px 5px 30px; background-position:center left}
	.alignright{float:right; margin:15px 0}
	.alignright a{background-image:url(images/arrow_next.jpg); padding:5px 30px 5px 10px; background-position:center right}
	
	.notfound{padding:25px; font-size:14pt; font-weight:300}
	
	#indexRecent{background-image:url(images/bg_recent.jpg); background-repeat:repeat-x; height:109px; margin:20px 10px; padding:10px 0 10px 20px}
	#indexRecent ul{list-style-type:none; float:left; width:290px}
	#indexRecent ul:first-child{margin-right:15px; border-right:1px solid #3C6798; padding-right:15px}
	#indexRecent ul h2{text-transform:uppercase; font-size:18px}
	#indexRecent ul li li{border-bottom:1px solid #3C6798; font-size:12px; padding:2px 0}
	#indexRecent ul li li a{color:#fff}
	#indexRecent ul li li a:hover{text-decoration:none; color:#E3D600}

/* comments 
------------------------------------------------------------------------------------------------------ */
	#commentssection{clear:both; padding:2px 12px; margin:0}
	#commentssection h3{font-size:16pt; font-weight:300; font-style:normal; color:#E3B500}
	#commentform{border-top:1px solid #8FA0C0; margin:12px 12px 20px 12px}
	#commentform textarea{width:100%}
	#commentform p{color:#fff}
	#commentform div.submitContainer{text-align:right; margin:0}
	#commentform a{color:#fff; text-decoration:none; border-bottom:1px dotted #465D71; line-height:14pt}
	#commentform h3{font-size:14pt; text-transform:uppercase; font-weight:bold; color:#fff}
	#commentbox{width:75%; min-width:400px; margin:5px 5px 0 0}
	#author, #email, #url{width:200px}
	#submit{text-transform:uppercase; color:#1D3478; font-weight:bold; border:2px solid #E5BA10; padding:6px; background-color:#fff}
	#author, #email, #url, #commentbox{background:#fff; font-size:8pt; margin:5px 5px 0 0; border:none; padding:6px; border:1px solid #B2B2B2}
	#submit{text-transform:uppercase; color:#1D3478; font-weight:bold; border:3px solid #E5BA10; padding:6px; background-color:#fff; margin:5px 5px 0 0; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
	ol.commentlist{list-style-type:none}
	ol.commentlist li{background:#354B88; margin:10px 0; padding:5px 0 5px 10px; overflow:hidden; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
	ol.commentlist li.alt{background:#585a93}
	ol.commentlist li p{margin:6px 0 6px 0; padding:0 12px 0 0; line-height:14pt}
	ol.commentlist a{}
	cite{font-size:9pt; font-weight:bold; font-style:normal; color:#fff}
	cite a{color:#fff; text-decoration:none}
	cite a:hover{text-decoration:underline}
	small.commentmetadata a{color:#E3B500}

/* search 
------------------------------------------------------------------------------------------------------ */
	li#searchContainer{height:145px; background-image:url(images/bg_search.jpg); background-repeat:no-repeat}
	li#searchContainer p{padding:70px 10px 0 0; color:#9EBCDA; text-align:right; line-height:normal}
	#searchform{padding:3px 0 6px 10px}
	#searchform input#s{font-size:10pt; padding:5px 2px; margin:2px; border:1px solid #B7B7B7; width:260px}
	#searchform input#searchsubmit{font-size:7pt; padding:2px; margin:2px 0 0 2px; border:1px solid #B7B7B7; background-color:#fff; color:#797979; display:none}

/* footer 
------------------------------------------------------------------------------------------------------ */
	#footer{background-image:url(images/bg_footer.jpg); background-repeat:repeat-x; background-color:#22578d; /*height:95px; */clear:both; width:100%; margin-top:25px; border-top:1px solid #5980A8; position:relative; font-size:12px}
	#footer p{margin:0; padding:0; height:56px; line-height:56px; color:#eee}
	#footer p img{float:left}
	#footer a{color:#fff; text-decoration:none}
	#footer a:hover{color:#E5BA10; text-decoration:underline}
	#footer #bottomRss{position:absolute; top:20px; right:20px}
	#footer #bottomRss a{background-image:url(images/rss_ico.gif); background-repeat:no-repeat; background-position:center left; padding-left:20px; margin-left:20px}

/* SIDEBAR 
------------------------------------------------------------------------------------------------------ */
	#sidebar{font-size:8pt; width:320px; float:right!important; float:none; position:static!important; position:absolute; right:0; margin:0; padding:135px 0 0}
	#sidebar h2{font-weight:normal; font-size:10pt; text-align:left; color:#08122E; margin:0; padding:0}
	#sidebar p{margin:0; padding:0 6px 0 12px}
	#sidebar img{padding:0; margin:0}
	#sidebar ul{margin:12px; padding:0; list-style-type:none}
	#sidebar ul li{margin:0; padding:0; line-height:14pt; list-style-type:none}
	#sidebar ul ul{margin:6px 0px 6px 0px; padding:0}
	#sidebar ul ul li{list-style-type:none; list-style-position:inside}
	#sidebar ul ul ul{margin:0; padding:0}
	#sidebar ul ul ul li{padding:0 0 0 15px; list-style-type:none; background-color:#374282}
	#sidebar ul ul ul li a{}
	#sidebar h2{color:#E3D600; text-transform:uppercase; margin-left:10px; font-size:18px}
	#sidebar>ul{ margin:0 10px}

/* SIDEBAR -->ABOUT ME
------------------------------------------------------------------------------------------------------ */
	#sidebar .about{color:#fff; height:86px; padding-top:40px;}
	#sidebar .about img{float:left; margin-right:5px}
	#sidebar .about p{line-height:14px; text-align:justify; font-size:12px}
	#sidebar .about a{color:#E3D600; font-weight:bold}

/* SIDEBAR -->NEWSLETTER
------------------------------------------------------------------------------------------------------ */
	#nlContainer{background:url(images/bg_newsletter.jpg) top no-repeat #7E81AC; padding:60px 0 0; margin-bottom:20px; position:relative}
	#ajaxNewsletter, .newsletterContainer{background-image:url(images/bg_newsletter2.jpg); background-position:bottom; background-repeat:no-repeat; padding:10px 10px 0}
	#newsletterFormDiv{/* newsletter form elements*/ margin-left:15px;}
	input.newsletterTextInput{font-size:10pt; padding:2px; margin:2px; border:1px solid #B7B7B7; width:150px}
	#newsletterLoading{position:absolute; bottom:54px; right:28px; /* the loading message while the subscription is beeing handled */}
	#nlContainer .success{/*position:absolute; bottom:0; the success message container */}
	#nlContainer .error{/*position:absolute; bottom:0; the error message container */}
	#nl_submitCont{text-align:right; margin-right:10px; position:relative; margin-top:-30px; margin-left:170px}
	#nl_submit{text-transform:uppercase; color:#1D3478; font-weight:bold; border:2px solid #E5BA10; padding:3px; background-color:#fff; margin:5px 5px 20px 0; font-size:10px; cursor:pointer; /* optional rounded corners for browsers that support it */-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

/* SIDEBAR -->IN EVIDENZA
------------------------------------------------------------------------------------------------------ */
	li.evidenza{padding-bottom:10px; margin-bottom:5px}
	li.evidenza ul{margin:0 10px}
	li.evidenza li a{background-color:#374282; display:block; border-bottom:1px solid #546196; color:#fff; padding:3px 3px 3px 3px}

/* SIDEBAR -->CATEGORIES
------------------------------------------------------------------------------------------------------ */
	li.categories{margin-bottom:5px}
	li.categories ul{margin:0 10px}
	li.categories li a{background-color:#374282; display:block; border-bottom:1px solid #546196; color:#fff; padding:3px 3px 3px 30px; background-image:url(images/triskell.jpg); background-repeat:no-repeat; background-position:left center}

/* SIDEBAR -->CALENDAR
------------------------------------------------------------------------------------------------------ */
	#wp-calendar{margin:10px 0 20px 10px; width:280px; empty-cells:show}
	#wp-calendar caption{font-weight:bold; color:#E3D600; font-size:14px; border-bottom:1px solid #4E5992; padding-top:10px}
	#wp-calendar tbody td{background-color:#A1A7C5; text-align:center}
	#wp-calendar tbody td.pad{background-color:transparent}
	#wp-calendar tbody td#today{background-color:#E3C000; color:#0313BB}
	#wp-calendar tbody td a{display:block; background-color:#EDEDED; color:#5D5D5D}
	#wp-calendar tbody td a:hover{text-decoration:none; background-color:#E3C000; color:#0313BB}
	
	#wp-calendar tfoot td a{/* modificato wp-includes\general-template.php righe 634 644 tolto « e » */color:#fff; text-transform:uppercase; background-repeat:no-repeat; background-position:left center}
	#wp-calendar tfoot td#prev a{background-image:url(images/calendarPrev.gif); padding-left:0px}
	#wp-calendar tfoot td#next{text-align:right}
	#wp-calendar tfoot td#next a{background-image:url(images/calendarNext.gif); background-position:center right; padding-right:0px}

/* SIDEBAR -->TAG CLOUD
------------------------------------------------------------------------------------------------------ */
	li.tagsCloudList div{border-bottom:1px solid #5D6FA0; border-top:1px solid #5D6FA0; padding:10px; margin-bottom:10px; text-align:center}
	li.tagsCloudList div a{color:#E3C700}

/* SIDEBAR -->BLOGROLL
------------------------------------------------------------------------------------------------------ */
	.linkcat a{background-color:#374282; display:block; border-bottom:1px solid #546196; color:#E3D600; padding:3px 30px 3px 3px; background-image:url(images/blogroll_arrow.gif); background-repeat:no-repeat; background-position:right center}

/* PAGE -->GENERIC
------------------------------------------------------------------------------------------------------ */
	p.editPage{margin:0 10px; padding:5px 0; text-align:right}
	p.editPage a{color:#fff; font-size:12px}
	p.editPage a:hover{text-decoration:none; color:#E3D600}

/* PAGE -->ARCHIVES
------------------------------------------------------------------------------------------------------ */
	.archives.post{}
	.archives.post h2{text-transform:uppercase}
	.archives.post ul{margin-left:25px; margin-bottom:15px}
	.archives.post ul a{background-image:none; padding:0; background-color:transparent; border:none; color:#fff; text-decoration:none}
	.archives.post ul a:hover{text-decoration:underline}

/* PAGE -->CONTACTS
------------------------------------------------------------------------------------------------------ */
	.contact{margin:0 20px}
	.contact h2{color:#E3D600}

/* ERRORE SEARCH/404
------------------------------------------------------------------------------------------------------ */
	#erroreSearch, #errore404{margin:10px 20px 15px; height:200px; padding-left:195px; padding-right:10px; background-repeat:no-repeat; background-position:10px 20px; background-color:#f1f1f1; /* optional rounded corners for browsers that support it */-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
	#erroreSearch{background-image:url(images/errore_search.jpg)}
	#errore404{background-image:url(images/errore_404.jpg)}
	#erroreSearch h1, #errore404 h1{font-size:30px; text-transform:capitalize; margin-bottom:5px; padding-top:20px; color:#5f5f5f}
	#erroreSearch p, #errore404 p{font-size:12px; margin-bottom:5px; line-height:13px; color:#666}
	#erroreSearch p span, #errore404 p span{font-size:14px; display:block; margin-bottom:10px; line-height:18px}
	
	#erroreSearch p a, 
	#errore404 p a{font-weight:bold; color:#5f5f5f; display:block; margin-bottom:5px; text-transform:uppercase; font-size:11px}
	#erroreSearch p a:hover, 
	#errore404 p a:hover{text-decoration:underline}
	#erroreSearch form input, #errore404 form input{border:1px solid #ccc; width:230px; font-size:11px; line-height:20px; padding:3px 5px}

/* BANNER
------------------------------------------------------------------------------------------------------ */
	.entry{ padding-top:10px;}
	.banner{  text-align:center; color:#000; font-size:14px; font-weight:bold; margin:0 auto}
	.banner span{display:table-cell; vertical-align:middle;}
	.as-468x60{  }
	.as-468x60 span{ width:468px; height:60px; }
	.as-300x250{  }
	.as-300x250 span{ width:300px; height:250px; }
	.as-160x600{ width:160px; height:600px; margin-bottom:10px }
	.as-160x600 span{ width:160px; height:600px;}