/*////////////////////////

        ODD London
        Jesson Yip

//////////////////////////

Theme Name: ODD London 2
Theme URI: http://www.oddlondon.com/
Description: Bespoke theme for ODD London
Version: 2.0
Author: Jesson Yip
Author URI: http://jessonyip.com/
Tags: odd, london, portfolio, blog, minimal

////////////////////////*/


/* Reset - Based on Richard Clark & Eric Meyers HTML5 Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, time, mark,
audio, video {
    margin          : 0;
    padding         : 0;
    border          : 0;
    outline         : 0;
    font-size       : 100%;
    font-weight     : normal;
    vertical-align  : baseline;
    background      : transparent;
}

body {
    line-height     : 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
	display         : block;
}

nav ul {
    list-style      : none;
    float           : left;
}

blockquote,
q {
    quotes          : none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content         : '';
    content         : none;
}

a {
    background      : transparent;
    font-size       : 100%;
    margin          : 0;
    outline           : none !important;
    padding         : 0;
    text-decoration : none;
    vertical-align  : baseline;
}

del {
    text-decoration : line-through;
}

table {
    border-collapse : collapse;
    border-spacing  : 0;
}

input,
select {
    vertical-align  : baseline;
}


/* Elements */

body {
    color           : #333;
    font            : 14px/19px 'Arial', sans-serif;
}

h1,
h2,
h3,
h4 {
    color           : #222;
}

h1,
h3,
h4,
div.button_link a,
a.button_link,
nav#primary,
nav#secondary,
div.pagination,
body.about #lead h2 {
    font-family     : 'Oswald', 'Arial', serif;
}

h2,
blockquote,
#philosophy,
article.news h3,
article.result h3,
article.person h3,
article.project h4,
#jobs h3,
#services ul,
.about #lead p,
#video p {
    font            : 15px/22px 'Droid Serif', 'Georgia', serif;
}

h4,
body.search article h1,
div.button_link a,
a.button_link {
    font-weight     : normal !important;
    text-transform  : uppercase;
}

h1 {
    font-size       : 26px;
    line-height     : 30px;
}

h4,
body.search article h1 {
    font-size       : 20px;
    line-height     : 24px;
    padding-bottom  : 20px;
}

p {
    padding-bottom  : 19px;
}

#video p,
blockquote {
    font-size       : 18px;
    font-style      : italic;
    line-height     : 24px;
}

img {
    vertical-align  : bottom;
}

.hide {
    display         : none;
}

nav li {
    float           : left;
}


/* Elements – Links */

a {
    color           : #222;
    font-weight     : bold;
}

h1 a,
h2 a,
a h2,
h3 a,
a h3,
#head a,
#foot a,
div.pagination a {
    font-weight     : normal;
}

a:hover,
#search_form label:hover,
html.js dl.accordion dt:hover {
    color           : #666;
}

a * {
    font            : inherit;
}

span.email_hidden {
    font-weight     : bold;
}


/* Frames */

div.frame,
a.frame {
    background      : #fff url('image/frame_shade_1_2.png') 50% 100% no-repeat;
    display         : block;
    overflow        : hidden;
    padding         : 8px 8px 28px;
}

div.column_2_3 div.frame,
div.column_2_3 a.frame {
    background      : #fff url('image/frame_shade_2_3.png') 50% 100% no-repeat;
}

div.frame #map_canvas,
div.frame img,
a.frame img {
    height          : 286px;
    width           : 450px;
}

article.person div.frame,
article.person div.frame img {
    height          : 450px;
    width           : 450px;
}


div.frame #map_canvas {
    height          : 375px;
    width           : 612px;
}


/* Layout */

* {
	margin: 0;
}

html {
    overflow-y      : scroll;
}

html,
body {
	text-align      : center;
}

html,
body,
#head {
    background      : #eee;
}

html,
body {
	height          : 100%;
}

#page {
	height          : auto !important;
	height          : 100%;
	min-height      : 100%;
	margin          : 0 auto -250px;
}

#head {
    position        : relative;
    width           : 100%;
}

#body {
    min-height      : 200px;
    position        : relative;
}

#foot,
#footer_push {
	height          : 250px;
}

#foot {
    background      : #333;
    color           : #fff;
    position        : relative;
    z-index         : 100;
}

