/* Theme Name: Vidi Media Description: Website with Wordpress Content Management System (CMS) for VIDI MEDIA. Author: Derry Lozano-Hoyland Author URI: http://www.derryhoyland.com Version: 1.0 */ /* Resets -------------------------------------------------------------- */ * { padding:0; margin:0; } body, div, ul, li, h1, h2, h3, h4, p {margin : 0; padding : 0; } h1,h2,h3,h4 { font-size : 100%; } ul, ol { list-style : none; } img {border:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} ins{text-decoration:none;} table{border-collapse:collapse;border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */ .IE button{width:1%;overflow:visible;} a{outline:none;} /* Universal -------------------------------------------------------------- */ html, body{height: 100%;} body{width:100%;min-width:864px;margin:0 auto 0 auto;background:none repeat scroll 0 0 #fff;} h1{font:bold 28px/32px Arial,"Lucida Grande", sans-serif;color:#00c0f3;text-transform:uppercase;} h2{font:bold 28px/32px Arial,"Lucida Grande", sans-serif; color:#a0a0a0;text-transform:uppercase;} h3{font:16px/16px Arial,"Lucida Grande", sans-serif; color:#00c0f3;text-transform:uppercase;} h4{font:16px/16px Arial,"Lucida Grande", sans-serif; color:#a0a0a0;text-transform:uppercase;} h5{font:bold 16px/16px Arial,"Lucida Grande", sans-serif; color:#a0a0a0;text-transform:uppercase;} h6{font:11.5px/16px Arial,"Lucida Grande", sans-serif; color:#a0a0a0;text-transform:uppercase;} p {font:11.5px/16px "Lucida Grande", sans-serif;color:#a0a0a0;} a {text-decoration:none;font:11.5px/16px "Lucida Grande", sans-serif;color:#a0a0a0;} a:hover {color:#525252;} a:active {color:#00c0f3;} #wrapper {min-height:100%;margin:0 auto;width:864px;height:auto !important;position:relative;} #navigation {margin:16px 0 0 0;} #navigation h1#replaceLogo {float:left;margin:0 42px 0 0;background:url(images/gfx/sprite.gif) no-repeat scroll 0 -320px transparent;width:182px;height:42px;display:block;text-indent:-9999px;} #navigation ul#navLinks, #navigation ul#homeLinks {padding:26px 0 0 0;} #navigation ul#navLinks li, #navigation ul#homeLinks li {float:left;margin:0 16px 0 0;} #navigation ul#navLinks li a, #navigation ul#homeLinks li a {font:16px/16px Arial,"Lucida Grande", sans-serif;color:#00c0f3;text-transform:uppercase;} #navigation ul#navLinks li a:hover, #navigation ul#homeLinks li a:hover {color:#007dc5;} #navigation ul#navLinks li a:active, #navigation ul#homeLinks li a:active {color:#007dc5;} #navigation ul#subLinks {float:left;padding:0 0 0 288px;} #navigation ul#subLinks li {float:left;margin:0 10px 0 0;} #navigation ul#subLinks li a {font:11.5px/16px Arial,"Lucida Grande", sans-serif;color:#a0a0a0;text-transform:uppercase;} #navigation ul#subLinks li a:hover {color:#007dc5;} #navigation ul#subLinks li a:active {color:#007dc5;} #navigation ul#homeLinks li.current_page_item a {color:#00c0f3;} #navigation ul#navLinks li.current_page_item a, #navigation ul#navLinks li.current_page_parent a {color:#007dc5;} #navigation ul#subLinks li.current_page_item a {color:#007dc5;} #push {clear:both;height:72px;} #footer {margin:0 auto;width:864px;background:url(images/footer-mulerev.gif) no-repeat scroll top left transparent;height:460px;} #footer h3 {margin:0 0 16px 0;} #footer #copyright {float:left;margin:0 0 0 342px;} #footer #footerContact {float:right;padding:144px 0 0;margin:0 16px 0 0;width:192px;} #footer #footerContact a {text-decoration:underline;} #footer #footerContact ul {margin:16px 0 0 0;} #footer #footerContact ul li {float:left;margin:0 16px 0 0;} #footer #footerContact ul li.listEnd {margin:0;} #footer #footerContact p.fillForm {float:left;margin:16px 0 0;} #footer #footerNews {float:right;padding:144px 0 0;margin:0 16px 0 0;width:192px;} #footer #footerNews a#viewNews {text-transform:uppercase;} #footer #footerNews ul {margin:0 0 16px 0;} #footer #footerNews ul li {margin:16px 0 0;} #footer #footerLinks {float:right;padding:144px 0 0;width:106px;} #footer #footerLinks ul#footerNav a {text-transform:uppercase;} ::selection {background:#ec1651;color:#f58aa8;} ::-moz-selection {background:#ec1651;color:#f58aa8;} /* Homepage -------------------------------------------------------------- */ #top {padding:48px 0 0 0;} #top span.img_holder {float:left;background:url("images/gfx/loader.gif") no-repeat scroll center center #fff;width:864px;height:512px;} #main {padding:48px 0 0 0;} #main #welcome {float:left;width:420px;margin:0 28px 0 0;} #main #welcome h2 {margin:0 0 32px 0;} #main #welcome p {margin:0 0 16px 0;} #main #benefits {float:left;width:416px;} #main #benefits ul#benefitsIcons {width:416px;padding:16px 0 0 0;} #main #benefits ul#benefitsIcons h5 {padding:112px 0 0 0;text-align:center;height:14px;} #main #benefits ul#benefitsIcons a.linkReplace {text-align:center;text-transform:uppercase;width:96px;margin:0 0 0 48px;} #main #benefits ul#benefitsIcons li {float:left;width:192px;} #main #benefits ul#benefitsIcons li#advertisersIcon {background:url(images/gfx/sprite.gif) no-repeat scroll 0 0 transparent;overflow:hidden;width:192px;height:152px;margin:0 32px 0 0;} #main #benefits ul#benefitsIcons li#advertisersIcon h5 {color:#7962aa;} #main #benefits ul#benefitsIcons li#charitiesIcon {background:url(images/gfx/sprite.gif) no-repeat scroll -200px 0 transparent;overflow:hidden;width:192px;height:152px;} #main #benefits ul#benefitsIcons li#charitiesIcon h5 {color:#72bf44;} #main #benefits ul#benefitsIcons li#landlordsIcon {background:url(images/gfx/sprite.gif) no-repeat scroll 0 -160px transparent;overflow:hidden;width:192px;height:152px;margin:16px 32px 0 0;} #main #benefits ul#benefitsIcons li#landlordsIcon h5 {color:#fcaf17;} #main #benefits ul#benefitsIcons li#localauthIcon {background:url(images/gfx/sprite.gif) no-repeat scroll -200px -160px transparent;overflow:hidden;width:192px;height:152px;margin:16px 0 0 0;} #main #benefits ul#benefitsIcons li#localauthIcon h5 {color:#ec1651;} /* Markup for all pages -------------------------------------------------------------- */ #contentSide {float:left;width:192px;margin:32px 32px 0 0;} #contentSide h4 {margin:0 0 16px 0;} #contentMain {float:left;width:416px;margin:32px 0 0 0;} #contentMain h4, #contentMain p {margin:0 0 16px 0;} /* Contact -------------------------------------------------------------- */ #contentSide ul#contactDetails li {margin:0 0 16px 0;} #contentMain .formDiv {float:left;} #contentMain form#contactForm label {display:block;font:11.5px/16px Arial,"Lucida Grande", sans-serif; color:#00c0f3;text-transform:uppercase;} #contentMain form#contactForm .formLeft {float:left;width:192px;margin:0 32px 16px 0;} #contentMain form#contactForm .formRight {float:left;width:192px;margin:0 0 16px 0;} #contentMain form#contactForm input {padding:0 0 0 4px;width:192px;font:11.5px/16px "Lucida Grande", sans-serif;color:#a0a0a0;border:1px solid #ccc;outline:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;} #contentMain form#contactForm textarea {padding:0 0 0 4px;width:416px;height:128px;font:11.5px/16px "Lucida Grande", sans-serif;color:#a0a0a0;border:1px solid #ccc;outline:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 4px;} #contentMain form#contactForm button.submitButton {margin:16px 0 0 0;width:80px;border:0;background:none repeat scroll 0 0 #00c0f3;font:11.5px/16px Arial,"Lucida Grande", sans-serif;color:#fff;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} #contentMain form#contactForm button.submitButton:hover {background:none repeat scroll 0 0 #7fdff9;} #contentMain form#contactForm p.requiredField {color:#00c0f3;} #contentMain form#contactForm input:hover, #contentMain form#contactform input:focus, #contentMain form#contactform textarea:hover, #contentMain form#contactform textarea:focus {border-color:#a0a0a0;} #contentMain form#contactForm label.error {font:10px/16px "Lucida Grande", sans-serif;color:#ec1651;text-transform:none;} /* Work with us -------------------------------------------------------------- */ .contentSpacer {padding:0 0 128px 0;} #advertisingBigicon {float:left;margin:32px 32px 0 0;background:url(images/gfx/sprite-iconlarge.gif) no-repeat scroll 0 0 transparent;overflow:hidden;width:192px;height:192px;} .advertisers h3 {color:#7962aa;} #charitiesBigicon {float:left;margin:32px 32px 0 0;background:url(images/gfx/sprite-iconlarge.gif) no-repeat scroll -200px 0 transparent;overflow:hidden;width:192px;height:192px;} .charities h3 {color:#72bf44;} #landlordsBigicon {float:left;margin:32px 32px 0 0;background:url(images/gfx/sprite-iconlarge.gif) no-repeat scroll 0 -200px transparent;overflow:hidden;width:192px;height:192px;} .landlords h3 {color:#fcaf17;} #localauthBigicon {float:left;margin:32px 32px 0 0;background:url(images/gfx/sprite-iconlarge.gif) no-repeat scroll -200px -200px transparent;overflow:hidden;width:192px;height:192px;} .localauth h3 {color:#ec1651;} #muleHead {float:right;margin:32px 0 0 0;} #muleHead span.img_holder {float:right;background:url("images/gfx/loader.gif") no-repeat scroll center center #fff;width:216px;height:672px;} #contentBottom {float:left;} #contentBottom ul#benefitsIcons {width:640px;padding:16px 0 0 0;} #contentBottom ul#benefitsIcons h5 {padding:112px 0 0 0;text-align:center;height:14px;} #contentBottom ul#benefitsIcons a.linkReplace {text-align:center;text-transform:uppercase;width:96px;margin:0 0 0 48px;} #contentBottom ul#benefitsIcons li {float:left;width:192px;} #contentBottom ul#benefitsIcons li#advertisersIcon {background:url(images/gfx/sprite.gif) no-repeat scroll 0 0 transparent;overflow:hidden;width:192px;height:152px;margin:0 32px 0 0;} #contentBottom ul#benefitsIcons li#advertisersIcon h5 {color:#7962aa;} #contentBottom ul#benefitsIcons li#charitiesIcon {background:url(images/gfx/sprite.gif) no-repeat scroll -200px 0 transparent;overflow:hidden;width:192px;height:152px;margin:0 32px 0 0;} #contentBottom ul#benefitsIcons li#charitiesIcon h5 {color:#72bf44;} #contentBottom ul#benefitsIcons li#landlordsIcon {background:url(images/gfx/sprite.gif) no-repeat scroll 0 -160px transparent;overflow:hidden;width:192px;height:152px;margin:0 32px 0 0;} #contentBottom ul#benefitsIcons li#landlordsIcon h5 {color:#fcaf17;} #contentBottom ul#benefitsIcons li#localauthIcon {background:url(images/gfx/sprite.gif) no-repeat scroll -200px -160px transparent;overflow:hidden;width:192px;height:152px;margin:0;} #contentBottom ul#benefitsIcons li#localauthIcon h5 {color:#ec1651;} #contentBottom ul#benefitsIcons li#landlordsEnd {background:url(images/gfx/sprite.gif) no-repeat scroll 0 -160px transparent;overflow:hidden;width:192px;height:152px;margin:0;} #contentBottom ul#benefitsIcons li#landlordsEnd h5 {color:#fcaf17;} /* About us -------------------------------------------------------------- */ #aboutUs {float:left;width:416px;margin:32px 0 0 224px;} #aboutUs h4, #aboutUs p {margin:0 0 16px 0;} /* Work with us -------------------------------------------------------------- */ #workTogether {float:left;width:640px;margin:32px 0 0 0;} #workTogether a:hover {color:#a0a0a0;} #workTogether a:active {color:#525252;} #workTogether h4, #workTogether p {margin:0 0 16px 0;} #workAdvertisers {margin:0 0 32px 0;height:192px;background:url(images/gfx/sprite-iconlarge2.gif) no-repeat scroll 0 0 transparent;padding:0 0 0 224px;} #workAdvertisers h3, #workAdvertisers a {color:#7962aa;} #workCharities {margin:0 0 32px 0;height:192px;background:url(images/gfx/sprite-iconlarge2.gif) no-repeat scroll 0 -224px transparent;padding:0 0 0 224px;} #workCharities h3, #workCharities a {color:#72bf44;} #workLandlords {margin:0 0 32px 0;height:192px;background:url(images/gfx/sprite-iconlarge2.gif) no-repeat scroll 0 -448px transparent;padding:0 0 0 224px;} #workLandlords h3, #workLandlords a {color:#fcaf17;} #workLocalauth {margin:0 0 32px 0;height:192px;background:url(images/gfx/sprite-iconlarge2.gif) no-repeat scroll 0 -672px transparent;padding:0 0 0 224px;} #workLocalauth h3, #workLocalauth a {color:#ec1651;} /* News -------------------------------------------------------------- */ #sidebar {float:left;width:192px;margin:32px 32px 0 0;} #sidebar h4 {margin:0 0 16px 0;} #sidebar ul#feed li {margin:0 0 16px 0;} #sidebar ul#archive li a {text-transform:uppercase;} #newsMain {float:left;width:416px;margin:32px 0 0 0;} #newsMain h4 {color:#00c0f3;} #newsMain h6 {margin:0 0 16px 0;} #newsMain p {margin:0 0 16px 0;} #newsMain #navPosts a {float:left;margin:0 16px 0 0;} /* Error Page -------------------------------------------------------------- */ #errorPage {float:left;width:416px;margin:32px 0 0 224px;} #errorPage h4, #errorPage p {margin:0 0 16px 0;}