/* 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 h2 {background:url("images/arrow_article.png") top left no-repeat; padding-left:30px; 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 {display:block; color:#fff; line-height:30px; height:30px; font-size:13px; 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 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; 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;} /* 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;}