div.wrap {
    margin          : 0 auto;
    overflow        : hidden;
    position        : relative;
	text-align      : left;
    width           : 1048px;
}

#head div.wrap {
    height          : 150px;
}

#more div.wrap {
    height          : auto;
}


/* Columns */

div.columns {
    overflow        : hidden;
}

div.column {
    float           : left;
    min-height      : 1px;
    overflow        : hidden;
}

div.column.last {
    margin-right    : 0 !important;
}

div.column_1_2 {
    width           : 466px;
    margin-right    : 20px;
}

div.column_1_3 {
    width           : 304px;
    margin-right    : 20px;
}

div.column_2_3 {
    width           : 628px;
}

.padded div.column_1_2 {
    margin-right    : 40px;
    width           : 456px;
}

.padded div.column_1_3 {
    margin-right    : 41px;
    width           : 290px;
}

.padded div.column_2_3 {
    margin-right    : 41px;
    width           : 621px;
}



/* Blocks */

div.block {
    overflow        : hidden;
    padding         : 0 48px;
    width           : 952px;
}

#main div.block {
    border          : 1px solid #bbb;
    border-width    : 1px 0;
    margin-bottom   : 3px;
    padding         : 25px 48px 50px;
}

#main div.block.first {
    border-width    : 0 0 1px;
}

#main div.block.last {
    border-width    : 1px 0 0;
    margin-bottom   : 0;
}

#main div.block.first.last {
    border-width    : 0;
}

#lead {
    height          : auto !important;
    height          : 390px;
    min-height      : 390px;
    z-index         : 90;
}

#band {
    z-index         : 0;
}

#band div.fill {
    background-color: #fb3;
    height          : 390px;
    position        : absolute;
    top             : 0;
    width           : 100%;
    z-index         : 0;
}

#band div.fill.active {
    z-index         : 1;
}

#band div.fill.next {
    z-index         : 2;
}

#contact p.org,
#contact_intro p.org {
    display         : none;
}

#contact_intro div.vcard div.column {
    width           : 50%;
}

#contact_intro div.vcard p,
body.contact p.tel {
    margin-bottom   : 0;
    padding-bottom  : 0;
}

body.contact #lead {
    background      : #000;
    height          : 452px !important;
}

body.contact #lead p {
    font-size       : 18px;
    line-height     : 24px;
}

body.contact #lead div.copy {
    float           : right;
    padding         : 35px 48px 0;
    width           : 289px;
}

body.about #main {
    background      : url('image/lead_bubble.png') 50% 0 no-repeat;
}

body.about #lead h2 {
    border-bottom   : 1px dotted #c93;
    color           : #fff;
    font-size       : 80px;
    line-height     : 90px;
    text-transform  : uppercase;
    text-align      : center;
    padding         : 36px 0 24px;
}

body.about #lead h3 {
    font-size       : 26px;
    line-height     : 30px;
    padding         : 26px 0;
    text-transform  : uppercase;
}


/* Header - Blocks */

#head hgroup,
#head nav {
    position        : absolute;
}

#head hgroup,
#head nav#primary {
    bottom          : 0;
}

#head nav#top {
    top             : 0;
    height          : 48px; 
    overflow        : hidden;
}

#head hgroup {
    left            : 48px;
}

#head nav#top,
#head nav#primary {
    right           : 48px;
}

#head nav#primary {
    margin-right    : -18px;
}


/* Header - Elements */

#head h1,
#head h2 {
    float           : left;
}

#head h2,
#head li {
    border-left     : 1px dotted #ccc;
}

#head li.first {
    border-left     : none;
}

#head li a,
#head li label {
    display         : block;
    text-transform  : uppercase;
}

#head h1,
#head h2 {
    padding         : 20px;
}

#head h1 {
    padding-left    : 0;
}

#head h2 {
    font-style      : italic;
    width           : 280px;
}

#head nav#top li {
    font-size       : 11px;
    padding         : 0 18px;
}

#head h1,
#head nav#top li.first {
    padding-left    : 0;
}

#head nav#top li.last {
    padding-right   : 0;
}

#head h2,
#head nav#top,
#head nav#top a {
    color           : #888;
}

#head nav#top a,
#head nav#top label {
    cursor          : pointer;
}


