/* Theme Name: Lumix Lifestyle Theme URI: http://www.lumixlifestyle.co.uk/ Description: Theme created by Brave for the Lumix Lifestyle website. Version: 1.0 Author: Brave Author URI: http://www.brave.co.uk/ Tags: */ /* ======================================================================================================================= S C R E E N ======================================================================================================================= */ @media screen, projection { /* ============================================================================= ==RESET ============================================================================= */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, q, samp, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; } /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, th, td {vertical-align:middle;} /* ============================================================================= ==TYPOGRAPHY ============================================================================= */ body {font:100.01%/1 Arial, sans-serif; background:#000000;color: #2d2e36;} a:link, a:visited {text-decoration:none; color: #FE293E;outline: none;} a:hover, a:focus, a:active {color:#292929;} h2 a:link, h2 a:visited{color: #575764;} h2 a:hover, h2 a:link:hover, h2 a:visited:hover{color: #FE293E;} h3 a:link,h3 a:visited, h2 a:visited, h2 a:link{color: #575764;} h3 a:hover, h3 a:link:hover, h3 a:visited:hover{color: #FE293E;} p, blockquote, address, li, dt, dd, caption, td, th, legend, label, input, textarea {font-size:0.8em;} /* =Headings, paragraphs, and quotes ------------------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 {line-height:1em;} h1 {margin:0 0 0.25em; font-size:1.4em; line-height:1.1em;color: #292929;} h2 {margin:0 0 0.2em; font-size:1.35em;color: #575764;} h3 {margin:0.2em 0 0.5em; font-size:1em;color: #575764;} h4 {margin:1em 0 0.75em; font-size:0.8em;} p, blockquote {margin:1em 0 1.5em; line-height:1.5em;color: #2d2e36} blockquote {padding:0 15px; border-left:3px solid #04b6bd; margin:1em 10px;} .subtitle{margin:0.2em 0 0.5em; font-size:1em;color: #646464;} /* =General lists ------------------------------------------------------------------------------------ */ ul, ol {margin:1em 0 1em 20px;} ul {list-style:disc;} ul ul, ol ol, ul ol, ol ul, ul dl, ol dl {margin-top:0.5em; margin-bottom:0.5em;} ol {margin-left:25px;} dl {margin:1em 0;} li, dt, dd {padding:0; margin:0.25em 0; line-height:1.5em;} dt {font-weight:bold;} /* =Other ------------------------------------------------------------------------------------ */ em {font-style:italic;} strong {font-weight:bold;} sub, sup {font-size:0.75em; vertical-align:sub; line-height:0;} sup {vertical-align:super;} small {font-size:0.75em;} legend, label, input, textarea {font-size:0.8em;} input, textarea {font-family:Arial, Helvetica, sans-serif;} /* =Buttons -------------------------------------------------------------------------------- */ .button, .button:link, .button:visited{display: block;background-repeat: no-repeat; color: #FFF;text-align: left; font-weight: bold;text-indent: -9999px;} .join{background-image: url(images/buttons/join.png); width: 89px; height: 27px;margin-right: 10px;} .join:hover{background-position: 0 -27px;} .login{background-image: url(images/buttons/login.png); width: 89px; height: 27px; margin-right: 10px;} .login:hover{background-position: 0 -27px;} .myprofile{background-image: url(images/buttons/myprofile.png); width: 89px; height: 27px;} .myprofile:hover{background-position: 0 -27px;} .logout{background-image: url(images/buttons/logout.png); width: 89px; height: 27px;} .logout:hover{background-position: 0 -27px;} .myaccount{background-image: url(images/buttons/myaccount.png); width: 89px; height: 27px;; margin-right: 10px;} .myaccount:hover{background-position: 0 -27px;} .gform .button-submit{background: url(images/buttons/submit.gif) no-repeat; width: 89px; height: 27px;cursor: pointer;} .gform .button-submit:hover{background-position: 0 -26px;} .page-template-my-account-php h1{margin-bottom: 20px;} .page-template-my-account-php a{font-size: 0.9em;line-height: 1.5em;} .btn-beinspired{background-image: url(images/buttons/be-inspired.gif);width: 111px; height: 27px;float: right;padding-right: 10px;} .btn-beinspired:hover{background-position: 0 -27px;} .prev, .gform .submit .prev{background: url(images/buttons/prev.gif) no-repeat;width:25px;height: 25px;float: left;margin-top: 50px;} .next{background: url(images/buttons/next.gif) no-repeat;width:25px;height: 25px;float: right;margin-top: 50px;} .confirm{background: url(images/buttons/confirm.gif) no-repeat;width:95px;height: 27px;float: right;margin-top: 50px;} .confirm:hover{background-position: 0 -27px;} .edit-entry{background: url(images/buttons/edit-entry.gif) no-repeat;width:95px;height: 27px;float: right;margin-top: 50px;} .edit-entry:hover{background-position: 0 -27px;} .upload-your-photos{background-image: url(images/buttons/upload-your-photos.gif); width: 155px; height: 27px;} .upload-your-photos:hover{background-position: 0 -27px;} .manage-your-gallery{background-image: url(images/buttons/manage-your-gallery.gif); width: 155px; height: 27px;} .manage-your-gallery:hover{background-position: 0 -27px;} .enter-now{background-image: url(images/buttons/enter-now.gif);width: 95px;height: 27px;margin: 0 auto;} .enter-now:hover{background-position: 0 -27px;} /* =Utility classes -------------------------------------------------------------------------------- */ .fl{float: left;} .fr{float: right;} .center{text-align: center} a.learn{color: #f7303e} a.create{color: #f3be00} a.inspire{color: #10bba9} .hidden{display: block;text-indent: -9999px;height: 0px; width: 0px;} .aligncenter{text-align: center;margin: 0 auto;display: block;} .alignright{text-align: right;} .pr{position: relative;} .clear{clear: both;height: 0;font-size: 0px;line-height: 0px;display: block;} /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } /* stop commented backslash hack */ .blanklink{ cursor: default; } .displaynone{ display: none; } /* ============================================================================= ==TEMPLATE ============================================================================= */ #container {;} .primary {clear:both;} /* =Header ----------------------------------------- */ #header {width:100%;background: url(images/design/header-bg.gif) repeat-x bottom left #010101;} .gf2 #header, .g3 #header {background-image: none;} #header-banner {clear:both;width:950px; height:192px;position: relative;background-repeat: no-repeat;} #header-inner{position: relative;width: 950px; margin: 0 auto;} #logo {position: relative;z-index: 3;display:block; width:250px; height:102px;padding:35px 0 0 5px;text-indent: -9999px;} #top-bar{background: url(images/design/top-bar-back.gif) repeat-x 100% 0;height:54px;border-top: 1px solid #4e4e56;border-bottom: 1px solid #4e4e56;} #top-bar-inner{width: 950px; margin: 0 auto;} #top-bar-lumix{width: 300px; float: left;margin-top: 15px;} #top-bar-panasonic{width: 300px; float: right;margin-top: 15px;text-align: right;} /* =Headers ---------------------------------------- */ .headerimg {background-position:center top; background-repeat:no-repeat; height:192px; position:absolute; width:100%;} #headerimg1 {z-index: 1; background-image: url(images/headers/header1.jpg);} .gf2 #headerimg1{background-image: url(images/headers/gf2-header.png);} .g3 #headerimg1{background: url(images/headers/g3-header.jpg) no-repeat top left;} #headerimg2 {z-index: 2;} /* =Nav ----------------------------------------- */ .menu{list-style:none; padding:0; margin:0;} .menu li{float:left; padding:0; margin:0;} .menu a{font-weight:bold; font-size:0.875em;} #primary-nav{color:#FFFFFF;position: relative;height: 26px;top: 29px;width: 100%;z-index: 100} #primary-nav .menu li{display: block;} #primary-nav .menu li a, #primary-nav .menu li a:link, #primary-nav .menu li a:visited, #primary-nav .menu li ul li a, #primary-nav .menu li ul li a:link, #primary-nav .menu li ul li a:visited{font-size: 0.95em;display: block;text-decoration: none;color: #FFF;background: url(images/design/tab-bg.gif) #36373b repeat-x; padding: 4px 5px 2px 5px;list-style-type: none; border-left: 1px solid #7d7d80; border-right: 1px solid #7d7d80; border-bottom: 1px solid #4a4c50;margin-right: 2px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px; -webkit-box-shadow: #111 0 -2px 6px; -moz-box-shadow: #111 0 -2px 6px; box-shadow: #111 0 -2px 6px; } #primary-nav .menu li.current-menu-item a, #primary-nav .menu li.current-menu-ancestor a, #primary-nav .menu li.current-menu-item a:link, #primary-nav .menu li.current-menu-ancestor a:link, #primary-nav .menu li.current-menu-item a:visited, #primary-nav .menu li.current-menu-ancestor a:visited, #primary-nav .menu li.current-menu-item a:hover, #primary-nav .menu li.current-menu-ancestor a:hover, #primary-nav .menu li.current-menu-item a:focus, #primary-nav .menu li.current-menu-ancestor a:focus{background: url(images/design/tab-selected-bg.gif) repeat-x #949496; color: #000;border-bottom-color: #888;border-left-color: #7d7d80;border-right-color: #7d7d80; } .gf2 #primary-nav .menu li.current-menu-item a, .gf2 #primary-nav .menu li.current-menu-ancestor a, .gf2 #primary-nav .menu li.current-menu-item a:link, .gf2 #primary-nav .menu li.current-menu-ancestor a:link, .gf2 #primary-nav .menu li.current-menu-item a:visited, .gf2 #primary-nav .menu li.current-menu-ancestor a:visited, .gf2 #primary-nav .menu li.current-menu-item a:hover, .gf2 #primary-nav .menu li.current-menu-ancestor a:hover, .gf2 #primary-nav .menu li.current-menu-item a:focus, .gf2 #primary-nav .menu li.current-menu-ancestor a:focus{background: url(images/gf2/gf2-tab-back.gif) repeat-x #36c4bb;border-bottom-color: #36c4bb} #primary-nav .menu li a:hover, #primary-nav .menu li a:focus{text-decoration: none; background: url(images/design/tab-hover-bg.gif) repeat-x #ea1c28;border-left-color:#f5757f; border-right-color: #f5757f;border-bottom-color: #ea1c28; } #primary-nav .menu li.current-menu-item ul li a, #primary-nav .menu li.current-menu-ancestor ul li a, #primary-nav .menu li.current-menu-item ul li a:link, #primary-nav .menu li.current-menu-ancestor ul li a:link, #primary-nav .menu li.current-menu-item ul li a:visited, #primary-nav .menu li.current-menu-ancestor ul li a:visited, .gf2 #primary-nav .menu li.current-menu-item ul li a, .gf2 #primary-nav .menu li.current-menu-ancestor ul li a, .gf2 #primary-nav .menu li.current-menu-item ul li a:link, .gf2 #primary-nav .menu li.current-menu-ancestor ul li a:link, .gf2 #primary-nav .menu li.current-menu-item ul li a:visited, .gf2 #primary-nav .menu li.current-menu-ancestor ul li a:visited{background: url(images/design/arrow.gif) no-repeat center left;font-size: 1.2em;padding: 0px 8px;color: #FFF; text-shadow: 0px 1px 1px #999; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; border-right: 1px solid #c3c3c4;border-left: 0; border-bottom: 0;} #primary-nav .menu li.current-menu-ancestor ul li:last-child a, #primary-nav .menu li.current-menu-item ul li:last-child a{border-right: none} #primary-nav .menu li.current-menu-item ul li a:hover, #primary-nav .menu li.current-menu-item ul li a:focus, #primary-nav .menu li.current-menu-item ul li.current-menu-item a, #primary-nav .menu li.current-menu-ancestor ul li a:hover, #primary-nav .menu li.current-menu-ancestor ul li a:focus, #primary-nav .menu li.current-menu-ancestor ul li.current-menu-ancestor a, #primary-nav .menu li.current-menu-ancestor ul li.current-menu-item a, #primary-nav .menu li.current-menu-item ul li a:hover, #primary-nav .menu li.current-menu-item ul li a:focus, #primary-nav .menu li.current-menu-item ul li.current-menu-item a, #primary-nav .menu li.current-menu-ancestor ul li a:hover, #primary-nav .menu li.current-menu-ancestor ul li a:focus, #primary-nav .menu li.current-menu-ancestor ul li.current-menu-ancestor a, #primary-nav .menu li.current-menu-ancestor ul li.current-menu-item a{border-radius: 0; -moz-border-radius: 0;-webkit-border-radius: 0;color: #606060;background: url(images/design/arrow-hover.gif) no-repeat center left;text-shadow: 0px 1px 1px #FFF;} #primary-nav .menu li ul{display: block;position: absolute; z-index: 10;left: 0;top: 30px;padding: 0;margin: 0; width: auto;display: none;} #primary-nav .menu li.current-menu-ancestor ul, #primary-nav .menu li.current-menu-item ul{display: block;position: absolute;margin-top: 3px;z-index: 10;width: 950px; } #primary-nav .menu li:last-child{border-right: none;} #primary-nav .menu li ul li{padding-left: 5px;} #primary-nav .menu .sub-menu .sub-menu { display: none; } /* hide anything below 2 levels */ #secondary-header{background: url(images/design/subnav-back.gif) repeat-x #a8a8a9;border-top: 1px solid #FFFFFF; border-bottom: 1px solid #a8a8a9; height: 28px; } .gf2 #secondary-header{background: url(images/gf2/gf2-tab-back.gif) repeat-x #36c4bb;border-top-color: #30AAA2 } #secondary-header-inner{width: 950px;padding-top: 5px; margin: 0 auto; overflow: hidden;zoom: 1;} /*=Breadcrumbs -----------------------------------------------------*/ #breadcrumbs {list-style:none; padding:0; margin:0; overflow: auto;} #breadcrumbs li {float:left; padding:0; margin:0;} #breadcrumbs a {padding-right: 5px;} /*=Date -----------------------------------------------------*/ p.date{width: 400px;float: right;text-align: right;margin: 0;font-weight: bold;} /* =Membership ----------------------------------------- */ #membership {position: absolute;z-index: 3;top: 0;right: 0; width: 500px;font-size: 0.9em;text-align: right;color:#FFFFFF; padding-top: 7px; text-align:right;} #membership span{padding-top: 7px;margin-right: 10px;width: 290px;display: block;text-align: right;font-size: 0.9em;text-shadow: 0px 2px 3px #000;padding-bottom: 5px;} /* =Content ----------------------------------------- */ #content-container{ background: url(images/design/content-bg.gif) repeat-x #babbc0; ;} #content {width:950px; margin:0 auto; padding-top: 8px;} .primary {float:left; width:600px; margin:10px 0; padding:10px 15px; background:#FFFFFF; border: 1px solid #AAAAAA; } #phpbb .primary {width: 918px;} .primary-wide {float:left; width: 100%; margin:10px 0; padding:10px 15px; background:#FFFFFF; border: 1px solid #AAAAAA;} .secondary {float:right; width:288px; margin:10px 0; padding:0px; background:#e6e6e6; border: 2px groove #FFF; font-size: 0.9em;} /* =Listing Pages ------------------------------------ */ .listing-item {overflow: hidden;zoom: 1;border-top: 1px solid #000000;padding: 10px 0;} .listing-item-first {border-top: none;} .listing-item h2{margin-top: 0;} .listing-item h2 a:hover, .listing-item h2 a:focus{color: #FE293E; } .listing-item h3{color: #929292;font-size: 0.9em;font-weight: normal; padding-top: 5px;} .listing-item h3 span{color: #2f3034;} .listing-item h3.subtitle{color: #5C5E6A;font-style: italic;font-size: 0.9em;} .listing-item-image img,.listing-item-image-right{ line-height: 0; border: 1px solid #FFF;display: block;float: left;padding: 5px;box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD;} .listing-item-image{margin-right: 10px;margin-top: 0;display: block;float: left;} .listing-item-image-right{margin-left: 10px;} .listing-item-image:hover img,.listing-item-image:focus img, .listing-item-image-right:hover, .listing-item-image-right:focus {border: 1px solid #CCC;box-shadow: 0 0 5px #AAA;-moz-box-shadow: 0 0 5px #AAA;-webkit-box-shadow: 0 0 5px #AAA;} .listing-item p{display: block;margin-top: 0;margin-bottom: 0.5em;padding-top: 5px;} .listing-item-readmore{font-weight: bold;background: url(images/design/arrow-right.gif) no-repeat center left;padding-left: 10px;} .listing-info{width:285px;float: right;} .listing-info.no-image{width: auto;float: none;} /*Right aligned listing item images*/ .listing-item-right .listing-item-image{ float: right; margin-right: 0; } .listing-item .listing-item-image{ margin-left: 0; } .listing-item-right .listing-info{ float: left; } /* =Detail Pages ------------------------------------ */ .single-back-link {float:right;} /* =Video listing page ---------------------------------------- */ .video-listing-item .listing-item-image{position: relative;} .video-listing-item .listing-item-image span{position: absolute;background: url(images/design/play.png) no-repeat center center;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);width: 100%; height: 100%;left: 0; top: 0;} /* =Gallery ----------------------------------------- */ #gallery h1{} #gallery h2{margin-bottom:10px; margin-top: 0px;} #gallery h2{margin-top: 10px;} #gallery h3{} #gallery p.media-desc{ color: #2D2E36; clear: both;} .gallery-container{margin-top:5px;} .gallery-container ul {margin:0; padding:0;} /* Converted the sort page of my gallery to lists from table cells */ li.sort-gallery-item { width:90px; height:90px; border:1px solid #DDDDDD; padding:3px; float:left; margin-right:2px; list-style:none;} /*Landing page and Community Galleries*/ table.gallery-items{margin: 0;width: auto;border-collapse: separate;font-size: 1.1em;} td.gallery-item{border-right: 2px solid #FFF; border-bottom: 5px solid #FFF;border-top: none;border-left: none; padding: 1px;vertical-align: bottom;text-align: left;} td.gallery-item p{margin: 0} td.gallery-image-cell{padding: 0;border-bottom-width: 1px;} td.gallery-image-cell p{margin: 0;} td.gallery-image-cell a{height: 98px;display: block;} td.gallery-info-cell{background-color: #f7f7f7;vertical-align: top;border-bottom-width: 10px;} td.gallery-info-cell p{padding: 0 4px;width: 82px} td.gallery-info-cell .gallery-info-title{color:#2D2E36;font-weight: bold;} td.gallery-info-cell .gallery-info-title:hover{color:#FE293E } td.gallery-option-cell{background-color: #f7f7f7;vertical-align: middle;border-bottom-width: 10px; width: 30px;} td.gallery-item a.gallery-item-image-link{background-color: #FFF;height: 98px; width: 98px;} td.gallery-item a.gallery-item-author-link{} td.gallery-item p.gallery-item-options{margin-top: 5px;} td.gallery-image-cell img {padding:3px;border: 1px solid #DDD;} .gallery-item-image-link:hover img, .gallery-item-image-link:focus img{border-color: #000;} #gallery-manage td.gallery-info-cell {width: 460px;} #gallery-manage td.gallery-info-cell p {width:auto; font-size:1em; margin-bottom: 10px; margin-left:5px;} #gallery-manage td.gallery-info-cell .gallery-info-title { padding-top: 5px; } #gallery-manage .bulk-options {margin-top: 15px;} #gallery-manage .bulk-options select { padding:3px; width:150px; } #gallery-manage .bulk-options .apply-button {background: #DFAF53; color: #FFFFFF; padding: 3px 10px; border:0; -moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;} .report-image{float: right; font-size:0.9em;} .report-image:hover{} .gallery-media {display:block;} .gallery-summary {margin:0;color: #828283; width:110px;} .gallery-summary a{width: auto; height: auto;display: inline;} .media-image{margin:0; position:relative;} .image-options{clear: both;} #media-larger-version{display: none;} #gallery-stats {padding:5px 10px;background: #EEE;-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;width: 250px;float: right;} #gallery-stats h2{background: url(images/design/icon-stats.png) no-repeat;padding-left: 37px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);padding-top: 3px;font-size: 1em;} #gallery-stats p{margin: 10px 0;} #gallery-video {display:block; width:600px; height:450px;} .gallery-sorting {padding:20px 0 5px 0;font-size: 0.8em;width: 400px;} .gallery-sorting a.active {font-weight:bold;} .gallery-feature-container{overflow: hidden;zoom: 1;padding-bottom: 10px;border-bottom: 1px solid #000;margin-bottom: 10px;} .gallery-feature{float: left;width: 280px;padding: 0 9px;} .gallery-feature p{margin: 10px 0;} .gallery-feature h3{font-size: 1.1em;} .gallery-feature-image a{display: block;height: 183px;padding: 5px;-webkit-box-shadow: 3px 1px 5px #999; -moz-box-shadow: 3px 1px 5px #999; box-shadow: 3px 1px 5px #999;} .gallery-feature-image a:hover{-webkit-boz-shadow: 3px 1px 5px #666;-moz-box-shadow: 3px 1px 5px #666;-box-shadow-color: 3px 1px 5px #666;} .gallery-feature-copy, .gallery-feature-cta{color: #404049;padding-left: 10px;font-size: 0.9em;} .gallery-feature-cta{font-weight: bold;} .gallery-feature-wide{padding-top: 10px;border-top: 1px solid #000;} .panasonic-gallery {border-bottom:1px solid #000000; padding-bottom:25px; margin-bottom:30px;} .panasonic-gallery .listing-item-image {-webkit-box-shadow: 3px 1px 5px #999; -moz-box-shadow: 3px 1px 5px #999; box-shadow: 3px 1px 5px #999;} .panasonic-gallery .gallery-feature-cta {padding-left:0;} .panasonic-gallery .listing-info p {font-size:0.9em;} #gallery-feature-competition{background: url(images/graphics/portrait-of-summer.jpg) no-repeat bottom right;min-height: 360px; height: auto !important;height: 360px;position: relative;} #gallery-feature-competition .gallery-feature-copy{width: 350px;padding-left: 0;padding-top: 20px;} #gallery-feature-competition h3 a{display:block;height: 250px;position: absolute;width: 100%;} #gallery-feature-competition .gallery-feature-cta{position: absolute;bottom: 0;padding-left: 0;} /*Feature Gallery*/ #feature-gallery-intro {overflow:hidden; border-bottom:1px solid #000000; margin-bottom:25px;} /*Gallery Management*/ #gallery-options {padding:20px 0 15px 0;overflow: hidden;zoom: 1} #gallery-options a {padding:4px 10px; color:#FFF; font-size: 0.9em; background:#DFAF53; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} #gallery-options a:hover {background:#FFC961;color: #333} #gallery-options a.view-user-gallery{float: left;background: #999;color:#FFFFFF;} #gallery-options a.view-user-gallery:hover{background: #FE293E;} #gallery-options.media-nav{padding-top: 0;} #gallery-options.media-nav a{width: 95px;height: 27px;text-indent: -9999px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;display: block;padding: 0;} #gallery-options.media-nav a.media-nav-next{float: right;background: url(images/buttons/next.gif) no-repeat transparent;} #gallery-options.media-nav a.media-nav-prev{float: left;background: url(images/buttons/prev.gif) no-repeat transparent;} #gallery-options.media-nav a.media-nav-next:hover{background-position: 0 -27px;} #gallery-options.media-nav a.media-nav-prev:hover{background-position: 0 -27px;} #gallery-manage {overflow:hidden;} #gallery-manage h2 {color: #2d2e36; font-size:1em; margin-bottom: 10px;} #gallery-manage .item {float:left; background: #EEEEEE; padding: 5px; width: 455px; margin:0 10px 10px 0; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} #gallery-manage .item-left {float:left; max-width:200px; min-height:145px; margin-right:10px;} #gallery-manage .item-right {float:left;} #gallery-manage .item-alt {margin-right:0;} .add-image {width:100%; clear:both;} .gallery-confirm {font-weight:bold; border:1px solid #514721; background-color:#f7f1c7; padding:2px 7px; margin-right:5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} /*Gallery Search*/ .gallery-search-form {padding-left: 40px;margin-top:10px; background:#E1E2E3; overflow: hidden;zoom: 1; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} .gallery-search-form .search-term , .gallery-search-form .search-camera, .gallery-search-form .search-media {padding:4px 7px;} .gallery-search-form .submit{margin: 0;position: relative;top: -4px;} .gallery-search-form .search {padding:4px 10px;margin: 0;} .gallery-search-form .search-media {width:120px;} .gallery-search-form .search-term {width:330px;} .gallery-search-form .search-camera {width:346px; display:none;/*JS Only*/} .gallery-search-summary {font-size:0.9em; padding:18px 0;} .gallery-search-miniform {float:right;margin-right:3px; background:#E1E2E3; padding:5px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} .gallery-search-miniform .gform{margin: 5px;} .gallery-search-miniform .search-term {width: 250px; padding:4px;} .gallery-search-miniform .search-submit {padding:2px;} /*Gallery comments*/ #gallery .listing-comments{margin-top: 10px;} /*Gallery add this*/ #gallery .addthis_button_expanded{margin-top: 10px;} /*Competition gallery*/ .competition-gallery { } .competition-gallery .gallery-copy, .competition-gallery .competition-winners, .competition-gallery .competition-runnerup {overflow:hidden;} .competition-gallery .winner-second {clear: both;margin-right: 10px;} .competition-gallery .winner-second, .competition-gallery .winner-third, .competition-gallery .winner-runnerup {float:left; width:278px;clear: none;} .competition-gallery .winner-second .listing-item-image, .competition-gallery .winner-third .listing-item-image, .competition-gallery .winner-runnerup .listing-item-image{width: 110px;} .competition-gallery .winner-second .listing-item-info, .competition-gallery .winner-third .listing-item-info, .competition-gallery .winner-runnerup .listing-item-info {width: 155px;} .competition-gallery .competition-runnerup, .competition-gallery .competition-entries {padding-top: 10px; border-top: 1px solid #999;} #gallery .competition-gallery .winner-second h2.rosette{background-image: url(images/design/second-small.png);width:29px;height: 50px;margin-top: 10px;} #gallery .competition-gallery .winner-third h2.rosette{background-image: url(images/design/third-small.png);width:29px;height: 50px;margin-top: 10px;} #gallery .competition-gallery h2 {margin-top: 0; font-size:1em;} .competition-gallery .winner-second p.see-more-user, .competition-gallery .winner-third p.see-more-user, .competition-gallery .winner-runnerup p.see-more-user {margin: 0;font-size: 0.7em;background-position: 0 5px;} .competition-gallery .winner-first p.see-more-user{margin: 0;} .competition-gallery .winner-runnerup{margin-top:0;} .media-comp-desc, .media-judge-comments {clear:both;} /*Competition specific stuff below*/ .comp-a-portrait-of-summer .gallery-copy {margin-top:270px;} .comp-abstract-winter .gallery-copy {margin-top:280px;} .comp-night-photography .gallery-copy {margin-top:280px;} .comp-lumix-lifestyle-photographer-of-the-year .gallery-copy {margin-top:350px;} .comp-still-life .gallery-copy {margin-top:300px;} .comp-go-urban .gallery-copy {margin-top:300px;} .comp-pets-and-wildlife .gallery-copy {margin-top:300px;} .comp-home-sweet-home .gallery-copy {margin-top:300px;} .comp-transport-of-delight .gallery-copy {margin-top:240px;} .comp-ready-steady-action .gallery-copy {margin-top:240px;} .comp-perfect-portraits .gallery-copy {margin-top:240px;} .comp-macro-photography .gallery-copy {margin-top:240px;} .comp-macro-photography .gallery-copy {margin-top:240px;} .comp-dusk-and-dawn .gallery-copy {margin-top:240px;} .comp-black-and-white .gallery-copy {margin-top:240px;} .comp-water-water-everywhere .gallery-copy {margin-top:240px;} .comp-winter-landscapes .gallery-copy {margin-top:240px;} /* =Comments ----------------------------------------- */ #comments-container {border-top:1px solid #000000; padding:5px 15px; background-color:#EEEEEE;} #comments-container h3 {margin-top:0;font-weight:bold;} textarea#comment{width: 100%;font-size: 1em;border: 1px solid #999; color: #2D2E36;} textarea#comment:focus{border-color: #666;color: #000;} .comment-body{padding: 5px 0;} .comment-body p{font-size: 1em;margin: 0;padding: 5px;float: right;width:348px;} .comment-author{float: left;width: 120px;margin-right: 10px; color: #646464; font-size: 0.9em;} .comment-author img{display: block;float: left;margin-right: 5px;border: 1px solid #000;} .comment-author cite{font-style: normal;clear:both;display:block;} .comment-author .commentmetadata a{color: #646464;} .comment-author .commentmetadata a:hover{color: #FE293E} #respond h3{margin: 0;padding: 0;} .listing-comments{background: url(images/design/comment-bubble.gif) no-repeat; width: 44px; height: 45px;font-weight: bold;text-align: center;padding-top: 10px;float: right;} .listing-comments a{color: #2f3034; display: block;height: 45px;} .listing-comments a:hover{color: #FE293E} .comment-body{background: url(images/design/comment-speech.gif) no-repeat #FFF; border-top: 1px solid #E9EAEA;border-right: 1px solid #E9EAEA;border-bottom: 1px solid #E9EAEA; width: 400px;float: right;min-height: 100px; height: auto !important; height: 100px;} .comment{overflow: hidden;clear: both;margin: 20px 0;} #respond{clear: both;padding-top: 20px;} .commentlist{list-style-type: none;} /* =Sidebar ------------------------------------------ */ .widget-container, .widget-subcontainer{padding: 8px; border-bottom: 2px groove #fff; padding-bottom: 10px;clear: both;overflow: hidden;zoom: 1; z-index:10;} .widget-container h3{font-size: 1.5em; color: #575764} .widget-container:last-child{border-bottom: none;} .widget-item{margin: 0.2em 0 1em 0; clear: both;} .widget-container a{color: #646464} .widget-container h3 a{color: #575764} .widget-container h2 a{color: #575764} .widget-container a:hover{color: #FE293E;} .widget-listing-item-image{border-color: #E6E6E6; margin-left: 0;} .widget-container .widget-listing-title{color: #000;font-size: 1.2em; font-weight: bold;} /* News Widget */ .widget-news-item-image{clear:right;float:right;width:100px; margin-left: 3px;} .widget-news-item-image img{border: 1px solid #FFF;} .widget-news-item-image:hover img{border: 1px solid #35373E;} .widget_lumixlatestnews h4{clear: both;width: 160px;margin: 0.2em 0;line-height: 1.2em;font-size: 0.9em;float: left;} .widget_lumixlatestnews h4 a{color: #35373e;} .widget_lumixlatestnews h4 a:hover{color: #FE293E;} .widget_lumixlatestnews p{margin: 0.2em 0;font-size: 0.8em;color: #75788a;clear: left;width: 160px;} .widget_lumixlatestnews p.posted-on {display:none;float:right;width:96px;background: #93959a;padding: 0 2px; color: #FFF;font-weight: bold;text-align:center;font-size: 0.7em;} .widget_lumixlatestnews p.posted-on span{} .widget_lumixlatestnews a.read-more{color: #FE293E;text-align: left;font-weight: bold;font-size: 0.75em;} .widget_lumixlatestnews a.read-more:hover{color: #646464} /* Review Widget */ .widget_lumixlatestreview { background-color:white; } .widget_lumixlatestreview img { border:1px solid #fff; box-shadow:0 0 5px #dddddd; display:block; padding:5px; width:250px; margin-right:10px; } .widget_lumixlatestreview img:hover { border:1px solid #cccccc; box-shadow:0 0 5px #aaaaaa; } .review-read-more { font-weight:bold; } /* Tag cloud widget */ .widget_tag_cloud h3{background: url(images/design/icon-learn.png) no-repeat; height: 23px; padding-left: 30px;padding-bottom: 5px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);padding-top: 2px;} .widget_tag_cloud div a{font-weight: bold;color: #757887} /*Tips/Tricks*/ p.widget-tip a{font-size: 1.2em; font-weight: bold;color: #000} p.widget-tip{color: #50525f;font-size: 1.2em;font-weight: bold;margin-bottom: 5px;} p.widget-tip-image{float: left;margin: 0 10px 0 0;} p.widget-tip-image a img{border: 1px solid #FFF;} p.widget-tip-image a:hover img{border-color: #000;} p.widget-tip-title{color: #50525f;font-size: 0.9em;font-weight: bold;margin: 0;padding: 0;width: 150px;float: left;} /* Static widget */ .static-widget{background-color: #f5f5f5;} /* Debug info widget */ .widget_lumixdebuginfo {background-color:#000000;} .widget_lumixdebuginfo h3, .widget_lumixdebuginfo p {color:#FFFFFF;} .widget-flash{padding: 4px;} /*Expert Advice Widget */ .widget_expertadvice h4 a{color: #50525f;font-size: 1.3em;padding-top: 10px;display: block;font-weight: bold} .widget_expertadvice .listing-item-image{padding: 0;-moz-box-shadow:3px 1px 5px #999;-webkit-box-shadow:3px 1px 5px #999;-box-shadow:3px 1px 5px #999;margin-left: 0;} .widget_expertadvice .listing-item-image{display: block;width: 141px;height: 131px;float: left;} .widget_expertadvice .listing-item-image:hover img{-webkit-box-shadow-color: 3px 1px 5px #666;-moz-box-shadow: 3px 1px 5px #666; box-shadow-color: 3px 1px 5px #666;border: 3px solid #E6E6E6;} .widget_expertadvice a.widget-listing-title {padding: 5px 0; font-size: 0.9em; display:block;color: #646464; line-height: 1.2em;} .widget_expertadvice p.widget-listing-title {font-size: 0.9em; display:block;color: #646464; line-height: 1.2em;margin:0 0 0.5em;} .widget_expertadvice p {margin:0.5em 0 0.5em;} .widget_expertadvice .listing-item-info{width: 121px; float: right;} /*Gallery Search Widget */ .widget_gallerysearchwidget {} .widget_gallerysearchwidget .search-term {width:160px;padding:3px;display: block;float: left;margin-right: 5px;} /*Gallery Latest Uploads */ .widget_gallerylatestwidget{background:#FFFFFF;} .widget_gallerylatestwidget .media-list {overflow:hidden;} .widget_gallerylatestwidget .media-list {list-style:none; padding:0; margin:0;overflow: hidden} .widget_gallerylatestwidget .media-list li {float:left; padding:0; margin:0;} .widget_gallerylatestwidget .media-list li a {display:block; height:90px; width:90px;} /*Media details widget*/ .widget_gallerymediadetailswidget{ border-bottom: none; padding: 0; } /*Competition*/ .widget_competitionmediadetailswidget .widget-subcontainer {padding:8px 0 0 0;} .widget-comp-winner-image img {margin-bottom:20px;margin-right:10px; float:left; width:250px; height:250px;border:1px solid #FFF;display: block;float: left;padding: 5px;box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD} .widget-comp-winner-image:hover img {border: 1px solid #CCC;box-shadow: 0 0 5px #AAA;-moz-box-shadow: 0 0 5px #AAA;-webkit-box-shadow: 0 0 5px #AAA;} #widget-comp-winner h3 { font-size:1.2em;} #widget-comp-winner p {color:#000000; margin: 1em 0 0 } h2.rosette{position: absolute;top: 0;left: 0;background-repeat: no-repeat;width: 40px; height: 69px; text-indent: -9999px;background-image: url(images/design/first-s.png);} #widget-comp-winner a{color: #FE293E;text-align: left;font-weight: bold;} #widget-comp-winner a:hover{color: #646464} #widget-comp-winner h4{margin: 0.2em 0.2em 1em;line-height: 1.2em;font-size: 0.9em;color: #35373E;} /* Photo Challenge Winner Widget */ #widget-photochallenge-winner { } #widget-photochallenge-winner h3 { font-size:1.5em;} #widget-photochallenge-winner h4 { font-size:0.9em;} #widget-photochallenge-winner .comp-winner-image { position:relative; } #widget-photochallenge-winner .comp-winner-image img { margin-bottom:20px;margin-right:10px; float:left; width:250px; border:1px solid #FFF;display: block;float: left;padding: 5px;box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD; } #widget-photochallenge-winner .comp-winner-image img:hover { border: 1px solid #CCC;box-shadow: 0 0 5px #AAA;-moz-box-shadow: 0 0 5px #AAA;-webkit-box-shadow: 0 0 5px #AAA; } #widget-photochallenge-winner p { color:#75788A; margin: 1em 0px 0px; font-size:0.8em; } #widget-photochallenge-winner a { color:#FE293E; font-weight:bold; } #widget-photochallenge-winner a:hover { color:#646464; } /* Offer widget */ #widget-offer a { display:none; } #widget-offer a.active { display:block; } /* =User Gallery Super dooper widget ------------------------------------------ */ /*User credit */ .media-credit-a{float:left; width:35px; margin-right: 10px;} .media-credit-b{float:left; width:225px;} .media-credit p{margin:5px 0;} .media-avatar {float:left; width:35px; padding-right:8px;} /*Media stats*/ .media-stats{overflow: hidden;zoom: 1;} .media-stats p{margin: 0 5px;float: left;} .media-stats p a{color: #2f3034;} .media-stats p a:hover{color: #FE293E;} /*Thumbnail list */ .widget-user-gallery .media-list {overflow:hidden;} .widget-user-gallery .media-list ul {list-style:none; padding:0; margin:0;overflow: hidden} .widget-user-gallery .media-list li {float:left; padding:0; margin:0;} .widget-user-gallery .media-list li a {display:block; height:90px; width:90px;overflow: hidden;} .widget-user-gallery-goto{text-align: right;margin: 5px 0;} .widget-user-gallery .media-list h3{font-size: 1em;} /*Additional info table */ .widget-user-gallery .media-table{margin: 0 0 10px 0;} .widget-user-gallery .media-table table{width: 100%;border: 1px solid #CCC;} .widget-user-gallery .media-table td, .media-table th{border: 0;} .widget-user-gallery .media-table th{ border-right: 1px solid #CCC;font-weight: bold;width: 100px;} .widget-user-gallery .media-table .odd th,.media-table .odd td{background-color: #F7F7F7;} .widget-user-gallery .media-table .even th, .media-table .even td{background-color: #EEE;} /*Tags */ .widget-user-gallery .media-tags li{list-style: none;padding: 0;float: left;margin: 3px} .widget-user-gallery .media-tags li a{background: #F7F7F7;padding: 2px 4px; display: block;-moz-border-radius: 5px;-webkit-border-radus: 5px;border-radius: 5px;} .widget-user-gallery .media-tags li a:hover, .widget-user-gallery .media-tags li a:focus{background-color: #FFD127;color: #333} .widget-user-gallery .media-tags ul{overflow: hidden;zoom: 1;padding: 0;margin: 10px 0;} .widget_gallerytagcloudwidget{font-weight: bold;} /*Gallery manager*/ .widget_usergallerymanagerwidget{background: url(images/design/gallery-manager-back.jpg) no-repeat bottom right;min-height: 194px; height: auto !important; height: 194px;} #gallery-manager-widget-buttons{margin-top: 20px; margin-left: 10px;margin-bottom: 0;} #gallery-manager-widget-notloggedin{margin-top: 0px;} #gallery-manager-widget-notloggedin p{margin: 10px 0;width: 170px;} #gallery-manager-widget-notloggedin .gallery-manager-widget-notloggedin-wide{width: auto;} /*Poll Widget*/ .widget_polls-widget .widget-title {background:url("images/design/icon-learn.png") no-repeat scroll 0 0 transparent;height:23px;padding:2px 0 5px 30px;} .widget_polls-widget h4 {font-size:1.05em; color:#50525F;} .wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {text-align: left; background-image: none; display: block;} .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {text-align: left; list-style: none; float: none;} .wp-polls ul li:before, .wp-polls-ul li, .wp-polls-ans ul li:before, #sidebar ul ul li:before {content:'';} .wp-polls img, .wp-polls label, .wp-polls input, .wp-polls-loading img, .wp-polls-image img {display:inline; border:0; padding:0; margin:0;} .wp-polls label {font-size:1em; margin-left:5px;} .wp-polls-ul {padding:0; margin:5px 0;} #poll-vote-button {font-size:1em; background: #FE293E; color: #FFFFFF; padding: 3px 10px; border:0; -moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;} .wp-polls-loading {display: none;text-align: center; height: 16px;line-height: 16px;} /* =FAQ ----------------------------------------- */ .faq-group{padding-bottom: 10px;} .faq-group h2{padding: 7px 10px 7px 25px;margin: 0;background: url(images/design/faq-back.jpg) repeat-x #fe293e;color: #FFF;font-size: 1em;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .faq-group h2.js-enabled a{background: url(images/design/plus-large.png) no-repeat center right; display: block;width: 100% ; height: 24px;color: #FFF; padding-top: 10px;} .faq-group h2.js-enabled a:hover{color: #292929;} .faq-group h2.opened a{background-image: url(images/design/minus-large.png)} .faq-subgroup{background: #fafafa;padding: 5px 0;} .faq-question-container{padding: 0 25px;} .faq-question-answer{padding: 0;border-bottom: 1px solid #ededed; color: #51525b; } .faq-question-answer:last-child{border: none;} .faq-question-answer span{font-weight: bold;} .faq-question{padding: 10px 0 5px 0;margin: 0;} .faq-answer{padding: 5px 0 10px 0; margin: 0;} .faq-subgroup h3{font-size: 0.9em;margin: 0;padding: 5px 15px 5px 25px; background: #e1e2e3;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .faq-subgroup h3.js-enabled a{background: url(images/design/plus.gif) no-repeat center right; display: block;width: 100% ;color: #646464; padding: 2px 0;} .faq-subgroup h3.js-enabled a:hover{color: #FE293E;} .faq-subgroup h3.opened a{background-image: url(images/design/minus.gif)} /* =PRODUCT LISTING PAGE (COPIED FROM FAQ) ----------------------------------------- */ .product-group{padding-bottom: 10px;} .product-group h2{padding: 7px 10px 7px 25px;margin: 0;background: url(images/design/product-back.jpg) repeat-x #fe293e;color: #FFF;font-size: 1em;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .product-group h2.js-enabled a{background: url(images/design/plus-large.png) no-repeat center right; display: block;width: 100% ; height: 24px;color: #FFF; padding-top: 10px;} .product-group h2.js-enabled a:hover{color: #292929;} .product-group h2.opened a{background-image: url(images/design/minus-large.png)} .product-subgroup{background: #fafafa;padding: 5px 0;} .product-question-container{padding: 0 25px;} .product-question-answer{padding: 0;border-bottom: 1px solid #ededed; color: #51525b; } .product-question-answer:last-child{border: none;} .product-question-answer span{font-weight: bold;} .product-question{padding: 10px 0 5px 0;margin: 0;} .product-answer{padding: 5px 0 10px 0; margin: 0;} .product-subgroup h3{font-size: 0.9em;margin: 0;padding: 5px 15px 5px 25px; background: #e1e2e3;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .product-subgroup h3.js-enabled a{background: url(images/design/plus.gif) no-repeat center right; display: block;width: 100% ;color: #646464; padding: 2px 0;} .product-subgroup h3.js-enabled a:hover{color: #FE293E;} .product-subgroup h3.opened a{background-image: url(images/design/minus.gif)} .product-image { float:left; display:block; margin-right:10px;margin-top:10px; } .product-info { float:right;width:245px; } .products ul {list-style:disc;} .products .small-print { border-top:1px solid #999; } .products .small-print p { color:#999; } /* PRODUCT PAGE - IMAGE PICKER */ #image-picker { width:550px; margin-left:20px; } #image-picker .image {;width:330px; float:left;} #image-picker .options .option {width:89px; float:left; } #image-picker .options {margin-left:20px;float:left; width:200px} #image-picker .options .option:hover .arrow { background-position:-9px 0; } #image-picker .options .option .arrow { margin-top:25px; float:left; width:9px;float:left;height:9px; background-image: url(images/design/products-arrow.jpg); background-position:0 0; } /* LISTING FIRMWARE PAGE */ .firmware-group{padding-bottom: 10px;} .firmware-group h2{padding: 7px 10px 7px 25px;margin: 0;background: url(images/design/product-back.jpg) repeat-x #fe293e;color: #FFF;font-size: 1em;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .firmware-group h2.js-enabled a{background: url(images/design/plus-large.png) no-repeat center right; display: block;width: 100% ; height: 24px;color: #FFF; padding-top: 10px;} .firmware-group h2.js-enabled a:hover{color: #292929;} .firmware-group h2.opened a{background-image: url(images/design/minus-large.png)} .firmware-subgroup{background: #fafafa;padding: 5px 0;} .firmware-question-container{padding: 0 25px;} .firmware-question-answer{padding: 0;border-bottom: 1px solid #ededed; color: #51525b; } .firmware-question-answer:last-child{border: none;} .firmware-question-answer span{font-weight: bold;} .firmware-question{padding: 10px 0 5px 0;margin: 0;} .firmware-answer{padding: 5px 0 10px 0; margin: 0;} .firmware-subgroup h3{font-size: 0.9em;margin: 0;padding: 5px 15px 5px 25px; background: #e1e2e3;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .firmware-subgroup h3.js-enabled a{background: url(images/design/plus.gif) no-repeat center right; display: block;width: 100% ;color: #646464; padding: 2px 0;} .firmware-subgroup h3.js-enabled a:hover{color: #FE293E;} .firmware-subgroup h3.opened a{background-image: url(images/design/minus.gif)} .firmware-image { float:left; display:block; margin-right:10px;margin-top:10px; } .firmware-info { float:left;width:245px; } .firmware-info h4 { color:#FE293E; } .firmware-info .firmware-date { font-size:0.8em; } /* =Downloads -----------------------------------------*/ .download-item{ margin: 5px 0; overflow: hidden; zoom: 1; } .download-item h2, .download-sec-links h2{color: #646464;paddding: 0;text-align: left;font-size: 1em} .download-image{width: 179px;float: left;} .download-link{color: #FFF;} .download-item .download-link{float: left;height: 71px;padding-left: 10px;padding-top:50px;font-weight: bold;font-size: 1.1em;background: url(images/design/download-link-back.jpg) repeat-x;padding-left: 50px;} .download-link a:link, .download-link a:visited{display: block; height: 24px;font-size: 0.8em; text-decoration: underline; padding: 4px 40px;display: block;background: url(images/design/download-icon.png) no-repeat top left;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);} .download-link a:hover, .download-link a:active{color: #292929 } .download-sec-links div{ padding-top: 10px; } /*=Tips and Tricks -------------------------------------*/ .page-template-listing-tips-and-tricks-php h2{font-size: 0.8em;} #listing-tips .listing-item{border: none;padding-bottom: 5px;} #listing-tips .listing-info{width: 365px;} #listing-tips .listing-info.no-image{width: auto;} #listing-tips .listing-item h2{background-color: #e1e2e3;padding: 5px 10px 5px 15px;margin: 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} #listing-tips .listing-item h2.js-enabled a{display: block; width: 100%; background: url(images/design/plus.gif) no-repeat center right;padding: 3px 0;} #listing-tips .listing-item h2.opened a{background-image: url(images/design/minus.gif);} #listing-tips .listing-tip{overflow: hidden; zoom: 1;padding: 10px 0;} /* =Expert Advice ---------------------------------------- */ #expert-intro, #expert-settings, #expert-composition, #expert-results, #expert-tip {clear:both;} .single-expertadvice .entry th,.single-expertadvice .entry td {border: none;width: auto;} .single-expertadvice .entry table{width: auto;} .single-expertadvice .entry h3{background-color: #e1e2e3; color: #292929; padding: 5px 20px;} .single-expertadvice .entry p, .single-expertadvice .entry ul, .single-expertadvice .entry ol{padding-left: 20px;} .expertadvice-listing-item {clear:both;} #expert-listing-intro img{padding-left: 0;} #expert-listing-intro h2{padding: 10px 0 5px 0;font-size: 1.2em;margin: 0;color: #2a2a2a;} #expert-listing-intro p{margin: 0;} #expert-listing-intro h2 span{font-weight: normal;} expert-listing-intro p{} } #expert-settings h3{margin-top: 10px;} .expert_advice .entry td{vertical-align: top;} #expert-intro ul { list-style:disc; } /* =Competition ----------------------------------------- */ .current-competition h2 a{display: block;} .competition-prizes{overflow: hidden;zoom: 1;} .competition-prizes ul{margin: 0;} .competition-prizes li{float: left;width: auto;padding: 0;margin: 0;list-style-type: none;} .closing-date{font-weight: bold;} .competition-enter-link {margin-top:10px;} .competition-winners{border-top: 1px solid #999;padding-top: 10px;} .winners-item{clear: both;margin: 10px 0;overflow: hidden;zoom: 1;position: relative;} .winners-item .listing-item-image{width: 298px;float: left;display: block;} .winners-item .listing-item-info{width: 280px;float: right;} .winners-item h2.rosette{position: absolute;top: 0;left: 0;background-repeat: no-repeat;width: 100px; height: 141px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);text-indent: -9999px;} .winner-first h2.rosette{background-image: url(images/design/first.png)} .winner-second h2.rosette{background-image: url(images/design/second.png)} .winner-third h2.rosette{background-image: url(images/design/third.png)} .winners-item p.posted-by{color: #2D2E36;margin: 0.5em 0;} .winners-item p.posted-by a{color: #FE293E;} .winners-item p.posted-by a:hover{color: #292929} .winners-item p.see-more-user{font-size: 0.9em;font-weight: bold; background: url(images/design/arrow-right.gif) no-repeat 0 8px;;padding-left: 10px;} .winners-item p.winner-comment{font-style: italic;} .winners-item h2{margin: 0;} .winners-item h2 a{height: auto;} .competition-gallery-link {text-align:right;} .current-competition .competition-runnerup {overflow:hidden; } .current-competition .winner-runnerup {float:left; width:278px;clear: none;} .current-competition .winner-runnerup .listing-item-image{width: 110px;} .current-competition .winner-runnerup .listing-item-info {width: 155px;} .current-competition .competition-runnerup .current-entries {padding-top: 10px; border-top: 1px solid #999;} .current-competition .winner-runnerup p.see-more-user {margin: 0;font-size: 0.7em;background-position: 0 5px;} .current-competition .winner-runnerup{margin-top:0;} .competition-winners .competition-runnerup {overflow:hidden;} .competition-winners .winner-runnerup {float:left; width:278px;clear: none;} .competition-winners .winner-runnerup .listing-item-image{width: 110px;} .competition-winners .winner-runnerup .listing-item-info {width: 155px;} .competition-winners .competition-runnerup, .competition-entries {padding-top: 10px; border-top: 1px solid #999;} .competition-winners .winner-runnerup p.see-more-user {margin: 0;font-size: 0.7em;background-position: 0 5px;} .competition-winners .winner-runnerup{margin-top:0;} .media-rosette {position:absolute; top:-10px; left:-5px; display:block; background-repeat:no-repeat; width:100px; height:141px; behavior:url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);} .media-rosette-first {background-image: url(images/design/first.png)} .media-rosette-second {background-image: url(images/design/second.png)} .media-rosette-third {background-image: url(images/design/third.png)} /* Current Comp - Previous Winners */ .current-competition .previous-winners { border-top:1px solid #999; } .current-competition .previous-winners h2 { font-size:1em; } .current-competition .previous-winners h1 { margin-top:10px;font-size:1em;color:#575764; } .current-competition .previous-winners .winners-item { margin:15px 0; } .current-competition .previous-winners .winners-item p.posted-by{color: #2D2E36; margin: 0.5em 0;} .current-competition .previous-winners .winners-item p.posted-by a{color: #FE293E;} .current-competition .previous-winners .winners-item p.posted-by a:hover{color: #292929;} .current-competition .previous-winners .gallery-copy, .current-competition .previous-winners .competition-winners, .current-competition .previous-winners .competition-runnerup {overflow:hidden;} .current-competition .previous-winners .winner-second {clear: both;margin-right: 10px;} .current-competition .previous-winners .winner-second, .current-competition .previous-winners .winner-third, .current-competition .previous-winners .winner-runnerup {float:left; width:278px;clear: none;} .current-competition .previous-winners .winner-second .listing-item-image, .current-competition .previous-winners .winner-third .listing-item-image, .current-competition .previous-winners .winner-runnerup .listing-item-image{width: 110px;} .current-competition .previous-winners .winner-second .listing-item-info, .current-competition .previous-winners .winner-third .listing-item-info, .current-competition .previous-winners .winner-runnerup .listing-item-info {width: 155px;} .current-competition .previous-winners .competition-runnerup, .current-competition .previous-winners .competition-entries {padding-top: 10px; border-top:1px solid #dedede;} .current-competition .previous-winners .winner-second h2.rosette{background-image: url(images/design/second-small.png);width:29px;height: 50px;margin-top: 10px;} .current-competition .previous-winners .winner-third h2.rosette{background-image: url(images/design/third-small.png);width:29px;height: 50px;margin-top: 10px;} .current-competition .previous-winners .winner-second p.see-more-user, .current-competition .previous-winners .winner-third p.see-more-user, .current-competition .previous-winners .winner-runnerup p.see-more-user {margin: 0;font-size: 0.7em;background-position: 0 5px;} .current-competition .previous-winners .winner-first p.see-more-user{margin: 0;} .current-competition .previous-winners .winner-runnerup{margin-top:0;} .media-comp-desc, .media-judge-comments {clear:both;} /*Competition entry - Step 1 upload form*/ .compform .image-upload {overflow:hidden; margin:0;} .compform .current-image { width: 150px; float:left;} .compform .current-image img {display:block; clear:both; padding-top:1px;} .compform .new-image p{clear:both; padding-top:10px;} .compform input.next{background: url(images/buttons/next.gif) no-repeat;width:25px;height: 25px;float: right;margin-top: 50px;cursor: pointer;margin: 0;width: 95px;height: 27px;float: right;border: none;} .compform input.next:hover{background-position: 0 -27px;} /*Competition entry - Step 2 review entry*/ .comp-review {overflow:hidden; padding: 0 10px; border: 1px solid #D6D6D7;background-color: #EEE; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;} .comp-review-options {overflow:hidden;clear:both; margin:10px 0;} .comp-review-options .edit-entry {float:left;margin: 0;} .comp-review-options .confirm {float: right;margin: 0;} /*Competition specific stuff below*/ .comp-a-portrait-of-summer {background: url(images/graphics/portrait-of-summer.jpg) no-repeat top right #FFF;min-height: 322px; height: auto !important;height: 322px;} .comp-a-portrait-of-summer .competition-copy{padding-top: 230px;} .comp-a-portrait-of-summer .competition-prizes {width:573px; height:234px; background: url(images/graphics/prizes-portrait-of-summer.jpg) no-repeat;} .comp-a-portrait-of-summer .competition-enter-link{position: relative;width: 95px;float:right;} .comp-abstract-winter {background: url(images/graphics/comp-abstract_challenge.jpg) no-repeat top right #FFF;min-height: 322px; height: auto !important;height: 322px;} .comp-abstract-winter .competition-copy{padding-top: 250px;} .comp-abstract-winter .competition-enter-link{position: relative;width: 95px;float:right;} .comp-night-photography {background: url(images/graphics/comp-dark_challenge.jpg) no-repeat top right #FFF;min-height: 322px; height: auto !important;height: 322px;} .comp-night-photography .competition-copy{padding-top: 260px;} .comp-night-photography .competition-enter-link{position: relative;width: 95px;float:right;} .comp-lumix-lifestyle-photographer-of-the-year {background: url(images/graphics/comp-lumix-lifestyle-photographer-of-the-year.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 435px;} .comp-lumix-lifestyle-photographer-of-the-year .competition-copy{padding-top: 350px;} .comp-lumix-lifestyle-photographer-of-the-year .competition-enter-link{position: relative;width: 95px;float:right;} .comp-still-life {background: url(images/graphics/comp-still_life_challenge.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-still-life .competition-copy{padding-top: 300px;} .comp-still-life .competition-enter-link{position: relative;width: 95px;float:right;} .comp-go-urban {background: url(images/graphics/comp-go-urban.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-go-urban .competition-copy{padding-top: 270px;} .comp-go-urban .competition-enter-link{position: relative;width: 95px;float:right;} .comp-pets-and-wildlife {background: url(images/graphics/comp-pets-and-wildlife.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-pets-and-wildlife .competition-copy{padding-top: 270px;} .comp-pets-and-wildlife .competition-enter-link{position: relative;width: 95px;float:right;} .comp-home-sweet-home {background: url(images/graphics/comp-home-sweet-home.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-home-sweet-home .competition-copy{padding-top: 270px;} .comp-home-sweet-home .competition-enter-link{position: relative;width: 95px;float:right;} .comp-transport-of-delight {background: url(images/graphics/comp-transport-of-delight.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-transport-of-delight .competition-copy{padding-top: 240px;} .comp-transport-of-delight .competition-enter-link{position: relative;width: 95px;float:right;} .comp-ready-steady-action {background: url(images/graphics/comp-ready-steady-action.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-ready-steady-action .competition-copy{padding-top: 240px;} .comp-ready-steady-action .competition-enter-link{position: relative;width: 95px;float:right;} .comp-perfect-portraits {background: url(images/graphics/comp-perfect-portraits.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-perfect-portraits .competition-copy{padding-top: 205px;} .comp-perfect-portraits .competition-enter-link{position: relative;width: 95px;float:right;} .comp-macro-photography {background: url(images/graphics/comp-macro-photography.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-macro-photography .competition-copy{padding-top: 205px;} .comp-macro-photography .competition-enter-link{position: relative;width: 95px;float:right;} .comp-dusk-and-dawn {background: url(images/graphics/comp-dusk-and-dawn.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-dusk-and-dawn .competition-copy{padding-top: 205px;} .comp-dusk-and-dawn .competition-enter-link{position: relative;width: 95px;float:right;} .comp-black-and-white {background: url(images/graphics/comp-black-and-white.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-black-and-white .competition-copy{padding-top: 205px;} .comp-black-and-white .competition-enter-link{position: relative;width: 95px;float:right;} .comp-water-water-everywhere {background: url(images/graphics/comp-water-water-everywhere.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-water-water-everywhere .competition-copy{padding-top: 205px;} .comp-water-water-everywhere .competition-enter-link{position: relative;width: 95px;float:right;} .comp-winter-landscapes {background: url(images/graphics/comp-winter-landscapes.jpg) no-repeat top right #FFF;min-height: 435px; height: auto !important;height: 322px;} .comp-winter-landscapes .competition-copy{padding-top: 205px;} .comp-winter-landscapes .competition-enter-link{position: relative;width: 95px;float:right;} /* =Footer ----------------------------------------- */ #footer {background: url(images/design/footer-bg.gif) repeat-x #1b1b22;overflow: hidden;zoom: 1; height: 78px;} #footer-inner {width:950px; margin:0 auto; color:#FFFFFF;margin-top: 15px;} #footer-logo{float: left; width: 220px; margin-top: 10px;} #footer-nav{float: left;width: 400px;} #footer-copyright{color: #5a5b61; font-size: 0.8em;text-align: right;float: right;} #footer-panasonic{float: right; width: 200px; } #footer-nav .menu li{padding: 0 5px;margin: 0;border-right: 1px solid #FFF;line-height: 1em;} #footer-nav li a, #footer-nav li a:link, #footer-nav li a:visited {color: #FFF;} /* ============================================================================= ==SPECIAL TEMPLATES ============================================================================= */ /* =Home ----------------------------------------- */ /* Offers & Rewards */ .offer .image { float:left; } .offer .image img { -moz-box-shadow:0 0 5px #DDDDDD; border:1px solid #FFFFFF; display:block; float:left; line-height:0; padding:5px; } #listing-offers .listing-item { border:none; } } ul { list-style:none;} il { list-style:none; } /* Review pages */ .review-title { margin-bottom:0; } .review-posted { margin-top:0; padding-left:30px; } .review-image-link { font-size:10px; margin:0; } .review-no-margin { margin:0; } .review-page h2 { font-size:16px; color:#686868; } .review-page h3 { font-size:13px; color:#51525B; } /* ============================================================================= ==SPECIFIC COMPONENTS ============================================================================= */ /* =Icons -------------------------------------------- */ .icon-all{display: block;background: url(images/design/icon-all.gif) no-repeat 0 1px;margin-right: 10px;min-height: 23px; height: auto !important;height: 23px;padding:0 0 1px 90px;} .icon-learn{display: block;background: url(images/design/icon-learn.png) no-repeat 0 1px;margin-right: 10px;min-height: 23px; height: auto !important;height: 23px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);padding:0 0 1px 30px;} .icon-inspire{display: block;background: url(images/design/icon-inspire.png) no-repeat 0 1px;margin-right: 10px;min-height: 23px; height: auto !important;height: 23px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);padding:0 0 1px 30px;} .icon-create{display: block;background: url(images/design/icon-create.png) no-repeat 0 1px;margin-right: 10px;min-height: 23px; height: auto !important; height: 23px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);padding:0 0 1px 30px;} .icon-comments{display: block;background: url(images/design/icon-comment.png) no-repeat;margin-right: 5px;min-height: 23px; height: auto !important;height: 16px;width: 16px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);text-indent: -9999px;float: left;} .icon-views{display: block;background: url(images/design/icon-views.png) no-repeat;margin-right: 5px;height: 16px;width: 16px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);text-indent: -9999px;float: left;} .icon-id{display: block;background: url(images/design/icon-id.gif) no-repeat;margin-right: 5px;height: 16px;width: 16px;behavior: url(/wp-content/themes/lumixlifestyle/js/iepngfix.htc);text-indent: -9999px;float: left;} h1.icon-learn, h1.icon-inspire, h1.icon-create{padding-bottom: 10px;} h2.icon-learn, h2.icon-inspire, h2.icon-create{padding-top: 2px;} h3.icon-learn, h3.icon-inspire, h3.icon-create{padding-top: 2px;} .icon-all span, .icon-learn span, .icon-inspire span, .icon-create span{font-size: 0;line-height: 0;} /* Caption text */ .wp-caption-text{font-size: 0.65em;} td .wp-caption-text{font-size: 0.75em;} .single-expertadvice .entry .wp-caption-text{padding: 0;} /* =Pagination ----------------------------------------- */ .pagination {clear:both; text-align: right; color:#575764; font-size: 0.9em; } .pagination .current, .pagination a {padding: 3px;} .gallery-pagination {float:right; margin:18px 2px 0 0;font-size: 0.8em;clear: right;} .gallery-search-pagination {float:right; margin-top:17px;} /* =AddThis ------------------------------------------ */ .addthis_toolbox{font-size: 0.8em; margin-bottom: 10px; width:350px;} .addthis_button_expanded{display: block} .addthis_toolbox a:hover{margin-top: -2px;padding-bottom: 2px;} .addthis_toolbox a.addthis_button_expanded:hover{margin-top: 0;padding-bottom: 0;} .addthis_default_style .addthis_separator{margin-left:0;} /* ============================================================================= ==GENERIC FORM & ERRORS ============================================================================= */ .gform {margin:15px 0; overflow:hidden;font-size: 0.9em;} .gform fieldset {margin:0 0 20px;} .gform p {margin:0 0 1em;} .gform div {margin:1em 0 1em;overflow:hidden;zoom: 1} .gform div label {padding-bottom: 10px;float:left; width:200px; margin:0 10px 0 0; font-weight:bold; line-height:1.2em;} .gform div small {float:right; width:200px; margin:5px 0 0 0;} .gform div span {font-weight:normal;} .mandatory{color: #ff4d5f} .gform .text input, .gform .text textarea{display: block;float:left; width:380px; padding:2px;} .gform .file{width: 200px;} .gform .text textarea {height:8em;} .gform .short select {width:110px;} .gform .short input {width:105px; margin-right:10px;} .gform .short span {float:left; margin-top:4px; font-size:0.8125em;} .gform .submit {margin:1em 0 0; display:block} .gform .submit input {margin:0 5px;display: block;} /* checkboxes or radio buttons (horizontal and vertical arrangement) */ .gform .checkbox input, .gform .radio input {float:left; margin-right:8px;} .gform .checkbox label, .gform .radio label {width:450px; font-weight:normal; cursor:pointer;} .gform div.col1{width: 275px;float: left;} .gform div.col2{width: 275px;float: right;} .gform div.col1 label, .gform div.col2 label, .gform div.wide label{width: 100px;} .gform div.col1 input, .gform div.col2 input, .gform div.wide input {width: 150px} .gform div.col1{margin-right: 10px;} .gform div.wide,.gform div.col1 {clear: both;} .gform div.wide select{width: auto;} .gform div.checkbox input{width: auto;border: none;background: none;} .gform div.checkbox label{width: 230px;} .gform fieldset{padding: 0 10px 5px 10px;border: 1px solid #D6D6D7;background-color: #EEE; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; } .gform fieldset legend{font-weight: bold;font-size: 1.1em;color: #646464} .gform input, .gform select, .gform textarea{color: #666;border: 1px solid #dedede;font-size: 1em;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: url(images/design/text-input-grad.jpg) repeat-x #FFF} .gform input.readonly{color: #999;border: none;} .gform input:focus, .gform select:focus, .gform textarea:focus, .gform input:focus:hover, .gform select:focus:hover, .gform textarea:focus:hover{color: #000;border-color: #666} .gform input:hover, .gform select:hover, .gform textarea:hover{border-color: #CCC} .gform input.readonly:focus, .gform input.readonly:hover{color: #999;} .gform .submit input{background: url(images/buttons/submit.gif) no-repeat;text-indent: -9999px; width: 86px; height: 24px;margin: 0;cursor: pointer;border: none;line-height: 0;font-size: 0;} .gform .submit input.search{background-image: url(images/buttons/search.gif);} .gform .submit input:hover{background-position: 0 -26px;} .gform .submit input.search:hover{background-position: 0 -24px;} .gform .submit .cancel {display: block;float: left;background: url(images/buttons/cancel.gif) no-repeat;text-indent: -9999px; width: 82px; height: 25px;margin: 0;cursor: pointer;border: none;margin-right: 10px;} .gform .submit .cancel:hover{background-position: 0 -25px;} .gform option{display: block;} .quick-login input.button2, .page-template-user-login-php .submit input{background: url(images/buttons/login.gif) no-repeat;width: 89px !important; height: 27px;text-indent: -9999px;display: block;margin: 10px 0;font-size: 0;line-height: 0;border: none;cursor: pointer;} .quick-login input.button2:hover, .page-template-user-login-php .submit input:hover{background-position: 0 -27px;} #login input{color: #666;border: 1px solid #dedede;font-size: 1em;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: url(images/design/text-input-grad.jpg) repeat-x #FFF} #login input.button1{background: url(images/buttons/login.gif) no-repeat;width: 89px !important; height: 27px;text-indent: -9999px;border: none;float: none;display: block;font-size: 0;line-height: 0;} #login input.button1:hover{background-position: 0 -27px;} #login label,#login input{display: block;width: 285px;} #login{font-size: 1.2em} #login fieldset dd{clear: both;margin: 0;} #login fieldset{padding: 20px 5px 5px 5px;border: 1px solid #D6D6D7;} #login #autologin{width: auto;display: inline;} #login h2{border-bottom: none;} .page-template-user-login-php .gform div{clear:both;padding: 10px 0;} /*Ts and Cs*/ .gform div.tsandcs{margin-top: 20px;} .tsandcs-trigger{display: none;} .tsandcs-trigger a{clear:both; background-color: #e1e2e3;display: block;padding: 5px 10px 5px 15px;margin: 10px 0 0 0;} .tsandcs-trigger a.js-enabled{display: block; height: 15px; padding-left: 10px; width: 255px; background: url(images/design/plus.gif) no-repeat 245px #e1e2e3;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} .tsandcs-trigger a.opened{background-image: url(images/design/minus.gif);} .gform div.tsandcs-expanded {overflow: visible;padding: 0;} .gform div.tsandcs-expanded p{margin: 0;padding: 5px 0;} /* status displays */ .error, .notice, .success {padding:10px; margin-bottom:1em;padding-left: 50px;border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;} .error h2, .notice h2, .success h2 {margin-top:0;} .error ul, .notice ul, .success ul {margin-bottom:0;} .error li, .notice li, .success li {margin:0;} .error {background-color: #ff4d5f;color: #FFF;} .error h2{color: #FFF;} .notice { color:#514721; background:#fff6bf;} .success { color:#264409; background:#e6efc2;} .error a {color:#FFF; text-decoration:underline;} .notice a {color:#514721;} .success a {color:#264409; text-decoration:underline;} /*Forum statuses*/ #phpbb .error, #phpbb .notice, #phpbb .success{padding: 2px;} /*Login Page*/ .page-template-user-login-php .gform, #phpbb #login {background: #EEE;border: 1px solid #D6D6D7;padding-left: 20px;margin-bottom: 20px;-moz-border-radius: 10px;border-radius: 10px; -webkit-border-radius: 10px;} .page-template-user-login-php .gform fieldset, #phpbb #login fieldset{border: 0;} .page-template-user-login-php .gform .text input, #phpbb #login .inputbox{width: 200px;} .page-template-user-login-php .gform .text label, #phpbb #login label{width: 80px;} .page-template-user-login-php .gform .checkbox {padding: 0;margin-bottom: 0;} .page-template-user-login-php .gform fieldset, #phpbb #login fieldset{margin: 0;padding: 0;} .page-template-user-login-php .gform .submit, #phpbb #login .button1 {margin: 0;padding: 0 0 0 90px ;} #phpbb #login .panel{background-color: transparent;} /* Showcases (Based on GF2 showcase. For other showcases override CSS using body classes) */ .menu li.menu-item-showcase{ float: right; } #showcase-container{ margin-top: 8px; padding-bottom: 20px; position: relative; width: 100%; } #showcase-container h4{ font-size: 1em; margin-top: 20px; margin-bottom: 0; } #showcase-container h4 a{ color: #2D2E36; } #showcase-container #feature-info p a{ color: #444; } #showcase-container p{ margin-top: 5px; margin-bottom: 10px; } #showcase-container li{ list-style-type: none; } #showcase-container #showcase-home-hero{ min-height: 323px; height: auto !important; height: 333px; background: url(images/gf2/hero-bg.jpg) no-repeat; padding: 40px 10px 20px 630px; position: relative; } #showcase-container #showcase-home-hero p{ color: #dbdbdb; margin-bottom: 0; line-height: 1.3em; } #showcase-container #showcase-home-hero h2{ background: url(images/gf2/hero-title.png) no-repeat; width: 217px; height: 115px; margin-left: -20px; margin-bottom: 10px; } #showcase-container #showcase-home-hero h3{ background: url(images/gf2/hero-subtitle.png) no-repeat; width: 276px; height: 52px; } #showcase-container #showcase-home-hero #product-feature{ top: 276px; left: 526px; } #showcase-container #showcase-home-hero #view-galleries{ top: 7px; left: 749px; } #showcase-container .subsections{ margin: 20px 0 0; } #showcase-container .subsections li{ margin: 0 35px 20px 0; float: left; width: 293px; position: relative; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } #showcase-container .subsections:hover li, #showcase-container .subsections:focus li{ opacity: 0.5; } #showcase-container .subsections li:hover, #showcase-container .subsections li:focus{ opacity: 1; } #showcase-container .subsections li.third{ margin-right: 0; } #showcase-container .subsections li img.subsection-image{ box-shadow: 1px 1px 9px #666; margin-bottom: 5px; } #showcase-container .subsections li h2{ margin: 0 10px; } #showcase-container .subsections li h2 a{ color: #0d0c0d; font-size: 0.8em; } #showcase-container .subsections li p{ margin: 0 0 0 10px; } #showcase-container .subsections li p a{ color: #444; font-size: 1.2em; } #showcase-container .subsections li #meet-will{ left: -27px; top: 84px; } #showcase-container .subsections li #win-print{ right: -27px; top: 5px; } #showcase-container .subsections li #more-info{ right: -15px; top: 120px; } li:hover .floating-button, p:hover .floating-button { -webkit-transform: scale(1.1) rotate(20deg); -moz-transform: scale(1.1) rotate(20deg); -o-transform: scale(1.1) rotate(20deg); -ms-transform: scale(1.1) rotate(20deg); transform: scale(1.1) rotate(20deg); } #showcase-container .subsections li a:focus{ background-color: #999; } .nojs #showcase-gallery img, .ie6 #showcase-gallery img{ width: 100%; } noscript div, .ie6-message{ border: 1px solid #FF0000; padding: 5px; display: block; margin: 10px 0; color: #333; } p.gallery-intro{ padding-top: 5px; padding-bottom: 5px; margin: 0; } h2.galleries-title{ margin-top: 30px; margin-bottom: 10px; } h2.title-city-exposed{ background: url(images/gf2/galleries-title.png) no-repeat; width: 369px; height: 48px; } h2.title-identity{ background: url(images/gf2/title-identity.png) no-repeat; width: 112px; height: 44px; } h2.title-roof-ride{ background: url(images/gf2/title-roof-ride.png) no-repeat; width: 138px; height: 36px; } h2.title-nocturnal{ background: url(images/gf2/title-nocturnal.png) no-repeat; width: 296px; height: 36px; } h2.title-east-london{ background: url(images/gf2/title-east-london.png) no-repeat; width: 280px; height: 36px; } h2.title-berlin{ background: url(images/gf2/title-berlin.png) no-repeat; width: 86px; height: 36px; } h2.title-city{ background: url(images/gf2/title-city.png) no-repeat; width: 306px; height: 44px; } #gallery-container{ position: relative; } .js #showcase-gallery img{ display: none; } .nojs #showcase-gallery-nav, .ie6 #showcase-gallery-nav{ display: none; } .ie6 #showcase-gallery img{ display: block; } #showcase-gallery-nav{ margin: 0 auto; background-color: #292c27; overflow: auto; padding: 5px; list-style-type: none; position: relative; } #showcase-gallery-nav ul{ margin: 0; } #showcase-gallery-nav li{ float: left; color: #FFFFFF; padding-right: 5px; padding-left: 5px; border-right: 1px solid #000; min-height: 20px; padding-top: 3px; margin-top: 5px; list-style-type: none; } #showcase-gallery-nav li a{ color: #FFFFFF; text-decoration: none; } #showcase-gallery-nav li.gallery-other{ width: 110px; border-right: none; padding-left: 0; padding-right: 0; text-align: center; font-weight: bold; } #showcase-gallery-nav li.gallery-other a.on{ font-weight: bold; } #showcase-gallery-nav li.gallery-title{ background-color: #3c3f3a; width: 430px; border-right: none; padding: 5px; padding-top: 7px; font-weight: bold; font-size: 0.9em; text-align: center; margin-top: 0; margin-right: 20px; } #showcase-gallery-nav li.fb-like{ border-right: 0; padding-top: 0; width: 90px; position: relative; z-index: 999; } #showcase-gallery-nav li.gallery-fullscreen a{ font-size: 1.1em; } #showcase-gallery-nav .fblike-container{ position: absolute; z-index: 999999; } #showcase-gallery-nav li:last-child{ border-right: none; padding-right: 0; } #showcase-gallery-nav li.caption{ margin-top: 5px; } .page-template-gf2-in-the-city-php #showcase-gallery-nav li.caption{ visibility: hidden; } #showcase-gallery-nav li a:focus{ background-color: #999; } #showcase-gallery-overlay{ position: absolute; top: 0; left: 0; height: 530px; width: 950px; padding: 20px 0; background-color: rgba(0, 0, 0, 0.9); z-index: 10000001; margin: 0; display: none; } .page-template-gf2-galleries-php #showcase-gallery-overlay, .page-template-g3-galleries-php #showcase-gallery-overlay{position: relative;height: 400px} #showcase-gallery-overlay.index{ display: block; } #showcase-gallery-overlay p{ color: #FFF; } #showcase-gallery-overlay ul,#showcase-gallery-overlay p{ margin: 0 auto; width: 775px ; } #showcase-gallery-overlay p{ color: #b0b0b0; margin-bottom: 10px; font-size: 0.9em } #showcase-gallery-overlay li{ float: left; width: 245px; margin-right: 20px; margin-bottom: 5px; list-style-type: none; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } #showcase-gallery-overlay li.third{ margin-right: 0; } #showcase-gallery-overlay h2{ font-size: 0.9em; text-align: center; margin-bottom: 10px; margin-top: 5px; } #showcase-gallery-overlay h2 a{ color: #FFF; } #showcase-gallery-overlay img{ border: 1px solid #737373; } #showcase-gallery-overlay a:hover img, #showcase-gallery-overlay a:focus img{ border-color: #FFF; } #showcase-gallery-overlay:hover li, #showcase-gallery-overlay:focus li{ opacity: 0.5; } #showcase-gallery-overlay li:hover, #showcase-gallery-overlay li:focus{ opacity: 1; } /* Commented out due to it causing problems on Chrome body {-webkit-animation:bugfix infinite 1s;} @-webkit-keyframes bugfix { from{white-space:default;} to{white-space:normal;} } */ #showcase-secondary{ float: left; width: 591px; padding: 20px; background-color: #FFF; border: 1px solid #ababab; color: #4a4a4a; margin: 20px 20px 20px 0; } #showcase-secondary .enter { height:28px; width:111px; display:block; background: url(images/gf2/btn-enter.png) no-repeat; float:right; text-indent:-9999px; } #showcase-secondary a.enter:hover { background-position:0 -28px; } #showcase-secondary h2{ font-size: 1.1em; color: #252525; } #showcase-comp-comments{ padding: 10px; background-color: #eee; border: 1px solid #cecfd2; margin: 0 -10px; overflow: auto; } #showcase-comp-comments p { color:#2D2E36 !important; } #showcase-comp-comments h2{ color: #484444; } #showcase-comp-comments ul{ padding: 10px 0; } #showcase-comp-comments li{ margin-bottom: 10px; font-size: 1em; overflow: auto; } #showcase-comp-comments li:last-child{ margin-bottom: 0; } #showcase-comp-comments li img{ display: block; float: left; margin-right: 20px; } .showcase-comp-comment-info{ float: left; width: 371px; } .showcase-comp-comment-info p{ margin-top: 0; margin-bottom: 5px; } .showcase-comp-comment-copy { color:#2D2E36 !important; } .showcase-comp-comment-author{ font-weight: bold; color: #e00519 !important; font-size: 0.75em; } #showcase-sidebar{ float: right; width: 293px; } #showcase-container #showcase-sidebar.subsections li{ margin-right: 0; } #showcase-container #showcase-sidebar li #meet-will{ top: 125px; left: -12px; } #showcase-container #showcase-sidebar li #more-info{ top: 145px; right: -12px; } #showcase-container #profile-info{ width: 500px; } #showcase-container #profile-info .subsections li{ width: 240px; margin:0 10px 20px 0; } #showcase-container #profile-info .subsections li h2{ background-image:none; height:auto; width:auto; } #showcase-container #profile-info .subsections li p a { font-weight:normal; font-size:1.1em; } #showcase-container #profile-info .subsections li p { margin:0; } #showcase-container #profile-info .subsections li h2 { margin:0; } #showcase-container #profile-graphics{ width: 381px; margin-right: 2px; } #showcase-container #profile-graphics{ width: 381px; margin-right: 2px; position: relative; } #showcase-container #profile-graphics #product-feature{ top: 520px; right: 0; } #showcase-container #profile-info blockquote{ font-size: 1em; color: #3b3b3b; border: none; padding: 0; margin: 0; } #showcase-container #profile-info #view-galleries{ top: 140px; right: 0px; } #showcase-container #profile-info h2{ width: 312px; height: 46px; color: #281f20; background: url(images/gf2/profile-title.png); margin-bottom: 5px; } #showcase-container #profile-info h3{ width: 362px; height: 51px; color: #32c3ba; margin-bottom: 20px; background: url(images/gf2/profile-subtitle.png); } #showcase-container #profile-graphics .reminding{ margin-left: -40px; background: url(images/gf2/profile-reminding-me.png) no-repeat; width: 409px; height: 96px; } .page-template-gf2-feature-php #showcase-container{ background: url(images/gf2/feature-bg.png) no-repeat top right; margin-top: 0; } #showcase-container #feature-info{ width: 525px; margin-top: 40px; } #showcase-container #feature-graphics{ width: 349px; margin-top: 380px; } #showcase-container #feature-graphics a.store-locator{ width:145px; height:32px; display:block; background-image: url(images/gf2/btn-store-locator.png); text-indent:-9999px; margin-top:10px; } #showcase-container #feature-info h2,#gf2-container #feature-info h3{ width: 300px; } #showcase-container #feature-info h2{ color: #281f20; background: url(images/gf2/feature-title.png); width: 243px; height: 94px; margin-bottom: 20px; } #showcase-container #feature-info h3{ color: #32c3ba; background: url(images/gf2/feature-subtitle.png); width: 306px; height: 123px; margin-bottom: 40px; } #showcase-container #feature-graphics .feature-creativity{ width: 349px; height: 105px; background: url(images/gf2/feature-creativity.png); margin-left: -20px; } #showcase-container #feature-graphics .feature-camera{ margin-left: -50px; } #showcase-container #feature-graphics #view-galleries{ right: 50px; top: 320px; } /*Video page*/ h2.roof-ride-video-title{ background: url(images/gf2/title-roof-ride-video.png) no-repeat; width: 305px; height: 41px; margin-top: 30px; margin-bottom: 10px; } /*Round Buttons*/ .floating-button{ position: absolute; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .floating-button img{ width: 94px; height: 94px; } .ie6 .floating-button{ display: none; } .floating-button:hover, .floating-button:focus{ -webkit-transform: scale(1.1) rotate(20deg); -moz-transform: scale(1.1) rotate(20deg); -o-transform: scale(1.1) rotate(20deg); -ms-transform: scale(1.1) rotate(20deg); transform: scale(1.1) rotate(20deg); } #showcase-sidebar .floating-button img{ width: 60px; height: 60px; } /*Showcase Comp styles */ #showcase-container #comp-header { width:950px; height:223px; } #showcase-container #details { float:left; } #showcase-container #comp-header #graphics { background-image: url(images/gf2/comp-graphics.png); width:491px; height:265px; float:right; } #showcase-container #comp-header img { float:right; } #showcase-container #form { width:950px; float:left; position:relative; display:block; } #showcase-container .col { width:420px; float:left; } #showcase-container form .row { float: left; width:510px; margin-bottom:10px; } #showcase-container form label { width:110px; display:block; float:left; font-weight:bold;margin-top:5px; } #showcase-container form textarea, #showcase-container form input { width:270px; -moz-border-radius:5px 5px 5px 5px; border:1px solid #DEDEDE;} #showcase-container form textarea { width:510px;height:120px;min-width:510px;min-height:120px;max-width:510px; } #showcase-container form label.long { width:480px; } #showcase-container form label.medium { width:350px; } #showcase-container form label.comment { width:400px; font-weight:normal; } #showcase-container form input.postcode { width:105px; } #showcase-container form input.checkbox { float:right; width:10px; border:none; } #showcase-container form input.radio { margin-left:90px; } .js #showcase-container form input.radio { visibility:hidden; } #showcase-container form input.submit {background: url(images/buttons/gf2-comp-submit.png) no-repeat;width:111px;height: 28px;float: right;margin-top: 50px;float: left;border: none;text-indent:-9999px;border:0;display:block; overflow:hidden;font-size:0;line-height:0;} #showcase-container form input.submit:hover { background-position:0 -28px; border:0; } .page-template-g3-competition-php #showcase-container form input.submit {background: url(images/buttons/g3-comp-submit.png) no-repeat;width:93px;height: 26px;float: right;margin-top: 50px;float: left;border: none;text-indent:-9999px;border:0;display:block; overflow:hidden;font-size:0;line-height:0;} .page-template-g3-competition-php #showcase-container form input.submit:hover { background-position:0 -26px; border:0; } #showcase-container form input:hover, #form textarea:hover { border:1px solid #CCCCCC; } #showcase-container form input.checkbox:hover { border:none; } #showcase-container form input:focus, #form textarea:focus { border:1px solid #666666; } #showcase-container #prizes { float:left; width:950px; margin:0px; margin-top:0px; display:block; position:relative; } #showcase-container #prizes li { width:180px; float:left; height:142px; margin:0 0 12px 12px; } .js #showcase-container #prizes li { height:122px; } #showcase-container #prizes li.large { width:562px; } #showcase-container #prizes li.first { margin-left:0px; } #showcase-container #prizes li img { padding:3px; background-color:#FFFFFF;-moz-box-shadow: 1px 1px 5px #999999;} #showcase-container #prizes:hover li {opacity:0.5;} #showcase-container #prizes li:hover, #showcase-container #prizes li:focus { opacity:1; } #showcase-container #prizes li:hover, #showcase-container #prizes li:focus { opacity:1; } #showcase-container #prizes li.selected img { opacity:1; -moz-box-shadow: 3px 1px 5px #666666; } /* Error messages */ #showcase-container #error { width:600px; background-color:transparent; color:#FFFFFF; font-weight:bold; -moz-border-radius: 5px 5px 5px 5px;] -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior: url(js/PIE.htc); } #showcase-container #error span { padding: 10px 40px;display:inline-block;background-color:#ff4d5f; } #showcase-container #error ul li { list-style:disc; font-size:0.7em;} #showcase-container #error h1 { color:#FFFFFF; font-weight:bold; font-size:1em;} /* Pagination */ #page1, #page2, #page3, #page4 { display:none; } #showcase-container #pagination span { padding:3px; color:#FE293E; } #showcase-container #pagination { text-align:center; } /* Terms Page */ #showcase-container #terms ol li { list-style-type:decimal; margin:1em 0 1em 0; display:list-item; } /* Thank you page */ #showcase-container #thanks { margin-top:20px; } #showcase-container #details a { text-decoration:underline; font-size:0.8em; } /* Showcases Ends */ /*G3 Showcase*/ .g3 #showcase-container #showcase-home-hero{ background-image: url(images/g3/hero-bg.jpg); padding: 40px 620px 20px 20px; } .g3 #showcase-container #showcase-home-hero h2{ background-image: url(images/g3/hero-title.png); width: 298px; height: 117px; margin-left: 0; } .g3 #showcase-container #showcase-home-hero h3{ background-image: url(images/g3/hero-subtitle.png); width: 323px; height: 56px; margin-top: 20px; margin-bottom: 10px; } .g3 #content-container{ background: black; color: #FFF; } .g3 #content-container a:hover{ color: #FFF; } .page-template-g3-index-php #content-container{ background: url(images/g3/bg-home.jpg) no-repeat top center #000; } .page-template-g3-will-php #content-container{ background: url(images/g3/bg-will.jpg) no-repeat top center #000; } .page-template-g3-david-php #content-container{ background: url(images/g3/bg-david.jpg) no-repeat top center #000; } .page-template-g3-feature-php #content-container{ background: url(images/g3/bg-feature.jpg) no-repeat top center #000; } .page-template-g3-galleries-php #content-container, .page-template-g3-new-york-php #content-container, .page-template-g3-yosemite-php #content-container, .page-template-g3-video-php #content-container{ background: url(images/g3/bg-galleries.jpg) no-repeat top center #000; } .page-template-g3-david-php #showcase-container, .page-template-g3-will-php #showcase-container{ margin-top: 20px; } .page-template-g3-competition-thanks-php #content-container, .page-template-g3-competition-terms-php #content-container, .page-template-g3-competition-php #content-container { background: #26393c; background: -moz-linear-gradient(top, #26393c 0%, #141d1f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26393c), color-stop(100%,#141d1f)); background: -webkit-linear-gradient(top, #26393c 0%,#141d1f 100%); background: -o-linear-gradient(top, #26393c 0%,#141d1f 100%); background: -ms-linear-gradient(top, #26393c 0%,#141d1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26393c', endColorstr='#141d1f',GradientType=0 ); background: linear-gradient(top, #26393c 0%,#141d1f 100%); } .page-template-g3-competition-php h2, .page-template-g3-competition-thanks-php h2, .page-template-g3-competition-terms-php h2{ background-image: url(images/g3/comp-title.png); height:83px; width:502px; text-indent:-9999px; margin-top:16px; } .page-template-g3-competition-php h3, .page-template-g3-competition-thanks-php h3, .page-template-g3-competition-terms-php h3 { background-image: url(images/g3/comp-caption.png); height:26px; width:470px; text-indent:-9999px; margin:15px 0 15px 0; } .page-template-g3-competition-terms-php h4 { margin:0 !important; } .page-template-g3-competition-php a:hover, .page-template-g3-competition-thanks-php a:hover, .page-template-g3-competition-terms-php a:hover { color:white; } .g3 p{ color: #FFF; } .g3 #breadcrumbs a{ color: #FFF; } .g3 #breadcrumbs li{ color: #19a9ad; text-shadow: 1px 1px 1px #333; background: #000; background: rgba(0,0,0,0.5); padding: 0 2px; } .g3 #breadcrumbs a:hover{ color: #CCC; } .profile-col1{ width: 291px; position: relative; } .profile-col.fl{ margin-right: 20px; } .profile-col2{ width: 624px; } .profile-col2 .profile-col{ width: 293px; } #showcase-container .profile-col2 p{ margin-bottom: 40px; } #will-title{ background: url(images/g3/will-title.png) no-repeat; width: 291px; height: 45px; } #will-subtitle{ background: url(images/g3/will-subtitle.png) no-repeat; width: 244px; height: 84px; margin-bottom: 40px; } #david-title{ background: url(images/g3/david-title.png) no-repeat; width: 197px; height: 42px; } #david-subtitle{ background: url(images/g3/david-subtitle.png) no-repeat; width: 258px; height: 84px; margin-bottom: 40px; } #showcase-container p#everywhere-you-look{ background: url(images/g3/everywhere-you-look.png) no-repeat; width: 232px; height: 99px; margin-top: 110px; } #showcase-container .profile-media ul{ margin: 0; } #showcase-container .profile-media li{ margin-left: 0; } .profile-media img{ display: block; } .profile-media h3{ color: #FFF; margin-top: 10px; margin-bottom: 5px; margin-left: 10px; } .profile-media h3 a{ color: #FFF; } .profile-media h3 a:hover{ color: #CCC; } .g3 #showcase-container .subsections h2{ color: #FFF; margin-top: 10px; margin-bottom: 0; } .g3 #showcase-container .subsections li img.subsection-image{ box-shadow: none; } .g3 #showcase-container .subsections p a{ color: #19a9ad; } .g3 #showcase-container .subsections h2 a{ color: #FFF; } #showcase-container .profile-media p{ margin-left: 10px; } #showcase-container .profile-media p a{ color: #6d8e9c; margin-top: 3px; } .g3 .vzaar_media_player{ border: 4px solid #fff; } #profile-camera{ margin-top: 150px; display: block; } #profile-product-feature{ margin-top: 70px; display: block; } .page-template-g3-david-php #product-feature, .page-template-g3-will-php #product-feature { bottom: 183px; right: 25px; } .title-yosemite{ background: url(images/g3/yosemite-valley.png) no-repeat; width: 179px; height: 33px; } .title-new-york{ background: url(images/g3/new-york.png) no-repeat; width: 105px; height: 33px; } .g3 #showcase-gallery-overlay ul{ width: 900px; } .g3 #showcase-gallery-overlay li{ width: 429px; } #showcase-gallery-overlay p.gallery-overlay-hero{ width: auto; } #showcase-gallery-overlay p.gallery-overlay-profile{ width: auto; display: block; margin-right: 20px; } #showcase-gallery-overlay h2.gallery-overlay-cta{ margin-top: 40px; } .g3 .galleries-title{ background-image: url(images/g3/galleries-title.png); width: 256px; height: 37px; } .g3 #feature-title{ background: url(images/g3/feature-title.png) no-repeat; width: 255px; height: 39px; } .g3 #feature-subtitle{ background: url(images/g3/feature-subtitle.png) no-repeat; width: 308px; height: 115px; margin-top: 10px; margin-bottom: 10px; } .g3 #feature-quotes{ background: url(images/g3/g3-quotes.png) no-repeat; width: 256px; height: 323px; margin-top: 15px; } .highlighted-link{ font-weight: bold; font-size: 1.1em; } .page-template-g3-will-php #showcase-container h4{ color: #FFA931; } .page-template-g3-david-php #showcase-container h4{ color: #2AC3CA; } .g3 #showcase-container #showcase-home-hero #product-feature{ top: 235px; } .g3 #showcase-container #showcase-home-hero #cashback-offer{ right: 56px; top: 45px; } .g3 #showcase-container #showcase-home-hero .the-range { height: 240px; position: absolute; right: 18px; top: 139px; width: 470px; } .g3 .videos-title{ background: url(images/g3/videos-title.png) no-repeat; width: 228px; height: 36px; margin-top: 20px; } #showcase-container #showcase-video-nav.subsections li{ margin: 7px; } .lumixg-family { float:right; width:950px; margin-top:10px; } .lumixg-family h1 { height:26px; width:253px; background:transparent url(images/g3/lumixg-family-title.png); text-indent:-999em; } .lumixg-family ul { padding:0; margin-left:0; } .lumixg-family li { float:left; width:227px; margin-right:7px; } .lumixg-family a { font-weight:700; } /* ============================================================================= ==TABLES ============================================================================= */ table {width:100%;} th, td { padding:5px; color:#2D2E36; line-height:1.5em;} thead th {} /* ============================================================================= ==WORDPRESS ============================================================================= */ /* WYSIWYG alignment */ .alignleft { float:left; margin:0.5em 0.7em 1em 0; display:inline; } img.alignleft { margin:0.5em 1.5em 1.5em 0; } .alignright { float:right; margin:0.5em 0 1em 1.5em; display:inline;} img.alignright { margin:0.5em 0 1.5em 1.5em; } /* images */ .wp-caption p { margin:0; } /* ============================================================================= ==SELF-CLEARING (modern browsers) ============================================================================= */ /* main UI parts */ #header:after, #content:after, .gform fieldset div:after, #gallery-public:after, #gallery-private:after #gallery-recently-added:after{ clear:both; display:block; content:"\0020"; height:0; font-size:0; line-height:0; visibility:hidden; } /* end of @media screen, projection */} /* ======================================================================================================================= P R I N T I N G ======================================================================================================================= */ @media print { /* end of @media print */} /* ======================================================================================================================= H A N D H E L D ======================================================================================================================= */ @media handheld { /* end of @media handheld */}