/**
	Our City San Diego default styles
	@author Michael Turnwall
*/

* {
	margin:0;
	padding:0;
}
body {
	background:#fff url(/images/backgrounds/page_bg.gif) repeat-x 0 0;
	color:#666666;
	font:12px/16px Helvetica, Arial, Verdana, sans-serif;
}
img {
	border:0;
}
ul, li {
	list-style:none;
}
label {
	font-weight:bold;
	padding-left:7px;
	color:#333;
}
h3 {
	font-weight:normal;
}

/** Begin: Links
****************************/
a {
	text-decoration:none;
	color:#1b75bc;
}
a:hover {
	color:#f7941d;
	text-decoration:underline;
}
a:active, a:focus {
	overflow:hidden;
}
a img {
	border:0;
}
.moreBtn {
	background:#000 url(/images/more_btn_bg.gif) no-repeat 0 0;
	text-align:right;
}
.moreBtn a {
	background:url(/images/ico_plus.gif) no-repeat 100% 1px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding-right:20px;
}
.homeTout p a {
	color:#f7941d;
}
#homepage .moreBtn {
	position:absolute;
	bottom:10px;
	left:-5px;
	padding:4px 30px 0 0;
}
.homeTout .moreBtn {
	width:245px;
}
.homeTout .moreBtn a {
	display:block;
	width:245px;
	height:33px;
}
#featuredBlog .moreBtn {
	width:806px;
}
#featuredBlog .moreBtn a {
	display:block;
	width:806px;
	height:33px;
}
#featuredBlog .postSummary a {
	color:#f7941d;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-style:normal;
	font-weight:bold;
}
h3 a {
	font-size:16px;
	line-height:20px;
	color:#333;
}
#homepage h3.postTitle {
	font-weight:normal;
	font-size:20px;
	line-height:26px;
}
#homepage h3.postTitle a {
	font-weight:normal;
	font-size:16px;
	line-height:21px;
}
h3.postTitle {
	font-weight:bold;
	font-size:20px;
	line-height:26px;
}
h3.postTitle a {
	font-weight:bold;
	font-size:20px;
	line-height:26px;
}
#content ul.categoryList li a {
	color:#444;
}
a.postCategory {
	font-style:italic;
	font-family:Georgia, "Times New Roman", serif;
}
#footer a {
	color:#f7941d;
}

/** Begin: Layout
****************************/
#outerWrapper {
	background:url(/images/backgrounds/content_bg.png) repeat-y 0 0;
	margin:0 auto;
	padding:0 15px 0 17px;
	width:960px;
}
* html #outerWrapper {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/backgrounds/content_bg.png", sizingMethod="scale");
}
#innerWrapper {
	background:#fff url(/images/backgrounds/inner_bg.gif) repeat-x 0 0;
}
#masthead {
	position:relative;
	background-color:#fff;
	border:5px solid #ddd;
	border-top:none;
	padding-bottom:4px;
	height:1%;
}
#mastheadAd {
	float:right;
