/*  

Theme Name: Lemonland V3

Theme URI: http://worldwidebreastcancer.com/

Description: Lemonland V3 Theme.

Version: 3

Author: Trevor Davis

Author URI: http://trevordavis.net

*/



/*****Reset*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }



/*****Basic Definitions*****/

body { background: url(images/template/header-bg.gif) repeat-x top left; color: #745f47; font: 14px/22px Georia, "Times New Roman", Times, serif; }

h1 { font-size: 1.667em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.333em; }

h4 { font-size: 1.167em; }

h5, h6 { font-size: 1em; }



a { color: #fdb300; }

a:visited { }

/*a:hover { border-bottom:1px dotted;}*/

img { border: none; }

p, ul, ol, dl, table { margin-bottom: 18px; }

ul, ol, dd { margin-left: 36px; }



/*****Custom Classes*****/

.clearing { clear: both; }

.clearfix { overflow: hidden; }

.last { margin-bottom: 0; }

.screenReader { left: -9999px; position: absolute; top: -9999px; }



/*****Basic Layout*****/

div.container { float: left; width: 100%; }

div#header { 

	margin: 0 auto; 

	/*overflow: hidden;*/

	padding: 8px 0 0;

	position: relative;

	width: 939px;

}

div#mastHeadContainer { background: #ffdf75; position: relative; }

body#bureau div#mastHeadContainer { background: #a4b000; }

body#defense div#mastHeadContainer { background: #6593c4; }

body#travel div#mastHeadContainer { background: #ec7e22; }

body#house div#mastHeadContainer { background: #985086; }

body#shop div#mastHeadContainer { background: #b50b3a; }

body#office div#mastHeadContainer { background: #da3961; }



div#mastHead { 

	margin: 0 auto;

	overflow: hidden; 

	width: 918px;

}

div#brandingContainer { background: #ffd332; border-bottom: 34px solid #fff; }

div#branding { margin: 0 auto; overflow: hidden; width: 939px; }

div#branding div.inner { float: center; height: 250px; width: 900px; }

div#contentContainer { background: #ffd333 url(images/template/content-container-bg.gif) repeat-y 50% 0; }

body#home div#contentContainer { background: #fffffd url(images/template/home-content-bg.gif) repeat-x top left; padding: 15px 0 15px; }

div#content {

	/*background: #fff;*/

	background: url(images/template/content-top-bg.gif) no-repeat top left;

	margin: 0 auto;

	/*overflow: hidden;*/

	padding: 8px 26px 0 13px;

	position: relative;

	width: 920px;

}

body#home div#content {

	background: transparent;

	padding: 0;

	width: 960px;

}

/*body#bureau div#content { background-image: url(images/template/content-top-bg-investigate.gif); }

body#defense div#content { background-image: url(images/template/content-top-bg-defense.gif); }

body#travel div#content { background-image: url(images/template/content-top-bg-tourism.gif); }

body#house div#content { background-image: url(images/template/content-top-bg-mayor.gif); }

body#shop div#content { background-image: url(images/template/content-top-bg-goodies.gif); }

body#office div#content { background-image: url(images/template/content-top-bg-citizens.gif); }*/



div#primaryContent {

	float: left;

	font: 11px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	padding: 0 0 120px 0;

	width: 216px;

}

body#home div#primaryContent { font-size: 12px; padding: 0; width: 100%; }

body#home div#primaryContent div.column { float: left; width: 341px; }

body#home div#primaryContent div.large { float: right; width: 548px; }

div#secondaryContent {

	background: url(images/template/secondary-content-top.gif) no-repeat top left;

	float: right;

	padding-top: 16px;

	width: 688px;

}

body#home div#secondaryContent { 

	background: transparent;

	clear: both; 

	float: left;

	font: 12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	padding-top: 40px;

	width: 100%;

}

body#home div#secondaryContent div.column { float: left; margin: 0 5px; width: 310px; }

div#secondaryContentWrapper {

	background: url(images/template/secondary-content-bottom.gif) no-repeat bottom left;

	overflow: hidden;

	padding: 0 0 16px;

	width: 688px;

}

div#secondaryContentInner {

	background: url(images/template/secondary-content-bg.gif) repeat-y bottom left;

	min-height: 300px;

	overflow: hidden;

	padding: 4px 20px 18px 20px;

	width: 648px;

}

div#footerContainer { background: #ffd433 url(images/template/footer-top.gif) no-repeat 50% 0; padding-top: 5px; }

