/*** The colours used in theme: Magenta: #ff0081 MagentaLight: #ff8ac5 Cyan: #72d9ff CyanLight: #d5edfa Yellow: #eded00 YellowLight: #f1f182 ***/ * {margin:0;padding:0;} #footer {height: 100px; clear:both; } /*** Header ***/ #header {background: url('img/headerbg.png') no-repeat center top; background-color: #000;} /*#main {background: url('img/borderbg.png') no-repeat center top; }*/ /*** Commons ***/ p {margin-bottom: .8em; } em {font-style: italic; } strong {font-weight: bold; } blockquote {font-style: normal;padding: 0 0 0 0;background: url('img/quote.png') .5em top no-repeat;} blockquote p {padding: 0 20px 0 30px; } hr {background: #CCC; height: 1px; } .ingress {font-size: 1.3em; font-style: italic;} .small {font-size: .9em; } .sansserif {font-family: Helvetica, Arial, sans-serif;} /*** Images ***/ p img {float: none; } /*** Lists ***/ ul {margin-left: 0; list-style-type: none; margin-bottom: .8em; } ul li {padding: 2px 0 2px 9px; background: url('img/bullet_square_grey.gif') left 5px no-repeat; } ol {margin-left: 35px; } .puff ul {margin: 0 0 .5em 0; } .puff ul li {color: black; display: inline; font-size: .8em; font-weight: bold; background: none #d5edfa; margin: 0 0.2em 0 0; padding: 0.1em 0.3em; } /*** Utility ***/ .alignright {float: right;} .alignleft {float: left;} .clear {clear: both; } .clearleft {clear: left; } .clearright {clear: right; } .top-border {border-top: 5px solid #ff0081; padding-top: 15px; } /*** Typografi ***/ body, textarea, input {color: #111; font-family: Georgia, serif; line-height: 1.4; /* Unitless for proper inheritance */ } body {font-size: 86.0%; } /* IE, percentage of 16px */ html > body {font-size: 14px; } /* Other browsers */ /*** Headings ***/ h1,h2,h4,h5,h6 {clear:both; margin: 0 0 .4em; line-height: 1.15;} h1, h1 a {font-family: Helvetica, Arial, sans-serif; font-size: 30px;} h2, h2 a {font-style: italic; font-weight: bold; font-size: 1.5em;} h2 a:hover {color: #72d9ff;} #sidebar h2 {font-size: 1.3em; line-height: 1.2;} h3, h3 a, h3 a:hover {color: #72d9ff; font-weight: bold; font-size: 1.3em; text-decoration: none; } h4, h4 a {font-style: italic; font-size: 1.2em;} h4.headerbox {margin-bottom: 30px;} h4.headerbox span {background-color: #ff0081; color: #fff; padding:17px 30px;} h5, h5 a {font-size: 1em; font-weight:bold;} h6, h6 a {font-size: 1em;} .header {font-family: Helvetica, Arial, sans-serif; color:#111; overflow-x: hidden; font-size: 1.3em; line-height: 1.2; margin: 0;} h1.web, h1.print, h1.advertising, h1.identity, h1.case {text-transform: capitalize;} .caseoverview h4 {overflow-x: hidden; padding-top: .5em;} .caseoverview a {text-decoration: none;} /*** Links ***/ a {text-decoration: underline; color: #ff0081;} a:active {position: relative; top: 1px;} a:hover {color: #ff8ac5;} /*** Navigation ***/ #top {height: 130px; background: url('img/youwza_logo.png') top right no-repeat;} #nav {background: url('img/borderbg.png') no-repeat center top; height: 50px; line-height: 1.5em;} #nav ul {margin: 0; padding: 0; list-style: none; } #nav li {margin: 0; padding: 0; float: left; background-image: none; } #nav li a {background: url('img/knapp_cyanlight.png') no-repeat center bottom; color: #F2FFDF; padding: 20px 26px 10px; float: left; text-decoration: none; font-style: italic; font-size: 1.3em;} #nav li.current_page_item a {background: url('img/knapp_cyan.png') no-repeat center bottom; color: #F2FFDF; } #nav li a:hover {background: url('img/knapp_magenta.png') no-repeat center bottom; color: #F2FFDF; } #subnav {background: #616161; } #nav li.current_page_item a, #subnav li.current_page_item a, #subnav li a:hover {color: #F2FFDF; } *** Navigation bar in posts (use main nav html inside a post) ***/ .entry #nav .content {padding: 0; margin: auto;} .entry #nav {margin-bottom: 15px;background: #FFF;} .entry #nav li a {color: #FFF; border-right: 1px solid #AAA; background: #666; } .entry #nav li.last a {border-right: none; } .entry #nav li a:hover {background: #333; color: #FFF;} /*** Pagination ***/ .pagination {clear: both;} .pagination div {margin: 10px 0;} /*** Sidebar ***/ #sidebar ul, #sidebar ul ol {margin: 0; padding: 25px 20px 0 20px;} #sidebar ul li {padding: 0;} #sidebar ul li ul {padding-top: 0;} #sidebar ul li ul li {margin: 0 0 0 -18px;padding: 2px 0 2px 9px; background: url('img/bullet_square_grey.gif') left 3px no-repeat;font-size: 0.9em;} .feedlink {padding: 2px 0 2px 20px;background: url('../images/icons/feed_small.png') left center no-repeat;} #sidebar ul li#subscribe ul li, #sidebar ul li {list-style-type: none;background: none;margin-bottom: 20px;} #sidebar ul li#subscribe ul li {margin: 0 0 0 -30px;} /*** Footer ***/ #footer {background: url('img/bottomshadow.png') no-repeat center bottom #fff;} #footerwidgets {background-color: #000;} #footerwidgets .container {color: #f1f1f1;} .textwidget {background: #ff0081; padding: 0 0 1px;} .textwidget p {margin: 10px; color: 000;} #footerwidgets a {text-decoration: none;} .widgetcontent a {font-weight: bold; font-style: italic;color: #191919;} .widgetcontent a:hover {color: #000;} #footerwidgets .header {font-weight: bold;} /*** Forms ***/ input {padding: 3px; border: 1px solid #000; width: 220px; font-size: 1.1em;} label {font-weight: normal; font-size: .8em; color: #111;} textarea {padding: 1px; height: 100px; border: 1px solid #000; width: 420px; font-size: 1.1em;} .button, .wpcf7-submit {border: 1px solid #000; background: white; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; width: auto; } .button:hover, .wpcf7-submit:hover {background: #ff0081; color: white;} div.wpcf7-response-output {padding: .2em .5em; margin: 0; background: #000; color: #fff;} div.wpcf7-validation-errors {border: none;} span.wpcf7-not-valid-tip {padding: .2em .5em; background: #ff0081; border: none;} div.wpcf7-mail-sent-ok {border: none;} /*** Search ***/ #search #s {background: #fff url('img/search_grey.gif') center right no-repeat; /*padding: 3px 0 2px 17px; width: 135px; color: #CCCCCC; font-size: 0.9em; border: 1px solid #000;*/} #search #s:hover {color: #000;} .search-excerpt {margin: 0;} /*** Search results ***/ .searchitem {margin: 20px 0;} .searchitem p {margin: 0 0 0;} /*** Comments ***/ .commentlist li {padding: 8px 15px;} .commentbox, .commentbox-alt {padding: 20px;} .commentbox {background: #ff0081;} .commentbox-alt {background: #ff8ac5;} .comments a {color: #000;} .comments a:hover {color: #000;} /*** Slideshows ***/ #case {background: #111; position: relative;} #casecycle {height: 380px; padding: 10px;} #case-info {top: 0px; right: 0px; position: absolute;} #case-info h2, #case-info h3 {font-family: Georgia, serif; font-style: italic; color: #eded00; line-height: 1; font-weight: normal;} #case-info h2 {margin: 10px 0 -18px; overflow: hidden;} #case-info h3 {margin: 20px 0 0; font-size: 1.2em;} #case-info p {color: #fff;} #showcase {padding-bottom:10px; overflow:hidden; margin-bottom: 20px;} #prev, #next {height: 400px; cursor: pointer;} #prev {background: url("img/prev_over.gif") #111;} #next {background: url("img/next_over.gif") #111;} #prev:hover {background: url("img/prev_up.gif") #000;} #next:hover {background: url("img/next_up.gif") #000;} /*** Fullwidthycle ***/ body, html {overflow-x: hidden;} h3#slideshowtitle {color: #fff; padding: 5px 0; font-weight: normal;} .slideshow {position: relative; left: -5px;} #case .slideshow {left: 0;} #wideslide {height: 280px; overflow: hidden; background: #eded00;} //#cycle {height: 300px; width: 1300px; margin: auto; text-align: center; overflow-y: hidden;} .caseinfo {background: url('img/borderbg.png') no-repeat center top; background-color: #000; border-bottom: 5px solid #72d9ff; padding: 5px 0;}