/*
Theme Name: Campus Target v2.0
Theme URI: http://www.campustarget.org/
Description: The late 2008 redesign of Campus Target's website
Version: 2.0
Author: Bob
Tags: dark, moody, mission-oriented
*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	color: #C0D8B8;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {
	margin: 0;
	padding: 0;
/*	font-size: 1em;*/
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin: 0 0 0 1em;
}

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

/* Global styling ***********************************************************************/


p{
	margin: 0.5em 0 1.5em 0;
}

*{

}

a:link, a:visited, a:hover, a:active{
	color: #8BC649;
	font-weight: bold;
	text-decoration: none;
}

/*#content a:hover, #sidebar a:hover, .contentBoxPanel a:hover{*/
#content a:hover, p a:hover, #sidebar a:hover{
	border-bottom: 1px solid #8BC649;	
}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active{
	font-weight: normal;
}


#content a.noDecoration:hover, #sidebar a.noDecoration:hover{
	border-bottom: none;
}

p a{

}


/*
/
/ Hacks *******************************************************************
/
*/




/*
/
/ General styling *******************************************************************
/
*/

html, body{
	height: 100%;
}

body{
	text-align: center;
	font: 10px Lucida Sans, Lucida Sans Unicode, Verdana, Arial, Sans-Serif;
	background-color: Black;
}

#page{
	width: 800px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	text-align: left;
}

#page, #footer{
	font-size: 1.3em;
	line-height: 1.6em;
}

#push{
	height: 50px;
	clear: both;
}

.clear{ clear: both; }
.clearRight{ clear: right; }
.clearLeft{ clear: left; }

.floatRight{ float: right; }
.floatLeft{ float: left; }


/*
/
/ Content area *******************************************************************
/
*/

#content{
	width: 540px;
	margin: 0em 0 3em 0;
	padding: 0;
	line-height: 160%;
}

#content.wide{
	width: 100%;
	margin-top: 20px;
}

dt{
	margin: 1.5em 0 0 0;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #333;
}

dd{ margin: 0.5em 0 0 1em; }

dd p{
	margin: 0 0 1em 0;
}

.no-gradient, #content.no-gradient{
	background-image: none;
}

.columnNarrow{
	width: 32%;
	padding: 2%;
	background-color: Gray;
}

.columnWide{
	width: 60%;
	padding: 2%;
	background-color: Blue;
}

#content h2{
	margin: 28px 0 1em 0;
	font-size: 1.6em;
}

h2#subsectionTitle{
	margin-bottom: 1.5em;
	font-size: 2em;
}

#contentBoxPanel{
	clear: both;
	margin: 0 0 0 8px;
	width: 800px;
	background: url(images/system/3-box-middle.gif) repeat-y;
}
#connect #contentBoxPanel ul{ background: url(images/connect/connect-3-box-top.gif) no-repeat; }
#go #contentBoxPanel ul{ background: url(images/go/go-3-box-top.gif) no-repeat; }
#learn #contentBoxPanel ul{ background: url(images/learn/learn-3-box-top.gif) no-repeat; }
#home #contentBoxPanel ul{ background: url(images/home/home-3-box-top.gif) no-repeat; }

#contentBoxPanelBottom{
	background: url(images/system/3-box-bottom.gif);
	height: 21px;
	clear: both;
	width: 800px;
}
#contentBoxPanel li{
	list-style: none;
	float: left;
	width: 200px;
	margin: 29px 45px 0 25px;
}
#contentBoxPanel .last-LI{
	margin-right: 0;
}

#contentBoxPanel li p{
	margin-top: 0;
}

#contentBoxPanel li a{
	border-bottom: 1px solid #44651F;
}

#contentBoxPanel li ul li{
	list-style: none;
	margin: 0 0 0.8em 0.8em;
}
#contentBoxPanel li ol li{
	list-style: decimal;
	margin: 0 0 0.8em 1.5em;
}

