/*
Theme Name: Poker Digitale
Author: Websushi
arancio:#f78f1e 
*/


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


/* ############ Miscellaneous conveniences ############*/
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: inherit; vertical-align:middle}
br.clear, .clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.alignRight {clear:both; text-align:right}


/* ############ Apply styles ############ */
body {font: 12px/1.4 Arial, Helvetica, sans-serif;/*color:#666666*/color:#333333; text-align: center;background:#111111 url(images/bg_page.gif)  top left repeat-x;}

/*link*/
a, a:visited  {color:#333333; text-decoration:none;}
a:hover  {text-decoration:underline;}

/*titoli*/
h1 a:hover {text-decoration:none}
h2 {font-size:20px; margin-bottom:7px; }


/*############ struttura principale ######## ####*/
#container { margin:0 auto 10px; text-align:left; background:#FFF url(images/bg_container.gif) top left repeat-x; padding:0; width:984px;}
#col-left {float:left; width:625px; padding-left:35px; margin-top:15px; display:block; overflow:hidden; }
#col-right {float:right; width:330px; margin-top:15px; }


/*sottocategorie*/
#subcategory {margin-bottom:15px}
#subcategory li {background:url(images/bg_subcategory_list.gif) bottom left no-repeat; padding-bottom:3px;  margin-bottom:3px; font-size:12px; padding-left:4x}
#subcategory li a {color:#f78f1e; background:url(images/bg_subcategory.gif) 0 4px no-repeat; padding-left:14px;}


/* ############ corpo pagina ############ */
#col-left h2 {background:#f78529 !important; color:#FFF; margin-bottom:20px; padding-left:3px; font-size:1.2em}
#col-left h3.bg {background: url(images/bg_h3.gif) top left repeat-x; color:#FFF; font-size:1.4em; padding:4px 45px; line-height:27px; display:inline; margin-left:-35px}

/*post*/
.post {clear:both; margin-bottom:30px; }
.featured {margin-top:10px}
.meta {clear:both; width:100%; margin-bottom:5px; }
.foot {}
span.comment { background: url(images/ico_comment.gif) 0 0 no-repeat;line-height:32px; padding: 4px 0 4px 25px; margin-right:25px}
a.mail { background: url(images/ico_mail.gif) 0 0 no-repeat;line-height:32px; padding: 4px 0 4px 28px; margin-right:25px}
a.facebook { background: url(images/ico_facebook.gif) 0 0 no-repeat;line-height:32px; padding: 4px 0 4px 28px; margin-right:25px}
.meta-date {font-size:0.9em; /*color:#999*/color:#333333}
.PostAuthorName, .tags {float:left; margin-bottom:15px;font-size:1.1em; /*color:#c1c0c0*/color:#333333}
.PostAuthorName a {font-weight:bold}
.meta-categories, .meta-comments {float:right;margin-bottom:15px;font-size:0.9em;}
.meta-comments {background:url(images/ico_comments.gif) 0 2px no-repeat; padding-left:18px}
.post h1 {font-size:1.3em; color:#000;}
.post h1 a {color:#333;font-size:1.3em;}
.post p {margin:0 0 10px;}
.wp-caption-text {display:none}
.post img.alignleft {float:left; margin-right:10px; margin-bottom:5px}
.post img.alignright {float:right; margin-left:10px;margin-bottom:5px}
.post img.aligncenter {display:block; margin:5px auto}
a.more-link {font-weight:bold}


/*gli ultimi*/
.last {margin:20px 0; width:505px;}
.last h3 {font-size:1.4em; color:#000; margin-bottom:10px}
.last .post {background:url(images/bg_last.gif) bottom right no-repeat; margin-bottom:10px}
.last .left {width: 70px}
.last .left img {border:#8a8787 1px solid; margin-top:3px}
.last .right {width: 435px;}
.last .post h1 {font-size:0.9em}


/*listing*/
.listing {margin:20px 0; width:505px;}
.listing h3 {font-size:1.4em; color:#000; margin-bottom:10px}
.listing .post {background:url(images/bg_listing.gif) bottom right repeat-x; margin-bottom:5px; padding:5px 0}
.listing .post h1 { display:inline}
.listing .post h1 a {font-size:0.9em;}

.post ul { margin:10px;}
.post ul li { background:url(images/bg_list.gif) 0 6px no-repeat; padding-left:10px}

.post ol {margin:10px 20px}
.post ol li {line-height:22px;}

.post blockquote {margin: 1em auto 1em auto;text-align: left;text-indent: 25px; background:url(images/quotes1.gif) 0 2px no-repeat; }
.post blockquote p {line-height: 1.8;margin: 0;display: inline;padding-right:24px;background: url(images/quotes2.gif) bottom right no-repeat; font-style:italic;}

.post  table {width:100%; border:#ddd 1px solid; margin:5px 0 10px}
.post caption {text-align:left; text-transform:uppercase; color:#FFF; background:#f78f1e; padding:5px 3px 2px 5px; font-size:0.95em; line-height:1.2em}
.post th {font-size:0.9em; text-transform:uppercase; background:#efefef; border-bottom:#ddd 2px solid; text-align:left; padding:2px 5px 0 10px; border-right:#FFF 1px solid}
.post td {border-bottom:#ddd 1px solid; padding:2px 4px 2px 10px}

/*pagina*/
.page .post h1 {font-size:1.3em; border-bottom:none; clear:both}
.page .post img {float:left; padding:2px; border:#ddd 1px solid; margin:0 10px 40px 0}
.page .post img.wrp-cards {float:none; padding:0; border:none; margin:0 2px; vertical-align: -10%}
.page .post p { }

/*risultati ricerca*/
.resSearch p#result {/*color:#757575*/color:#333333; font-size:16px; margin:20px 0 }
.resSearch .post {width:490px; background: url(images/bg_listing.gif) bottom right repeat-x; padding-bottom:5px; margin-bottom:8px; font-weight:normal; /*color:#666*/color:#333333; margin-left:10px}
.resSearch .post h1, .resSearch .post h1 a {font-size:14px; color:#000}
.resSearch .meta-date {font-size:0.9em; /*color:#666*/color:#333333}
.resSearch  .PostAuthorName {font-size:0.9em; float:none}
.resSearch  .PostAuthorName a {font-weight:normal}

/*paginazione*/
#wp_page_numbers {font-size:1.1em; position:relative;}
#wp_page_numbers ul {width:100%; text-align:right;padding:2px 0}
#wp_page_numbers li.page_info {position:absolute; top:0; left:2px;}
#wp_page_numbers li {display:inline;}
#wp_page_numbers li a {color:#f78529; font-weight:bold; padding:2px 5px}
#wp_page_numbers li.active_page a, #wp_page_numbers li a:hover {color:#FFF; background:#f78529; text-decoration:none}


/* ########### sidebar ########### */
.box {margin-bottom:10px; font-size:0.9em; clear:both}
.box h2 {font-size:1.1em;/*color:#666*/color:#333333; text-transform:uppercase; background:transparent !important}
#classifica {margin:0 0 30px; width:308px; background:url(images/bg_classifiche.gif) bottom center no-repeat; }
#classifica h2 {display:none}
#genere { color:#FFF; background:#f78f1e url(images/head_classifiche.gif) 0 0 no-repeat; padding:57px 3px 2px 5px;line-height:1.2em; text-transform:uppercase; height:25px}
#genere span {text-transform:none; float:left; width:180px;}
#genere form {float:right;  right:3px;text-transform:none;}
.box a {/*color:#666*/color:#333333}
.box .left, .box  .right {width:145px;}

/*classifiche*/
.pokClassifica {width:264px; /*color:#666666*/color:#333333;font-size:11px;  margin:5px 22px}
.pokClassifica th {text-transform:uppercase; color:#000}
.pokClassifica td { padding:2px 0 2px;}
.pokClassifica tr {background:url(images/bg_cella.gif) bottom center no-repeat;}
.pokClassifica tfoot tr {background:none}
td.nickname {width:120px}
td.puntiMezzofondista {width:80px}
td.posClassifica {text-align:right; padding-right:10px; width:20px; padding-left:2px;width:30px}
.bonus {font-weight:bold;  width:40px; text-align:right}
.pokClassifica tfoot td {font-size:12px; text-align:right; border-bottom:none; width:100%}
.pokClassifica a {color:#f78f1e; text-decoration:underline}


/*commenti*/
#comments { margin-top:-20px; margin-bottom:10px}
#comments h4 {font-size:1.1em; margin-bottom:10px}
#comments ol {list-style:none; margin-bottom:40px}
#comments li {margin-bottom:20px; border-bottom:#CCC 1px dotted;}
#comments li cite {display:block; margin-top:5px; font-size:0.9em}
#commentform legend {font-size:1.1em; text-align:left; padding:0;  font-weight:bold; color:#000}
#commentform  label {/*color:#666*/color:#333333; display:block; margin-top:10px}
#commentform  label span {color:#333; font-size:0.9em}
#commentform input {width:200px; border:#CCC 1px solid; vertical-align:middle; height:18px;}
#commentform textarea {vertical-align:top; width:550px; border:#CCC 1px solid; padding:2px}
#commentform p.alRight {text-align:right; margin-top:5px; width:555px}
#commentform input.button {background:#646464; border:#424242 1px solid; color:#FFF; text-transform:uppercase; padding:2px; width:auto; height:auto; margin-bottom:10px}

#noComments { margin-top:-20px; font-size:1.1em; margin-bottom:20px}


/* ########### pagina errore ########### */
#alert {}
#alert h3 {color:#f78f1e; font-size:1.4em; margin-bottom:15px}
#alert p.big {font-size:1.2em;}
#alert p { margin-bottom:10px}
#alert ul {margin:10px 0}
#alert a {font-weight:bold}
#alert li {background:url(images/bg_list.gif) 0 8px no-repeat; padding-left:10px; margin-bottom:4px; font-size:1.1em}

/* ########### box scuola ########### */
#boxscuola{position:relative;width:310px;height:234px;background:#fff url(/media/scuoladipoker/boxscuola_bg.gif) 0 0 no-repeat;}
#boxscuola a.linkscuola{position:absolute;top:15px;right:15px;color:#f78f1e;text-decoration:underline;}
#boxscuola .lesson{float:left;padding:57px 0 0 20px;width:124px;height:136px;}
#boxscuola .lesson img{border:solid 1px #a5a8a2;margin-bottom:3px;}
#boxscuola .lesson h4{margin:0;padding:0;font-size:14px;font-weight:bold;color:#333;}
#boxscuola .lesson a{/*color:#666*/color:#333333;}
#boxscuola #posizione{position:absolute;bottom:18px;left:19px;width:78px;height:11px;background:transparent url(/media/scuoladipoker/posizione.gif) 0 0 no-repeat;font-size:0;}
#boxscuola #controlli{position:absolute;bottom:16px;right:9px;width:52px;height:17px;}
#boxscuola #controlli img{margin-right:1px;}

.clickable { cursor: pointer;}

