/* global */

body {
	width: 960px;
	margin: 0 auto;
	background: #d8d8a7;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 1.000em;
	color: #666;
	text-align: center;
}

img { border: 0; }

a:link { color: #cc6633; text-decoration: none; }
a:visited { color: #cc6633; text-decoration: none; }
a:active { color: #cc6633; text-decoration: none; }
a:hover { color: #cc6633; text-decoration: underline; }

a.primary { font-weight: bold; }

p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 90%;
}

/* h */

h1, h2, h3, h4, h5 { margin: 0 0 10px 0; padding: 0; }

/* iepngfix.htc; all pngs */

img.bullet,
img.logo,
img.nav, 
img.Calendar, 
img.Community, 
img.FeaturedEvents, 
img.PetOfTheWeek, 
img.PrivacyPolicy, 
img.RecentNews, 
img.SantaCruzCounty, 
img.SantaCruzCounty-sub, 
img.TubacNews, 
img.UpcomingEvents, 
img.Weather { behavior: url('iepngfix.htc'); }

/* headings, sub-headings */

img.Calendar { width: 155px; height: 22px; }
img.Classifieds { width: 176px; height: 22px; }
img.Community { width: 189px; height: 22px; }
img.FeaturedEvents { width: 199px; height: 17px; }
img.RecentNews { width: 201px; height: 22px; }
img.PetOfTheWeek { width: 190px; height: 17px; }
img.PrivacyPolicy { width: 234px; height: 22px; }
img.SantaCruzCounty { width: 312px; height: 22px; } 
img.SantaCruzCounty-sub { width: 134px; height: 36px; } 
img.TubacNews { width: 183px; height: 22px; } 
img.UpcomingEvents { width: 210px; height: 17px; }
img.Weather { width: 106px; height: 16px; }

/* header */

#header {
	width: 960px;
	height: 115px;
	margin: 0 auto 10px auto;
	text-align: left;
}

#header img.logo {
	float: left;
	width: 276px;
	height: 69px;
	margin: 22px 0 0 11px;
}

#subscribe {
	float: right;
	margin: 25px 0 0 0;
	font-size: 80%;
	color: #747544;
}

#subscribe input.text {
	width: 175px;
	color: #999;
}

ul.nav {
	clear: both;
	position: relative;
	top: 0;
	padding: 15px 0 0 0;
	*padding: 0; /* IE6-7 */
	_padding: 15px 0 0 0; /* IE6 */
	font-family: Charlemagne Std, Georgia, Times New Roman, Times, serif;
	color: #8b4933;
	font-weight: bold;
	text-align: right;
}

ul.nav li {
	display: inline;
	list-style-type: none;
	padding: 0;
	font-size: 90%;
}

ul.nav li.bullet {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

a.nav:link { color: #8b4933; text-decoration: none; }
a.nav:visited { color: #8b4933; text-decoration: none; }
a.nav:active { color: #8b4933; text-decoration: none; }
a.nav:hover { color: #8b4933; text-decoration: none; }

/* content */

#content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* layout */

#container {
	float: left;
	margin: 10px 0 0 0;
	_margin: 0; /* IE6 */
	width: 455px;
	border-left: 190px solid #fbf8cd;
	border-right: 315px solid #fff;
	_border-right: 42px;
	background: #fff;
}

#primary {
	float: left;
	width: 455px;
	min-height: 300px;
	margin: 0 -455px 10px 0;
	padding: 20px 0 0 27px;
	_padding-top: 45px;
	padding-bottom: 0;
}

#secondary {
	position: relative; /* ? */
	float: left;
	width: 190px;
	margin: 0 0 0 -217px;
	_margin-top: -86px; /* IE6 */
	padding: 15px;
}

#tertiary {
	position: relative; /* ? */
	float: right;
	width: 315px;
	margin-right: -315px;
	padding: 35px 0 15px 0;
}

/* layout; calendar */

#calendar {
	float: left;
	margin: 10px 0 0 0;
	_margin: 0; /* IE6 */
	width: 770px;
	border-left: 190px solid #fbf8cd;
	_border-right: 420px;
	background: #fff;
}