#contentBoxPanel li li a{
	/*display: block;
	width: 100%;
	height: 100%;*/
}

#contentBoxPanel li li span.date{
	font-style: italic;
	font-size: 0.85em;
	display: block;
	margin: 0 0 0 1em;
}

#contentBoxPanel h2{
	margin-top: 0px;
}

#contentBoxPanel h3{
	width: 200px;
	height: 0px;
	padding: 49px 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#contentBoxPanel h3.hasLink{
	height: 49px;
	padding: 0px;
}
#contentBoxPanel h3.hasLink a{
	display: block;
	width: 100%;
	height: 0px;
	padding: 49px 0 0 0;
}

#content h3{
	color: #8BC649;
	margin: 1.5em 0 0.2em 0;
}

.post{
	margin: 0 1em 3em 0;
	line-height: 170%;
}

.nextPostLink{ float: left; }
.prevPostLink{ float: right; }

.navigation{
	height: 2em; /* force a height to avoid needing to clear:both and interacting with the sidebar (that is floated right) */
	margin: 0.5em 0 1em 0;
}

.post-edit-link{

}

#read-more{
	width: 126px;
	height: 38px;
	margin: -10px 0 0 5px;
}
#content #read-more a{
	display: block;
	height: 0;
	padding: 38px 0 0 0;
	overflow: hidden;
	background: url(images/blogs/read-more-button.gif) no-repeat;
	border-bottom: none;
}
#content #read-more a:hover{
	border-bottom: none;
}

a.rssLink{
	width: 14px;
	display: block;
	height: 0;
	padding: 14px 0 0 0;
	overflow: hidden;
	background: url(images/blogs/feed-icon-14x14.png) no-repeat;

}

#content a.rssLink:hover{
	border-bottom: none;
}
.note{ font-style: italic; }

img{
	border: none;
}

/*
/
/ Header styling *********************************************************************
/
*/

#header{
	position: relative;
	height: 74px;
	margin-bottom: 5px;
}

#headerImg{
	height: 74px;
	width: 313px;
}

#headerImg h1{
	margin: 15px 0 0 0;
	padding: 0;
	color: White;
}

#headerImg h1 a{
	display: block;
	width: 100%;
	height: 0;
	padding: 74px 0 0 0;
	overflow: hidden;
	background: url(images/system/logo.gif) no-repeat;
}

#mainNav{
	position: absolute;
	right: 0;
	bottom: 15px;
	margin: 0;
	height: 57px;
	width: 366px;
	text-align: center;
	background: url(images/system/mainNav-allStates.gif) no-repeat;
}

#mainNav ul{
	margin: 0 0 0 8px;
	padding: 0;
}

#mainNav li{
	height: 57px;
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
}

#mainNav li#mainNav-home{ width: 73px; }
#mainNav li#mainNav-learn{ width: 63px; }
#mainNav li#mainNav-go{ width: 51px; }
#mainNav li#mainNav-connect{ width: 78px; }
#mainNav li#mainNav-blogs{ width: 68px; }

#mainNav li a{
	display: block;
	width: 100%;
	height: 0;
	padding: 57px 0 0 0;
	overflow: hidden;
}

#mainNav li#mainNav-home a:hover, body#home #mainNav li#mainNav-home a{ background: url(images/system/mainNav-allStates.gif) no-repeat -8px -57px; }
#mainNav li#mainNav-learn a:hover, body#learn #mainNav li#mainNav-learn a{ background: url(images/system/mainNav-allStates.gif) no-repeat -81px -57px; }
#mainNav li#mainNav-go a:hover, body#go #mainNav li#mainNav-go a{ background: url(images/system/mainNav-allStates.gif) no-repeat -144px -57px; }
#mainNav li#mainNav-connect a:hover, body#connect #mainNav li#mainNav-connect a{ background: url(images/system/mainNav-allStates.gif) no-repeat -195px -57px; }
#mainNav li#mainNav-blogs a:hover, body#blogs #mainNav li#mainNav-blogs a{ background: url(images/system/mainNav-allStates.gif) no-repeat -273px -57px; }