/*	margin-right:-5px;*/
}
#globalLinks {
	position:absolute;
	top:95px;
	right:150px;
	font-size:10px;
	font-weight:bold;
}
#globalLinks a {
	color:#f7941d;
}
#homeBeauty {
	position:relative;
	height:450px;
	margin-bottom:10px;
}
#homeFlash {
	position:absolute;
	top:0;
	left:-16px;
}
#homeFeatured {
	float:right;
	background-color:#fff;
	border:5px solid #ddd;
	width:256px;
}
#homepage #colA {
	float:right;
	width:120px;
}
.homeTout {
	position:relative;
	float:left;
	background-color:#fff;
	border:5px solid #ddd;
	margin-right:15px;
	padding:10px 3px 55px 15px;
	width:237px;
	height:280px;
}
.homeTout img {
	display:none;
}
.latest-magazine img {
	display:block;
}
.homeTout .latest-magazine h3 {
	display:block;
	font-size:12px;
	padding:0.5em 0.25em;
	color:#111;
}
.latest-magazine li {
border-bottom:1px solid #ddd;
padding:0.5em 0.25em;
}
#eventsTout {
	float:right;
	border:5px solid #ddd;
	margin:0;
	padding:10px;
	width:235px;
	min-height:405px;
	height:auto!important;
	height:405px;
}
.eventPost {
	padding:2px 5px;
}
#subscribeTout {
	padding:0;
	width:255px;
	height:345px;
}
#subscribeTout img {
	display:block;
}
.homeTout p {
	font-size:11px;
/*	font-style:italic;*/
	margin-bottom:8px;
}
#eventsTout p {
	margin-bottom:0;
	padding-bottom:6px;
}
label {
	font-weight:bold;
	padding-left:7px;
	color:#333;
}
.homeTout input.text {
	width:222px;
	margin-bottom:5px;
}
#giveBackHome h3 {
	font-size:14px;
	color:#333;
}
#featuredBlog {
	position:relative;
	float:left;
	background-color:#fff;
	border:5px solid #ddd;
	margin-top:15px;
	padding:10px 3px 45px 20px;
	width:793px;
}
#featuredBlog p {
	font:11px Georgia, "Times New Roman", serif;
	font-style:italic;
}
.blogDescrip {
	margin-bottom:12px;
}
.postSummary {
	margin-bottom:5px;
	padding:5px 5px 7px 5px;
}
.postSummary h3 {
	color:#333;
	font-size:14px;
	line-height:18px;
	padding-bottom:4px;
}
.postTitle a {
	color:#333333;
	text-decoration:none;
}
.postTitle a:hover {
	color:#f7941d;
}
#content p.postDate, #content p.postAuthor {
	font:10px Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
}
#content p.postAuthor {
	font-style:italic;
	font-size:12px;
	padding-top:3px;
}
#content p.postDate {
	color:#333333;
	padding-bottom:3px;
}
#content p.tagLine {
	font:14px Georgia, "Times New Roman", serif;
	font-style:italic;
	color:#666666;
	line-height:18px;
}
.adCont {
	margin-bottom:10px;
}
#footer {
	background-color:#fff;
	border:5px solid #ddd;
	margin-top:20px;
	padding:7px;
	color:#333;
	font-size:11px;
}
.copyrightInfo {
	color:#666666;
	float:right;
	font:11px Georgia, "Times New Roman", serif;
	font-style:italic;
}

/** Begin: 
****************************/
#content {
	padding-top:15px;
	color:#333;
}
#beautyImage {
	position:relative;
	border:5px solid #ddd;
	margin-bottom:12px;
	width:775px;
	height:255px;
}
#beautyImage img {
	position:absolute;
	top:0;
	left:0;
}
#beautyImage span {
	position:absolute;
	bottom:7px;
	left:7px;
	font-size:30px;
	font-weight:bold;
	line-height:32px;
	color:#fff;
	text-transform:uppercase;
}
.contentBlock {
	position:relative;
	background-color:#fff;
	border:5px solid #ddd;
	margin-bottom:10px;
	padding:10px 5px 15px 20px;
}
.contentBlock form {
	padding-bottom:35px;
}
p {
	color:#666666;
	line-height:16px;
	font:12px Georgia, "Times New Roman", serif;
	padding-bottom:12px;
}
#content p a {
	color:#f7941d;
}
#content img a {
	border:none;
}
#content ul {
	margin:0 0 0 30px;
	padding:0;
	color:#666666;
	line-height:16px;
	font:12px Georgia, "Times New Roman", serif;
}
#content li {
	list-style:disc;
}
#ads {
	float:right;
	width:120px;
}
.adCont {
	margin-bottom:10px;
}
.col {
	background-color:#fff;
	position:relative;
	min-height:600px;
}
.oneCol #colA {
	border:5px solid #ddd;
	padding:15px 15px 45px 15px;
	width:785px;
}
.oneCol #colA p {
	width:533px;
}
.col label {
	font-size:14px;
	line-height:18px;
}
#content .sectionDescrip, #content .blogDescrip {
	font-style:italic;
	font-size:14px;
}