/* Elements - Icons & Buttons */

div.button_link,
a.button_link {
    display         : block;
    float           : right;
    padding         : 10px 0 0;
}

a.button_link.large {
    padding         : 15px 0 0;
}

a.button_link.large span.button {
    height          : 50px;
    margin          : -15px 0 0 10px;
    width           : 50px;
}

span.icon,
span.button {
    background      : url('image/top_nav_icon.png') 0 0 no-repeat;
    cursor          : pointer;
    display         : block;
    float           : right;
    margin-left     : 6px;
}

span.button {
    background-image: url('image/button.png');
    cursor          : pointer;
    height          : 44px;
    margin          : -10px 0 0 10px;
    width           : 44px;
}

a.share span.button,
a.button_link.toggle span.button {
    height          : 24px;
    margin-top      : -2px;
    width           : 24px;
}

span.icon {
    margin-top      : 15px;
    height          : 16px;
    width           : 19px;
}

.newsletter span.icon { background-position:  -19px 0; width: 14px; }
#search     span.icon { background-position:  -33px 0; width: 15px; margin-left: 0; }

.button               { background-position:    0px 0; }
.invert  span.button  { background-position:  -88px 0; }
.twitter span.button  { background-position: -132px 0; }
a.large span.button   { background-position: -176px 0; }
a.button_link.toggle span.button          { background-position: -250px 0; }
.trimmed a.button_link.toggle span.button { background-position: -226px 0; }
.prev a span.button   { background-position: -274px 0; }
 a.share span.button  { background-position: -318px 0; }

a:hover .button              { background-position:    0px -50px; }
.newsletter .button {background-position:-88px 0;}
.newsletter:hover span.button  { background-position:  -88px -50px; }
.facebook span.button {background-image:url('image/facebook.png'); background-position:0px 0px;}
.facebook:hover span.button  {background-image:url('image/facebook.png'); background-position:0 -46px;}
a.twitter:hover span.button,
.twitter a:hover span.button { background-position: -132px -50px; }
a.large:hover span.button    { background-position: -176px -50px; }
a.button_link.toggle:hover span.button          { background-position: -250px -50px; }
.trimmed a.button_link.toggle:hover span.button { background-position: -226px -50px; }
.prev a:hover span.button    { background-position: -274px -50px; }
a.share:hover span.button    { background-position: -318px -50px; }

#head nav#top a:hover,
#head nav#top label:hover {
    color           : #555;
}

#head nav#top a,
#head nav#top label {
    height          : 48px;
    line-height     : 48px;
}

#head #search_form,
#head #search_form div,
#head #search_form label,
#head #search_form input {
    float           : left;
}


/* Header – Primary Navigation */

#head nav#primary li {
    border          : 0;
}

#head nav#primary li a {
    color           : #111;
    padding         : 18px 18px 42px;
}

#head nav#primary li a:hover {
    background      : #bbb;
}

#head nav#primary li.active a,
#head nav#primary li.active a:hover {
    background      : #777;
    color           : #fff;
}


/* Header - Javascript */

html.js #head #search {
    overflow        : hidden;
}

html.js #head #search form div {
    border          : 1px solid transparent;
    border-width    : 1px 0 0 1px;
    margin          : 10px 2px 0;
    overflow        : hidden;
    width           : 1px;
}


html.js body.search #head #search form div {
    border          : 1px solid transparent;
    width           : 170px;
    margin          : 10px 7px 0;
}

html.js #head #search form.active div {
    background      : #fff;
    border-color    : #ccc;
}

html.js body.search #head #search form div {
    background      : #fff;
    border-color    : #ccc;
    width           : 170px;
    margin          : 10px 7px 0;
}

html.js body.search #head #search form div div,
html.js #head #search form div div {
    border          : 0;
    height          : 25px;
    margin          : 0;
    width           : 159px;
}

html.js #head #search form input#s {
    background      : transparent;
    border          : 0;
    overflow        : hidden;
    outline         : 0;
    padding         : 5px;
    width           : 100%;
}

html.js #head #search form input.submit {
    display         : none;   
}

#more {
    background      : #888;
    position        : relative;
    overflow        : hidden;
    width           : 100%;
    z-index         : 80;
}

