/*******************************************************************************
 * Copyright (c) 2007 The Montecito Journal
 *
 * TERMS OF USE
 * By using this program, the user agrees to abide by the following terms:
 *
 * 1. The code in this script is provided "as is". The Montecito Journal will
 *    not be held responsible for any damages which may result from the
 *    execution of any code contained within this file.
 *
 * 2. This code may be modified to suit the specific needs of the user, but no
 *    part of the code, or any software derived from this code, may be sold -
 *    either as a stand-alone product or as a part of a larger product.
 *
 * 3. That is all! Enjoy working with the software, and good luck!
 *
 ******************************************************************************/
a.link { color:#0000CC; text-decoration:underline }
a.link:hover { color:#CC0033 }
a.replyIcon, a.emailIcon { padding:0 0 2px 22px; color:#003366; text-decoration:none }
a.replyIcon:hover, a.emailIcon:hover { color:#0033CC }
a.replyIcon { background:url(images/reply_icon.gif) no-repeat 0px 1px }
a.emailIcon { background:url(images/email_icon.gif) no-repeat 0px 1px }

br.clear { clear:both }
img.logo { position:absolute; left:230px; top:10px }
img.smallLogo { float:left; margin:20px 0 0 13px }
img.skyscraper { margin:20px 10px 0 0; float:right }
img.cover { margin-bottom:0; border:solid 1px #444 }
img.archiveCover { margin:0 1em 1em 0; border:solid 1px #444; float:left }

div.coverStory, div.feature { margin-top:8px; padding-bottom:8px; border-bottom:dotted 1px #aaa }
div.articleBody h2 { font-size:1.25em }
div.infoframe { padding:2px; border:solid 1px #aaa; background-color:white }
div.infobox { padding:7px; background-color:#f5f5f5 }
div.journal { margin:2em; padding-bottom:2em; width:400px; height:200px; float:left }
div.journal img { margin-right:1em; float:left; border:solid 1px #444 }
div.writer,div.realtor { margin:2em 0; padding-bottom:2em; width:400px; border-bottom:dotted 1px #aaa }
div.writer img,div.realtor img { margin-right:1em; float:left; border:solid 1px #444 }
div.articleImage { width:350px}
div.articleImage img { border:solid 1px #444 }
div.articleAd { margin:2em 0 }
div.boxFrame {
	margin:0 auto;
	padding:0.7em 0.5em 0em 0.5em;
	border:solid 1px #444; background-color:#ddd;
}
div.shadow1 { background:url(images/shadow-left.gif) left bottom no-repeat white }
div.shadow2 { background:url(images/shadow-right.gif) right bottom no-repeat }
div.shadow3 { background:url(images/shadow-top-left.gif) left top no-repeat }
div.shadow4 { background:url(images/shadow-top-right.gif) right top no-repeat }
div.boxFrame, div.shadow1, div.shadow2, div.shadow3, div.shadow4 { width:40em }

div.content {
	margin:0 5px 5px 5px;
	padding:1em;
	background:url(images/top-fade.gif) repeat-x;
}
		
p.caption { margin-top:0; font-style:italic; text-align:right }

h1.pageOne {
	padding:0.3em 0;
	font-size:2em;
	text-align:left;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	/*line-height:2.5em;	/* SHOULD FIX PAGE ONE PROBLEM */
}

h2.pageOne {
	padding:0.3em 0;
	font-size:1.75em;
	color:#444;
	text-align:left;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
}

/* LISTS */
ul.square { margin:0 0 0 2em; padding:0; list-style-type:square }

ul.pipeList li { display:inline; padding:0 0.1em 0 0.5em; background:url(images/pipe.gif) no-repeat left center }
ul.pipeList li.first { padding:0 0.2em 0 0; background:none }
ul.spaceList li { display:inline; padding:0 0.1em 0 0.5em }
ul.spaceList li.first { padding:0 0.2em 0 0; background:none }

ul.siteNav {
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

ul.siteNav li { float:left; margin-top:0.2em; padding:1em }

ul.siteNav li a {
	padding:0.5em 0.5em 0.2em 0.7em;
	font-weight:bold;
	color:#efefef;
	text-transform:capitalize;
	text-decoration:none
}

ul.siteNav li a:hover {
	color:white;
	text-decoration:underline
}

ul.searchResults { margin-left:20px; list-style-type:decimal }
ul.searchResults li { margin-bottom:2em }