/** Begin: Blog Styles
****************************/
#content h1.postTitle, #content h2.postTitle, #content h3.postTitle {
	font-size:20px;
	line-height:26px;
	margin:0;
	padding:10px 0 3px;
}
.pageTitle {
	font-weight:normal;
}
h3.postTitle {
	padding-top:5px;
/*	font-weight:bold;*/
}
#content .pagination {
	font:11px Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding:10px 0;
}
#content .pagination a {
	margin:0 2px;
}
#content ul.categoryList {
	list-style:none;
	margin:0;
	padding:0;
}
#content ul.categoryList li {
	list-style:none;
	font:16px/20px Helvetica, Arial, Verdana, sans-serif;
	color:#444;
	margin-bottom:5px;
}
#content .postCont {
	padding:5px;
	overflow:auto;
}
.postImage {
	float:left;
	margin:0 10px 10px 0;
}
.commentTotal {
	font:11px Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
}
#comments {
	padding:15px 0 5px 0;
}
.comment {
	margin-bottom:5px;
	padding:5px;
}
#comments p.commentMeta {
	font:11px Helvetica, Arial, Verdana, sans-serif;;
	font-weight:bold;
	color:#444;
	padding:0;
}
.article {
	margin-top:10px;
}

/** Begin: Blog Layout A
****************************/
#blogLayoutA #blogHeader {
	background-color:#fff;
	border:5px solid #ddd;
	margin-bottom:10px;
	padding:10px 10px 15px 17px;
	width:789px;
}
#blogLayoutA #sideCar {
	float:right;
	margin-right:13px;
	width:255px;
}
#blogLayoutA #colA {
	background-color:#fff;
	border:5px solid #ddd;
	padding:10px 5px 15px 20px;
	width:515px;
}

/** Begin: Site Nav
****************************/
#siteNav {
	float:left;
	margin-left:3px;
}
#siteNav li {
	float:left;
	margin-right:1px;
}
#siteNav li a {
	float:left;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-4000px;
	height:25px;
}
#siteNav li a:hover, #siteNav li a.current {
	background-position:0 -25px;
}
#navHome {
	background:url(/images/nav/home.gif);
	width:69px;
}
#navHealthy {
	background:url(/images/nav/healthyLiving.gif);
	width:135px;
}
#navPeople {
	background:url(/images/nav/ourPeople.gif);
	width:110px;
}
#navEvents {
	background:url(/images/nav/ourEvents.gif);
	width:107px;
}
#navGive {
	background:url(/images/nav/giveBack.gif);
	width:95px;
}
#navStewardship {
	background:url(/images/nav/ourStewardship.gif);
	width:155px;
}
#navFood {
	background:url(/images/nav/ourFood.gif);
	width:94px;
}
#navEscapes {
	background:url(/images/nav/ourEscapes.gif);
	width:119px;
}
#navHomes {
	background:url(/images/nav/ourHome.gif);
	width:101px;
}
#navThisIssue {
	background:url(/images/nav/thisIssue.gif);
	width:95px;
}
#navSubscribe {
	background:url(/images/nav/subscribe.gif);
	width:95px;
}

/** Begin: Headers
****************************/
#siteLogo {
	text-indent:-4000px;
	background:url(/images/logo.gif) no-repeat 0 35px;
	margin-left:4px;
	width:215px;
	height:83px;
	padding-top:35px;
}
#siteLogo a {
	display:block;
	width:215px;
	height:83px;
}
.homeTout h2, #featuredBlog h2 {
	font-size:30px;
	line-height:30px;
	color:#1b75bc;
	text-transform:uppercase;
	margin-bottom:6px;
}
#subscribeTout h2 {
	color:#f7941d;
}
#content h1 {
	font-size:30px;
	line-height:39px;
	text-transform:uppercase;
	color:#1b75bc;
}
#content h2 {
	font-size:20px;
	font-weight:bold;
	color:#333333;
	padding:10px 0 3px;
	margin:0;
}
#content h3 {
	font-size:16px;
/*	font-weight:normal;s*/
	color:#444444;
	margin:5px 0 0 0;
}
#content h4 {
	font-size:13px;
	padding:3px 0;
}
#content h2.sectionTitle , #content h2.blogTitle {
	font-size:30px;
	line-height:28px;
	text-transform:uppercase;
	color:#1b75bc;
	margin-bottom:3px;
/*	margin:0;
	padding:0;*/
}
#comment_form h3 {
	margin-bottom:10px;
}
#sideCar h3.imgTitle {
	margin-bottom:9px;
}

