/* Theme Name: Spotti 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:#ebebeb; color:#000; 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: 2em;} h2 { font-size: 1.6em;} h3 { font-size: 1.3em;} h1.hiddentitle {position:absolute; width:100px; margin-left:-5000px;} a { color: #666; text-decoration: none; } a:hover { color: #666; text-decoration: underline; } #page {background: #fff !important; margin: 0 auto; width: 960px; overflow:hidden; position:relative; /*min-height:100%;*/ /*to be fixed for IE6*/ } div.post-date {color:#666; font-size:10px; margin: 0 0 10px 33px; } /* Header */ #header { width:946px; height:150px; margin:0 auto; padding: 0 7px 7px 7px;} #headerimg { position:relative; width:946px; height:150px; margin:0 auto; background: #333 url("images/bg_header.png") no-repeat;} #headerimg .logo { position: absolute; top: 71px; right:28px; } #language { position:absolute; top:122px; right:28px; text-transform:uppercase;} #language ul {} #language li { display:inline; margin-right:4px; font-size:0.7em; } #language li a:link, #language li a:visited { color:#fff; background:url(images/dot_lang.gif) left no-repeat; padding-left:10px;} #language li a:hover, #language li a:active { color:#fff; background:url(images/dot_lang_current.gif) left no-repeat; padding-left:10px;} #language li a.current_lang:link, #language li a.current_lang:visited, #language li a.current_lang:hover, #language li a.current_lang:active { background:url(images/dot_lang_current.gif) left no-repeat; position:relative; z-index:1; } #headerimg .menu {} #headerimg .m-main { position: absolute; top:39px; left: 23px;} #headerimg .m-contacts { position: absolute; top:78px; left: 240px;} #headerimg .menu ul {} #headerimg .menu li {list-style-type:none;} #headerimg .menu li.homepage {display:block; padding-bottom:20px;} #headerimg .menu li a { color:#fff; text-transform:uppercase; font-size:15px;font-weight:bold;} #headerimg .menu li a:link, #headerimg .menu li a:visited { color:#fff; text-decoration:none;} #headerimg .menu li a:hover, #headerimg .menu li a:active { color:#666; text-decoration:none;} #headerimg .menu li.currentpage a { color:#666 !important; } #headerimg .menu li a.currentpage { color:#666 !important; } /* Footer */ #footer_container { clear:both; width:100%; background:#ebebeb; margin:0;} #footer { background:#fff; position:relative; margin:0 auto; width:946px; padding:7px;} #footer div.menu {background:url(images/bg_dotted.png) top repeat-x; padding-top:10px;} #footer div.menu ul {overflow:hidden; width:100%;} #footer div.menu li {list-style-type:none; background:#262626 url(images/bg_footer_item.jpg) top repeat;; display:block; margin:0 7px 7px 0; width:310px; height:170px; overflow:hidden; float:left; position:relative;} #footer div.menu li.last {margin-right:0;} #footer div.menu li img {position:absolute; top:8px; left:8px;} #footer div.menu li p {position:absolute; color:#fff; top:10px; left:15px; width:250px; font-size:11px;} #footer div.menu li a {display:block; width:292px; height:100%; padding:10px; color:#afafaf; font-size:14px; /*font-weight:bold;*/ text-decoration:none;} #footer div.credits {background:#323232 url(images/bg_footer.png) top repeat-x; padding:10px 5px 5px;} #footer div.credits p {color:#cfcfcf; font-size:9px; text-transform:uppercase; text-align:center;} #zoomart {background:#ebebeb; position:relative; margin:0 auto; width:946px; padding:5px;} #zoomart p {font-size:9px; text-align:right;} #zoomart span {padding:0 10px;} #zoomart a {color:#666;} /*JS Footer*/ .boxcaption {float:left; position:absolute; background:#000; height:170px; width:292px; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .caption .boxcaption {top:100px; left:8px;} .captionfull .boxcaption {top:90; left:0;} .newsletter .boxcaption {top:100px; left:8px;} /*Content */ #content {width:946px; margin:0 auto; padding: 0 7px; overflow:hidden;} #content .post-edit-link {display:block; padding-top:7px;} #content .events {width:665px; float:right; padding-right:40px;} #content .single {padding-bottom:50px;} #content .entry p {line-height: 20px; font-size: 12px;} #content .entry h2 {line-height: 25px; font-size: 16px; border-bottom:1px solid #000; margin:10px 0 5px 0;} #content .entry h3 {line-height: 25px; font-size: 14px;} #content .events h2 {line-height: 40px; font-size: 19px; border:none; background:url(images/bg_dotted.png) bottom repeat-x; margin:10px 0 5px 0;} #content .entry p img {display:block;} #content .events p img {display:block; border: none 5px #d6d6d6; margin:15px 0 8px 0;} /*Profile*/ div.profile, div.showroom, div.gallery {height:575px; position:relative;} div.consulting {background:url(images/spotti-milano-profilo.jpg) 7px top no-repeat;} div.project {background:url(images/spotti-milano-progettazione.jpg) 7px top no-repeat;} div.editions {background:url(images/spotti-milano-edizioni.jpg) 7px top no-repeat;} div.contract {background:url(images/spotti-milano-contract.jpg) 7px top no-repeat;} div.organization {background:url(images/spotti-milano-organization.jpg) 7px top no-repeat;} div.international {background:url(images/spotti-milano-international.jpg) 7px top no-repeat;} div.showroom-spotti {background:url(images/spotti-milano-showroom-spotti.jpg) 7px top no-repeat;} div.showroom-valcucine {background:url(images/spotti-milano-showroom-valcucine.jpg) 7px top no-repeat;} div.showroom-valcucine-brera {background:url(images/spotti-milano-showroom-valcucine-brera.jpg) 7px top no-repeat;} div.side-menu {position:absolute; width:240px; top:12px; left:20px; background-color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding:13px 0 70px; text-indent:18px;} div.side-menu ul {} div.side-menu li {list-style-type:none;} div.side-menu li a {display:block; height:18px; padding:1px 0; color:#333; font-size:14px;} div.side-menu li a:link, .profile div.side-menu li a:visited {color:#333; text-decoration:none;} div.side-menu li a:hover, .profile div.side-menu li a:active {color:#999; text-decoration:none;} div.side-menu li a.currentpage {background-color:#ccc;} div.custom-text {position:absolute; width:542px; top:12px; right:20px; background-color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding:13px 18px 70px 18px;} div.custom-text p {font-size:11px !important; line-height:17px !important; color:#333;} div.custom-text p strong {color:#000;} div.show-gallery {position:absolute; width:240px; top:475px; left:20px; background-color:#fff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; padding:15px 0 28px; text-indent:18px;} div.show-gallery p {font-weight:bold; font-size:13px;} div.show-gallery a {display:block; padding:1px 0; font-weight:normal;} div.show-gallery a:link, div.show-gallery a:visited {text-decoration:underline;} div.show-gallery a:hover, div.show-gallery a:active {text-decoration:none;} div.slide-show {position:absolute; width:100%; top:0; left:0;} /* Galleries */ .ngg-galleryoverview {margin:0 !important;} /*Jobs - Contacts - Newsletter*/ #content div.jobs, #content div.newsletter, #content div.contacts {overflow:hidden; width:100%; margin:0 auto; padding-top:40px;} #content div.side-text {position:relative; width:270px; float:left; padding-left:240px; margin-right:100px;} #content .jobs div.side-text {padding-bottom:40px;} #content div.side-text h1, #content div.side-text h2 {font-size:27px; display:block; margin-bottom:7px; line-height:22px; padding-bottom:7px; border-bottom:1px solid #000;} #content div.side-text h3 {font-size:12px; display:block; margin-bottom:8px;} #content div.side-text h3.contacts-title {font-size:27px; display:block; margin-bottom:7px; line-height:22px; padding-bottom:7px;} #content div.side-text p {font-size:12px; font-family: Arial, Helvetica, Sans-Serif; color:#000; font-weight:bold;} #content div.side-text p.slogan {text-transform:uppercase; color:#333; display:block; padding:35px 0; font-weight:normal;} #content div.side-text p span { color:#666;} #content div.side-text p span.block { display:block;} #content div.side-text p span.last { margin-bottom:10px;} #content div.side-text p span.tel, #content div.side-text p span.fax, #content div.side-text p span.email {color:#000;} #content div.wpcf7 {position:relative; width:315px; float:left;} #content div#wpcf7-f3-p193-o1 {padding-bottom:40px;} #content div.wpcf7 form {} #content div.wpcf7 form h3 {font-size:19px; line-height:35px; display:block; position:relative; /*Fixes IE6 Border Bug*/ border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:40px;} #content div.wpcf7 form h4 {color:#666; font-size:12px; display:block; margin-bottom:5px;} #content div.wpcf7 form p {} #content div.wpcf7 form p.text-field input {width:260px;} #content div.wpcf7 form p textarea {width:300px; height:100px;} #content .wpcf7 form p span.block {display:block; font-size:12px; font-family: Arial, Helvetica, Sans-Serif; line-height:35px; font-weight:bold; text-transform:uppercase;} #content .wpcf7 form p span.first {border-top:1px solid #000;} #content .wpcf7 form p.acceptance-box {color:#666; font-size:12px; font-weight:bold;} #content .wpcf7 form .wpcf7-checkbox input {margin-right:6px;} #content .wpcf7 form p.send {} #content .wpcf7 form p.send input {background:#ccc; border:medium none; color:#fff !important; cursor:pointer; font-size:12px;text-transform:uppercase; font-weight:bold;margin:0 auto;padding:5px 10px;} #content .wpcf7 div.captcha-box {overflow:hidden; width:100%; margin:5px 0; padding-top:5px; } #content .wpcf7 .captcha-box div.captcha {width:110px; float:left; margin:5px 0;} #content .wpcf7 .captcha-box div.captcha img.wpcf7-captcha-your-captcha {border:2px solid #ccc; padding:10px !important;} #content .wpcf7 .captcha-box div.captcha-text {width:200px; float:left; margin:5px 0;} #content .wpcf7 .captcha-input .wpcf7-form-control-wrap input {width:90px; height:15px; margin-bottom:10px;} #map {clear:both; margin-top:10px; border:2px solid #666;} /*Overwrites Form Error Settings*/ span.wpcf7-not-valid-tip {background:transparent !important; border:none !important; position:relative !important; display:block; left:0 !important; top:0 !important; color:#f00 !important; font-size:10px !important; font-weight:bold !important;} /*Collections*/ #content div.collection {overflow:hidden; width:100%; margin:0 auto; padding-top:40px; padding-bottom:40px;} #content .collection div.side-text {position:relative; width:180px; float:left; padding-left:240px; margin-right:10px;} #content .collection div.collection-list {position:relative; overflow:hidden; width:515px; float:right; background:url(images/collection-top.gif) top left no-repeat; margin-top:70px; padding-top:4px;} #content .collection div.collection-list a {width:192px; height:35px; line-height:35px; display:block; position:relative; float:left; margin-right:59px; padding-left:5px; text-transform:uppercase; font-weight:bold;} #content .collection div.collection-list a:link, #content .collection div.collection-list a:visited {color:#000; background:#fff url(images/collection-bottom.gif) bottom left no-repeat; text-decoration:none;} #content .collection div.collection-list a:hover, #content .collection div.collection-list a:active {color:#fff; background:#333 url(images/collection-bottom.gif) bottom left no-repeat; text-decoration:none;} /*Error 404*/ .error {margin: 40px 0 !important;} .error h2 {margin-bottom: 30px;} .error input#s {padding:3px;} .error input#searchsubmit {background:#ccc; border:medium none; color:#fff !important; cursor:pointer; font-size:12px;text-transform:uppercase; font-weight:bold;margin:0 auto;padding:5px 10px;} /* 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;} /*Form Elements - Comments */ #searchform { margin: 0 auto; padding: 0px 3px; text-align: center; } .entry form { text-align:left; } 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: 735px; padding: 2px; } #respond:after { content: "."; display: block;height: 0; clear: both; visibility: hidden;} #commentform #submit { margin: 15px auto 0; float: right; background:#ccc none repeat scroll 0 0; border:medium none; color:#fff; cursor:pointer; font-size:12px; padding:5px 10px;} .commentlist { padding: 0; text-align: justify; } .commentlist li { font-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 ;} .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .thread-alt { background-color: #f8f8f8;} .thread-even { background-color: white;} .depth-1 {border: 1px solid #ddd;} .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; } /* Structure */ .post { /*margin: 0 0 40px; text-align: justify;*/ } .post hr { display: block; } .widecolumn .post { margin: 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;} .widecolumn .attachment { text-align: center; margin: 5px 0px;} .clear { clear: both;} /* 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; } /* 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; } /* 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; padding:50px;}