body { position: relative; z-index: 100; } @font-face { font-family: 'CenturyGothicBold'; src: url('gothicb-webfont.eot'); src: url('gothicb-webfont.eot?#iefix') format('embedded-opentype'), url('gothicb-webfont.woff') format('woff'), url('gothicb-webfont.ttf') format('truetype'), url('gothicb-webfont.svg#CenturyGothicBold') format('svg'); font-weight: bold; font-style: normal; } #wrap { float: left; width: 100%; } #inner { width: 940px; margin: 0 auto; } #header { float: left; width: 100%; } #header-alpha { float: left; width: 234px; } #header-beta { float: left; width: 505px; } #header-gamma { float: right; width: 195px; } #navigation { float: left; width: 100%; height: 27px; margin: 42px 0 0 0; list-style-type: none; padding: 0; } #navigation li { float: left; width: auto; margin: 0; padding: 0; } #navigation li span { float: left; width: 100%; font-size: 11px; height: 21px; margin: 4px 0 0 0; padding: 0 12px 0 11px; color: #ffffff; text-transform: uppercase; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } #navigation li span a, #navigation li span a:link { outline: none; color: #ffffff; text-decoration: none; } #navigation li span a:focus, #navigation li span a:hover { outline: none; color: #6f6e6e; text-decoration: none; } #navigation li span a:active { outline: none; } #navigation li span a.current { color: #6f6e6e; } #search { float: left; width: 100%; margin: 37px 0 0 0; background: transparent url(../images/back_search.jpg) top right no-repeat; } #search fieldset.titles { float: left; width: 55px; } #search fieldset.fields { float: right; width: 150px; } #search label { float: left; width: 55px; border: none; margin: 17px 0 0 8px; color: #ffffff; font-size: 11px; text-transform: uppercase; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } #search input.text { float: left; width: 110px; border: none; margin: 8px 0 0 8px; color: #333334; background-color: transparent; font-size: 11px; } #search input.submit { float: right; } #promo { float: left; width: 100%; position: relative; } #promo-controls { position: absolute; width: 100px; bottom: 10px; right: 10px; text-align: right; z-index: 999; } #promo-controls a, #promo-controls a:link { color: #ffffff; text-decoration: none; font-size: 14px; } #promo-inner { float: left; width: 100%; height: 400px; overflow: hidden; } #promo img { float: left; margin: 0; } #promo-small { float: left; width: 100%; } #promo-small img { float: left; width: 100%; margin: 0 0 20px 0; } #content { float: left; width: 100%; background-color: #ffffff; } #content-single { float: left; width: 900px; margin: 20px 20px 20px 20px; } #content-wt-alpha { float: left; width: 580px; margin: 20px 0 0 20px; } #content-wt-beta { float: right; width: 300px; margin: 20px 20px 0 0; position: relative; z-index: 999; } #content-tw-alpha { float: left; width: 300px; margin: 20px 0 0 20px; } #content-tw-beta { float: right; width: 580px; margin: 20px 20px 0 0; } #content-wt-alpha p a, #content-wt-alpha p a:link { color: #75162e; text-decoration: underline; } #content-wt-alpha p a:hover, #content-wt-alpha p a:focus { color: #000000; text-decoration: underline; } #content-wt-alpha p strong a, #content-wt-alpha p strong a:link { color: #000000; text-decoration: none; } #content-wt-alpha p strong a:hover, #content-wt-alpha p strong a:focus { color: #000000; } #content-wt-beta p a, #content-wt-beta p a:link { color: #6f6e6e; text-decoration: underline; } #content-wt-beta p a:hover, #content-wt-beta p a:focus { color: #000000; text-decoration: underline; } #section-header { float: left; width: 560px; height: 52px; margin: 0 0 20px 0; padding: 6px 10px 10px 10px; background-color: #d7d9da; } #section-header-alt { float: left; width: 560px; height: 32px; margin: 0 0 20px 0; padding: 6px 10px 10px 10px; background-color: #d7d9da; } #section-header span { float: left; clear: right; width: 100%; font-size: 19px; color: #1d1d1d; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; margin: 1px 0 0 0; } #section-header p { font-size: 11px; color: #6f6e6e; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } #news-list { float: left; width: 100%; } .news-item { float: left; width: 100%; padding: 0 0 20px 0; } .news-item-alpha { float: left; width: 300px; } .news-item-alpha img { float: left; margin: 0; } .news-item-beta { float: right; width: 270px; height: 250px; position: relative; } .news-item-content-top { float: left; width: 270px; height: 210px; margin: 10px 0 0 0; } .news-item-content-bottom { position: absolute; bottom: 10px; left: 0; width: 270px; height: 20px; } #food-list { float: left; width: 100%; } #food-list-alt { float: left; width: 100%; margin: 0 0 20px 0; } .food-item { float: left; width: 100%; margin: 0 0 20px 0;} .food-item-alpha { float: left; width: 130px; } .food-item-alpha img { float: left; margin: 0; } .food-item-beta { float: right; width: 440px; } .food-item-beta-header { float: left; width: 100%; border-bottom: 1px solid #000000; border-top: 1px solid #000000; padding: 7px 0 7px 0; margin: 0 0 13px 0; } .food-item-beta-header h2 { font-size: 14px; margin: 0; text-transform: capitalize; } .food-item-beta-header h3 { font-size: 13px; color: #b20838; margin: 0; } #content-wt-alpha .food-item-beta .top a, #content-wt-alpha .food-item-beta .top a:link { color: #000; } #content-wt-alpha .food-item-beta .top a:hover { color: #b20838; } #shop-list { float: left; width: 100%; } #shop-list-alt { float: left; width: 100%; margin: 0 0 20px 0; } .shop-item { float: left; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #d7d9da; } .shop-item-tw-alpha { float: left; width: 130px; } .shop-item-tw-alpha img { float: left; margin: 0; } .shop-item-tw-beta { float: right; width: 439px; } .shop-item-single { float: left; width: 100%; margin: 0 0 20px 0; } #content-wt-alpha #shoplinks p a, #content-wt-alpha #shoplinks p a:link { color: #37939b; text-decoration: none; } #content-wt-alpha #shoplinks p a:hover { color: #b20838; } .search-item { float: left; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #d7d9da; } #newsletter { float: left; width: 300px; height: 68px; background: transparent url(../images/back_newsletter.gif) top left no-repeat; margin: 0 0 20px 0; } #newsletter-inner { float: left; width: 280px; margin: 6px 10px 10px 10px; } #newsletter-form { float: left; width: 100%; margin: 8px 0 0 0; } #newsletter-form fieldset.field { float: left; width: 185px; margin: 6px 0 0 5px; } #newsletter-form fieldset.field input.text { float: left; width: 180px; height: 19px; border: 0 none; } #newsletter-form fieldset.action { float: right; width: 75px; margin: 0 0 0 0; } #social { float: left; width: 300px; height: 68px; background-color: #d7d9da; margin: 0 0 20px 0; } #social-inner { float: left; width: 280px; margin: 8px 10px 10px 10px;} #social-icons { float: left; width: 280px; margin: 8px 0 0 0; overflow: hidden; } #social-icons-inner { float: left; width: 310px; overflow: hidden; } #social-icons-inner img { float: left; margin: 0 20px 0 0; } .shares { float: left; width: 100%; margin: 8px 0 18px 0; overflow: hidden; } .shares span, .news-item-content-bottom span { font-size: 12px; } .widget-share { float: left; width: 100px; margin: 2px 0 0 0; } .widget-like { float: left; width: 100px; } #tags { float: left; width: 100%; margin: 0 0 10px 0; } .tag { float: left; width: 100%; height: 30px; margin: 0 0 10px 0; background-color: #38939b; } .tag span { float: left; display: block; margin: 8px 0 0 11px; color: #ffffff; font-size: 11px; text-transform: uppercase; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } .tag a, .tag a:link {display: block;color: #ffffff; } .tag a:hover, .tag a:focus {display: block;color: #000000; } .tag.purple { background-color: #9f3f97; } /* Music */ .tag.orange { background-color: #f04e23; } /* Design */ .tag.teal { background-color: #339991; } /* Fashion */ .tag.blue { background-color: #26a0db; } /* Art */ .tag.yellow { background-color: #fdbf37; } /* Culture */ #banner, #video { float: left; position: relative; width: 100%; margin: 0 0 20px 0; z-index: 999; } #blogs { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } #blogs-inner { float: left; width: 280px; margin: 6px 10px 10px 10px; } .sub-title { float: left; width: 100%; margin: 0 0 10px 0; border-bottom: 1px solid #ffffff; } .sub-title-alpha { float: left; width: 160px; padding: 0 0 10px 0; } .sub-title-beta { float: right; width: 115px; padding: 0 0 10px 0; text-align: right; } #blog-list { float: left; width: 100%; height: 200px; overflow: hidden; } #blog-list-inner { float: left; width: 100%; height: 200px; overflow: hidden; } .blog-item { float: left; width: 100%; margin: 0 0 10px 0; } .blog-item-alpha { float: left; width: 60px; height: 60px; } .blog-item-alpha img { float: left; margin: 0; } .blog-item-beta { float: left; width: 170px; height: 42px; margin: 0 0 0 10px; padding: 8px 10px 10px 10px; background-color: #ffffff; } .blog-item-beta p { margin: 0; line-height: 1.2em; } #gallery { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } #gallery-inner { float: left; width: 280px; margin: 6px 10px 10px 10px; } #gallery-preview { float: left; width: 280px; height: 170px; overflow: hidden; } #gallery-preview-inner { float: left; width: 280px; height: 170px; overflow: hidden; } #gallery-preview-control{ float: left; width: 280px; height: 30px; background-color: #1d1d1d; } #gallery-preview-control-alpha { float: left; width: 50px; margin: 7px 0 0 10px; } #gallery-preview-control-beta { float: right; width: 50px; margin: 7px 10px 0 0; text-align: right; } #gallery-preview-control span { color: #ffffff; font-size: 11px; text-transform: uppercase; } #gallery-preview-control span a, #gallery-preview-control span a:link {display: block;color: #ffffff; } #gallery-preview-control span a:hover, #gallery-preview-control span a:focus {display: block;color: #d7d9da; } #member { float: left; width: 300px; height: 68px; background-color: #d7d9da; margin: 0 0 20px 0; } #member-inner { float: left; width: 280px; margin: 8px 10px 10px 10px;} #member-control { float: left; width: 280px; margin: 8px 0 0 0; overflow: hidden; } #facebook { float: left; width: 300px; height: 165px; background-color: #d7d9da; margin: 0 0 20px 0; overflow: hidden; position: relative; z-index: 1; } #facebook-inner { float: left; width: 280px; margin: 10px 10px 10px 10px; } #about { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } #about-inner { float: left; width: 280px; margin: 10px 10px 0 10px; } #map { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } #map-inner { float: left; width: 280px; margin: 6px 10px 10px 10px; } .dropdown-select, #blog-select, #otherblog-select { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } .dropdown-select-inner, #blog-select-inner, #otherblog-select-inner { float: left; width: 280px; margin: 6px 10px 0 10px; padding: 0 0 10px 0; } .dropdown-wrap { float: left; width: 100%; } .dropdown-alpha { float: left; position: relative; z-index: 999; width: 246px; height: 30px; margin: 9px 0 0 0; background: transparent url(../images/back_dropdown.gif) top left no-repeat; } .dropdown-alpha span { float: left; width: 246px; color: #000000; margin: 7px 0 0 10px; font-size: 13px; } .dropdown-alpha ul { position: absolute; z-index: 999; width: 246px; top: 7px; left: 0; display: none; list-style-type: none; margin: 0 0 0 0; padding: 0 0 6px 0; background: #ffffff url(../images/back_dropdown_base.gif) bottom right no-repeat; } .dropdown-alpha ul li { float: left; width: 226px; list-style-type: none; margin: 0; padding: 0 0 4px 10px; color: #000000; background-color: #ffffff; font-size: 13px; } .dropdown-beta { float: right; width: 29px; height: 30px; margin: 9px 0 0 0; overflow: hidden; } .dropdown-beta a { display: block; font-size: 20px; width: 29px; height: 30px; background: url(../images/back_toggle.gif) 0 0 no-repeat; text-indent: -5000px; } .dropdown-beta a.down { display: block; font-size: 20px; width: 29px; height: 30px; background: url(../images/back_toggle.gif) 0px -31px no-repeat; text-indent: -5000px; } #contact-form { float: left; width: 100%; } #contact-form label { float: left; width: 100%; font-size: 13px; color: #1d1d1d; margin: 0 0 10px 0; font-weight: bold; } #contact-form .textarea { float: left; margin: 0 0 20px 0; } #form { float: left; width: 100%; margin: 0 0 20px 0; } #form label { float: left; width: 100%; font-size: 13px; color: #1d1d1d; margin: 0 0 10px 0; font-weight: bold; } #form fieldset.alpha { float: left; width: 280px; height: 80px; } #form fieldset.beta { float: right; width: 280px; height: 80px; } #form fieldset.single { float: left; width: 100%; height: 80px; } .inputkey, .inputpassword, .inputname, .inputphone { float: left; width: 280px; height: 80px; } .inputpassword_repeat, .inputemail, .inputsubject { float: right; width: 280px; height: 80px; } .action { float: left; width: 100%; margin: 0 0 0 0; } .text input { float: left; width: 270px; height: 20px; padding: 4px; border: 1px solid #d7d9da; } .inputmessage textarea { float: left; width: 568px; height: 240px; padding: 4px; border: 1px solid #d7d9da; } .checkbox { float: left; width: 100%; margin: 0 0 20px 0; } .selectbox select { float: left; width: 280px; height: 26px; padding: 2px; border: 1px solid #d7d9da; } #form #register, #form #checkboxes, #form #password { float: left; width: 100%; margin: 0 0 0 0; } #form fieldset.checkbox { float: left; height: 20px; } #form #checkboxes .checkbox label { float: left; margin: 0 0 3px 0; width: 300px; } #form .checkbox input { float: left; margin: 0 10px 0 0; } #directory { float: left; width: 300px; background-color: #d7d9da; margin: 0 0 20px 0; } #directory-inner { float: left; width: 280px; margin: 0 10px 10px 10px; } #directory-list { float: left; position: relative; z-index: 10; width: 100%; /*border-top: 1px solid #ffffff;*/ margin: 10px 0 0 0; padding: 0 0 0 0; } .directory-item { float: left; width: 100%; border-bottom: 1px solid #ffffff; margin: 0 0 9px 0; padding: 0 0 9px 0; } .directory-item span { float: left; display: block; margin: 0 0 0 0; color: #ffffff; font-size: 11px; text-transform: uppercase; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } #gallery-wrap { float: left; width: 100%; } #gallery-wrap img { float: left; margin: 0; } #gallery-large { float: left; position: relative; width: 580px; height: 460px; margin: 0 0 20px 0; clear: both; } #loading { display: none; position: absolute; top: 226px; left: 286px; width: 16px; height: 16px; clear: both; } #image-container { float: left; position: absolute; width: 580px; height: 460px; clear: both; } #gallery-controls{ float: left; position: relative; width: 100%; height: 100px; margin: 0; } #gallery-control-left { position: absolute; top: 0; left: 0; width: 40px; height: 100px; } #gallery-control-thumbs { position: absolute; top: 0; left: 40px; width: 500px; height: 100px; } #gallery-control-thumbs-inner { height: 100px; } #gallery-control-thumbs-inner ul { height: 100px; } #gallery-control-thumbs-inner ul li { float: left; width: 100px; height: 100px; } #gallery-control-thumbs-inner ul li img { float: left; margin: 0; } #gallery-control-right { position: absolute; top: 0; right: 0; width: 40px; height: 100px; } #other-galleries { float: left; width: 100%; margin: 20px 0 10px 0; border-top: 1px solid #d7d9da; } #galleries-wrap { float: left; width: 100%; overflow: hidden; } #galleries-inner { float: left; width: 610px; overflow: hidden; } .gallery-item { float: left; width: 130px; height: 200px; margin: 0 20px 0 0; } .gallery-item img { float: left; margin: 0 0 8px 0; } #comments { float: left; width: 100%; margin: 20px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #d7d9da; } .comment { float: left; width: 100%; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d7d9da; } #upload-form { float: left; width: 100%; margin: 0 0 20px 0; padding: 15px 0 0 0; border-top: 1px solid #d7d9da; } #input-name, #input-phone, #input-address, #input-state { float: left; width: 280px; height: 70px; } #input-email, #input-mobile, #input-suburb, #input-postcode { float: right; width: 280px; height: 70px; } #input-file { float: right; width: 100%; height: 70px; } #input-message { float: left; width: 100%; height: 305px; } #input-terms { float: left; width: 100%; } #upload-form label { float: left; width: 100%; color: #1d1d1d; font-weight: bold; margin: 0 0 8px 0; } #input-terms input { float: left; width: 10px; margin: 0 0 20px 0; } #input-terms label { float: left; width: 400px; color: #1d1d1d; font-weight: bold; margin: 0 0 20px 10px; } #upload-form .text { float: left; width: 272px; height: 18px; color: #1d1d1d; padding: 3px; border: 1px solid #d7d9da; } #upload-form .textarea { float: left; width: 572px; height: 248px; color: #1d1d1d; padding: 3px; border: 1px solid #d7d9da; } #winners-text { float: left; width: 100%; margin: 0 0 -20px 0; padding: 0; } .winner { float: left; width: 100%; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: 1px solid #d7d9da; } #yoursay { float: left; width: 100%; margin: 0 0 20px 0; } #yoursay textarea { float: left; width: 572px; height: 248px; padding: 3px; margin: 8px 0 20px 0; border: 1px solid #d7d9da; } #entry-text { float: left; width: 560px; padding: 10px 10px 0 10px; margin: 0 0 20px 0; background-color: #1d1d1d; } #entry-text p { color: #ffffff; margin: 0 0 10px 0; font-size: 11px; } #promo-gallery-wrap { float: left; width: 100%; } #promo-gallery-wrap img { float: left; margin: 0; } .promo-gallery-wrap { float: left; width: 100%; } .promo-gallery-wrap img { float: left; margin: 0; } #promo-gallery-large { float: left; width: 100%; margin: 0 0 0 0; } #promo-gallery-controls{ float: left; position: relative; width: 100%; height: 100px; margin: 0; } #promo-gallery-control-left { position: absolute; top: 0; left: 0; width: 40px; height: 100px; } #promo-gallery-control-thumbs { position: absolute; top: 0; left: 40px; width: 500px; height: 100px; } #promo-gallery-control-right { position: absolute; top: 0; right: 0; width: 40px; height: 100px; } #brands { float: left; width: 100%; margin: 10px 0 0 0; border-top: 1px solid #d7d9da; } #brands-col-alpha, #brands-col-beta, #brands-col-gamma { float: left; width: 145px; } #brands-col-delta { float: right; width: 145px; } .text-header { float: left; width: 100%; margin: 16px 0 14px 0; } .text-header h2 { margin: 0 0 2px 0; } .text-header h3 { margin: 0; } .text-header-small { float: left; width: 100%; margin: 0 0 14px 0; } .text-header-small h2 { margin: 0 0 2px 0; } .text-header-small h3 { margin: 0; } .icons { float: left; width: 100%; margin: 0 0 20px 0; } .icons span { font-size: 12px; } span.error { float: left; width: 100%; color: #aa0000; font-size: 13px; margin: 0 0 10px 0; } #disqus_thread { float: left; width: 100%; } #dsq-post-button span { color: #000000; } div.dsq-options span.dsq-item-sort { color: #000000; } #pagination { float: left; width: 100%; height: 20px; padding: 4px 0 11px 0; background-color: #d7d9da; text-align: center; } #pagination p { color: #919191; margin: 0; font-size: 18px; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } #pagination a, #pagination a:link { color: #1d1d1d; } #pagination a:hover, #pagination a:focus { color: #919191; } #footer { float: left; width: 100%; background-color: #6f6e6e; margin: 0 0 40px 0; } #footer p { color: #ffffff; line-height: 14px; font-size: 10px; margin: 0 0 12px 0; font-family: 'CenturyGothicBold', Arial, Verdana, Helvetica, sans-serif; } #footer p span { color: #1d1d1d; } #footer p a, #footer p a:link { outline: none; color: #ffffff; text-decoration: none; } #footer p a:focus, #footer p a:hover { outline: none; color: #000000; text-decoration: none; } #footer p a:active { outline: none; } #footer-alpha { float: left; width: 520px; margin: 9px 0 0 12px; } #footer-beta { float: right; width: 280px; margin: 9px 12px 0 0; text-align: right; } h1 { font-size: 2.0em; font-weight: bold; width: 178px; height: 109px; } h1 a { display: block; font-size: 20px; font-weight: bold; width: 178px; height: 109px; background: url(../images/the_galeries.jpg) top left no-repeat; text-indent: -5000px; } .news-item-content-top h2 { margin: 0 0 2px 0; } .purple { color: #9f3f97; } .orange { color: #f04e23; } .teal { color: #339991; } .blue { color: #26a0db; } .yellow { color: #fdbf37; } h2 a, h2 a:link { color: #38939b; } h2 a:focus, h2 a:hover { color: #000; } h2.orange a, h2.orange a:link { color: #f04e23; } h2.orange a:focus, h2.orange a:hover { color: #6f6e6e; } h2.teal a, h2.teal a:link { color: #339991; } h2.teal a:focus, h2.teal a:hover { color: #6f6e6e; } h2.blue a, h2.blue a:link { color: #26a0db; } h2.blue a:focus, h2.blue a:hover { color: #6f6e6e; } h2.yellow a, h2.yellow a:link { color: #fdbf37; } h2.yellow a:focus, h2.yellow a:hover { color: #6f6e6e; } h4 a, h4 a:link { color: #ffffff; } h4 a:focus, h4 a:hover { color: #000000; } h3 a, h3 a:link { color: #6f6e6e; } h3 a:focus, h3 a:hover { color: #000000; }