/* CREDITS * ---------------------------------------------------------- * Title: Winwoodgallery - Screen Stylesheet * Author: Dieter Verjans * Date: 12/10/09 * Last Edit: 00/00/00 Dieter Verjans * ---------------------------------------------------------- * Inventis - Web Architects - We design the Web! * www.inventis.be */ /* Reset ---------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; } caption,th{ text-align:left; } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; } strong,b{ font-weight:bold; font-style: italic; } em{ font-style:italic; } em strong,strong em { font-weight: bold; font-style: italic; } abbr,acronym{ border-bottom:1px dotted; cursor:help; } button{ cursor:pointer; border:0; } input{ border:0; } /* General elements ---------------------------------------------------------- */ textarea, body{ font-family: Times, Arial, Helvetica, sans-serif; font-size:12px; color:#444;} html, body{ height:100%; background: url(../images/layout/header_bg.png) no-repeat 50% 0; line-height:20px; } .clear{ clear:both; } a {color:#33c3e3; text-decoration:underline;} a:hover {text-decoration:none;} a:focus{ outline:none; } div#push{ height:100px; } h1,h4 {color:#33c3e3; font-size:20px; font-style:italic;} h2,h5 {color:#444; font-size:14px; font-style:italic; font-family:Georgia; padding-bottom:5px;} /* Container ---------------------------------------------------------- */ div#wrap {min-height:100%; height:auto !important; height:100%; width:100%; margin:0 auto -100px; background: url(../images/layout/footer_bg.png) no-repeat 50% 100%;} div#container {width:940px; margin:0 auto; padding:0 20px;} /* Header ---------------------------------------------------------- */ div#header {height:190px;} div#header #logo {float:left;} div#header ul#languages {background:#4c4e4f; padding:5px; width:70px; height:26px; float:right;} div#header ul#languages li { display:inline;} div#header ul#languages li a {font-style:italic; color:#fff; font-size:14px; border-right: 1px solid #fff; padding:0 7px; line-height:26px; text-decoration:none;} div#header ul#languages li a:hover, div#header ul#languages li a.active {color:#33C3E3;} div#header ul#languages li.last a {border:0;} div#header ul#navigation {float:left; margin:105px 0 0 10px;} div#header ul#navigation li {display:inline;} div#header ul#navigation li a {background:url(../images/layout/menu_bg.png) no-repeat 100% 0; height:36px; width:100px; line-height:36px; display:block; float:left; text-align:center; color:#30a9cb; text-decoration:none; font-size:20px; font-style:italic;} div#header ul#navigation li a:hover, div#header ul#navigation li.active a {color:#afdfec;} div#header ul#navigation li.last a {background:none;} /* Content ---------------------------------------------------------- */ div#content {padding:50px 0; width:100%; overflow:hidden;} div#content div#left {float:left; width:305px; overflow:hidden;} div#content div#left ul.prints {margin-top:5px;} div#content div#left a#print {text-decoration:none; float:left; width:280px;} div#content div#left a#print img {border-bottom:5px solid #383e41; clear:both;} div#content div#left a#print:hover img {border-bottom:5px solid #33c3e3;} div#content div#left a#print span {float:right; background:url(../images/layout/zoom.png) no-repeat 100% 2px; padding-right:25px; color:#444; display:block; clear:both;} div#content div#left a#print:hover span {color:#33c3e3; background-position:100% -15px;} div#content div#left a.thumb {float:left; margin:5px 10px 0 0 ; width:87px;} div#content div#left a.thumb img {border-bottom:5px solid #383e41; clear:both;} div#content div#left a.thumb:hover img {border-bottom:5px solid #33c3e3;} div#content ul.prints li {display:inline; float:left; margin: 0 20px 20px 0; width:130px; height:260px; overflow:hidden; position:relative;} div#content ul.prints li.last {margin: 0 0 20px 0;} div#content ul.prints li div {position:absolute; bottom:0;} div#content ul.prints li a { overflow:hidden; text-decoration:none; color:#383e41; font-weight:bold; font-style:italic; font-size:13px;} div#content ul.prints li a img {border-bottom:5px solid #383e41;} div#content ul.prints li a:hover {color: #33c3e3;} div#content ul.prints li a:hover img {border-bottom:5px solid #33c3e3;} div#content table.prints td {padding: 0 20px 20px 0; width:130px; vertical-align:bottom;} div#content table.prints td a { overflow:hidden; text-decoration:none; color:#383e41; font-weight:bold; font-style:italic; font-size:13px;} div#content table.prints td a img {border-bottom:5px solid #383e41;} div#content table.prints td a:hover {color: #33c3e3;} div#content table.prints td a:hover img {border-bottom:5px solid #33c3e3;} div#content ul.top li {height:125px;} div#content ul.home li {height:125px; width:117px;} div#content ul.home {margin-bottom:20px;} div#content ul.artists {clear:both; width:100%; overflow:hidden;} div#content ul.artists li a {width:117px;} div#content div#left form.niceForm input.text {width:220px;} div#content div#right form.niceForm input.text {width:250px;} div#content div#right form.niceForm textarea.text {width:400px; height:150px;} div#content form.niceForm button.button {clear:both; background:#383e41; border:0; border-bottom:1px solid #d7d8d9; padding:3px 25px; color:#fff; font-style:italic; text-decoration:none; font-size:12px; font-family:Georgia; width:auto; margin-top:5px;} div#content form.niceForm button.button:hover {color:#33c3e3;} div#content div#right {float:right; width:615px; padding:0 10px; overflow:hidden;} div#content div#right a.button {background:#383e41; border-bottom:1px solid #d7d8d9; padding:3px 25px; color:#fff; font-style:italic; text-decoration:none; font-size:12px; font-family:Georgia;} div#content div#right a.button:hover {color:#33c3e3;} div#content div#right a.right {float:right; margin-top:10px;} div#content div#right a.left {float:left; margin-top:10px;} div#content div#right table {width:100%; margin:10px 0 20px 0;} div#content div#right table td {vertical-align:top;} div#content div#right #sitemap {margin-top:10px; width:615px; overflow:hidden;} div#content div#right #sitemap li {display:block;} div#content div#right #sitemap li a {text-decoration:none; color:#383e41; text-transform:capitalize; font-size:16px; line-height:18px;} div#content div#right #sitemap li a:hover {color:#33c3e3;} div#content div#right #sitemap li table {width:100%; margin:5px 0 5px 25px;} div#content div#right #sitemap li table td {vertical-align:top;} div#content div#right #sitemap li table td a {color:#33c3e3; font-size:14px; line-height:24px;} div#content div#right #sitemap li table td a:hover {color:#383e41;} div#content div#right #sitemap li table td li {line-height:16px;} div#content div#right #sitemap li table td li a {color:#383e41; font-size:12px; line-height:16px;} div#content div#right #sitemap li table td li a:hover {color:#33c3e3;} div#content div#right div#interest {margin-top:40px;} div#content div#right div#exhibition {margin-top:40px; width:100%; overflow:hidden; padding-bottom:10px;} div#content div#right div#exhibition h2 {color:#33c3e3; font-size:20px; font-style:italic;} div#content div#right div#exhibition ul {margin-top:10px;} div#content div#right div#exhibition ul li {display:inline; float:left; margin: 0 5px 5px 0} div#content div#right div#exhibition ul li.last {margin: 0 0 5px 0;} div#content div#right div#exhibition ul li a {width:117px; overflow:hidden; display:block; text-decoration:none; color:#383e41; font-weight:bold; font-style:italic; font-size:13px;} div#content div#right div#exhibition ul li a img {border-bottom:5px solid #383e41; clear:both;} div#content div#right div#exhibition ul li a:hover {color: #33c3e3;} div#content div#right div#exhibition ul li a:hover img {border-bottom:5px solid #33c3e3;} div#content div.exhibition {margin:20px 0; width:100%; clear:both;} div#content div.exhibition ul {margin-top:10px;} div#content div.exhibition ul li {display:inline; float:left; margin: 0 20px 20px 0} div#content div.exhibition ul li.last {margin: 0 0 20px 0;} div#content div.exhibition ul li a {width:117px; overflow:hidden; display:block; text-decoration:none; color:#383e41; font-weight:bold; font-style:italic; font-size:13px;} div#content div.exhibition ul li a img {border-bottom:5px solid #383e41; clear:both;} div#content div.exhibition ul li a:hover {color: #33c3e3;} div#content div.exhibition ul li a:hover img {border-bottom:5px solid #33c3e3;} div#content ul.artists li a {width:117px;} div#content div#bottom {clear:both; padding-top:20px;} div#content div#copyright {clear:both; padding-top:20px;} div#content div#right h3, div#content div#bottom h3 {color: #33c3e3; font-size:16px; font-style:italic; margin-bottom:15px;} /* Footer ---------------------------------------------------------- */ div#footer{ overflow:hidden; width:940px; margin:0 auto; color:#444; line-height:20px; padding:20px 0; height:60px; clear:both; } div#footer a {font-style:italic; color:#444; text-decoration:none;} div#footer a:hover, div#footer a.active {color:#33C3E3;} div#footer a#contact {float:right; color:#fff; font-weight:bold;} div#footer a#contact span {color:#2ebdde;} div#footer a#contact:hover {float:right; color:#2ebdde; font-weight:bold;} div#footer a#contact:hover span {color:#fff;} div#footer a#credits {float:right; clear:right; color:#fff; width:89px; height:27px; background:url(../images/layout/credits.png) no-repeat 0 0; text-indent:-9000px; } div#footer a#credits:hover {background-position: 0 100% } /* NiceForm ---------------------------------------------------------- */ form.niceForm label {display:block;} form.niceForm input.text, div#content form.niceForm textarea.text { width:100%; background: #F7F7F7; padding:5px 5px; height:14px; color:#a2a2a2; font-size:11px; margin-bottom:5px; border:1px solid #E8E8E8;} form.niceForm button.button {clear:both; background:#383e41; border:0; border-bottom:1px solid #d7d8d9; padding:3px 25px; color:#fff; font-style:italic; text-decoration:none; font-size:12px; font-family:Georgia; width:auto; margin-top:5px;} form.niceForm button.button:hover {color:#33c3e3;} form.niceForm input.error, form.niceForm textarea.error {border:1px solid #EF765D !important;} form.niceForm span.required {margin-left:5px; padding-left:20px; line-height:24px; background:url(../images/layout/validator/required.png) no-repeat 0 0; vertical-align:top; padding-bottom:5px;} form.niceForm span.correct {margin-left:5px; padding-left:20px; line-height:24px; background:url(../images/layout/validator/correct.png) no-repeat 0 0; vertical-align:top; padding-bottom:5px;} form.niceForm span.error {margin-left:5px; padding-left:20px; line-height:24px; background:url(../images/layout/validator/error.png) no-repeat 0 0 !important; vertical-align:top; color:#444; font-style:italic; padding-bottom:5px; } /*E3333A*/ form.niceForm div#formErrors {border-top:1px solid #EF765D; padding:10px 5px 5px 0px;} form.niceForm div#formErrors ul li {padding-left:20px; background:url(../images/layout/validator/error.png) no-repeat 0 50%;} form.niceForm div#formErrors ul li {color:#EF765D; line-height:24px;} form.niceForm div#formErrors ul li a {color:#EF765D; text-decoration:underline; font-weight:bold;} form.niceForm div#formErrors ul li a:hover {text-decoration:none;} /* Inventisbox ---------------------------------------------------------- */ #lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index:9998; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; border: 1px solid #666; z-index:9999; } #lbCenter { border-width: 1px 1px 0 1px; } #lbBottomContainer { border-width: 0 1px 1px 1px; } .lbLoading {background: #fff url(../images/layout/inventisbox/loading.gif) no-repeat center; } #lbImage {border: 10px solid #fff; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/layout/inventisbox/prevlabel.gif) no-repeat 0% 0%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/layout/inventisbox/nextlabel.gif) no-repeat 100% 0%; } #lbBottom { font-family: Times, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCaption { color:#33c3e3; font-size:20px; font-style:italic; } #lbCaption span {color:#444; font-size:14px; font-style:italic; font-family:Georgia; padding-top:5px; display:block;} #lbBottom a { padding: 4px 10px; border: 1px solid #e3e3e3; background-color: #ffffff; color: #000000; text-decoration: none; } #lbBottom a:hover { border: 1px solid #CCCCCC; background-color: #f9f9f9; color: #666666; } #lbBottom #lbCloseLink { display: block; color:#444; font-size:14px; font-style:italic; font-family:Georgia; border:0; background: url(../images/layout/inventisbox/close.png) no-repeat 100% 6px; padding-right: 20px; line-height: 22px; float: right; text-align: center; } #lbBottom #lbCloseLink:hover {background-position:100% -16px; color:#33c3e3;} #lbBottom #lbCaptionPrevLink, #lbBottom #lbCaptionNextLink { display: block; margin: 5px 5px 0 0; line-height: 22px; float: left; text-align: center; } #lbBottom #lbCaptionPrevLink { background-image: url(../images/layout/inventisbox/prev.gif); background-repeat: no-repeat; background-position: 8% 50%; padding-left: 25px; } #lbBottom #lbCaptionNextLink { background-image: url(../images/layout/inventisbox/next.gif); background-repeat: no-repeat; background-position: 92% 50%; padding-right: 27px; } #lbNumber { font-style: italic; }