nav#secondary,
nav#secondary ul {
    overflow        : hidden;
    position        : relative;
}

nav#secondary li {
    border          : 0;
}

nav#secondary a {
    color           : #fff;
    display         : block;
    padding         : 16px 12px;
    text-transform  : uppercase;
}

nav#secondary li.active a,
nav#secondary li.active a:hover {
    background-color: #444;
}

nav#secondary li a:hover {
    background-color: #666;
}


/* Footer - Elements */

#foot p.email,
#foot p.tel {
    padding-bottom  : 0;
}

#foot nav {
    float           : left;
}

#foot li {
    border-left     : 1px dotted #555;
    float           : left;
    font-size       : 14px;
    margin          : 24px 0;
    padding-left    : 28px;
    padding-right   : 28px;
}

#foot li.first {
    border-left     : none;
    padding-left    : 0;
}

#foot li.address {
    font            : inherit;
}

#foot li.address a {
    text-transform  : none;
}

#foot a.button_link {
    color           : #888;
    letter-spacing  : 1px;
}

#foot a.button_link:hover {
    color           : #eee;
}


/* Invert */

div.invert {
    color           : #aaa;
}

div.invert h1,
div.invert h2,
div.invert h3,
div.invert h4,
div.invert p,
div.invert a {
    color           : #eee;
}

div.invert a {
    font-weight     : normal;
}

div.invert a:hover {
    color           : #fff;
}


/* Carousel */

div.carousel {
    position        : relative;
}

div.carousel div.carousel_content,
div.carousel div.slide {
    height          : 365px;
    overflow        : hidden;
}

div.carousel,
div.carousel div.slide {
    overflow        : hidden;
    width           : 1048px;
	display:block;
}

div.carousel div.slide {
    float           : left;
    height          : 100%;
    position        : relative;
}

div.carousel div.slide h3 {
    font-size       : 48px;
    line-height     : 54px;
}


/* Carousel - Large */

div.carousel.large div.carousel_content,
div.carousel.large div.slide {
    height          : 452px;
}

div.carousel.large,
div.carousel.large  {
    width           : 1048px;
}


/* Carousel - Pagination - Indicators */

div.pagination.dotted a,
div.pagination.titled a span.indicator {
    background      : #fff;
    border          : 3px solid #ccc;
    display         : inline-block;
    height          : 6px;
    margin-right    : 10px;
    overflow        : hidden;
    text-indent     : -1000px;
    width           : 6px;
    border-radius           : 10px;
    -moz-border-radius      : 10px;
    -webkit-border-radius   : 10px;
    -khtml-border-radius    : 10px;
}


/* Carousel - Pagination - Dotted */

div.pagination.dotted {
    padding         : 10px 0;
    text-align      : center;
}

div.pagination.dotted a:hover {
    background      : #999;
}

div.pagination.dotted a.active {
    background      : #222;
}

div.pagination.dotted a:last-child,
div.pagination.dotted a.last {
    margin-right    : 0;
}


/* Carousel - Pagination - Titled */

div.pagination.titled {
    background      : #fff url('image/pagination_divide.png') 28px 50% no-repeat;
    overflow        : hidden;
    padding         : 0 18px;
    position        : relative;
    text-transform  : uppercase;
    border-radius           : 4px;
    -moz-border-radius      : 4px;
    -webkit-border-radius   : 4px;
    -khtml-border-radius    : 4px;
}

div.pagination.titled a {
    background      : #fff;
    color           : #999;
    display         : block;
    float           : left;
    margin-right    : 0;
    padding         : 10px 10px;
}

div.pagination.titled a:hover,
div.pagination.titled a.active {
    color           : #222;
}

div.pagination.titled a span.indicator {
    margin          : 4px 10px 2px 2px;
}

div.pagination.titled a.active span.indicator,
div.pagination.titled a:hover span.indicator {
    border-width    : 5px;
    margin          : 2px 8px 0px 0px;
}

div.pagination.titled a.active span.indicator {
    border-color    : #ffbb33;
}

div.pagination.titled div.pointer {
    background      : url('image/pagination_pointer.png') 0 0 no-repeat;
    left            : 28px;
    height          : 7px;
    position        : absolute;
    width           : 16px;
}


/* Home - Featured */

#feature div.slide {
    background      : #222;
}