/*
/
/ Sidebar styling ***************************************************************************************************************
/
*/

#sidebar{
	margin: 1em 0 2em 0;
	padding: 0;
	float: right;
	width: 251px;
	overflow: hidden;
	background: url(images/blogs/sidebar-middle.gif) repeat-y;
}

#sidebar h2{
	/*margin: 1em 0 0.3em 0;
	font-size: 1.5em;*/
}

#sidebar h3{
	width: 251px;
	height: 0;
	padding: 65px 0 0 0;
	margin: 0 0 0 0px;
	overflow: hidden;
}

#sidebar h3.hasLink{
	height: 65px;
	padding: 0;
}
#sidebar h3.hasLink a{
	display: block;
	width: 100%;
	height: 0;
	padding: 65px 0 0 0;
}

#sidebar #sidebarFoot{
	height: 29px;
	width: 251px;
	background: url(images/blogs/sidebar-bottom.gif) no-repeat;
}
#sidebar #sidebarHead{
	height: 21px;
	width: 251px;
	background: url(images/blogs/sidebar-top.gif) no-repeat;
}


h3#ourLocations{ background: url(images/blogs/sidebar-head-our-locations.gif) no-repeat; }
h3#workers-header{ background: url(images/blogs/sidebar-workers.gif) no-repeat; }
h3#featured-blogs-header{ background: url(images/blogs/sidebar-featured-blogs.gif) no-repeat; }
h3#archives-list-header{ background: url(images/blogs/sidebar-archives.gif) no-repeat; }
h3#links-list{
	background: url(images/system/sidebar-head-links.gif) no-repeat;
}

#sidebar p{
	margin: 1em 10px;
}

#sidebar li{
	list-style: none;
	margin: 0 0 0 9px;
	width: 230px; /* 251px - 9px -9px */
}

#sidebar ul ul li{
	margin: 0;
}

#sidebar ul ul li a{
	display: block;
	width: 220px;
	height: 25px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #333;
	color: #bbb;
}
#sidebar ul ul ul li a{
	padding-left: 25px;
	width: 205px;
}

#sidebar ul ul li a:hover, #sidebar li.current_page_item>a{
	color: #ddd;
	background: #333;
	border-bottom: 1px solid #333;
}

#sidebar .categories, #blogSidebar .categories{
	color: #555; /* make the number of posts dark gray, less obtrusive */
}

/*
#sidebar .categories a, #sidebar .featured-blogs a, #sidebar .archives-list a, #sidebar .links-list a{
	background: url(images/system/link-swoosh.gif) no-repeat -15px 4px;
}
#sidebar .categories a:hover, #sidebar .featured-blogs a:hover, #sidebar .archives-list a:hover, #sidebar .links-list a:hover{
	background: url(images/system/link-swoosh.gif) no-repeat -15px -13px;
}
*/

.featureWorkerPicture{
	width: 167px;
	height: 176px;
	margin: 10px auto 0;
	border: 3px solid #414141;
}

.featureWorkerPicture a{
	display: block;
	height: 0;
	width: 100%;
	padding: 176px 0 0 0;
	margin: 0;
	overflow: hidden;
}

#sidebar .featureWorkerPicture a:hover{
	border-bottom: none;
}

p#sidebarWorkerPictureCaption{
	font-style: italic;
	margin: 1em 20px;
}

/*
/  Navigation for blogs
*/

#tabLinks{
	
}

#tabLinks li{

}

#tabLinks a{

}

#tabLinks a:hover{

}


/* old code from v0 blog design
#tabLinks li{
	list-style: none;
	float: left;
	height: 100%;
	text-align: center;
	border: 1px solid #333;
	margin: 0;
}

#tabLinks a{
	display: block;
	width: 100%;
	height: 100%;
}

#tabLinks a:hover{
	background-color: Maroon;
	border-bottom: none;
}
*/


