/*
Theme Name: MSNTribe Live [evo/theme]
Theme URI: http://www.gizstyle.com
Description: evolution theme HTML5
Version: 1.0
Author: giZ
*/

/*----- Corpo sito -----*/
body {
height:100%;
width:100%;
text-align:center;
color: #787878;
font-size:12px;
font-family:Segoe UI, Lucida Grande, Arial, sans-serif;
margin:0;
padding:0;
}

#base {
width:960px;
text-align:left;
margin:0 auto;
}

#header {
width:960px; height:170px;
position:relative;
float:left;
text-align:left;
margin:0px;
padding:0px;
}

#content {
width:960px;
position:relative;
float:left;
margin-top:20px;
padding:20px 10px 20px 0px;
}

#footer-content{
width:100%;
height:140px;
padding: 10px 0px;
position:relative;
float:left;
text-align:center;
background: #fff url(skin/footer-bg.gif) repeat-x top;
border-top: 1px solid #fff;
}

#footer {
width:940px;
height: 60px;
padding:10px;
margin:0 auto;
position:relative;
font-family:Arial, sans-serif;
font-size:10px;
text-align:center;
}

#footer-deco {
position: absolute;
right: 0px;
top: -210px;
height: 200px;
width: 400px;
background: url(skin/footer-deco.png) no-repeat;
}

#menu ul,.comments_content ul,.comments_content ol,#column3 ol {
margin:0;
padding:0;
}

#header h1 {
color: #bbb;
position:absolute;
bottom:0px;
font-family:Arial,Verdana,sans-serif;
font-size:24px;
font-weight:100;
display:none;
}

#livesearch {
position:absolute;
right:0px;
top:0px;
height:80px;
width:400px;
background: url(skin/search.png) no-repeat;
}

#livesearch .search-field {
position:absolute;
border:none;
background:none;
height:18px;
width:190px;
right:5px;
top:5px;
font-weight:bold;
color:#173665;
}

#livesearch .search-button {
position:absolute;
border:none;
background:none;
height:20px;
width:20px;
right:200px;
top:7px;
cursor:pointer;
}

a.brush-button {
position:absolute;
left:10px;
top:10px;
height:25px;
width:25px;
background: url(skin/colorize.png) no-repeat;
text-indent:-9999px
}

#livecolors {
position:absolute;
height:55px;
width:100px;
padding-left:5px;
background:#fff;
bottom:-20px;
left:0px;
border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.b-red {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #d73c20;
border:1px solid #ba2d1b;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-green {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #76c120;
border:1px solid #669722;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-yellow {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #fcd726;
border:1px solid #f4c01f;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-black {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #1b1b1b;
border:1px solid #000;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-purple {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #753876;
border:1px solid #612462;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-pink {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #bf6692;
border:1px solid #a34573;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

.b-blue {
position:relative;
float:left;
width:18px;
height:18px;
border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background: #59a5e3;
border:1px solid #2874b2;
text-indent:-9999px;
margin-right:5px;
margin-top:5px;
}

a.button-english {
width:32px;
height:20px;
position:absolute;
background: url(skin/button-english.png) no-repeat;
text-indent:-9999px;
top:8px;
left:90px;
}

a.button-rss {
width:32px;
height:20px;
position:absolute;
background: url(skin/button-rss.png) no-repeat;
text-indent:-9999px;
top:8px;
left:120px;
}

/*----- formattazioni testo -----*/

a {
color:#2c86d2;
text-decoration:none;
outline:none;
}

a:visited {
color:#2c86d2;
}

a:hover {
color: #6799c4;
text-decoration:underline;
}

#column2 a {
color:#787878;
text-decoration:none;
outline:none;
}

#column2 a:visited {
color:#787878;
}

#column2 a:hover {
color: #2c86d2;
text-decoration:underline;
}

.storycontent a {
font-weight:bold;
}

/*----- barra di navigazione -----*/
#menu {
width:960px; height:35px;
position:relative;
float:left;
text-align:left;
background:url(skin/navbar.png) no-repeat;
}

#menu li {
display:inline;
}

#menu a {
position:relative;
float:left;
display:block;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:30px;
color:#173665;
width: 80px;
height:30px;
text-decoration:none;
text-shadow: #e1eff6 0px 1px 0px;
}

#menu a:hover {
color:#fff;
text-shadow: #3585c6 0px 1px 0px;
}

#menu a.sel {
}

/*----- regole colonna 1 -----*/
#column1 {
width:540px;
position:relative;
float:left;
margin-bottom: 20px;
padding: 10px 10px 0px 10px;
background: url(skin/left-bg.png) repeat-y;
}

#column1-top {
width:560px;
height:20px;
position:absolute;
top:-10px;
left:0px;
background: url(skin/left-top.png) no-repeat;
}

#column1-bottom {
width:560px;
height:20px;
position:absolute;
bottom:-10px;
left:0px;
background: url(skin/left-bottom.png) no-repeat;
}