#feature div.button_holder {
    border-top      : 1px dotted #555;
    padding-top     : 15px;
    width           : 385px;
}

#feature div.button_holder a {
    margin-right    : -25px;
}

#feature hgroup {
    height          : 268px;
    width           : 289px;
    padding         : 35px 48px;
}

#feature hgroup h2 {
    color           : #999;
    font-size       : 18px;
}


/* Home – Updates */

#latest_tweets time {
    color           : #777;
}


/* About - Philosophy */

#philosophy div.copy {
    padding         : 26px 85px 0 495px;
}

#philosophy div.copy h3 {
    text-transform  : uppercase;
    padding-bottom  : 26px;
}

#philosophy div.copy p {
    padding-bottom  : 16px;
}

#philosophy div.copy a.button_link {
    float           : left;
}

#philosophy div.carousel div.fader {
    background      : url('image/fader.png') -50px 0 no-repeat;
    height          : 365px;
    top             : 0;
    position        : absolute;
    width           : 50px;
}

#philosophy div.carousel div.fader_right {
    background-position : 0 0;
    right           : 0;
}


/* About - Praise */

#clients div#praises,
#clients div#praises div {
    overflow        : hidden;
    position        : relative;
}

#clients div#praises {
    padding-top     : 10px;
}

#clients div#praises div.frame,
#clients div#praises img {
    height          : 262px;
    width           : 450px;    
}

#clients div#praises div.quote {
    background      : #222;

}

#clients div#praises div.copy {
    padding         : 34px;
}

#clients div#praises div.copy cite {
    color           : #fff;
    display         : block;
    font-style      : normal;
}

#clients div#praises div.copy cite span {
    color           : #fb3;
}

#clients div#praises span.speech_bubble {
    background      : url('image/speech_bubble.png') 0 0 no-repeat;
    display         : block;
    height          : 40px;
    position        : absolute;
    right           : 466px;
    top             : 68px;
    width           : 40px;
}


/* About – Services */

#services div.service {
    text-align      : center;
}

#services div.copy {
    text-align      : left;
}

#services img {
    margin          : 0 auto 30px;
}

#services h3,
#services ul {
    border-top      : 1px dotted #bbb;
    padding-top     : 16px;
}

#services h3 {
    padding-bottom  : 10px;
    text-transform  : uppercase;
}

#services li {
    font-style      : italic;
    margin-left     : 20px;
}


/* News & Projects */

body.listing #head div.wrap,
body.news.item #head div.wrap,
body.error #head div.wrap {
    border-bottom   : 1px solid #ccc;
}

body.project.listing #main div.block {
    padding-top     : 60px;
}


body.news #main div.block {
    padding-top     : 30px;
}


/* Project - Listing */

/*body.project div#projects {
    padding-top     : 60px;
}*/

div.project_listing {
    overflow        : hidden;
}

div.project_listing article.project h4 {
    font-style      : italic;
    padding-bottom  : 0;
    text-transform  : none;
}

div.project_listing article.project {
    float           : left;
    margin          : 0 20px 20px 0;
    width           : 304px;
}

div.project_listing article.project.row_end {
    margin-right    : 0;
}

div.project_listing article.project div.image_link {
    background-color: #000;
    height          : 203px;
    margin-bottom   : 10px;
    overflow        : hidden;
}

div.project_listing article.project:hover div.image_link img {
    margin-top      : -15px;
}

div.project_listing article.project div.image_link img {
	-webkit-transition  : all .1s linear;
	-moz-transition     : all .1s linear;
	-o-transition       : all .1s linear;
	-ms-transition      : all .1s linear;
	transition          : all .1s linear;
}


/* Project - Item */

body.project.item #lead img {
    height          : 452px;
    width           : 1048px;    
}


body.project.item #main h2 {
    font-size       : 18px;
    line-height     : 24px;
}

body.project.item #main h1,
body.project.item #main h2 {
    padding-bottom  : 19px;
}

body.project.item #main div.block.first div.button_holder a {
    background      : #eee;
    margin-top      : -3px;
    padding-left    : 20px;
}

body.project.item div.disciplines {
    border-top      : 1px solid #ccc;
    color           : #999;
    font-style      : italic;
    margin-top      : 16px;
    padding         : 10px 0 40px;
}


