@import "reset.css"; 
img{-ms-interpolation-mode:bicubic}

body{font-size:0.625em;line-height:1.8em}

html, body{font-family:"Georgia","Times New Roman",serif; background:#fff; color:#333; text-align:center; height:100%}

body{font-size:0.625em;line-height:1.8em}

a{text-decoration:none; color:#f817a0}
a:visited{text-decoration:none; color:#f817a0}
a:hover{text-decoration:underline}

strong{font-weight:bold}
em{font-style:italic}
.italic{font-style:italic}
hr {display:none}

.header a span, .header span, .hide{visibility:hidden}
.header a:hover{text-decoration:none}

.sprite {background-image: url(http://cdn.thechurchoflondon.com/images/home-sprite-10.png); background-repeat:no-repeat}
.spritelink a {background-image: url(http://cdn.thechurchoflondon.com/images/home-sprite-10.png); background-repeat:no-repeat}


/* ------------------------ Overall ------------------------ */

#overall{position:relative; margin:0 auto; width:920px; background:#fff; padding-top:26px; height:auto !important; height:100%; min-height:100%}
#singlepage{float:left; width:704px;overflow:auto;clear:both}
#blogoverall{width:920px; background:#fff url(http://cdn.thechurchoflondon.com/images/blog-back.png) repeat-y 0 0; margin:15px 0 0 0; padding-bottom:181px; overflow:auto;clear:both}
#singleworkpage{width:920px; padding-bottom:181px}
#content{width:920px; padding-bottom:181px;clear:both}
#homepageTop{background:#fff url(http://cdn.thechurchoflondon.com/images/update-top-back.png) repeat-y 0 0; margin:0;overflow:auto}
#homepageLeft{float:left;width:216px; padding:0 0 0 20px;overflow:auto}


/* ------------------------ Header ------------------------ */

#header{background:#fff url(http://cdn.thechurchoflondon.com/images/dotted-line.png) repeat-x bottom left; height:68px}
#header a{color:#333}
#header a:hover{color:#333; text-decoration:underline}
#header h1, #header h4{float:left; width:417px; height:53px}
#header .mainlogo a{width:417px; height:53px; background-position:-10px -10px; display:block}
#header .mainlogo a:hover{text-decoration:none}
#header p.date{float:left; width:251px; padding-top:44px; font-size:1em; line-height:1.2em}
#header p.topemail{float:left; width:251px; height:9px; padding-top:44px; font-size:1em; text-align:right}
#header .search{float:left; width:251px; white-space:nowrap; padding-top:31px}
#header .search-text{border:0; font-size:1.1em; width:116px; font-family:"Georgia","Times New Roman",serif; margin:0 0 0 101px; padding:4px 0 4px 8px; float:left; height:14px; background-position: -54px -83px}
#header .search-submit{margin:0; padding:0; border:0; cursor:pointer; float:left;  background-position:-178px -83px; height:22px; width:25px}
*:focus{outline:0}

strong.search-excerpt{background:#ffcee8}
.suggestion{font-size:1.8em;padding:5px 0 0 0}
.suggestion a{font-style:italic}


/* ------------------------ Main navigation ------------------------ */

ul#navigation{background:#fff url(http://cdn.thechurchoflondon.com/images/navigation-sprite-1.png) no-repeat 0 0; clear:both; width:920px; height:39px; color:#fff; overflow:auto}
ul#navigationWork{background:#fff url(http://cdn.thechurchoflondon.com/images/navigation-sprite-1.png) no-repeat 0 -39px; clear:both; width:920px; height:39px; color:#fff; overflow:auto}
ul#navigationBlog{background:#fff url(http://cdn.thechurchoflondon.com/images/navigation-sprite-1.png) no-repeat 0 -78px; clear:both; width:920px; height:39px; color:#fff; overflow:auto}
ul#navigationAbout{background:#fff url(http://cdn.thechurchoflondon.com/images/navigation-sprite-1.png) no-repeat 0 -117px; clear:both; width:920px; height:39px; color:#fff; overflow:auto}
ul#navigation li, ul#navigationWork li, ul#navigationBlog li, ul#navigationAbout li{display:inline; border:0}
ul#navigation li a,ul#navigationWork li a,ul#navigationBlog li a,ul#navigationAbout li a   {text-decoration:none}
#zonework{float:left; width:68px; height:34px; margin-left:307px; margin-top:0; display:inline}
#zoneblog{float:left; width:65px; height:34px; margin-left:42px; margin-top:0; display:inline}
#zoneabout{float:left; width:78px; height:34px; margin-left:41px; margin-top:0; display:inline}

.breadcrumb, .breadcrumbblog{padding:0 0 10px 0; text-transform:uppercase; font-size:1em; letter-spacing:0.1em; color:#999; line-height:1em}
.breadcrumb{padding:15px 0 5px 0}
.breadcrumb a, .breadcrumbblog a{color:#333}


/* ------------------------ Footer ------------------------ */

#footer{background-position:-10px -398px; position:absolute; height:141px; bottom:0; padding:40px 0 0 0; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; color:#666;clear:both}
ul#footernav{margin:20px 0 0 0;background:#ebebeb url(http://cdn.thechurchoflondon.com/images/footer-nav-sprite.png) no-repeat 0 0; clear:both; width:880px; height:24px; color:#ebebeb; overflow:auto}
ul#footernavWork {margin:20px 0 0 0;background:#ebebeb url(http://cdn.thechurchoflondon.com/images/footer-nav-sprite.png) no-repeat 0 -24px; clear:both; width:880px; height:24px; color:#fff; overflow:auto}
ul#footernavBlog{margin:20px 0 0 0;background:#ebebeb url(http://cdn.thechurchoflondon.com/images/footer-nav-sprite.png) no-repeat 0 -48px; clear:both; width:880px; height:24px; color:#fff; overflow:auto}
ul#footernavAbout{margin:20px 0 0 0;background:#ebebeb url(http://cdn.thechurchoflondon.com/images/footer-nav-sprite.png) no-repeat 0 -72px; clear:both; width:880px; height:24px; color:#fff; overflow:auto}
ul#footernav li, ul#footernavWork li, ul#footernavBlog li, ul#footernavAbout li {display:inline; border:0}
ul#footernav li a, ul#footernavWork li a, ul#footernavBlog li a, ul#footernavAbout li a  {text-decoration:none}

#footwork{float:left; width:59px; height:10px; margin-left:312px; margin-top:0; display:inline}
#footblog{float:left; width:49px; height:10px; margin-left:39px; margin-top:0; display:inline}
#footabout{float:left; width:67px; height:10px; margin-left:39px; margin-top:0; display:inline}

.divLine {color:#ccc}

#footerinner{padding:13px 20px 10px 20px; text-align:center}
#footerinfo{padding:10px; text-align:center;clear:both}
ul#footerinfo {width:840px;text-align:center; font-size:1em}
ul#footerinfo li {text-align:center;line-height:1.8em}
#footerinfo a{color:#666}

#footerinfo a.feed {
  margin:  0 0 0 3px;
  padding: 0 0 0 11px;
  background: url("http://cdn.thechurchoflondon.com/images/feed-icon-14x14.png") no-repeat 0 50%
} 


/* ------------------------ Megatrons and Megatext ------------------------ */

#megatron, #megatronwork{padding-top:20px; background:#fff}
#megatron{height:380px}
#megatronwork{height:300px; margin-bottom:20px; padding-bottom:20px; border-bottom:5px solid #CCC}
#megatronabout{margin-top:10px; background:#fff; height:300px; width:920px; margin-bottom:20px}
#megatronabout img {cursor:default}

.megaText {background: #fff url(http://cdn.thechurchoflondon.com/images/invert-look-tcolondon.png) no-repeat 0 20px;border-bottom:5px solid #ccc; padding:335px 20px 20px 1px; margin:0 0 10px 0}
.megaText p {font-size:2.82em;font-family:Georgia,Times,"Times New Roman",serif;font-weight:normal;line-height:1.15em;color:#111;letter-spacing:0}
.megaText p a:hover {background:#ebebeb}


/* ------------------------ Blog latest for sidebars ------------------------ */

#news {float:left; background:transparent; width:196px; margin:0; padding:10px}
.newsStory {margin:0; padding:10px 0 15px 0; border-top:1px solid #ccc}
#homepageTop .newsStoryTop {position: relative;padding-right:76px}
#sidebar .newsStoryTop {	position: relative;padding-right:94px}
.newsStory h3 {font-size:1.6em; margin:0; padding:1px 0 0 0; line-height:1em}
.newsStory h3 a {color:#111}
img.newsThumb {float:right; padding:1px; border:1px solid #ccc; margin:0;right: 0;position: absolute;top: 0}

#sidebar .newsStoryTop { min-height:55px;
  height:auto !important;
  height:55px;
}
#homepageTop .newsStoryTop {min-height:46px;
  height:auto !important;
  height:46px;
}

p.newsExcerpt{padding:5px 5px 0 0; margin:0; font-size:1.2em; line-height:1.4em}
a.newsMore{color:#f12f94; font-style:normal; text-transform:uppercase; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; letter-spacing:0.1em; line-height:1.4em; font-size:.8em}
p.newsInfo{color:#666; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; text-transform:capitalize; padding:4px 0 0 0; line-height:1.2em; font-size:1em}
p.newsInfo a{color:#666; text-transform:uppercase}
p.newsInfo .justPosted{color:#f12f94; text-transform:none}


/* ------------------------ Recent Projects and list pages ------------------------ */

#recentProjects {float:left; width:468px; padding:10px 0 0 0}
.recentStory {float:left; width:234px; margin:0 0 10px 0}
.recentStoryLast {float:left; width:218px; margin:0 0 10px 0}
.recentStory img, .recentStoryLast img {position:relative; width:210px; padding:2px; border:1px solid #ccc; margin:11px 0 3px 0}
.recentStory h3, .recentStoryLast h3 {font-weight:bold;text-transform:uppercase; font-size:1.4em; line-height:1.143; padding:0 20px 0 0; font-family:Georgia,Times,"Times New Roman",serif}
.recentStory h3 a, .recentStoryLast h3 a{color:#111}
p.recentCategory{text-transform:uppercase; font-size:1em; line-height:1.6; color:#666; padding:0 20px 0 0; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; letter-spacing:0.1em}
p.recentExcerpt{padding:2px 20px 0 0; margin:0 0 5px 0; font-size:1.2em; line-height:1.4em}
p.readMore a{color:#f12f94; font-style:normal; font-size:1em; text-transform:uppercase; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; letter-spacing:0.1em}


/* ------------------------ Sidebars ------------------------ */

#sidebar{float:left; background:transparent; width:216px; margin:0; padding:15px 0 200px 0}
#sidebar2{float:left; width:216px; margin:0; padding:72px 0 200px 0}

.collaboratorsList{padding:10px 0 10px 0;overflow:auto;clear:both}
.collaboratorsList ul{font-size:1.1em; line-height:1.455em; float:left; width:108px; font-weight:bold; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}
.collaboratorsList ul li {padding:0 10px 2px 2px;color:#666}

.twitterSide{padding:10px 0 0 0;color:#000}
#twitterIndex{width:216px; padding:10px 0 10px 0; float:left; margin:2px 0 0 0; border-top:5px solid #ccc;clear:both}
ul#twitter_update_list li{width:196px; background:#ebebeb; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; font-size:1.2em; line-height:1.3em; font-family:"Courier New",Courier; word-wrap: break-word}
ul#twitter_update_list li a{color:#f12f94}
ul#twitter_update_list{margin:15px 0 10px 0; background:#FFF url(http://cdn.thechurchoflondon.com/images/tweet-index-bottom.png) no-repeat 0 100%; padding-bottom:42px}


/* ------------------------ Clients list ------------------------ */

#clients{width:216px; padding:1px 0 10px 0; float:left; margin:0; border-bottom:5px solid #ccc;overflow:auto}
#clients .clientsList{padding:8px 0 0 0; background:#fff}
#clients ul li{float:left; display:inline;width:72px; height:42px}
#clients ul li.client171{background-position:-700px -185px}
#clients ul li.client169{background-position:-773px -185px}
#clients ul li.client167{background-position:-846px -185px}
#clients ul li.client165{background-position:-700px -228px}
#clients ul li.client163{background-position:-773px -228px}
#clients ul li.client161{background-position:-846px -228px}
#clients ul li.client159{background-position:-700px -271px}
#clients ul li.client157{background-position:-773px -271px}
#clients ul li.client155{background-position:-846px -271px}
#clients ul li.client153{background-position:-700px -314px}
#clients ul li.client151{background-position:-773px -314px}
#clients ul li.client149{background-position:-846px -314px}
#clients ul li.client147{background-position:-700px -358px}
#clients ul li.client145{background-position:-773px -358px}
#clients ul li.client143{background-position:-846px -358px}
#clients li{opacity:.6; -moz-opacity:.6; filter:alpha(opacity=60)}
#clients li:hover{opacity:.6; -moz-opacity:.6; filter:alpha(opacity=60)}


/* ------------------------ Weather homepage ------------------------ */

#weather{margin:5px 0 0 0; border-top:5px solid #ccc; padding:10px 0 0 0}
#weather .fivedayweather{width:65px; float:left; padding:10px 0 0 0; text-align:center; font-size:.9em}
#weather .fivedayweather p{padding:0; text-align:center; text-transform:uppercase; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-weight:bold}
#weather .fivedayweather img{width:55px}
#weather .current-weather{width:196px; padding:0; border-top:1px solid #ccc; font-size:1.2em}
#weather .current-weather p{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-weight:bold; margin:15px 0 0 0; line-height:1.2em}
#weather .current-weather img{width:100px; float:left; padding:0 10px 0 0}
#weather .weather_credit{margin:10px 0 0 0; font-style:italic; color:#ccc; font-size:xx-small}
#weather .weather_credit p{padding:0; text-align:center}
#weather .weather_credit a{color:#afafaf}
#weather .lower{text-transform:lowercase}


/* ------------------------ Work pages ------------------------ */

.workSquare a{width:214px; height:226px; display:block; background-color:#ebebeb}

.inhouse a{background:url(http://cdn.thechurchoflondon.com/images/work-sq-sprite.png) no-repeat -20px -20px}
.contract a{background: url(http://cdn.thechurchoflondon.com/images/work-sq-sprite.png) no-repeat -254px -20px}
.artdir a{background:url(http://cdn.thechurchoflondon.com/images/work-sq-sprite.png) no-repeat -488px -20px}
.film a{background:url(http://cdn.thechurchoflondon.com/images/work-sq-sprite.png) no-repeat -20px -266px}
.web a{background:url(http://cdn.thechurchoflondon.com/images/work-sq-sprite.png) no-repeat -254px -266px}
.video a{background:url(http://cdn.thechurchoflondon.com/images/video-work-sq.png) no-repeat 0 0}
.other a{height:472px; background:url(http://cdn.thechurchoflondon.com/images/other-projects-sq.png) no-repeat 0 0}


/* ------------------------ Large headers ------------------------ */

.large, .large a{width:920px; display:block;clear:both}
.aboutHead{height:42px; background-position:-10px -626px; margin:20px 0 17px 0}
.contactHead{height:42px; background-position:-10px -755px; margin:20px 0 17px 0}
.workHead{height:42px; background-position:-10px -693px; margin:20px 0 20px 0}
.conpubHead{height:42px; background-position:-10px -879px; margin:20px 0 20px 0}
.inhouseHead{height:42px; background-position:-10px -817px; margin:20px 0 20px 0}
.artdirHead{height:42px; background-position:-10px -941px; margin:20px 0 20px 0}
.filmdeHead{height:42px; background-position:-10px -1003px; margin:20px 0 20px 0}
.webHead{height:42px; background-position:-10px -1064px; margin:20px 0 20px 0}
.videoHead{height:42px; background-position:-10px -1126px; margin:20px 0 20px 0}
.webArchive{height:42px; background-position:-10px -1364px; margin:20px 0 20px 0}
.conpubArchive{height:42px; background-position:-10px -1245px; margin:20px 0 20px 0}
.artdirArchive{height:42px; background-position:-10px -1183px; margin:20px 0 20px 0}
.filmdeArchive{height:42px; background-position:-10px -1424px; margin:20px 0 20px 0}
.inhouseArchive{height:42px; background-position:-10px -1307px; margin:20px 0 10px 0}
.videoArchive{height:42px; background-position:-10px -1486px; margin:20px 0 20px 0}
.collabHead{height:42px; background-position:-10px -1707px; margin:20px 0 20px 0}
.otherHead{height:42px; background-position:-10px -1758px; margin:20px 0 20px 0}
.otherArchive{height:42px; background-position:-10px -1816px; margin:20px 0 20px 0}

.shopHead{width:676px; height:42px; background-position:-10px -1878px; margin:20px 0 20px 0; display:block;clear:both}

.portHead a{height:19px; background-position:-10px -1548px; margin:0}

.recentHead a{width:450px; height:21px; background-position: -10px -186px; display:block}
.blogHead{width:676px; height:30px; background-position: -10px -1587px; display:block; margin:9px 0 0 0; padding-bottom:3px}
.blogSingleHead a{width:676px; height:30px; background-position: -10px -1587px; display:block; margin:9px 0 0 0; padding-bottom:3px}

.clientpageheader{font-size:2.6em; text-transform:uppercase; letter-spacing:2px; border-bottom:1px solid #ccc; padding:0 0 15px 0; margin:20px 0 10px 0; width:920px;line-height:1em; color:#111}
.authorpageheader{font-size:2.6em; text-transform:uppercase; letter-spacing:2px; padding:16px 0 4px 0; margin:0; height:20px;line-height:1em; color:#111}


/* ------------------------ Medium headers ------------------------ */

.medium-1 {width:214px; height:19px;display:block; margin:0}
.truthHead{background-position:-683px -20px}
.motionHead{background-position:-475px -247px}
.awardsHead{background-position:-458px -41px}
.interactHead{background-position:-458px -20px}
.clientHead{background-position:-10px -272px}
.talentHead{background-position:-458px -62px}
.lwliesHead{background-position:-458px -83px}
.huckHead{background-position:-458px -104px}
.freshHead{background-position:-683px -41px}
.constructHead{background-position:-683px -62px}
.accessHead{background-position:-683px -83px}
.experienceHead{background-position:-683px -104px}
.wordsHead{background-position:-223px -83px}
.picturesHead{background-position:-223px -104px}
.partiesHead{background-position:-458px 0}
.eventsHead{background-position:-683px 0}

.newsHead a{width:196px; height:18px; background-position: -10px -225px; display:block}
.weLikeHead{width:216px; height:20px; background-position: -10px -320px; display:block}
.weatherHead{width:196px; height:18px; background-position: -475px -225px; display:block}
.noticesHead{width:216px; height:40px; background-position: -10px -1647px; display:block; border-bottom:20px solid #ccc; margin:14px 0 10px 0}
.collaboratorsHead a{width:216px; height:24px; background-position: -475px -359px; display:block; margin:0 0 5px 0}
.headlineHead{width:216px; height:20px; background-position: -240px -359px; display:block; margin:20px 0 0 0}
.relatedHead{width:192px; height:19px; background-color:#ebebeb; background-position: -240px -246px; display:block; margin:0 0 5px 0;clear:both}
.metaHead {width:192px; height:19px; background-color:#ebebeb; background-position: -240px -225px; display:block; margin:0 0 5px 0}
.clientsHead{width:216px; height:28px; background-position: -10px -263px; display:block}
.seenHead{width:216px; height:28px; background-position: -10px -311px; display:block}
.twitIndexHead a{width:216px; height:19px; background-position: -10px -359px; display:block}

.aboutClientsHead{width:215px; height:19px; background-position:-10px -272px; display:block; margin:5px 0 10px 0}
.aboutAwardsHead{width:215px; height:19px;background-position: -240px -272px; display:block; margin:5px 0 10px 0}
.aboutFindHead{width:215px; height:19px; background-position: -475px -272px; display:block; margin:5px 0 10px 0}
.aboutUsHead{width:215px; height:19px;background-position: -475px -311px; display:block; margin:5px 0 10px 0}
.aboutContactHead{width:215px; height:19px; background-position: -475px -186px; display:block; margin:5px 0 10px 0}


/* ------------------------ Blog styling ------------------------ */

h1.blogheader{font-size:3em; padding:13px 0 0 0; line-height:1em; font-family:Georgia,Times,"Times New Roman",serif; padding:15px 0 0 0; font-weight:normal}
.standfirst{font-size:1.6em; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; color:#666; padding:5px 0 30px 0; line-height:1.3em; width:606px}
.blogtext p{font-size:1.4em; line-height:1.333em; margin:0 0 15px 0; padding:0;width:448px}
.blogtopwrap{padding:0; margin:0; width:676px; border-bottom:5px solid #ec008c;overflow:auto;clear:both}
.blogtext a{font-weight:bold}
.commentsection{margin:0; padding:10px 0 0 0; width:676px;clear:both}
.maintext{width:676px; background:#fff url(http://cdn.thechurchoflondon.com/images/maintext-back.png) repeat-y 0 0; margin:10px 0 20px 0;clear:both;overflow:auto}
.mainimage{padding:20px 0 5px 0; width:676px;cursor:default}

.blogauthorbox{text-transform:uppercase; font-size:1em; line-height:1.4em; margin:0; padding:5px 0 10px 0; font-weight:bold; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}
.blogauthorbox ul li {position: relative;padding:0 0 10px 62px; }
.blogauthorbox a, .metatime{font-weight:normal}
.avatar-50{float:left; margin:0 8px 10px 0; padding:2px; border:1px solid #ccc; width:50px}

.blogsinglemeta{float:right; width:192px; margin:0 0 15px 10px; border-top:5px solid #ccc; padding:10px 7px 20px 7px; background:#ebebeb}
.tweetmeme_button{float:right; margin:15px 0 15px 10px; width:50px; height:61px}
.avatar-40{float:left; margin:0; padding:8px 8px 0 0}
.avatar-52{fmargin:0; left: 0;position: absolute;top: 0; padding:1px; border:1px solid #ccc}
.avatar-10{vertical-align:top; padding:0 1px 0 0}

ul.st-related-posts li.smallthumbs  {position:relative;padding:4px 48px 10px 0; line-height:1.4em; border-bottom:1px dotted #999}
ul.st-related-posts li.largethumbs  {padding:4px 0 10px 0; line-height:1.4em; border-bottom:1px dotted #999}
ul.st-related-posts li.largethumbs p {padding-left:4px;margin:0}
ul.st-related-posts li.smallthumbs p {padding-left:4px;margin:0}
ul.st-related-posts li.largethumbs .relatedtitle{font-size:1.6em; margin:0; padding:0; line-height:1em}
ul.st-related-posts li.smallthumbs .relatedtitle{margin:0; padding:0;font-size:1.4em; line-height:1.333em }
ul.st-related-posts li .relatedtitle a{color:#111}
ul.st-related-posts li .relatedcat{font-weight:normal; text-transform:uppercase; color:#666; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:1em; letter-spacing:0.1em}
ul.st-related-posts li .relatedexcerpt{color:#333;font-size:1.1em; line-height:1.455em}
#singleworkpage img.relatedthumb{padding:1px; border:1px solid #ccc; margin:0;right: 0;position: absolute;top: 5px}

#singlepage img.relatedthumb{padding:1px; border:1px solid #ccc; margin:0;right: 0;position: absolute;top: 5px}

#singlepage img.relatedthumblarge{padding:2px; border:1px solid #ccc; margin:0 0 2px 0}

.blogindexpost{width:676px; border-bottom:1px solid #ccc;margin:0 0 10px 0;padding:0 0 7px 0;overflow:auto;clear:both}
.blogindexdate{font-size:1em; background:#ebebeb; padding:5px 0 5px 4px; width:672px; margin:7px 0 10px 0; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; color:#666; text-transform:uppercase; letter-spacing:0.1em; line-height:1.1em; height:10px}
.blogindexhead{font-size:2em; font-weight:bold; padding:15px 0 5px 0; line-height:1em; width:453px; font-family:Georgia,Times,"Times New Roman",serif}
.blogindexhead a{color:#111}
.blogindexpost p{font-size:1.4em; line-height:1.333em; padding:0; width:433px}
.blogindexpost .wp-post-image{float:right; padding:2px; margin:10px 0 10px 0; border:1px solid #ccc}
.blogindexmeta{text-transform:uppercase; font-size:1em; padding:10px 0 0 0; letter-spacing:0.1em; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; color:#666;line-height:1em}

.wp-caption{ text-align:left}
.wp-caption img{ margin:0;  padding:0;  border:0 none}
.wp-caption p.wp-caption-text{ font-size:1.1em;  line-height:1.2em;  padding:0 10px 16px 2px;  margin:0; color:#666; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}

.blognextprev{width:672px; font-size:1em; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; color:#666; padding:5px 0 5px 5px; letter-spacing:0.1em; background:#ebebeb; margin:7px 0 5px 0; line-height:1em; height:10px}
.blogbotnextprev{width:672px; font-size:1em; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; color:#666; padding:5px 0 5px 5px; letter-spacing:0.1em; background:#ebebeb; margin:0 0 5px 0; line-height:1em; height:10px;clear:both}
.blognextright{float:right}
.blognextleft{float:left}


/* ------------------------ Work pages styling ------------------------ */

#portfolio{border-top:5px solid #ccc; padding:20px 0 40px 0;clear:both;overflow:auto}

.FirstPost {clear:both}

.workoverleft{float:left; width:682px; margin:0 0 40px 0;overflow:auto}
.workoverright{float:left; width:214px; padding-left:24px; margin:0 0 40px 0;overflow:auto}
.workoverall{width:920px; height:472px;clear:both}
.workstory, .workstorylast{float:left; display:inline}
.workstory{margin:0 20px 20px 0}
.workstorylast{margin:0 0 20px 0;overflow:auto}

.workparalarge p{padding-right:20px; font-size:1.6em; line-height:1.4em}
.workparasmall1 p, .workparasmall2 p{line-height:1.4em; margin:6px 0 0 0; font-size:1.2em}
.workparalarge{float:left; width:450px; padding:0 0 15px 0; margin:0 10px 0 0;overflow:auto}
.workparasmall1{float:left; width:216px; padding:0 0 20px 0; margin:0 20px 0 0;overflow:auto}
.workparasmall2{float:left; width:216px; padding:0 0 20px 0; margin:0;overflow:auto}

.textcontainer{float:left; min-height:275px; height:auto}

/*\*/
* html .container{height:275px}
/**/

.workmetaright ul li{position: relative;padding:5px 92px 15px 0; line-height:1.455em}
.workmetaright ul li .relatedtitle{font-weight:bold; font-size:1.2em}
.workmetaright ul li .relatedtitle a{color:#333}
.workmetaright ul li .relatedexcerpt{color:#333;font-size:1.1em}
.workmetaright ul li .relatedcat{font-weight:normal; text-transform:uppercase; color:#666; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; font-size:1em; letter-spacing:0.1em}
.workmetacenter p.clientmeta{text-transform:uppercase; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; padding:0; margin:0 0 10px 0}

.workmeta{width:920px; border-top:5px solid #ccc; padding:15px 0 6px 0; margin:0;clear:both;overflow:auto}
.workmetaleft{float:left; width:439px; padding:0 20px 0 0}
.workmetacenter{float:left; width:180px; padding:0 20px 0 0}
.workmetaright{float:left; width:260px}
.workmeta h1{font-size:2em; text-transform:uppercase; letter-spacing:0.1em;color:#111}
.workmetaleft p{font-size:1.2em; line-height:1.4em; margin:6px 0 10px 0}
.workmetacenter p{font-size:1.1em; line-height:1.455em; margin:0 0 3px 0}
.workmetaright h3{font-size:1.1em; margin:0 0 3px 0; font-style:italic; color:#111}
.workmetaright ul{margin:0 0 10px 0}
.workmetaright ul li{min-height:64px; height:auto}

/*\*/
* html .workmetaright ul li{height:64px}
/**/

.digimagembed{width:920px; text-align:center; height:560px}

.nextprev{font-size:1em; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; color:#666; padding:0 0 20px 0; letter-spacing:0.1em}
.nextprev{width:920px;overflow:auto}
.nextleft{width:450px; text-align:right; float:left; padding-right:10px}
.nextright{width:460px; text-align:left; float:left}


/* ------------------------ About page styling ------------------------ */

.aboutoverall{background:#fff url(http://cdn.thechurchoflondon.com/images/about-back.png) repeat-y 0 0; margin:20px 0 0 0; padding:0 0 10px 0; overflow:auto}
.abouttext{width:224px}
.aboutcontact{width:216px; padding:0 10px 0 10px}
.aboutfind{width:215px; padding:0 0 0 10px}
.aboutawards{width:215px; padding:0 10px 0 10px}
.abouttext p{font-size:1.4em; line-height:1.333em; margin:15px 0 15px 0; padding:0 20px 0 0}
.contacttext p, .contacttext address{font-size:2.6em; line-height:1.333em; margin:0 20px 20px 0; font-family:"Hoefler Text",Baskerville,Garamond,Georgia,"Times New Roman",serif}
.contactmap{width:685px; padding:3px 0 60px 0}
.aboutawards p, .aboutcontact p{font-size:1.1em; line-height:1.333em; margin:0 0 8px 0}
.aboutawards h3, .aboutcontact h3{font-weight:bold;font-size:1.1em; line-height:1.4em; margin:0; padding:5px 0 0 0; color:#111}
.aboutfind p, .aboutfind address{font-size:1.1em; line-height:1.333em; margin:0 0 5px 0}
.simple_overlay{    display:none;     z-index:10000;     background-color:#fff;   width:400px;   min-height:560px;     -moz-box-shadow:0 0 40px 5px #666;  -webkit-box-shadow:0 0 40px #666; border:1px solid #ccc}
.simple_overlay .close{    background-image:url(http://cdn.thechurchoflondon.com/images/close.png);  position:absolute;  right:-15px;  top:-15px;  cursor:pointer;  height:35px;  width:35px}
#triggers img{cursor:pointer}
#triggers p{font-style:italic; text-align:center; font-size:1em}
.details{ position:absolute;  top:455px;  left:15px;  width:400px}
.details address{font-size:1.1em; line-height:1.3em; margin:0 20px 20px 0}
p.poweredby{font-size:1.05em}


/* ------------------------ Scrollable ------------------------ */

.scrolloverall {overflow:auto}
.imagescroll{width:920px; height:540px; padding:0}
.scrollable{position:relative; overflow:hidden; width:619px; height:500px;  margin:20px 98px 40px 98px}
.scrollvideo{position:relative; overflow:hidden; width:795px; height:472px;  margin:20px 10px 68px 10px}
.scrollindex{position:relative; overflow:hidden; width:920px; height:299px; padding-top:20px}
.scrollhero{position:relative; overflow:hidden; width:920px; height:299px; margin-top:10px}
.scrollable .items, .scrollhero .items, .scrollvideo .items, .scrollindex items{width:20000em; position:absolute; clear:both}
.scrollable img{margin:0; background-color:#fff; padding:0; width:619px}
.scrollhero img, .scrollindex img{float:left; margin:0; background-color:#fff; padding:0; cursor:pointer; width:920px; height:299px}
.scrollable .active, .scrollhero .active, .scrollvideo .active, .scrollindex .active{z-index:9999; position:relative}
.scrollable, .scrollhero, .scrollvideo{float:left}
a.browse{background:#fff url(http://cdn.thechurchoflondon.com/images/hands.png) no-repeat; display:block; width:52px; height:23px; float:left; margin:250px 0 0 0; cursor:pointer; font-size:1px}
a.right{background-position:0 -23px; clear:right; margin-right:0px}
a.right:hover{background-position:-52px -23px}
a.right:active{background-position:-52px -23px}
a.left{margin-left:0px}
a.left:hover{background-position:0 0}
a.left:active{background-position:-52px 0}
a.disabled{visibility:hidden !important}
#thumbs{position:absolute; width:20000em; clear:both}
#thumbs div{float:left; width:920px; height:299px; cursor:pointer}


/* ------------------------ 404 ------------------------ */

.oops{width:920px; font-size:15em; margin:120px 0 60px 0; float; left}
.oops p{text-align:center}


/* ------------------------ Collaborators page ------------------------ */

.collabheader{font-size:2.6em; text-transform:uppercase; letter-spacing:2px; padding:16px 0 4px 0; margin:0; height:20px}
.collabtop{margin:4px 0 15px 0; padding:0; width:676px}
.collabbio p{font-size:1.4em; line-height:1.333em; margin:0 0 15px 0; padding:0 20px 0 0clear:both}
.collabbio{width:676px; padding:0; margin:0}
.collabnextprev{width:672px; font-size:1em; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; color:#666; padding:5px 0 5px 5px; letter-spacing:0.1em; background:#ebebeb; margin:17px 0 0 0; line-height:1em; height:10px}


/* ------------------------ Page navigation ------------------------ */

.wp-pagenavi{ margin:0 auto; padding:0; width:676px; text-align:center; font-weight:bold}
.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #ebebeb; color:#333; background-color:#ebebeb}
.wp-pagenavi a:visited{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #ebebeb; color:#333; background-color:#ebebeb}
.wp-pagenavi a:hover{border:1px solid #CCC; color:#333; background-color:#CCC}
.wp-pagenavi a:active{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; border:1px solid #ebebeb; color:#333; background-color:#ebebeb}
.wp-pagenavi span.pages{padding:2px 4px 2px 4px; margin:2px 2px 2px 2px; color:#333; border:1px solid #ebebeb; background-color:#ebebeb}
.wp-pagenavi span.current{padding:2px 4px 2px 4px; margin:2px; font-weight:bold; color:#333; border:1px solid #f12f94; background-color:#f12f94}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px; color:#333; border:1px solid #ebebeb; background-color:#ebebeb}
.archivenav{width:920px; font-size:1.4em; text-align:center; margin:20px 0 60px 0; padding:20px 0 0 0;clear:both}
.blognav{width:672px; font-size:1.4em; text-align:center; margin:20px 0 60px 0; padding:20px 0 0 0;clear:both}

/* ------------------------ Misc ------------------------ */

.comingSoon{font-size:1.8em; font-style:italic; margin:60px 0 60px 0}
.authorpagetop{margin:4px 0 10px 0; padding:0; width:920px; height:56px; border-bottom:1px solid #ccc;overflow:auto}
#sidebar ul li a.external {
  margin:  0;
  padding: 0 14px 0 0;
  background: url("http://cdn.thechurchoflondon.com/images/external.png") no-repeat right 0
} 
span.amp {
   font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style:italic;
}


/* ------------------------ Site map ------------------------ */

#site-map {font-size:1.4em; line-height:1.333em}
#site-map p {margin:15px 0 15px 0}
#site-map ul li {font-weight:bold;color:#ccc}
#site-map ul li:hover {color:#333}
#site-map ul li ul li {font-weight:normal;list-style:circle}
#site-map ul li ul li:hover {list-style:disc}
#site-map ul li ul li ul li{font-weight:normal;list-style:square}
#site-map ul li ul {padding:0 0 0 20px}


/* ------------------------ We <3 ------------------------ */

.weLike ul {padding:5px 0 0 0}
.weLike ul li {padding:5px 0 5px 1px;font-size:1.1em; line-height:1.455em}
.weLike {padding:10px 0 10px 0;overflow:auto;clear:both}
.weLike a {margin:0; padding:0;font-weight:bold}
.weLike p {padding:0; margin:0}