/*
Theme Name: Gioie Magazine
Author: Laura Comoglio - Websushi
rosso:#7b1a3a
*/


/* 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: 11px/1.2 "Trebuchet MS", Helvetica, sans-serif;color:#333; text-align: center; background:#FFF}

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

/*titoli*/



/*############ struttura principale ######## ####*/
#container { margin:0 auto; text-align:left; padding:0; width:957px;}
#col-left {float:left; width:637px; margin-top:10px;}
#col-right {float:right; width:310px; }
#col-left .left {width:370px;}
#col-left .right {width:250px;}


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



/*menu*/


/*search*/



/* ############ home page ############ */
#col-left h2 { margin-bottom:10px}


/*strillo big*/
#first { background:#eeeee6; padding:10px; margin-bottom:20px;font: 12px/1.4 "Trebuchet MS", arial, sans-serif;float:left; width:615px}
#first h1 {font: 24px "Trebuchet MS", Arial, sans-serif}


/*post*/
.category {margin-bottom:20px}
.post {clear:both; margin-bottom:10px;}
.meta {clear:both;  margin:3px 0; color:#7b7b7b; font-size:0.9em;}
.first .meta {background:#ededed}
.foot {padding-top:3px; clear:both}

.path {clear:both; font-size:12px;  margin-bottom:20px; background:#eeeee6; padding:3px}
.post h2 {background:#7b1a3a; color:#FFF; font: 12px "Trebuchet MS", arial, sans-serif;text-transform:uppercase;  padding:1px 7px; margin-bottom:10px}
.post h1 {font: bold 16px "Trebuchet MS", arial, sans-serif;}
.post p { margin:0 0 10px; }
.wp-caption-text {display:none}
.wp-caption {float:left; margin-right:10px}
.post img {float:left; margin:3px 10px 5px 0; border:#b9b9a2 1px solid;}
.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; float:none}
a.more-link {font-weight:bold}

.foglia h1 {font: bold 18px "Trebuchet MS", arial, sans-serif;}
.foglia p {font-size:12px;}
.foglia .meta {font-size:12px; margin-bottom:15px}
.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:#09A9DC 1px solid; margin:5px 0 10px}
.post caption {text-align:left; text-transform:uppercase; color:#666; padding:5px 3px 2px 5px; font-size:0.95em; line-height:1.2em}
.post th {font-size:0.9em; text-transform:uppercase; background:#6dcff6; border-bottom:#09A9DC 2px solid; text-align:left; padding:2px 5px 0 10px; border-right:#FFF 1px solid; color:#FFF}
.post td {border-bottom:#ddd 1px solid; padding:2px 4px 2px 10px}

ul.more-post li { background:url(images/bg_list.gif) 0 5px no-repeat; padding-left:7px; font-weight:bold; margin-bottom:1px}


/*guide*/
.guide {padding:15px 14px; background:#eeeee6;}
.guide h2 {background:transparent; font-size:16px; color:#333; padding:0;margin-bottom:5px}
.guide img {margin-top:4px;margin-bottom:10px}
.guide  .post {background:url(images/bg_tratteggio.gif) bottom left repeat-x;}
.guide  ul.more-post {/*background:url(images/ico_guide_dark.gif) 185px 10px no-repeat;*/min-height:50px;height:auto;height:50px;padding-top:10px;}
 
/*post correlati*/
#related {clear:both; background:#eeeee6; border:#e0e0e0 1px solid; margin:20px 0; padding:10px;}
#related ul {margin:5px 0; font-weight:bold}
#related ul li {background:transparent; padding-left:0; font-size:12px; margin-bottom:3px}
#related .adv {float:right}

/*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 p { }



/*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 {margin-bottom:10px;}
#commentform legend {font-size:1.1em; text-align:left; padding:0;  font-weight:bold; color:#000}
#commentform  label {color:#666; 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:#730f33; border:#5a0c28 1px solid; color:#FFF; text-transform:uppercase; padding:2px; width:auto; height:auto}

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



/* ########### sidebar ########### */
.box {margin:10px 0 0; clear:both; padding:15px 0 5px 15px; background: url(images/bg_box.gif) top left no-repeat;}
.box h2 {font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#7b1a3a; text-transform:uppercase}
.box a {color:#333;}
.box h2 a { display:block}
.box h2 a:hover {text-decoration:none;background: url(images/bg_archivio.gif) 280px 9px no-repeat;}
.box .left, .box  .right {width:145px;}
.box ul {font-size:12px}
.bottom {height:8px; background:url(images/bg_bottom_box.gif) top left no-repeat; margin: 0 0 20px 0}

.mail {background: url(images/bg_box_mail.gif) top left no-repeat;min-height:40px;height:auto !important;height:40px;}
.bottom-mail {background: url(images/bg_bottom_box_mail.gif) top left no-repeat;margin: 0 0 20px 0; height:8px;}
.mail a {background:url(images/ico_mail.gif) top left no-repeat;padding-left:24px;margin-right:20px;height:30px;display:block;float:left;color:#333;font-size:13px;margin-top:10px;}
.mail a.rss {background:url(images/ico_rss.gif) top left no-repeat;padding-left:18px;}

/*authors*/
.authors {min-height:100px;height:auto !important;height:100px;}
.authors a {display:block;float:left;text-align:center;text-decoration:none; margin:5px 0px 0 25px; _margin-left:10px}
.authors img { border:#b9b9a2 1px solid; margin:3px 10px 3px 0;}

/*categorie*/
.cat ul li {margin-bottom:15px}
.cat ul li a { font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#7b1a3a; text-transform:uppercase}
.cat ul li a:hover {}
.cat .children li {margin-bottom:0}
.cat .children li a {font:11px "Trebuchet MS", arial, sans-serif; color:#333; padding-left:2px;text-transform:none }
.cat .children li a:hover {}
.cat-item-3  {background: url(images/ico_aspetti.gif) top right  no-repeat;}
.cat-item-4 {background: url(images/ico_trends.gif) top right no-repeat;}
.cat-item-5 {background: url(images/ico_curiosita.gif) top right no-repeat;}
.cat-item-7 {background: url(images/ico_momenti.gif) top right no-repeat;}
.cat-item-6 {background: url(images/ico_guide.gif) top right no-repeat;}
/*.children  .cat-item {background:none;}*/
/*ultimi post*/
.gallery {min-height:30px;height:auto !important;height:30px;}
.gallery img {float:left;border:#b9b9a2 1px solid; margin:3px 6px 3px 0; width:65px; height:65px}


/*tag cloud*/
#cloud a {margin-right:7px; line-height:20px; font-weight:normal}

/*autori*/
.autori { margin:10px 0 0; text-align:center;}
.autori img {margin: 0 auto 5px; display:block}

/*navigation*/
.navigation {padding: 3px;background:#eeeee6;height:14px;}
.navigation a {font-weight:bold;}
.navigation .right {text-align:right;} 


/*category*/
.category_header {margin-bottom:10px;}
.cat-link{font-size:12px;margin-top:5px;}
#link-collection p {line-height:1.8em;margin-bottom:10px;border-bottom:1px solid #eeeee7;}

/* ########### footer ########### */
#bottom {clear:both; font-size:12px}
#footer {clear:both;height:20px;margin-bottom:50px;text-align:center;padding-top:7px;border-top:1px solid #ccbec3;border-bottom:1px solid #ccbec3; color:#71656f; font-size:1.04em}
* html #footer {height:29px}

/*BTM NAVIGATION*/
#bottom div.menu-btm{height:22px;overflow:hidden;text-align:center;padding-top:5px;border-top:1px solid #ccbec3;border-bottom:1px solid #ccbec3}
* html #bottom div.menu-btm{height:29px}

div.menu-btm h3{font-size:0.95em;font-weight:normal;color:#5f0623;		display:inline;margin-right:10px;}
div.menu-btm ul{font-size:0.95em;font-weight:normal;color:#5f0623;list-style:none outside}
div.menu-btm li{display:inline;margin-right:10px}
div.menu-btm a {color:#5f0623}

/*BOTTOM ELEMENTS*/
#bottom div.verisign{clear:both;overflow:hidden}
div.verisign img.netcom{margin:10px 0 0 13px;display:inline}



/* ########### pagina errore ########### */
#alert {}
#alert h3 {color:#5f0623; 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}


/* ########### pagina archivi ########### */
.catDescription, .post .top { margin-bottom:20px;  float:left}
.catDescription h4 {font-weight:normal; margin-bottom:10px;}
.catDescription .adv, .post .top .adv { width:300px; float:left; height:250px}
.catDescription .img {float:right; width:300px; margin-right:5px;text-align:right;}
.catDescription .img img { border:#ddd 1px solid;}
.post .top .img {float:right; width:328px; position:relative;}
.post .top .img img {padding:4px; background:#FFF; border:#ddd 1px solid;margin:0; float:right}

/* ########### pagina contatti ########### */
.contactform  {margin-top:5px;font-size:12px}
.contactform .contactright { margin-bottom:20px; font-size:11px}
.contactform input {border:#ddd 1px solid; height:18px; line-height:18px; color:#333; padding:2px; vertical-align:middle}
.contactform input#wpcf_subject {width:470px}
.contactform textarea {border:#ddd 1px solid; height:200px; width:550px; color:#333}
.contactform input#contactsubmit {margin-left:443px; margin-top:-10px; text-transform:uppercase;background:#730f33; border:#5a0c28 1px solid; color:#FFF;  padding:2px; width:auto; height:auto}


/*paginazione*/
.navigation {clear:both; margin-bottom:10px}
#wp_page_numbers {position:relative; margin:0 0 20px; font-size:11px}
#wp_page_numbers ul {width:100%; text-align:right;padding:2px 0}
#wp_page_numbers li.page_info {position:absolute; top:0; left:2px; padding:0 5px; border:none}
#wp_page_numbers li {display:inline; }
#wp_page_numbers li a { padding:0 5px}
#wp_page_numbers li.active_page a, #wp_page_numbers li a:hover { text-decoration:none}