/** Begin: Forms
****************************/
input {
	border:0;
}
textarea.text {
	border:5px solid #ddd;
	padding:2px 2px;
	font:11px Georgia, "Times New Roman", serif;
	font-style:italic;
	color:#666666;
}
input.text {
	border:5px solid #ddd;
	padding:2px 2px;
	font:11px Georgia, "Times New Roman", serif;
	font-style:italic;
	color:#666666;
}
.checkboxCont {
	width:75%;
}
.checkboxCont input {
	float:left;
}
.checkboxCont label {
	display:block;
	margin-left:18px;
}
#bestBashContestForm .checkboxCont input {
	margin-top:4px;
}
#bestBashContestForm .checkboxCont label {
	font-weight:normal;
	padding-top:5px;
}
.contentBlock input.text {
	width:190px;
}
input.submitBtn {
	display:block;
	text-indent:-4000px;
	background:#000 url(/images/buttons/submit_btn.gif) no-repeat 0 0;
	width:275px;
	height:37px;
}
#subscribeForm input.submitBtn {
	clear:both;
}
#newsletterSubmit {
	position:absolute;
	bottom:10px;
	left:-5px;
	z-index:10;
}
#siteSearch {
	position:absolute;
	right:-20px;
	bottom:4px;
}
#siteSearch label {
	display:none;
}
#submitBtn {
	display:block;
	border:0;
	text-indent:-4000px;
	background:#000 url(/images/buttons/site_search_submit.gif) no-repeat 0 0;
	width:157px;
	height:26px;
	overflow:hidden;
	color:transparent;
}
#subscribeForm, #volunteerForm, #advertiseForm, #bestBashContestForm {
/*	width:250px;*/
	margin-bottom:12px;
	overflow:auto;
}
#subscribeForm input.text, #advertiseForm input.text, #volunteerForm input.text, #bestBashContestForm input.text {
	margin-bottom:7px;
	width:230px;
}
#subscribeForm .row .floatLeft {
	margin-left:7px;
}
#subscribeForm #state {
	margin-top:4px;
}
#zipcodeControl {
	margin-left:70px;
}
#zipcodeControl input.text {
	width:130px;
}
/*#advertiseForm, #bestBashContestForm {
	margin-bottom:12px;
	overflow:auto;
}*/
#advertiseForm .doubleRow, #bestBashContestForm .doubleRow {
	float:left;
	margin-right:10px;
/*	width:40%;*/
}
/*#advertiseForm input.text {
	width:250px;
}*/
#comment_form {
	margin:10px 0;
}
#comment_form label {
	padding:0 0 2px 0;
	font-weight:normal;
	display:block;
}
#comment_form input.text {
	width:300px;
}
#commentText {
	border:5px solid #ddd;
	padding:2px;
	width:440px;
}
#comment_form .checkboxLabel {
	display:inline;
}

/** Begin: Subscribe Page
****************************/
#subscribeLayout #content h2.callout {
	padding-bottom:12px;
}
.orange {
	color: #f7941d !important;
}
#subscribeInfoCont {
	float:right;
	padding:15px 25px 15px 0;
	width:475px;
}
#subscribeInfoCont .imgBorder {
	float:left;
	margin:0 10px 12px 0;
}
#subscribeInfoCont h3, #subscribeInfoCont h4, #colA #subscribeInfoCont p {
	padding-left:3px;
}
#colA #subscribeInfoCont p {
	width:auto;
	font-size:12px;
}
#subscribeInfoCont h3 {
	clear:both;
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	padding:12px 0 12px 3px;
}
#subscribeInfoCont h4 {
	font-size:16px;
	line-height:20px;
	padding-bottom:6px;
}

/** Begin: Generic Classes
****************************/
.note {
	font-style:italic;
	font-size:11px;
}
.row {
	clear:both;
}
#subscribeForm .row {
	clear:none;
	float:left;
	margin-right:10px;
}
.row, .doubleRow {
	padding-bottom:10px;
}
.formRow {
	padding-bottom:10px;
}
.label {
	font-weight:bold;
}
.callout, #content h2.callout, #content h3.callout {
	font-size:16px;
	font-weight:bold;
	line-height:21px;
	color:#f7941d;
}
.required {
	color:#f7941d;
}
.imgBorder {
	border:5px solid #ddd;
/*	margin-bottom:20px;*/
}
.btnCont {
	background:#000 url(/images/ico_plus.gif) no-repeat right top;
	text-align:right;
	padding:7px 8px 19px 0;
	width:267px;
}
.floatLeft {
	float:left;
}
img.floatLeft {
	margin:0 7px 7px 0;
}
.floatRight {
	float:right;
}
.bold {
	font-weight:bold;
}
.uppercase {
	text-transform:uppercase;
}
.clear {
	clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}