/*
/
/ Home page styling ***************************************************************************************************************
/
*/


blockquote#frontPagePullQuote{
	display: block;
	margin: -15px 10px 1em 0;
	width: 528px;
	height: 0;
	padding: 89px 0 0 0;
	float: right;
	overflow: hidden;
	background: url(images/system/alex-quote.gif) no-repeat;
}

/*
/ Four feature content box on front page ***************************************************
*/

#frontPageLinksBox{
	position: relative;
	width: 783px;
	height: 304px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background: url(images/home/home-header-bus-image.jpg) no-repeat;
}

#frontPageLinksBox ul{
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 0;
	padding: 0;
	background: url(images/home/home-header-normal.gif) no-repeat;
}

#frontPageLinksBox li{
	height: 86px;
	float: left;
	margin: 0 0 4px 0;
	padding: 0px;
	text-align: center;
	list-style: none;
}

#learnLinkBoxLI{ width: 196px; }
#goLinkBoxLI{ width: 201px; }
#connectLinkBoxLI{ width: 194px; }
#blogsLinkBoxLI{ width: 192px; }

#frontPageLinksBox li a{
	display: block;
	width: 100%;
	height: 0;
	padding: 86px 0 0 0;
	overflow: hidden;
}
#frontPageLinksBox li a:hover{
	border-bottom: none;
}

#learnLinkBoxLI a:hover{ background: url(images/home/home-header-over.gif) 0px 0px no-repeat; }
#goLinkBoxLI a:hover{ background: url(images/home/home-header-over.gif) -196px 0px no-repeat; }
#connectLinkBoxLI a:hover{ background: url(images/home/home-header-over.gif) -397px 0px no-repeat; }
#blogsLinkBoxLI a:hover{ background: url(images/home/home-header-over.gif) -591px 0px no-repeat; }


/*
/ Three box content box on front page *******************************************************************
*/

#home #featuredBlogBox h2{
	font-size: 140%;
}





/*
/
/ Headline box styling (image switcher) *******************************************************************
/
*/

.headlineBoxSideText{
	width: 230px;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 18pt;
}
.headlineBoxSideText strong{
	color: #8BC649;
	font-size: 16pt;
	line-height: 20pt;
}
.headlineBoxSideText p{
	margin: 0;
}
.headlineBoxSideText a{
	font-weight: normal;
}

.headlineBoxSideText.floatLeft{ text-align: right; }
.headlineBoxSideText.floatRight{
	text-align: left;
	margin: 0 0 0 0;
}

.headlineBox{
	width: 550px;
	height: 310px;
	position: relative;
	margin: 0 0 1em 0;
	background-color: #E8ECEC;
	overflow: hidden;
}

.headlineBox dt{
	width: 233px;
	height: 77px;
	margin: 0;
	position: relative;
	background-color: Gray;
}
.headlineBox dd{
	width: 317px;
	height: 0px;
	padding: 310px 0 0 0;
	margin: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
}
.headlineBox.floatRight dd{
	margin: 0;
}


.headlineBox dd.visible{
	display: block;
}

/* put the buttons on the left, and content pane on the right */
.headlineBox.buttonsLeft dt{ left:0px; }
.headlineBox.buttonsLeft dd{ left:233px; }

/* vicea versa */
.headlineBox.buttonsRight dt{ left:317px; } /* x = box width - dt width */
.headlineBox.buttonsRight dd{ left:0px; }

.headlineBox dt a{
	display: block;
	width: 100%;
	height: 0;
	padding: 77px 0 0 0;
	overflow: hidden;

}

#content .headlineBox dt a:hover{ border-bottom: none; }
/*
/ Learn headline box styling *******************************************************************
*/
#headlineBoxButton-why-asia{ background: url(images/learn/learn-carousel-buttons-combined.jpg) 0px 0px no-repeat; }
#headlineBoxButton-why-asia a:hover{ background: url(images/learn/learn-carousel-buttons-combined.jpg) -233px 0px no-repeat; }
#headlineBoxContent-why-asia{ background: url(images/learn/learn-carousel-content-why-asia.jpg) no-repeat; }