#calendar #secondary {
	_margin: -86px 0 0 -495px;
}

div.test {
	width: 730px;
	margin: 25px 0 0 0;
	*margin: 50px 0 0 0; /* IE7 */
	_margin: 25px 0 0 0; /* IE6 */
	padding: 0;
} /* temporary until drupal */

div.addYourEvent {
	float: right;
	margin: -50px 0 0 0;
	font-size: 90%;
}

table.calendar {
	width: 100%;
	_width: 600px;
	margin: 0 0 10px 0;
	background: #cccc98;
	font-size: 80%;
	color: #8b4933;	
}

table.calendar th {
	width: 14.29%;
	background: #fbf8cd;
	font-weight: normal;
	text-align: center;
}

table.calendar td {
	background: #fff;
	text-align: right;
	vertical-align: top;
}

table.calendar td.day {
	height: 55px;
	background: #fff;
	text-align: right;
}

table.calendar td p {
	margin: 10px 0;
	padding: 0;
	font-size: 90%;
	color: #666;
	text-align: left;
}

table.calendar td.month {
	background: #cccc98;
	font-weight: bold;
	text-align: center;
}

table.calendar td.previous, 
table.calendar td.next {
	background: #cccc98;
	font-weight: normal;
}

table.calendar td.previous {
	text-align: left;
}

div.mini-cal div.event {
	background: #fff;
}

div.mini-cal div.event h4 {
	margin: 0;
	padding: 10px 10px 0 10px;
	font-size: 80%;
}

div.mini-cal div.event p {
	margin: 0;
	padding: 0 10px 10px;
	font-size: 80%;
}

/* weather */

div.weather {
	width: 160px;
	margin: -90px 0 0 0;
	_margin: 0; /* IE6 */
	background: #cccd9a;
}

div.weather img {
	padding: 10px 10px 5px 10px;
}

div.weather p {
	margin: 5px 0 0 0;
	background: #fff;
	padding: 10px;
}

div.weather div.feed {
	margin: 5px 0 0 0;
}

/* Santa Cruz County */

div.SantaCruzCounty {
	width: 160px;
	margin: 23px 0 0 0;
}

div.SantaCruzCounty p.details {
	width: 160px;
	margin: 5px 0 0 0;
	padding: 10px 0;
}

div.SantaCruzCounty p.details {
	border-top: 1px dotted #80814e;
}

/* leaderboard */

div.leaderboard {
	position: relative;
	top: 19px;
	left: 27px;
}

div.leaderboard-secondary {
	clear: both;
	position: relative;
}

#news div.leaderboard-secondary {
	margin: 0 0 15px 27px;
	
}

#calendar div.leaderboard {
	position: relative;
	top: 19px;
	left: 0;
	padding: 0 0 0 27px;
}

img.leaderboard {
	width: 728px;
	height: 90px;
}

/* feature */

div.feature {
	width: 398px;
	_width: 390px; /* IE6 */
	margin: 25px 0 0 0;
	*margin: 50px 0 0 0; /* IE7 */
	_margin: 25px 0 0 0; /* IE6 */
	padding: 0;
}

div.feature h4 {
	padding: 10px 0 0 0;
	line-height: 1.25em;
}

div.feature p {
	padding: 0;
	line-height: 1.25em;
}

div.heading {
	width: 398px;
	margin: 0 0 20px 0;
	border-bottom: 3px solid #80814e;
	padding: 0 0 5px 0;
}

#calendar div.heading {
	width: 728px;
	border-bottom: 3px solid #80814e;
	padding: 0 0 5px 0;
}

div.parent {
	width: 398px;
	border-bottom: 3px solid #80814e;
	margin: 5px 0;
	padding: 15px 0;
}

div.story {
	width: 368px;
	margin: 0 0 20px 0;
	background: #fbf8cd;
	padding: 15px;
}