/*----- regole colonne 2 -----*/

.adv-top {
position:absolute;
top:-345px;
left:-5px;
padding-top:30px;
height:285px;
width:390px;
text-align:center;
background: url(skin/adv-topper.png) no-repeat;
}

.adv {
position:absolute;
top:20px;
left:20px;
width:350px;
height:285px;
text-align: center;
background:#fff url(skin/adv-bg.gif) no-repeat center center;
border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#column2{
position:relative;
float:right;
width:380px;
padding: 20px 10px 0px 10px;
font-size:10px;
margin-top:220px;
margin-bottom:200px;
background: url(skin/right-bg.png) repeat-y;
}

#column2-top{
position:absolute;
left:0px;
top:-20px;
width:400px;
height:20px;
background: url(skin/right-top.png) no-repeat;
}

#column2-cont{
position:relative;
float:left;
width:380px;
padding:0px;
}

#column2-bottom{
position:absolute;
left:0px;
bottom:-20px;
width:400px;
height:20px;
background: url(skin/right-bottom.png) no-repeat;
}

#column2 img {
border:none;
}

#column2 h2 {
font-size:12px;
margin:5px 0px;
padding:0px;
}

#large-sidebar{
position:relative;
float:left;
width:380px;
padding:0px;
}

#static-sidebar{
position:relative;
float:left;
width:380px;
padding:0px;
}

#left-sidebar{
position:relative;
float:left;
width:185px;
padding:0px;
}

#right-sidebar{
position:relative;
float:right;
width:185px;
padding:0px;
}

/*----- regole Sidebar -----*/

.socials {
position:relative;
float:left;
text-align:center;
width:360px;
padding:10px;
background: #a3cbdf;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
margin-top:-20px;
margin-bottom:20px;
}

.title {
width: 360px;
height:45px;
font-size:14px;
font-weight:bold;
color: #333333;
padding:0px 10px;
line-height:35px;
text-align:left;
margin:-20px 0px 0px -10px;
background: url(skin/widget-top.png) no-repeat;
}

.section {
position: relative;
float: left;
width: 360px;
padding: 0px 10px 5px 10px;
margin-top:10px;
text-align:left;
}

.section-bottom {
position: relative;
float: left;
width: 380px;
height:20px;
padding:0px;
background:#fff no-repeat;
}

#left-sidebar .section, #right-sidebar .section {
position: relative;
float: left;
width: 165px;
margin-right:10px;
background: #fff url(skin/widget-small-bg.png) repeat-y;
}

#left-sidebar .section .title, #right-sidebar .section .title {
width: 173px;
border: none;
background: url(skin/widget-small-top.png) no-repeat;
}

#left-sidebar .section-bottom , #right-sidebar .section-bottom {
position: relative;
float: left;
width: 185px;
height:20px;
padding:0px;
margin:0px 0px 20px 0px;
background: url(skin/widget-small-bottom.png) no-repeat;
}

#search input{
height:20px;
width:151px;
line-height:20px;
font-family:Arial;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#bbb;
background: #eee;
padding:5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #ddd;
}

#search #searchsubmit{
display:none;
}

#search label {
width: 153px;
font-size:12px;
font-weight:bold;
font-family: "lucida grande","lucida sans";
color: #333;
padding:5px;
line-height:20px;
text-align:left;
}

.section ul {
margin:0px;
padding:0px 0px 0px 20px;
}

.section ul li {
list-style-image: url(skin/dot.png);
}

.section ul li:hover {
list-style-image: url(skin/dot-hover.png);
}

.section ul  li ul{
margin:0px;
padding:0px 0px 0px 20px;
}

.section ul li ul li{
font-size:9px;
padding:0px 0px 2px 0px;
list-style-image: url(skin/arrow.png);
}

.section ul li ul li:hover{
list-style-image: url(skin/arrow.png);
}

.widget_tag_cloud {
text-align:justify;
}

.section-adv {
position: relative;
float: left;
width: 358px;
padding: 10px;
text-align:left;
background: #c3deec;
border:1px solid #9dc8dd;
text-align:center;
margin-bottom:20px;
margin-top:-20px;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

.section.hl img{
margin-bottom:5px;
}

.widget_archive {
text-align: center;
}

/*----- regole POSTs -----*/

.post-box {
position:relative;
float:left;
width:520px;
padding:20px 10px 0px 10px;
background:#fff;
}

.post-bottom {
position:relative;
float:left;
width:540px;
height:10px;
background: url(skin/post-bottom.png) bottom no-repeat;
margin-bottom:40px;
}

.post-title {
position:relative;
float:left;
width:440px;
height:100px;
padding:10px 10px 10px 90px;
margin-left:-10px;
margin-top:-30px;
background: url(skin/left-title.png) no-repeat;
z-index:20;
}

#column1 h1 a,#column1 h1 a:visited {
font-family: Segoe UI, Tahoma, Verdana;
text-decoration:none;
font-size:22px;
font-weight:normal;
color: #333;
margin: 0px;
line-height:22px;
text-shadow: #e1eff6 0px 1px 0px;
}