body#home div#footerContainer { background-image: none; padding-top: 0; }

div#footer { 

	background: #c1c40a;

	color: #ffed0a;

	font: 12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	padding: 21px 0 28px;

}

body#home div#footer { background: #ff86ba; color: #fff; }

body#bureau div#footer { background: #a4b000; }

body#defense div#footer { background: #6593c4; }

body#travel div#footer { background: #ec7e22; }

body#house div#footer { background: #985086; }

body#shop div#footer { background: #b50b3a; }

body#office div#footer { background: #da3961; }

div#footer div.columnContainer { margin: 0 auto; overflow: hidden; padding: 0 0 0 41px; width: 909px; }

body#home div#footer div.columnContainer { background: url(images/template/home-footer-bg.gif) repeat-y 50% 0; }



/*****Header*****/

div#header h1, div#header a#logo {

	float: left;

	height: 52px;

	margin: 17px 0 33px;

	overflow: hidden;

	position: relative;

	width: 221px;

}

div#header h1 span, div#header a#logo span {

	background: url(images/template/logo.gif) no-repeat top left;

	display: block;

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}

ul#utilityNav { 

	float: right;

	font: 11px/16px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	list-style: none;

	margin: 0;

}

ul#utilityNav li { color: #fdb300; text-align: right; }

ul#utilityNav li#shareLove { line-height: 14px; margin-bottom: 6px; }

ul#utilityNav li#shareLove a {

	display: block;

	height: 14px;

	overflow: hidden;

	position: relative;

	width: 170px;

}

ul#utilityNav li#shareLove a span { 

	background: url(images/template/utility-share-love.gif) no-repeat top left;

	display: block;

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}

div#sectionIntro {

	background: url(images/template/mayor-trans.png) no-repeat top left;

	bottom: -24px;

	color: #a4b000;

	font: 13px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	height: 85px;

	padding: 29px 0 0 85px;

	position: absolute;

	width: 300px;

	z-index: 100;

}

body#bureau div#sectionIntro { left: 248px; }

body#defense div#sectionIntro { left: 350px; }

body#travel div#sectionIntro { left: 434px; }

body#house div#sectionIntro { left: 245px; }

body#shop div#sectionIntro { left: 348px; }

body#office div#sectionIntro { left: 455px; }



body#house div#sectionIntro, body#shop div#sectionIntro, body#office div#sectionIntro { background-position: top right; padding: 29px 85px 0 0; text-align: right; }



/*****Masthead*****/

/*div#mastHead h2#section {

	color: #fff;

	float: left;

	font: 15px/15px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	padding: 11px 0 0 0;

	width: 239px;

}*/

ul#primaryNav {

	float: left;

	list-style: none;

	margin: 0 0 0 239px;

	position: relative;

	z-index: 100000;

}

body#home ul#primaryNav { float: right; }

ul#primaryNav li { float: left; /*height: 36px;*/ padding-top: 11px; }

ul#primaryNav a {

	color: #fff;

	display: block;

	padding: 11px 0;

	width: 100px;

}

ul#primaryNav li a.sIFR-replaced { height: 14px; text-decoration: none; }



ul#primaryNav li#investigateNav { margin-right: 21px; }

ul#primaryNav li#defendNav { margin-right: 16px; }

ul#primaryNav li#defendNav a { width: 71px; }

ul#primaryNav li#travelNav { margin-right: 16px; }

ul#primaryNav li#travelNav a { width: 70px; }

ul#primaryNav li#mayorNav { margin-right: 12px; }

ul#primaryNav li#goodiesNav { margin-right: 8px; }

ul#primaryNav li#goodiesNav a { width: 90px; }



/*****Primary Content*****/

body#home div#content div.column h2 { color: #ed1e79; font-size: 14px; margin-bottom: 10px; }

body#home div#primaryContent div.large div#popularWrapper { float: left; position: relative; width: 100%; }

body#home div#primaryContent div.large div#popularWrapper a#popularPrev, body#home div#primaryContent div.large div#popularWrapper a#popularNext { display: block; left: -10px; position: absolute; top: 50px; }

body#home div#primaryContent div.large div#popularWrapper a#popularNext { left: auto; right: -10px; }

body#home div#primaryContent div.large div#popularContainer { float: left; overflow: hidden; position: relative; width: 100%; }

body#home div#primaryContent div.large ul.popular { float: left; list-style: none; margin: 0; position: relative; width: 1160px; }