#headlineBoxButton-why-me{ background: url(images/learn/learn-carousel-buttons-combined.jpg) 0px -77px no-repeat; }
#headlineBoxButton-why-me a:hover{ background: url(images/learn/learn-carousel-buttons-combined.jpg) -233px -77px no-repeat; }
#headlineBoxContent-why-me{ background: url(images/learn/learn-carousel-content-why-me.jpg) no-repeat; }

#headlineBoxButton-life-and-ministry{ background: url(images/learn/learn-carousel-buttons-combined.jpg) 0px -154px no-repeat; }
#headlineBoxButton-life-and-ministry a:hover{ background: url(images/learn/learn-carousel-buttons-combined.jpg) -233px -154px no-repeat; }
#headlineBoxContent-life-and-ministry{ background: url(images/learn/learn-carousel-content-life-ministry.jpg) no-repeat; }

#headlineBoxButton-beliefs{ background: url(images/learn/learn-carousel-buttons-combined.jpg) 0px -231px no-repeat; }
#headlineBoxButton-beliefs a:hover{ background: url(images/learn/learn-carousel-buttons-combined.jpg) -233px -231px no-repeat; }
#headlineBoxContent-beliefs{ background: url(images/learn/learn-carousel-content-beliefs.jpg) no-repeat; }

/*
/ Connect headline box styling *******************************************************************
*/
#headlineBoxButton-connect-team{ background: url(images/connect/connect-carousel-buttons.jpg) 0px 0px no-repeat; }
#headlineBoxButton-connect-team a:hover{ background: url(images/connect/connect-carousel-buttons.jpg) -233px 0px no-repeat; }
#headlineBoxContent-connect-team{ background: url(images/connect/connect-carousel-content-connect-team.jpg) no-repeat; }

#headlineBoxButton-leaders{ background: url(images/connect/connect-carousel-buttons.jpg) 0px -77px no-repeat; }
#headlineBoxButton-leaders a:hover{ background: url(images/connect/connect-carousel-buttons.jpg) -233px -77px no-repeat; }
#headlineBoxContent-leaders{ background: url(images/connect/connect-carousel-content-leaders.jpg) no-repeat; }

#headlineBoxButton-city-profiles{ background: url(images/connect/connect-carousel-buttons.jpg) 0px -154px no-repeat; }
#headlineBoxButton-city-profiles a:hover{ background: url(images/connect/connect-carousel-buttons.jpg) -233px -154px no-repeat; }
#headlineBoxContent-city-profiles{ background: url(images/connect/connect-carousel-content-cities.jpg) no-repeat; }

#headlineBoxButton-contact{ background: url(images/connect/connect-carousel-buttons.jpg) 0px -231px no-repeat; }
#headlineBoxButton-contact a:hover{ background: url(images/connect/connect-carousel-buttons.jpg) -233px -231px no-repeat; }
#headlineBoxContent-contact{ background: url(images/connect/connect-carousel-content-contact.jpg) no-repeat; }





/*
/
/ Learn home page styling *******************************************************************
/
*/

/*li#ministry h3{ background: url(images/learn/ministry.gif) no-repeat; }
li#life h3{ background: url(images/learn/living.gif) no-repeat; }
li#apply h3{ background: url(images/learn/applying.gif) no-repeat; }
*/

/*
/
/ Go home page styling *******************************************************************
/
*/

/*li#goContent h3{ background: url(images/go/go.gif) no-repeat; }
li#training h3{ background: url(images/go/training.gif) no-repeat; }
li#apply h3{ background: url(images/go/apply.gif) no-repeat; }
*/

h3#whatDoesItLookLike{
	color: #8BC649;
}