/* News – General */

article.news {
    overflow        : hidden;
}

article.result h3,
article.news h3 {
    font-size       : 18px;
    padding-bottom  : 10px;
}

article.result h4,
article.news h4 {
    font-size       : 14px;
    padding-bottom  : 10px;
}

article.news section,
article.news aside {
    float           : left;
    width           : 628px;
}

article.news section {
    width           : 302px;
    margin-right    : 20px;
}

article.news section div {
    overflow        : hidden;
}

article.news section a.button_link {
    float           : left;
}

article.news aside img {
    height          : 353px;
    margin-bottom   : 16px;
    width           : 628px;
}


/* News – Listing */

body.news.listing article.news {
    border-bottom   : 1px dotted #bbb;
    padding         : 30px 0 40px;
}


/* News – Item */

body.news.item article.news {
    padding         : 30px 0 0;
}

#jobs h3 {
    font-size       : 18px;
    line-height     : 24px;
    padding-bottom  : 19px;

}


/* Accordions */

dl.accordion {
    border-bottom   : 1px dotted #bbb;
    margin-bottom   : 19px;
    position        : relative;
}

dl.accordion dt {
    border-top      : 1px dotted #bbb;
    padding         : 17px 0;
}

html.js dl.accordion dt {
    cursor          : pointer;
}

html.js dl.accordion dd {
    display         : none;
}


/* Transport */

dl.transport {
    overflow        : hidden;
}

dl.transport dt,
dl.transport dd {
    float           : left;
    margin-bottom   : 10px;
}

dl.transport dt {
    background      : url('image/transport.png') 0 50% no-repeat;
    clear           : both;
    height          : 44px;
    text-indent     : -1000px;
    width           : 44px;
}

dl.transport dt.train {
    background-position : -44px 0;
}

dl.transport dt.bus {
    background-position : -88px 0;
}

dl.transport dd {
    clear           : none;
    padding-left    : 10px;
    width           : 240px;
}


/* Video */

#video {
    background      : #fb3;
    overflow        : hidden;
    margin-bottom   : 20px;
}

#video p {
    float           : left;
}

#video_holder {
    background      : #000;
    float           : left;
    height          : 390px;
    overflow        : hidden;
    position        : relative;
    width           : 693px;
}

#video_button {
    background      : url('image/video_play.png') 50% 50% no-repeat;
    cursor          : pointer;
    height          : 390px;
    opacity         : .9;
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 693px;
}

#video_button:hover {
    opacity         : 1;
}

#video p {
    color           : #222;
    padding         : 20px 20px 0;
    width           : 218px;
}

#video.invert p {
    color           : #fff;
}


/* Team */

#team {
    position        : relative;
}

article.person h3 {
    font-size       : 18px;
    padding-bottom  : 19px;
}

article.person h3 span.role {
    font-style      : italic;
}

html.js article.person {
    display         : none;
    overflow        : hidden;
}

html.js article.person.first {
    display         : block;
}

html.js article.person div.copy {
    padding-top     : 295px;
}

div.people_listing_small.carousel {
    height          : 293px;
    overflow        : hidden;
    position        : absolute;
    right           : 48px;
    top             : 70px;
    width           : 466px;
}

div.people_listing_small.carousel div.carousel_content {
    height          : 244px;
}

div.people_listing_small.carousel div.slide {
    width           : 466px;
}

div.people_listing_small img {
    border          : 8px solid #fff;
    cursor          : pointer;
    height          : 100px;
    margin          : 0 6px 6px 0;
    width           : 96px;
}

div.people_listing_small img.row_end {
    margin-right    : 0;
}


/* Page pagination */

div#page_pagination {
    padding-top     : 20px;
}

div#page_pagination div.prev {
    float           : left;
}

div#page_pagination div.prev span.button {
    float           : left;
    margin          : -10px 10px 0 0;
}


/* Seach listing */

body.search article {
    border-bottom   : 1px dotted #bbb;
    overflow        : hidden;
    padding         : 30px 0 20px;
}

body.search strong {
    background      : #ffcc66;
}

body.search article img {
    margin-bottom   : 19px;
}


/* INTERMEDIATE */

article.result p img,
article.person p img,
article.news p img {
    display         : none;
}