body#home div#primaryContent div.large ul.popular li { float: left; margin-right: 36px; width: 109px; }

body#home div#primaryContent div.large ul.popular li:last-child, body#home div#primaryContent div.large ul.popular li.last { margin-right: 0; }

body#home div#primaryContent div.large ul.popular a { display: block; text-align: center; border-bottom:1px dotted; }

body#home div#primaryContent div.large ul.popular img { background: #fff; display: block; margin-bottom: 5px; padding:2;

}

body#home ul.posts { list-style: none; margin-left: 0; margin-top: 10px; }

body#home ul.posts li { background: url(images/template/page-icon.gif) no-repeat 0 3px; margin-bottom: 8px; padding-left: 20px; }

body#home ul.posts a { border-bottom: 1px solid #e5e5e3; color: #000; text-decoration: none; }

body#home ul.posts span.meta { color: #c4c4c4; display: block; font-size: 11px; margin-top: 3px; }

body#home ul.posts span.meta a { color: #c4c4c4; }



/*****Secondary Content*****/

div#secondaryNav { 

	background: #b1be71 url(images/template/secondary-nav-top.gif) no-repeat top left;

	margin-top: -55px;

	padding: 20px 0 0;

}

body#bureau div#secondaryNav { background-color: #b0be70; }

body#defense div#secondaryNav { background-color: #819fb3; }

body#travel div#secondaryNav { background-color: #ec6e49; }

body#house div#secondaryNav { background-color: #bb609d; }

body#shop div#secondaryNav { background-color: #d64444; }

body#office div#secondaryNav { background-color: #f06d91; }



div#secondaryNav h2#section { color: #fff; padding: 0 5px 20px 20px; }

div#secondaryNav h2.sIFR-replaced { height: 15px; }



div#secondaryNav ul {

	border-bottom: 1px dotted #fff;

	list-style: none;

	margin: 0;

}



div#secondaryNav ul li { border-top: 1px dotted #fff; line-height: normal; }

div#secondaryNav ul a {

	background: url(images/template/secondary-nav-hover.gif) no-repeat -9999px -9999px;

	color: #fff;

	display: block;

	padding: 5px 12px 5px 20px;

	text-decoration: none;

	width: 184px;

}

div#secondaryNav ul a:hover { background-color: #B2BB1C; background-position: 0 50%; }



body#bureau div#secondaryNav ul a:hover { background-color: #b2bb1c; }

body#defense div#secondaryNav ul a:hover { background-color: #7ab0b1; }

body#travel div#secondaryNav ul a:hover { background-color: #fb9d42; }

body#house div#secondaryNav ul a:hover { background-color: #d757ac; }

body#shop div#secondaryNav ul a:hover { background-color: #f9313f; }

body#office div#secondaryNav ul a:hover { background-color: #fe8aab; }



form#searchForm {

	/*background: #b1be71 url(images/template/search-form-bottom.gif) no-repeat bottom left;*/

	background: url(images/template/search-form-bottom.gif) no-repeat bottom left;

	color: #fff;

	overflow: hidden;

	padding: 4px 12px 8px 20px;

}

/*body#bureau form#searchForm { background-color: #b0be70; }

body#defense form#searchForm { background-color: #819fb3; }

body#travel form#searchForm { background-color: #ec6e49; }

body#house form#searchForm { background-color: #bb609d; }

body#shop form#searchForm { background-color: #d64444; }

body#office form#searchForm { background-color: #f06d91; }*/



form#searchForm p { margin-bottom: 0; }

form#searchForm label { display: block; float: left; padding: 2px 6px 2px 0; }

/*form#searchForm span.searchWrapper {

	background: transparent url(images/template/search-form-bg.gif) no-repeat 0 50%;

	border: none;

	display: block;

	float: left;

	padding: 0 4px;

	width: 104px;

}*/

form#searchForm input#s { 

	border: none;

	border-radius: 4px;

	display: block;

	float: left;

	font: inherit;

	-moz-border-radius: 4px;

	padding: 2px;

	-webkit-border-radius: 4px;

	width: 100px;

}

form#searchForm input#searchButton { padding-left: 2px; vertical-align: middle; }



ul#shareThis {

	bottom: 0;

	font-size: 10px;

	left: 13px;

	list-style: none;

	margin: 0;

	position: absolute;

	text-align: right;

	width: 216px;

}

ul#shareThis li { margin: 0 0 15px; }