#goTimelineExplain{
	height: 6em;
	width: 450px;
	margin: 1em 0 1em 2em;
	overflow: hidden;
}

#goTimelineExplain h4{
	display: inline;

}

#goTimelineExplain p{
	display: inline;
	color: #96BC8B;
}

#goTimelineExplain a{
	color: #C0E09C;
	border-bottom: 1px solid #233010;
}
#goTimelineExplain a:hover{
	color: #C0E09C;
	border-bottom: 1px solid #C0E09C;
}

/*
/ Go countdown styling *******************************************************************
*/

#countdown{
	float: right;
	width: 260px;
	height: 109px;
	margin: 0 60px 0 0;
	padding: 15px 0 0 0;
	background: url(images/go/countdown-bg.gif) no-repeat;
	text-align: center;
}

#countdownDigits{
	font: bold 2em Arial, Helvetica, sans-serif;
	color: #8BC649;
}

#countdown p{
	margin: 10px 0 0 0;
	line-height: 1.2em;
}

/*
/ Go timeline styling *******************************************************************
*/

#goTimelineBox{
	position: relative;
	height: 265px;
	background: url(images/go/go-timeline.jpg) no-repeat 0px 130px;
}

#goTimelineBox ol{
	margin: 0;
	padding: 0;
}

#goTimelineBox li{
	position: absolute;
	margin: 0;
	height: 130px;
	padding: 0;
	list-style: none;
}

#goTimelineBox li a{
	display: block;
	width: 100%;
	height: 0;
	padding: 130px 0 0 0;
	overflow: hidden;
}
#goTimelineBox li a:hover{
	border-bottom: none;
}

#goTimelineBox #item1{
	left: 1%;
	top: 0px;
	width: 129px;
	background: url(images/go/go-li1.gif) no-repeat;
}

#goTimelineBox #item2{
	left: 5%;
	top: 135px;
	width: 126px;
	background: url(images/go/go-li2.gif) no-repeat;
}

#goTimelineBox #item3{
	left: 15%;
	top: 0px;
	width: 126px;
	background: url(images/go/go-li3.gif) no-repeat;
}

#goTimelineBox #item4{
	left: 25%;
	top: 135px;
	width: 126px;
	background: url(images/go/go-li4.gif) no-repeat;
}

#goTimelineBox #item5{
	left: 27%;
	top: 0px;
	width: 126px;
	background: url(images/go/go-li5.gif) no-repeat;
}

#goTimelineBox #item6{
	left: 50%;
	top: 135px;
	width: 126px;
	background: url(images/go/go-li6.gif) no-repeat;
}

#goTimelineBox #item7{
	left: 72%;
	top: 0px;
	width: 126px;
	background: url(images/go/go-li7.gif) no-repeat;
}

#goTimelineBox #item8{
	left: 75%;
	top: 135px;
	width: 126px;
	background: url(images/go/go-li8.gif) no-repeat;
}



/*
/
/ Connect home page styling *******************************************************************
/
*/

/*
li#tweets h3{ background: url(images/connect/live-tweets.gif) no-repeat; }
li#connect-box h3{ background: url(images/connect/connect-header.gif) no-repeat; }
li#staff-news-panel h3{ background: url(images/connect/staff-news.gif) no-repeat; }
*/


/*
/ Connect-team styling
*/

div.worker-info-box{
	width: 240px;
	margin: 20px 20px 10px 0;
	padding: 0 0 0 10px;
	float: left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}
div.worker-info-box.odd{
	margin-right: 0;
}

div.worker-info-box .workerPictureArea{
	margin: 0 10px 10px 10px;
}

div.worker-info-box .pictureFrame a{
	display: block;
	width: 100px;
	height: 0;
	padding: 0 0 150px 0; /*  This height is stolen from the blogs styling */
}

