/* Theme Name:Zoomart Description:The Zoomart WordPress theme by Zoomart. Version:1.0 Author:Zoomart Author URI:http://www.zoomart.net/ Tags:zoomart web design */ /* General */ * {padding:0; margin:0;} html, body {height:100%;} body {background:#fff url("images/bg_header.jpg") repeat-x; color:#1f1f1f; font:12px "lucida grande","lucida sans",verdana,arial,sans-serif; text-align:left;} h1, h2, h3 {font-family:Arial, Helvetica, Sans-Serif; font-weight:bold;} h1 {font-size:4em; text-align:center; padding-top:70px; margin:0; text-decoration:none; color:white;} h2 {font-size:1.6em; margin:30px 0 0; color:#000; text-decoration:none;} h3 {font-size:1.3em; padding:0; margin:30px 0 0;} h1 a, h1 a:hover, h1 a:visited {text-decoration:none; color:white;} h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#f00;} h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {text-decoration:none; color:#000; font-size:1.2em;} a {color:#dd034b; text-decoration:none;} a:hover {color:#dd034b; text-decoration:underline;} ul li {list-style-type:none;} ol li {margin-left:20px;} small {font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em; color:#000 !important;} .date {padding-bottom:10px; font-weight:bold;} #page {background:#fff !important; margin:0 auto; padding:0 0 10px 0; width:995px; overflow:hidden; position:relative; min-height:100%; /*to be fixed for IE6*/} .normal{font-weight:normal;} .sociable {text-align:right;} .date {display:none;} div.post-date {color:#666; font-size:10px; text-align:right;} .both {clear:both;} /* Header */ #header {width:995px; height:160px; background:url("images/bg_header.jpg") repeat-x; margin:0 auto;} #headerimg {position:relative; width:995px; height:160px; margin:0 auto;} #headerimg {list-style:none; text-align:left;} #headerimg h1 {display:none;} #headerimg .description {position:absolute; top:130px; left:0; font-size:1.15em; text-align:left; text-decoration:none; color:#b0b6b9; text-transform:uppercase;} #headerimg .logo {position:absolute; top:20px; left:0;} #headerimg .searchbar {position:absolute; top:130px; right:0;} #headerimg .socials {position:absolute; top:95px; right:0;} #headerimg .socials ul {} #headerimg .socials li {display:inline; margin-left:2px;} #headerimg .language {position:absolute; top:8px; right:0;} #headerimg .language ul {} #headerimg .language li {display:inline; margin-right:10px; font-size:0.9em;} #headerimg .language li a {color:#fff; padding-top:25px;} #headerimg .language li a.current_lang {background:url(images/arrow_language.gif) center no-repeat; position:relative; z-index:1;} #headerimg .menu {position:absolute; top:95px; left:150px;} #headerimg .menu ul {} #headerimg .menu li {display:inline; margin-right:10px; font-size:1.2em;} #headerimg .menu li a {color:#000;} #headerimg .menu li a.currentpage {color:#dd034b;} #headerimg #searchsubmit {padding:1px; background:transparent url(images/search-icon.png) no-repeat right bottom; border:none; color:#666; width:23px; height:23px; cursor:pointer;} /* Content */ #content {font-size:1em; width:750px; float:right; padding-right:0; padding-bottom:50px;} #content h1 {margin:60px 0 2px -0; padding:0 30px; text-align:left; color:#fff; line-height:30px; height:30px; font-size:13px; text-transform:uppercase; background-color:#333; font-weight:normal;} #content h2 {margin:60px 0 2px 0; color:#fff; line-height:30px; height:30px; font-size:13px; text-transform:uppercase; background-color:#333; font-weight:normal;} #content h3 {margin:10px 0; line-height:30px; height:30px; font-size:13px;} #content h2 a, #content h3 a {background:url("images/arrow_article.png") top left no-repeat; padding-left:30px; display:block; color:#fff; line-height:30px; height:30px; font-size:13px; color:#fff; line-height:30px; height:30px; font-size:13px; text-transform:uppercase; background-color:#333; font-weight:normal;} #content h4 {padding:10px 0;} #content h5.subtitle {padding-bottom:20px;} #content .narrowcolumn {float:left; padding:0; margin:0; width:450px;} #content .widecolumn {float:left; padding:0; margin:0; width:450px;} #content .category {color:#a5a79e; font-size:0.80em; padding:10px 0 30px 0;} #content .category a {color:#333; font-weight:bold; letter-spacing:-1px;} #content .postmetadata {font-size:10px; padding:0; margin-bottom:50px; text-align:right;} #content .postmetadata ul, #content .postmetadata li {display:inline; list-style-type:none; list-style-image:none;} #content .postmetadata a {color:#dd034b;} #content .postmetadata a {color:#000 !important;} #content .entry {line-height:1.4em; /*background-color:#e8e8e8; padding:10px;*/ border-top:1px solid #000; padding-top:10px;} #content .entry ul { font-size:12px; margin-left:15px;} #content .entry ul li {margin:3px 0;} #content .entry p {color:#000; line-height:1.4em; font-size:12px; padding-bottom:5px;} #content .entry p img.image {padding-bottom:20px;} #content .entry p a {color:#dd034b;} #content .entry p.tag a {color:#000 !important;} #content .entry p a.more-link {color:#fff; background-color:#333; font-size:12px; text-decoration:none; display:block; padding:5px 30px; margin-top:20px;} .narrowcolumn .entry-bottom {margin-bottom:-5px;} #content div.text {padding:20px 0;} #content ul li.links {list-style-type:none; list-style-image:none; line-height:0.5em; font-size:1.05em;} #content ul li.links img {border:none;} #tseCTIsmileys-comment img {width:50px !important; float:left !important;} /* Special-Styles */ #content ul.image-list {margin:20px 0 0 0;} #content ul.image-list li {list-style-type:none; margin-bottom:30px;} #content ul.image-list li a {} #content ul.image-list li img {border:1px solid #ccc; padding:3px; margin:8px 0 3px;} /*Archivi*/ h2.pagetitle {margin-top:43px !important; color:#000 !important; background:none !important; font-size:1.1em; margin-bottom:3px !important; padding:10px 0 2px 0 !important; border-bottom:1px solid #dd034b !important; text-align:right; font-weight:normal; height:20px !important; line-height:20px !important; } h2.pagetitle span {color:#dd034b; text-transform:uppercase;} /* Sidebar */ #sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif; padding:50px 0 10px 0; margin:0; width:210px; float:left;} #sidebar form {margin:0;} #sidebar h2 {font-family:'Lucida Grande', Verdana, Sans-Serif; text-decoration:none; margin:5px 0 0; font-size:1.2em; text-transform:lowercase; font-weight:bold; padding:10px 10px 30px 0; background:transparent url(images/bg_decoration.jpg) repeat-x scroll 0 bottom;} #sidebar h3 {padding-bottom:30px; margin-top:10px;} #sidebar h3 a {color:#fff; display:block; width:191px; height:50px; padding-left:20px; font:1.2em/50px 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal; text-decoration:none; text-transform:uppercase; margin:0; background:#95cd3c url(images/blog-home.png) no-repeat 195px bottom;} #sidebar div.sidebar-slogan {margin:10px 0 20px 0;} #sidebar ul {margin:0; padding:0; text-align:left;} #sidebar ul ol {margin:0; padding:0; margin:0 0 0 10px;} #sidebar ul ul {margin:5px 0 0 0px;} #sidebar ul li {list-style-type:none; list-style-image:none; line-height:1.8em; } #sidebar ul p, #sidebar ul select {margin:5px 0 8px;} #sidebar ul ul li, #sidebar ul ol li {color:#000; border-bottom:1px dashed #979696; padding:8px 0;} #sidebar ul li a {color:#000;} #sidebar .cloud {background:url("images/cloud.jpg") top left no-repeat; padding-top:60px; margin-top:30px;} #sidebar .cloud a {color:#000;} #sidebar .cloud a:hover {color:#dd034b;} #sidebar div.wikio {width:100%;} #sidebar div.wikio p {text-align:center;} #sidebar div.wikio a {display:block; width:100%; background-color:#fff;} /* Facebook hide Unlike button */ .unlike_link[style] {display:none !important;} /* Footer */ #footer_container {clear:both; width:100%; background:#3c3c3c url("images/bg_footer.jpg") repeat-x top; margin:0;} #footer { border:none; padding-bottom:350px; position:relative; margin:0 auto; background:#3c3c3c url("images/bg_footer.jpg") repeat-x top; width:995px;} #footer .logo {padding-top:20px;} #footer .language {position:absolute; top:47px; right:0;} #footer .language ul {} #footer .language li {display:inline; margin-right:10px; font-size:0.9em;} #footer .language li a.current_lang {background:url("images/arrow_language_footer.gif") center no-repeat; position:relative; z-index:1;} #footer .language li a {color:#000; padding-bottom:25px;} #footer .socials {position:absolute; top:95px; right:0;} #footer .socials ul {} #footer .socials li {display:inline; margin-left:2px;} #services-footer {position:absolute; top:120px; left:100px; overflow:hidden; width:895px; padding-top:70px;} #services-footer .menu {position:relative; width:200px; float:left;} #services-footer .more {margin-right:20px;} #services-footer .contacts {border-left:1px solid #999; padding:0 0 20px 20px; color:#fff; width:300px;} #services-footer .contacts a:link, #services-footer .contacts a:visited {text-decoration:underline;} #services-footer .contacts a:hover, #services-footer .contacts a:active {text-decoration:none;} #services-footer .home {width:150px; margin-top:30px;} #footer .menu h4 {font-size:12px; color:#dd034b; display:block; height:30px; line-height:30px;} #footer .menu p {color:#fff;} #footer .menu span {display:block; color:#999;} #footer .menu ul {} #footer .menu li {display:block; margin-bottom:5px;} #footer .menu li a.currentpage {color:#999;} #footer .menu li a {color:#fff;} .iva {position:absolute; bottom:7px; right:0; color:#999; font-size:10px;} /* Captions Didascalie*/ .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto;} .wp-caption {font-weight:bold;} .wp-caption img { margin:0; padding-bottom:5px; border:0 none;} .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding-bottom:12px; margin:0;} /* Begin Form Elements - Comments */ #searchform { margin:0 auto; padding:0px 3px; text-align:center; } .entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center;} select {width:130px;} #commentform {margin:5px 10px 0 0; } #commentform input {width:170px; padding:0; margin:5px 0 1px 0;} #commentform p {margin:5px 0; } #commentform textarea {width:100%; padding:2px;} #cancel-comment-reply textarea {padding:2px;} #respond:after { content:"."; display:block;height:0; clear:both; visibility:hidden;} #commentform #submit {margin:15px auto 0; display:inline-block; position:relative; float:right; background:#dd034b none repeat scroll 0 0; border:medium none; color:#fff; cursor:pointer; font-size:12px; padding:5px 10px 6px; text-decoration:none; font-weight:bold; line-height:1; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);} .commentlist {padding:0; text-align:justify; } .commentlist li {ont-weight:bold; margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none;} .commentlist li ul li {font-size:1em; margin-right:-5px; margin-left:10px;} .commentlist p {font-weight:normal; text-transform:none; margin:10px 5px 10px 0;} .children {padding:0;} .nocomments {text-align:center; margin:0; padding:0; } .commentmetadata {font-weight:normal; margin:0; display:block; font-size:10px;} .commentmetadata a {color:#000;} .commentlist li, #commentform input, #commentform textarea {font:0.9em; font-size:12px;} .commentlist li .avatar {/*float:right; border:1px solid #eee; padding:2px; background:#fff;*/ display:none;} .commentlist cite, .commentlist cite a { font-weight:bold; font-style:normal; } h3.comments { padding:0; margin:40px auto 20px ;} /* Begin Typography & Colors */ .widecolumn .entry p { font-size:1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height:1.4em; } .widecolumn { line-height:1.6em; } .thread-alt {} .thread-even { background-color:white;} .depth-1 {border:1px solid #ddd;} .entry p a:visited { color:#b85b5a; } .sticky { background:#f7f7f7; padding:0 10px 10px; } .sticky h2 { padding-top:10px; } code { font:1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps{ font-size:0.9em; letter-spacing:.07em; } #wp-calendar #prev a, #wp-calendar #next a { font-size:9pt; } #wp-calendar a { text-decoration:none; } #wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; } #wp-calendar th { font-style:normal; text-transform:capitalize; } /* End Typography & Colors */ /* Begin Structure */ .post {margin-top:50px;} .post hr {display:block;} .widecolumn .post { margin:0; } .narrowcolumn .postmetadata {padding-top:5px;} .widecolumn .postmetadata {margin:10px 0;} .widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;} .widecolumn .attachment { text-align:center; margin:5px 0px;} .postmetadata { clear:both;} .clear { clear:both;} /* Begin Images */ p img { padding:0; max-width:100%; } img.centered { display:block; margin-left:auto; margin-right:auto; } img.alignright { padding:4px; margin:0 0 2px 7px; display:inline;} img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; } .alignright { float:right; } .alignleft { float:left; } /* Begin Calendar */ #wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; } #wp-calendar #next a { padding-right:10px; text-align:right; } #wp-calendar #prev a { padding-left:10px; text-align:left; } #wp-calendar a { display:block; } #wp-calendar caption { text-align:center; width:100%; } #wp-calendar td { padding:3px 0; text-align:center; } #wp-calendar td.pad:hover {/* Doesn't work in IE */ background-color:#fff;} /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor:help; } acronym, abbr { border-bottom:1px dashed #999; } blockquote { margin:15px 30px 0 10px; padding-left:40px; background:url("images/blockquote.gif") no-repeat; margin-bottom:10px;} blockquote cite { margin:5px 0 0; display:block; } .center { text-align:center; } .hidden { display:none; } .screen-reader-text { position:absolute; left:-1000em;} hr { display:none; } a img { border:none; } .navigation {display:block; text-align:center; font-size:10px; font-weight:bold;} /* CSS3 Articles */ .green-box {clear:both; font-family:"Trebuchet MS",Arial,sans-serif; font-size:13px; border:1px solid #83d13d; background-color:#f2ffe1; padding:10px; margin:10px 0;} .green-box li {margin-top:10px; margin-bottom:10px;} #border-image-1 {-webkit-border-image:url("images/border.png") 27 27 27 27 round round; -moz-border-image:url("images/border.png") 27 27 27 27 round round; border-image:url("images/border.png") 27 27 27 27 round round; border:1em double #f00; margin:0 30px; padding:14px; width:270px; margin:10px 0;} #border-image-2 {-webkit-border-image:url("images/border.png") 27 27 27 27 stretch stretch; -moz-border-image:url("images/border.png") 27 27 27 27 stretch stretch; border-image:url("images/border.png") 27 27 27 27 stretch stretch; border:1em double #f00;margin:0 30px;padding:14px;width:270px; margin:10px 0;} .examplebox {overflow:hidden; width:100%; margin:30px 0;} .example {position:relative; float:left; margin-right:20px; background-image:url("images/css3/block.gif"); background-color:#ccc;background-repeat:no-repeat; border:10px dashed #f00; color:#000; float:left; font-weight:bold; height:110px; padding:10px; width:110px;} .example1 {-moz-background-clip:border; -moz-background-origin:border; -webkit-background-clip:border; -webkit-background-origin:border; background-clip:border; background-origin:border;} .example2 {-moz-background-clip:border; -moz-background-origin:padding; -webkit-background-clip:border; -webkit-background-origin:padding; background-clip:border; background-origin:padding;} .example3 {-moz-background-clip:border; -moz-background-origin:content; -webkit-background-clip:border; -webkit-background-origin:content; background-clip:border; background-origin:content;} .example5 {-moz-background-clip:padding; -moz-background-origin:padding; -webkit-background-clip:padding; -webkit-background-origin:padding; background-clip:padding; background-origin:padding;} .example6 {-moz-background-clip:padding; -moz-background-origin:content; -webkit-background-clip:padding; -webkit-background-origin:content; background-clip:padding; background-origin:content;} .example-background-image {margin:20px 0; background-image:url("images/css3/css3-background-size.jpg"); background-repeat:no-repeat; -webkit-background-size:200px 50px; background-size:200px 50px; -webkit-background-origin:border; background-origin:border; padding:150px 5px 5px; border:1px solid #ccc;} .multiple-bg {margin:30px 0; height:150px; width:660px; padding:150px 20px 20px 20px; background:url(images/css3/body-top.gif) top left no-repeat, url(images/css3/css3_banner.jpg) 11px 11px no-repeat, url(images/css3/body-bottom.gif) bottom left no-repeat, url(images/css3/body-middle.gif) left repeat-y;}