div.story p {
	margin: 0 0 7px 0;
}

div.headline {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #80814e;
	padding: 0 0 5px 0;
}

div.headline p {
	margin: 0 0 7px 0;
}

p.date, p.source {
	font-size: 80%;
}

div.entry {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #80814e;
	padding: 0 0 10px 0;
	font-size: 90%;
}

div.entry h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 130%;
}

div.entry div.lastUpdated {
	margin: 10px 0 0 0;
	font-size: 70%;
	font-weight: normal;
}

div.other-items {
	width: 398px;
	margin: 10px 0 0 0;
	border-top: 3px solid #80814e;
	border-bottom: 3px solid #80814e;
	font-size: 90%;
}

div.other-items ul {
	margin: 10px 0 10px 15px;
	padding: 0;
}

div.other-items ul li {
	border-bottom: 1px dotted #80814e;
	padding: 5px 0;
}

div.other-items ul li.last {
	border: 0;
}

/* mini-cal */

div.mini-cal {
	width: 280px;
	margin: 0 0 20px 0;
	padding: 010px;
	background: #cccd9a;
}

/* medium-rectangle */

div.medium-rectangle {
	margin: 0 0 15px 0;
}

div.medium-rectangle-primary {
	margin: 15px 0;
}

img.medium-rectangle {
	width: 300px;
	height: 250px;
}

/* PetOfTheWeek */

div.PetOfTheWeek {
	width: 264px;
	margin: 0 0 20px 0;
	padding: 15px;
	border: 3px solid #d8d9a6;
	background: #fcfcf9;
}

div.PetOfTheWeek img.pet {
	float: left;
	width: 119px;
	height: 119px;
	margin: 0 10px 10px 0;
	border: 1px solid #6d6667;
}

div.PetOfTheWeek p {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 80%;
}

div.PetOfTheWeek p.pet {
	clear: none;
	font-size: 80%;
}

/* divider */

div.divider {
	margin: 10px 0 15px 0;
	border-bottom: 1px dotted #80814e;
}

/* Community */

h5 {
	margin: 20px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0;
	font-weight: normal;
}

ul.anchor {
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.anchor li {
	display: inline;
	list-style-type: none;
	font-size: 80%;
}

a.backToTop { font-size: 80%; }

table.entry {
	width: 100%;
	margin: 10px 0 0 0;
}

table.entry h4 {
	margin: 0;
	padding: 0;
}

table.entry td {
	padding: 0 10px 0 0;
	vertical-align: top;
}

table.entry td.logo {
	text-align: right;
}

/* classifieds */

span.utility {
	position: relative;
	top: -2px;
	left: 135px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 90%;
}

/* ads */

img.button_1 {
	width: 120px;
	height: 90px;
}

#calendar div.medium-rectangle {
	margin: 10px 0 0 0;
}

#calendar div.skyscraper {
	z-index: 1000;
	margin: -90px 0 0 2px;
}

img.skyscraper {
	width: 120px;
	height: 600px;
}

img.wide-skyscraper {
	width: 160px;
	height: 600px;
}


#secondary img.wide-skyscraper {
	margin: 0 0 15px 0;
}



/* legal */

#legal {
	float: left;
	margin: 10px 0 0 0;
	_margin: 0; /* IE6 */
	width: 770px;
	border-left: 190px solid #fbf8cd;
	_border-right: 42px;
	background: #fff;
}

div.legal {
	width: 600px;
	margin: 25px 0 0 0;
	padding: 0;
}

div.legal p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.25em;
}

div.legal p.heading {
	margin: 0 0 10px 0;
	font-weight: bold;
}

/* footer */

#footer {
	clear: both;
	width: 960px;
	margin: 10px auto;
	padding: 10px 0 0 0;
	_padding-bottom: 10px; /* IE 6 */
	font-size: 80%;
	color: #666;
	line-height: 1.500em;
}

a.footer {
	color: #cc6633;
}