#content div.worker-info-box h3{
	font-size: 150%;
	line-height: 15px;
	margin: 20px 0 10px 0;
	height: 20px;
	padding: 0;
}
#content div.worker-info-box h4{
	margin: 5px 0 0 0px;
	padding: 0 0 0 8px;
	border-bottom: 1px solid #8BC649;
	color: #8BC649;
}

div.worker-info-box p.giving-intro{ clear: both; }
div.worker-info-box div.giving-info{
	
}


strong.city{
	
}

/*
/
/ Blogs styling *******************************************************************
/
*/

.postmetadata{
	text-align: right;
}


/*
/  City panel design for blogs
*/

.cityPanel{
	padding: 0;
	width: 540px;
}

.cityPanel h2.panelHeadline{
	margin: 0 0 1em 0;
	font-style: italic;
}

.cityPanel ul.worker-list{
	width: 380px;
}


.cityPanel ul.worker-list li{
	list-style: none;
	float: left;
	height: 60px;
	width: 60px;
	margin: 0 5px 10px 5px;
	background-color: #F9F9F9;
}

.cityPanel ul.worker-list li div{
	margin: 5px;
	width: 50px;
	height: 50px;
}

.cityPanel ul.worker-list li a{
	display: block;
	width: 50px;
	height: 0px;
	margin: 0px;
	padding: 50px 0 0 0;
	overflow: hidden;
}
#content .cityPanel li a:hover{
	border-bottom: none;
}

.workerPictureArea{
	margin: 0 40px 0 0;
	float: right;
	height: 150px;  /* increase this height if we add the worker's name underneath, etc */
	width: 100px;
}

.pictureFrame{
	width: 100px;
	height: 150px;
	background-color: Black;
	border: 4px solid White;
}

.pictureFrame a{
	position: absolute;
	display: block;
	width: 100px;
	height: 0px;
	padding: 150px 0 0 0;
	overflow: hidden;
}

.pictureFrame a:hover{
	border: none;
	
}
/*
/  feature blog area for blogs
*/


#mainFeature{
	margin: 2em 0 0 0;
	padding: 25px 35px 35px 35px;
	width: 730px;
	height: 260px;
	background: url(images/blogs/blog-box-wide-featured-post.gif) no-repeat;
	line-height: 1.9em;
}

#featuredWorkerBioArea{
	float: left;
	text-align: center;
	margin: 0 20px 0 0;
	height: 240px;
}

#mainFeature .featureWorkerPicture{
	border-color: white;
}

#mainFeature #read-more{
	margin: -5px 0 0 195px;
}

#mainFeature h2{
	width: 600px;
	margin: 8px 0 0.4em 0;
	font-size: 1.9em;
}

#mainFeature small{
	color: #bbb;
}

#mainFeature div.entry{
	margin: 1.4em 0 0 0;
}


#additionalBlogs{
	float: left;
}

.additionalFeaturedBlog{
	margin: 1em 0 15px 0;
	background: url(images/blogs/blogs-box-general.gif) no-repeat;
	width: 480px;
	height: 154px;
	padding: 25px;
}

.additionalFeaturedBlog .workerPictureArea{
	float: left;
	margin: 0 15px 0 0;
}

.additionalFeaturedBlog .pictureFrame{
	border: 3px solid white;
}

#content .additionalFeaturedBlog h2{
	font-size: 1.3em;

}

#featuredWorkerName{
/*	margin-top: -1em; */
}

#enjoy{
	margin-top: 4em;
	font-style: italic;
}

/*
/
/ Footer styling *******************************************************************
/
*/

#footer{
	width: 100%;
	height: 50px;
	border-top: 6px solid white;
	background-color: #82B446;
	text-align: center;
}

#footer ul{
	margin: 0 auto;
	text-align: left;
	width: 33em;
}

#footer li{
	float: left;
	list-style: none;
	margin: 1em .5em .5em .5em;
}

#footer a{
	color: White;

}

#footer a:link, #footer a:visited{ border-bottom: 1px dashed White; }
#footer a:hover{ border-bottom: 1px solid White; }