.oddRow {
/*	padding:0 5px;*/
	background-color:#f0f0f0;
}
.evenRow {
/*	padding:0 5px;*/
	background-color:#fff;
}
.hide {
	display:none;
}
.sideAd {
	margin-bottom:10px;
}

.vol1800-search-box, .vol1800-narrow-box {
	border:0 !important;
}



/* ----- BLOGS ----- */

.entry, .entry-img {margin:0.5em 0;padding:0.5em 0;border-top:1px dotted #ddd;font-family:helvetica,arial,verdana,sans-serif;}
.entry p, .block p, .bio p {font-family:helvetica,arial,verdana,sans-serif;line-height:150%;}
.entry p, .block p, .bio p {margin:0;padding:0 0 0.9em 0;color:#444;}
.entry-img .entry {float:right;width:360px;border:none;margin:0;padding:0;}
.entry-img img {float:left;margin-top:5px;}

.postCont p{font-family:helvetica,arial,verdana,sans-serif;line-height:150%;}
.postCont p {margin:0;padding:0 0 0.9em 0;color:#333;}

.entry h3, .entry h3 a {font-size:16px;font-weight:bold;}
.entry h3 a {color:#222;}
.entry h3 a:hover {color:#F7941D;}

.block p {padding:0 0 0.3em 0;}
.divider {color:#bbb;}

.bio,
.bio p {font-size:10.5px;}
#content .bio h3 {padding-bottom:0.3em;font-size:12px;font-weight:bold;}
.bio img.photo {display:block; width:80px; margin-right:12px; float:left;}


.in {padding:10px;}

.main {
	padding:10px 5px 15px 15px;
	width:474px;
	float:left;
	margin-right:12px
}
.sidebar {
	float:left;
	width:310px;
}
.main {
	background-color:#fff;
	border:5px solid #ddd;
}
.sidebar .block {
	background-color:#fff;
	border:5px solid #ddd;
	margin:0 0 10px 0;
	padding:0;
}
.block .entry {margin:0.2em 0;padding:0.2em 0;}
.block .entry h3 {font-size:14px;font-weight:bold;}
.block .entry h3, .block .entry h3 a {font-size:14px;font-weight:bold;}

.leaderboard {margin:0 0 15px 0;text-align:center;}


/* -----  NAVIGATION  ----- */
.horiz {
list-style:none;
line-height:1;
margin:0;
padding:0;
}
.horiz li {
border-left:1px solid #ddd;
float:left;
padding:0 0.5em;
margin:0;
}
.horiz li:first-child,
.horiz li.first {border-left:1px solid #ddd;}

#nav li,
#nav li:first-child,
#nav li.first {border-left:none;}

#nav {font:14px/1 arial,sans-serif;}
#nav a {border-left:1px solid #ddd;}
#nav li:first-child a {border-left:none;}
#nav li:last-child {border-right:1px solid #eee;}
#nav,
#nav li {
padding:0;
margin:0;
}
#nav a {
display:block;
padding:4px 12px 6px;
}
#nav a,#nav a:link,#nav a:visited {text-decoration:none;}
#navbg, #nav li, #nav li:last-child {border-color:#e4e4e4;}
#nav a:hover {background:#9ECCF0;color:#fff}


.scrollable {
	position:relative;
	overflow:hidden;
background:#fff;
border:5px solid #ddd;
width:670px;
height:390px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.items div {
	float:left;
	width:640px;
	padding:12px 15px;
}
.items img {
	width: 640px;
	margin-bottom:10px;
}
.items h2 {
font-size:32px;
line-height:100%;
font-family:Georgia, "Times New Roman", serif;
font-weight:normal;
}
.items p {
	margin:5px 0;
	padding:0;
}
.items p {
	font-family: helvetica,arial,verdana,sans-serif;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/themes/site_themes/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/themes/site_themes/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}