/*----------------------------------------------------------------------------
++ Themelets layout css
++ All the themelets layout and miscellaneous css goes here.
----------------------------------------------------------------------------*/

/* add top black border 
******************************************************/
body{border-top:5px solid #222;}
/* Logo options are set in Configurartor, 
these styles add the extra styling 
******************************************************/
/* logo type 0 - text */
#branding.logotype-0 h1{background:#222;font-weight:bold;margin:0;padding:0;position:absolute;text-shadow:1px 2px #000;}
#branding.logotype-0 h1 a{display:block;padding:0.45em 0.4em 0.55em;text-transform:uppercase;}
#branding.logotype-0 h1 a:hover{text-shadow:0 0 7px #999;}
#branding h1 a span{color:#acacac;font-weight:normal;display:inline;}
/* logo type 1 - image replacement */
#branding.logotype-1 h1{position:absolute;margin:0;padding:0;}
#branding.logotype-1 h1 a{display:block;text-indent:-7998px;background-repeat:no-repeat;background-color:transparent;}
/* logo type 2 */
#branding.logotype-2 a.logo-img{position:absolute;}
/* logo type 3 */
#branding.logotype-3 #logo{position:absolute;}
/* slogan */
#branding .slogan{margin:0;position:absolute;}

/* refinement of column spacing to give some air 
******************************************************/
.yui-t6 #inner-wrap{padding-right:2em;}
#inner-wrap.yui-gi .primary-inner{padding-left:1.8em;}
.tertiary-inner{padding:0 1em;}

/* css to control the way the different blocks look 
******************************************************/
#top-wrap{background:#0B0D0D;}
#toolbar{overflow:hidden;}
#toolbar-wrap{background:#222;color:#f1f1f1;}
#topnav{border-bottom:1px dotted #ddd;margin:2em auto;}
#topshelf-wrap{background:#eee;}
#topshelf-inner{padding:1em 0;}
#masthead{border-bottom:1px dotted #E5E6E7;}
#masthead-inner{padding:0 1em;}
#subhead{border-bottom:1px dotted #CCCCCC;clear:both;}
#top .newsflash{float:right;width:60%;font-size:0.9em;}
#bd{/*background:#fff;border:1px solid #ddd;*/margin:1.7em auto 1em;}
.bd-inner{padding:0 1em 1em;}
.primary-inner{padding:0;}
#bottomshelf{padding-bottom:1em;}
#bottomshelf-wrap{padding:1.8em 0 2.2em 0;background:#EDEFF0;border:1px dotted #ddd;border-width:1px 0 1px 0;}
#primary-content{margin:1em 0 1em 0;}
#inset1{margin:.5em 1em 0 0;}

/* inset2 needs a little adjustment to make the margins play nicelywith all variations */
#inset2{margin-bottom:1em;}
#inset2 .mod{margin-top:0;}
#topshelf .mod{margin-top:0;}

/* toolbar slider
******************************************************/
.slider-toolbar{}
#toolbar-wrap .slider-toolbar a{background:#222;padding:.4em 1.1em .6em;margin:0 1em 0 0;color:#f1f1f1;text-transform:uppercase;font-size:0.8em;}
.slider-open{}
.slider-close{}

/* footer styling 												#c90000
******************************************************/ 
#footer-wrap{background:#222;}
#footer *{margin:0;padding:0;list-style:none;height:auto;}
#footer{margin:0 auto;padding:16px 0 2px;overflow:hidden;}
#footer a,#footer a:link,#footer a:visited{padding:0 0 9px;text-transform:uppercase;font-size:0.9em;border:none;}
#footer a:hover{color:#fff;border-bottom:3px solid #CF5A5A;text-decoration:none;background:none;}
#footer .footer-left{float:left;}
#footer .footer-right{float:right;text-align:right;font-size:0.95em;}

#footer p.footer-validation {
	line-height: 1;
}
#footer ul {margin:0;line-height:1;}
#footer ul li{display:inline;color:#FFF}

#footer ul.menu a {
	float: left;
	padding-bottom:11px;
	margin-right:1em;
}

/* frontend editing
******************************************************/
#edit-content fieldset{background:#EDEFF0;}
#edit-content h2{font-size:1.5em;padding:.5em .6em;margin:0 0 1px 0;background:#E9EDEF;border-bottom:1px solid #E2E6E8;}
#edit-content textarea{border:1px solid #ccc;background:#fff;}
#edit-content .button2-left{padding:0;}
#edit-content .button2-left a{background:#333333;border:1px solid #111;color:#fff;padding:6px 11px;text-transform:uppercase;text-decoration:none;font-size:0.9em;}
#edit-content .button2-left a:hover{background:#000;}
#edit-content input.focus,
#edit-content textarea.focus{border-color:#85AF41;}

/* styling for sample content modfx preview modules 
******************************************************/
.module-previews{clear:both;overflow:hidden;}
.module-previews .mod{width:29%;float:left;padding:0 5% 0 0;margin:0 0 1em 0;}
.module-previews .last{padding:0;}

/* demo content styles - needed if using demo content
******************************************************/
/* styling for home page inpiration and photography tabs */
.featured p small{margin:-0.25em 0 -1.5em;display:block;}
.featured p.readon a{float:left;}

.yui-g.featured .yui-u{width:47%;}
.yui-g.featured .yui-u.first{overflow:hidden;width:49%;}

.internetexplorer60 .yui-g.featured{
	width: 100%;
}

.internetexplorer60 span.caption-default{width:293px!important;}


/* styling for leblanc preview mod on home page */

.yui-g.lb-preview .yui-u{width:58%;}
.yui-g.lb-preview .yui-u.first{width:40%;}
.yui-g.lb-preview h4{font-size:2.3em;margin:0.4em 0 1em 0.4em;text-shadow:1px 1px 0 #FFFFFF;}
.yui-g.lb-preview h5{font-family:"Helvetica Neue",Helvetica,arial,sans-serif;font-size:1.9em;margin:0 0 .8em 0;font-weight:300;color:#999;text-shadow:none;}
.yui-g.lb-preview{background:#f8f8f8;border:3px solid #E2E6E8;}
.yui-g.lb-preview .inner{padding:.5em 1em 2em 1em;border:1px solid #ddd;overflow: hidden;}
.yui-g.lb-preview img{border:0 none;padding:0 0 0 1em;}
.yui-g.lb-preview .button,
.yui-g.lb-preview a:visited.button{padding:0.7em 0.8em;border:none;color:#fff;}