ul#shareThis a {

	background: url(images/template/envelope-green.gif) no-repeat 100% 50%;

	color: #b0b0ae;

	display: block;

	font-weight: bold;

	padding: 2px 32px 2px 0;

	text-decoration: none;

	width: 184px;

}

ul#shareThis li#awarenessTools a { background-image: url(images/template/envelope-pink.gif); }

ul#shareThis li#translate a { background-image: url(images/template/envelope-orange.gif); }



/*****Footer*****/

div#footer a, div#footer h3 { color: #ffed0a; }

body#home div#footer a, body#home div#footer h3 { color: #fff; }

div#footer h3 { font-size: 14px; font-weight: bold; margin-bottom: 22px; letter-spacing: .05em; }

div#footer a { text-decoration: none; }

div#footer a:hover { font-weight: bold; border-bottom:1px dotted; }

div#footer div.columnContainer div.column {

	float: left; 

        width: 299px;

}

body#home div#footer div.columnContainer div.column { margin-right: 55px; width: 252px; }

body#home div#footer div.columnContainer div.flickr { margin-right: 38px; width: 292px; }

body#home div#footer div.columnContainer div.last { margin-right: 0; width: 272px; }

div#footer h3, div#footer ul.callToAction { text-transform: uppercase; }



div#footer ul { list-style: none; margin: 0; }

div#footer ul li { background: url(images/template/footer-ul-arrows.png) no-repeat 0 10px; line-height: 24px; padding-left: 18px; }

body#home div#footer ul li { background-image: url(images/template/footer-ul-arrows.png); }

div#footer ul.callToAction li { background: url(images/template/call-to-action-plus.gif) no-repeat 0 7px; line-height: 24px; padding-left: 14px; }

body#home div#footer ul.callToAction li { background-image: url(images/template/home-call-to-action-plus.gif); }



div#footer ul.flickr { float: left; margin-bottom: 26px; width: 100%; }

div#footer ul.flickr li { 

	background: none;

	float: left;

	line-height: normal;

	margin-right: 4px;

	padding-left: 0;

}

div#footer ul.flickr img { background: #fff; display: block; padding: 2px; }



/*****Colophon*****/

div#colophonContainer { background: #ffd434 url(images/template/colophon-top.gif) no-repeat 50% 0; padding-top: 5px; }

div#colophon { 

	background: url(images/template/colophon-bg.gif) repeat-y top left;

	color: #ffd433;

	font: 12px/29px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;

	margin: 0 auto;

	padding: 0 11px 0 12px;

	width: 936px;

}

div#colophonInner {

	background: #fff url(images/template/colophon-inner-bg.gif) repeat-x bottom left;

	padding: 0 12px 7px 24px;

	overflow:  hidden;

}

div#colophon a { color: #ffd433; }

div#colophon a:hover { text-decoration: none; }

div#colophon ul { float: left; list-style: none; margin: 0; }

div#colophon ul li { 

	background: url(images/template/colophon-separator.gif) no-repeat 100% 10px;

	float: left;

	margin-right: 8px;

	padding-right: 9px;

}

div#colophon ul li.first, div#colophon ul li.last { background: none; margin-right: 0; padding-right: 0; }

div#colophon ul li.first { margin-right: 12px; }

div#colophon ul a { text-decoration: none; }

div#colophon ul a:hover { border-bottom:1px dotted; }

div#colophon p { float: right; margin: 0; }

div#colophon img { vertical-align: middle; }



/*****SIFR*****/

.sIFR-flash { margin: 0; padding: 0; visibility: visible !important; }

.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }

.sIFR-alternate {

	display: block;

	height: 0;

	left: 0;

	overflow: hidden;

	position: absolute;

	top: 0;

	width: 0;

}

.sIFR-replaced div.sIFR-fixfocus {

	float: none;

	letter-spacing: 0px;

	margin: 0;

	overflow: auto; 

	padding: 0; 

}



/*****Lightbox*****/

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 1000;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prev.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/next.gif) right 50% no-repeat; }



/*** START : next / previous text links ***/

#nextLinkText, #prevLinkText{

color: #FF9834;

font-weight:bold;

text-decoration: none;

}

#nextLinkText{

padding-left: 20px;

}

#prevLinkText{

padding-right: 20px;

}

/*** END : next / previous text links ***/

/*** START : added padding when navbar is on top ***/



.ontop #imageData {

    padding-top: 5px;

}



/*** END : added padding when navbar is on top ***/



#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#imageData #helpDisplay {clear: left; float: left; display: block; }



#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 101;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	display: none;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}