/* 
	Theme Name: Yooplus
	Theme URL: http://www.websushi.it
	Description: Tema Wp personalizzato per www.yooplus.it
	Author: Websushi.it
	Author URI: http://www.websushi.it
	Version: 1.0

*/

/* colori :  verde = #0f0   */



/* regole generali =========================================*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
label {cursor:auto}
h1, h2, h3, h4 {margin: 0; padding: 0;}
ul {list-style: none;}

/* Miscellaneous conveniences: */
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: 12px Arial, Helvetica, sans-serif;}
.clear {clear:both;}
br.clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.nascosto {display:none;}

.alignleft {float:left; margin-right:5px;}
.alignright {float:right; margin-left:5px;}

p {margin:1em 0;}


/* Apply styles  ========================================= */
body {font: 12px/1.3 Arial, Helvetica, sans-serif; background:#fff; color:#000; text-align: center;}

/*link*/
a, a:visited  {color:#666; font-weight:bold}
a:hover  {color:#666;text-decoration:underline; outline:none;}


/*titoli*/
h1 {}
h2 {font-size:22px; font-family:arial, sans-serif; margin:0;}
h3 {font-size:16px; margin:5px 0;}


/* struttura  */
#wrapper {width:960px; margin: 0px auto; text-align:left; }
#page {width:960px; background:#fff; }
#footer {text-align:center; margin:10px 0; padding:10px 0; border-top:5px solid #0f0;}

#content {width:960px;}
#mainCol {width:640px; float:left;}
#sidebar {width:300px; padding:10px 0; float:right;}

	
/************************************************
*	Header  									*
************************************************/

#header {position:relative;}
#menuServizio {position:absolute; top:30px; right:0; height:24px; font-size:11px;}
#menuServizio img {margin-left:8px; margin-bottom:-2px;}
#social {position:absolute; top:130px; right:0; height:24px; font-size:11px;}
#social img {margin-left:4px; margin-bottom:-2px; float:left}
#logo {width:198px; height:116px; background: url("images/logo_yooplus.gif") no-repeat;}
#logo h1 span {margin-left:-1000px;}
#logo h1 a {display:block; height:116px;}
	
/****	menu  */
ul.menu { margin:16px 0 0 -12px; padding: 0px;  float:left; font-size:21px; } 
ul.menu li { float: left; margin: 0; padding: 0 0 3px 0; background: url("images/sep_menu.gif") center right no-repeat; } 
ul.menu li a {padding:0 12px; color:#000; text-decoration:none; font-weight:normal}
ul.menu li a:hover, ul.menu li.current_page_item a, ul.menu li.current_page_parent a {color:#0f0; text-decoration:none}

#submenu {width:960px; height:34px; background: url("images/testatina.gif") no-repeat;}
#submenu ul {margin:0; padding:10px 0px;}
#submenu ul li {float: left; margin: 0; padding:0; border-right:1px solid #fff;}
#submenu ul li a {text-decoration:none; color:#fff; font-weight:normal; font-size:14px; line-height:14px; padding:0 10px;}
#submenu ul li a:hover, #submenu ul li.current_page_item a {color:#0f0; text-decoration:none}

/************************************************
*	Lanci hp e fascia pagine interne     								*
************************************************/
#lanciHp {width:960px; height:176px; float:left;}
.lancio {width:320px; float:left;}

/* HP - ultimo post in evidenza */
#postInEvidenza {margin:30px 15px 30px 0;}
#postInEvidenza .post .entry {font-size:13px; margin-top:20px;}
#postInEvidenza h2 a:hover { text-decoration:underline}
#postInEvidenza #shareThis p {margin:0;}

/* vetrine hp */
#vetrine {width:640px; margin-top:20px; float:left;}
#vetrine .box  {width:213px; float:left; }
#vetrine h3, #vetrine h2, #vetrine p {width:194px;} 
#vetrine h3 {color:#000; border-bottom: 10px solid #0f0; margin-bottom:0px;text-transform:uppercase;}
#vetrine h3 a {color:#000;text-decoration:none}
#vetrine h2 {margin-bottom:2px; }
#vetrine h2 a {font-size:14px; color:#000; text-decoration:none} 
#vetrine h2 a:hover, #vetrine h3 a:hover {text-decoration:underline} 
#vetrine .box p {margin:3px 0;}
#vetrine .box img {margin-top:-2px; margin-bottom:5px}


/* last */
#ultimiPost {margin:40px 0;}
#ultimiPost ul {margin:0; padding:0; list-style-type:none;}
#ultimiPost ul li {margin:15px 0; padding-left:15px; background: url("images/dot.gif") 0 2px no-repeat;}
#ultimiPost  h2, #ultimiPost  p  {margin:0;}
#ultimiPost  h2 a {color:#000; font-size:12px; text-decoration:none}
#ultimiPost  h2 a:hover {text-decoration:underline}


/************************************************
*	MainCol     								*
************************************************/
#mainCol .content {padding-right:10px;}


/* post */
.post {}
.post h2 a, .post h2 {color:#000; font-size:24px; text-decoration:none; font-weight:normal}
.post h2.post-title {margin-top:30px;}
.post .meta {font-size:11px; position:relative;}
.post a {font-weight:bold;}
.post .entry {clear: both;}
.post-content {clear: both; padding-top: 10px;}
.post .tag {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
.post .tag a {text-decoration:underline; font-weight:bold;}
.post .meta #share {position:absolute; top:0; right:0;}

blockquote {padding:20px; background:#e5e5e5;}
.post ul li {list-style-type:square;}


/* commenti */
h3#comments, h3#respond {border-bottom:5px solid #3d3d3d; margin:40px 0 10px; position:relative; }
h3#comments span, h3#respond span {position:absolute; bottom:-10px; background:#fff; padding-right:3px;}

#commentform {}
#commentform label {display:block; color: #666; font-size:13px;}
#commentform label small {color:#000;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform input {width: 200px; border: 1px solid #ccc;padding: 3px; margin-bottom: 6px;}
#commentform textarea {width:630px; height:200px; border: 1px solid #ccc;padding: 2px; margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;}
#commentform #submit {background: #3d3d3d; border:#000 1px solid; width:auto; font: bold 14px Arial, Helvetica, sans-serif;color: #FFF;border: none;float:right;padding:3px 6px 1px;}

.commentlist { margin: 10px 0px; padding:10px 0; padding-left: 20px; line-height: 130%; } 
.commentlist li{ padding: 5px 10px; position: relative; border-bottom:1px solid #ccc; } 
.commentlist .avatar { position: absolute; top: 5px; right: 5px; border: solid 1px #ededed; padding: 1px; background: #fff; } 
.commentlist .alt { background: #f2f2f2; } 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 12px; color: #666; } 
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; }





/************************************************
*	Sidebar      								*
************************************************/
#sidebar {}
#sidebar h3 {font-size:14px}
#sidebar #boxContatti {border-top:5px solid #0f0; border-bottom:5px solid #0f0; margin-top:10px; padding:5px 0 10px 60px; background: url("images/ico_mail.gif") left center no-repeat; font-size:12px;}
#sidebar #boxContatti p {margin:6px 0;}
#sidebar #archivi {margin:20px 0; float:left;}
#sidebar .ul-archives, #sidebar .ul-cat {margin:0; padding:0; list-style:none; width:150px;}
#sidebar .ul-cat ul {margin:0px; padding:0;}
#sidebar .ul-cat ul li {margin-left:10px;}
#sidebar #fotoFlickr {margin:10px 0;}
#sidebar #fotoFlickr img {margin:0 10px 10px 0; width:65px; height:65px;}
#sidebar #cloud a {font-weight:normal; }


/************************************************
*	Footer      								*
************************************************/

#footer {font-size:11px;}	
#footer a {}


/************************************************
/* pagina archivio */

#paginaArchivio {padding:20px 0; width:500px; float:left;}
#paginaArchivio ul li {list-style-type:square;}

 h2.page-title {margin-top:20px; background:#eaeaea; padding:2px 5px; font-size:14px}

/*paginazione*/
#wp_page_numbers {font-size:20px; position:relative; color:#000;}
#wp_page_numbers ul {width:100%; text-align:right;padding:2px 0}
#wp_page_numbers li.page_info {position:absolute; top:0; left:0; padding:0 10px}
#wp_page_numbers li {display:inline; border:#e4e4e4 1px solid;  }
#wp_page_numbers li a {color:#666;  padding:2px 5px; font-weight:normal; text-decoration:none}
#wp_page_numbers li a:hover {color:#666;}
#wp_page_numbers li.active_page a {color:#000; text-decoration:none}


/* pagina persone */
#cornice {width:600px; height:520px;}
#cornice ul { margin:0; padding:0; list-style-type:none;}
#cornice li { width:120px; height:130px; margin:0; padding:0; text-align:center; float:left; list-style-type:none;}
#cornice li img {padding:10px 15px 0px; border:0;}
#cornice li p { margin:0; padding:0; font-size:14px; line-height:14px;}
#cornice li a {text-decoration:none;}