/*
Theme Name: LondonFlair
Description: LondonFlair WordPress theme 
Version: 1.0
Author: Rodolfo Dengo
Author URI: http://rodolfodengo.com/

*/



/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/*Begin London Flair Styles*/

#custom-doc { width:64.54em;*width:62.98em;min-width:839px; margin:auto; text-align:left; }

/*Common Classes*/
.clear { clear: both;}
.fleft {float: left;}
.fright {float: right;}
.center { text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify { text-align: justify;}
.bold {font-weight: bold;}

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



/*Container*/

.container 
{
	border:1px solid #c5c5c5;
	margin: 8px 0 0 0;
}

/*Menu*/
.menu
{
	text-align: right;
}

.menu ul
{
		margin: 22px 4px 0 0;
}

.menu ul li
{
	display: inline;
	margin: 0 0 0 11px;
	font-size: 93%; /*12 via YUI fonts*/
}
.menu ul li a
{
	text-decoration: none;
	color: #9a9a9a;
	padding: 4px;
}
.menu ul li a:hover
{
	color: #900;;
}


.menu ul li.active a
{
	color: #900;;
}

.menu ul li.vert-div img
{
	vertical-align:middle;
}

/*Header*/

img.logo
{
	margin: 25px 0 0 25px;
}
img.celebrating
{
	margin: 30px 25px 0 0;
}
img.email
{
	margin: 0 25px 0 0;
}

.share 
{
	padding: 5px 143px 33px 0;
}


/*Content*/
#bd .content
{
	padding: 18px 0 50px 0;
}

#bd .client
{
	padding: 18px 0 0 0;
}

#bd .press
{
	padding: 0 0 50px 0;
}

#bd .horizontal-div
{
	padding: 0;
}

#bd .news
{
	padding: 0 0 50px 0;
}


#bd p
{
	padding: 15px 42px 0 42px;
	font-size: 93%; /*12 via YUI fonts*/
}
#bd p img
{
	border: 1px solid #999;
}

#bd p img.horizontal-div
{
	margin: 45px 0 0 0;
	border: none;
}

#bd .horizontal-div p
{
	padding:0;
}

#bd .horizontal-div p img
{
	margin: 0;
}

#bd p.title
{
	padding: 10px 0 0 38px;
	font-size: 107%; /*14 via YUI fonts*/
	font-weight: bold;
}

#bd .press p
{
	padding: 0;
}
#bd .press p a
{
	cursor: pointer;
}
#bd .press p img.horizontal-div
{
	margin: 0 0 35px 0;
}

#bd .press p.img-row
{
	margin: 0 0 15px 0;
	text-align: center;
}
#bd .press p.img-row img
{
	margin: 0 10px;
}


#bd .client-img
{
	padding: 15px 0 0 0;
	text-align: right;
}

#bd .client-title
{
	color: #990000;
	font-size: 108%; /*14 via YUI fonts*/
	font-weight: bold;
	text-transform: uppercase;
}

#bd p.concept
{
	padding:0;
	margin:0;
}

#bd .top-news
{
	margin: 10px 0 0 0;
}

#bd .middle-news
{
	margin: 20px 0 0 0;
}
#bd .bottom-news-spacer
{
	margin: 0 0 50px 0;
}
#bd .top-news img, #bd .bottom-news img, #bd .middle-news img
{
	margin: 0 10px 0 0;
}
#bd .top-news p, #bd .bottom-news p, #bd .middle-news p
{
	padding: 15px 42px 0 10px;
}
#bd .top-news .first p,#bd .bottom-news .first p, #bd .middle-news .first p
{
	padding: 15px 10px 0 42px;
}

.vertical-div
{
	margin: 0 0 0 30px;
}
#bd .top-news a, #bd .bottom-news a, #bd .middle-news a
{
	text-decoration:none;
	color:#333;
}
#bd .top-news a:hover, #bd .bottom-news a:hover, #bd .middle-news a:hover
{
	text-decoration:none;
	color:#555;
}

/*Footer*/

#ft
{
	padding: 35px 0 15px 0;
}

#ft .copy
{
	margin: 40px 0 0 0;
	font-size: 85%; /*11 via YUI fonts*/
	color: #999;
}

#ft .copy a
{
	color: #999;
}

/*Clients more links*/	
a.more {
	cursor: pointer;
	color: #990000;
	font-size: 93%;
}

a.less {
	cursor: pointer;
	color: #990000;
	font-size: 93%;
}

div.extra {
	display: none;
}

#post-15 #bd {
	padding: 0 0 25px 0;
}

#post-15 #bd p {
	padding: 15px 0 0 5px;
}

#post-15 #bd .first p {
	padding: 15px 0 0 30px;
}


#bd .reel {
	margin: 0 0 0 60px;
	text-align: center;
	padding: 10px 0;
}

#bd .reel a {
	color: #990000;
	text-decoration:none;
}

.music {
	text-align: center;
	margin: 2px 30px 2px 70px;
}

.with-spacer {
	padding: 25px 0;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/*Press Kit Pages*/

#content.presskit {
	margin: 15px;
	padding: 8px;
	border: 1px dotted;
}

#content.presskit .header{
	background: transparent url(images/bg_header_presskit.jpg) repeat-x top center;
	overflow: hidden;
	height: 56px;
}

#content.presskit .header h1{
	background: transparent url(images/header_presskit.jpg) no-repeat top center;
	height: 48px;
	margin: 8px 0 0 0;
	padding: 0 18px;
	line-height: 48px;
	color: #fff;
	font-size: 33px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#content.presskit .header h1 span{
	color: #cc6666;
	font-size: 18px;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content.presskit .presskitContainer {
	overflow: hidden;
	background: transparent url(images/bg_presskit.jpg) repeat-x top center; 
}

#content.presskit .presskitMenu {
	background: transparent url(images/bg_presskit_menu.jpg) repeat-y top center;
	float: left;
	width: 195px;
	padding: 50px 0 2000px;
	margin: 1px 0 -2000px;
}

#content.presskit .presskitMenu ul li {
	text-align: right;
	padding: 3px 30px 3px 0;
}

#content.presskit .presskitMenu ul li a{
	color: #666;
	text-decoration: none;
}

#content.presskit .presskitMenu ul li.current-cat {
	padding: 3px 16px 3px 0;
}

#content.presskit .presskitMenu ul li.current-cat a{
	color: #990000;
	background: transparent url(images/bullet.jpg) no-repeat center right;
	padding: 0 14px 0 0;
}

#content.presskit .presskitMenu ul li a:hover{
	color: #990000;
	text-decoration: underline;
}

#content.presskit .presskitBody {
	float: left;
	width: 520px;
	padding: 30px 35px 2000px 35px;
	margin-bottom: -2000px;
}

#content.presskit .presskitBody p{
	margin: 0 0 12px 0;
}

#content.presskit .presskitBody .post {
	overflow: hidden;
}

#content.presskit .presskitBody .wp-caption {
	float: left;
	text-align: left;
	height: 215px;
	width: 150px !important;
	padding: 0 10px;
}