#column1 h1 a:hover {
color: #33669b;
}

.data {
position:absolute;
top:10px;
left:-20px;
height:80px;
width:100px;
background: url(skin/balloon.png) no-repeat;
color:#5494bc;
font-family: Arial;
}

.day {
width:95px;
font-size:38px;
line-height:42px;
font-weight:bold;
text-align:center;
padding-top:10px;
letter-spacing:-2px;
text-shadow: #fff 0px 1px 0px;
}

.month {
width:95px;
font-size:10px;
font-weight:bold;
font-style:italic;
text-align:center;
text-shadow: #fff 0px 1px 0px;
}

.storycontent {
position: relative;
width:520px;
padding-top:80px;
font-family:Segoe UI, Lucida Grande, Arial, sans-serif;
font-size:12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
}

.storycontent img {
margin-bottom: 10px;
border:none;
}

.storycontent blockquote lu{
margin:0px;
padding:0px;
}

.storycontent li {
list-style-image:url(skin/dot.png);
padding-right: 30px;
}

.alignleft {
text-align:left;
}

.alignright {
text-align:right;
}

.aligncenter {
text-align:center;
}

.pages {
width: 520px;
height: 40px;
position: relative;
float: left;
padding:12px 10px 0px 10px;
background:url(skin/pages.png) no-repeat;
}

.wp-pagenavi span {
background: #f1f1f1;
border: 1px solid #e1e1e1;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
padding:5px;
margin-right:5px;
}

.wp-pagenavi a {
background:#b9d4df;
border:1px solid #78aec3;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
padding:5px;
margin-right:5px;
}

.page-left {
position: absolute;
left: 20px;
height: 30px;
line-height: 30px;
}

.page-right {
position: absolute;
right: 20px;
height: 30px;
line-height: 30px;
}

.storycontent blockquote {
border:1px solid #b2d3e3;
background:#eaf4f9;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
margin:5px 0px;
padding:5px 20px;
}

/*----- regole commenti -----*/
.feedback {
position:relative;
width:490px;
padding:25px 25px 5px 25px;
margin-left:-10px;
font-size:11px;
line-height:12px;
font-family:Arial, "Trebuchet MS", Verdana, sans-serif;
background:#e1eff6 url(skin/feedback.png) no-repeat top;
}

.feedback-bottom{
position:relative;
width:540px;
height:20px;
padding:0px;
margin-left:-10px;
background:#e1eff6 url(skin/feedback-bottom.png) no-repeat bottom;
}

.feedback img {
margin:0px 4px -3px 0px;
border:none;
}

.comments_content {
font-size:12px;
width:520px;
padding:10px;
margin-left:-10px;
background: #e1eff6;
}

.comments_content li {
list-style:none;
margin:0px;
padding:0px;
position:relative;
float:left;
margin-bottom:30px;
}

.comment-title {
position:relative;
float:left;
width: 78px;
padding:0px 10px;
text-align:center;
}

.comment-author {
font-size: 10px;
}

.gravatar-bg {
width: 58px;
height: 58px;
padding:10px;
background: url(skin/gravatar-bg.png) no-repeat;
}

.comment-data {
display:none;
font-size: 10px;
}

.comment-text {
position:relative;
float:right;
width: 388px;
text-align:left;
padding:10px;
margin-right:10px;
border:1px solid #b2d3e3;
background:#fff;
border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.pin {
position:absolute;
left:-12px;
top:15px;
height:25px;
width:15px;
background: url(skin/pinner.png) no-repeat;
z-index:10;
}

.authcomment .comment-text {
position:relative;
float:right;
width: 388px;
text-align:left;
padding:10px;
border:1px solid #d1c000;
background:#f0e357;
border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-weight:bold;
color:#967c00;
}

.authcomment .pin {
position:absolute;
left:-12px;
top:15px;
height:25px;
width:15px;
background: url(skin/pinner-gold.png) no-repeat;
z-index:10;
}

textarea {
padding:10px;
width:498px;
font-size:11px;
font-family:Arial, sans-serif;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
background: #f1f1f1;
border:1px solid #ccc;
}

#column1 input {
background: #fff;
border:1px solid #ccc;
border-radius:4px;
-moz-border-radius:4px;
-khtml-border-radius:4px;
-webkit-border-radius:4px;
color:#666;
}

comments_content h2 {
font-size:14px;
}

input.commentami {
position:relative;
display:block;
height:30px;
width:120px;
border:none;
font-weight:bold;
font-size:10px;
line-height:20px;
cursor:pointer;
background: #fff;
border:1px solid #ccc;
}

/*----- regole extra & plugin -----*/

a.dwn {
height:25px;
width:80px;
text-indent:-9999px;
background:url(skin/download.png) no-repeat;
display:block;
}

.sociable {
text-align:center;
}

.sociable ul li{
display:inline;
list-style:none;
}