/*
--------------------------------------------------
Smithcapades.com GLOBAL STYLES
Last revised 11 June 2007
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------
#D1B934; lt mustardish

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/

:link, :visited { text-decoration: none }

ul, ol	{ list-style: none }

h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }

body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }

a img, :link img, :visited img { border: none }

address { font-style: normal }


/*
--------------------------------------------------
DEFAUTL HTML ELEMENTS
--------------------------------------------------
This section concerns generalizations and common elements
*/

body	{
		color:  #6b4f34; /*dkr tan olive #753219; clay orange #C6C17D; lt tan OLD grey #666;*/
		font-size: 14px; 
		line-height: 1.5em;
		font-family: Georgia, Times, serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 66em;/*approx 924px @14px*/ /* Win IE ignores this */
		background-color: #F5F5dc; /*lt peach OLD GREY #999;*/

		}

/* Links */
a		{
		color: #AA372A; /* dk reddish */
		text-decoration: none;
		}
a:focus {
		outline: none;
		-moz-outline: none; /* Mozilla-specific CSS -- will not validate */
		}
a:hover {
		color: #ffa700;/* brighter orangish mustard */
		border-bottom: 1px dotted #ffa700;/* lt mustardish*/
		}
a:active {
		color: #ccc;
		border-bottom: 1px dotted #ccc;
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		font-family: "Arial Narrow", Arial, sans-serif;
		text-transform: uppercase;
		}

h1		{
		color: #3E1E7A;/*brtr lavender #4C7F00; frog green #7F6600; drk olive tan OLD Olive #808000; Ltr Olive #AA372A;  dk reddish #AA372A;  dk reddish  OLD BLUE #4169e1;*/
		font-weight: normal;
		font-size: 28px;
		line-height: .75;
		text-transform: none;
		margin: .5em auto;
		}
h2		{
		color: #ae5000;/*bright sun orange#7a5000; yellow brown sand #ba7113; orangish red OLD #666; grey*/
		font-size: 18px;
		line-height: 1.1667;
		margin: 1.25em auto .75em;
		}
h3		{
		color: #4f3700; /*dkr olive 666600; dk olive yellow OLD BLUE #000080;*/
		font-size: 16px;
		line-height: 1.3125;
		margin: .75em auto .375em;
		}
h4		{
		color: #add8e6;
		font-size: 14px;
		line-height: 1.5;
		margin: .75em auto;
		}
h5		{
		color: #b0c4de;
		font-size: 14px;
		line-height: 1.5;
		margin: .75em auto;
		}
h6		{
		color: #999;
		font-size: 14px;
		line-height: 1.5;
		text-transform: uppercase;
		margin: .375em auto;
		}

/* Lists */
ol		{
		list-style-type: decimal;
		}
ul ul, ol ol, ol ul { /* nested lists */
		margin-left: 1.5em;
		}
ul li p {
		margin-bottom: .75em;
		}

blockquote {
		font-style: italic;
		padding: 0 2em .75em;
		}
p		{
		margin-bottom: .75em;
		}


/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/

#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 66em;/*approx 924px @14px previously 800px*/
		margin: 0 auto; /* standard CSS horizontal centering */
		padding: 0;
		
		}
#container {
		line-height: 1.275;
		text-align: left;
		margin: 0;
		background: #fff /*url(../images/background4ie_924_701x223.png) repeat-y; *//* faux column background image */
		}
		
#banner { /* grouping for logo and navigation */
		width: 66em;/*approx 924px previously 800px;*/
		height: 150px;
		position: relative;
		border-bottom: 3px solid #888;
		background: #888 url(../images/banner_924x150.png) no-repeat;
		}

/* Content areas */

/* Image gallery */
#gallery {
		width: 66em;/*approx 924px previously 800px;*/
		height: 315px;
		padding-top: 10px;
		background: #fff; /* covers up faux-column background of container */
		}
#gallery h3 {
		margin-left: 20px;
		}
#gallery li	{
		float: left;
		margin: 5px 0;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;

		}
#gallery li.first {
		margin-left: 22px;
		border-left: 1px solid #ccc;
		}
#gallery li p {
		color: #ad662a; /*dk tannish */
		font: bold 12px "Arial Narrow", Arial, sans-serif;
		line-height: 1.3125;
		text-transform: uppercase;
		margin: 10px 10px 5px;
		}
#gallery li img {
		width: 175px;
		height: 200px;
		margin: 6px 21px;
		border: 1px solid #ccc;

		}

#content {
		width: 47em;
		float: left;
		padding: 0 1.5em .75em;
		/*background: #fff;*/
		background: #fff url(../images/map_924w.png) repeat-y;
		}
#content h3 {
		margin-top: 1.25em;
		}

/* Bird's-Eye View (overview section) */
h2#global {
		color: #3E1E7A;/*brtr eggplant OLD WHITE #fff;*/
		line-height: 1.6em;
		text-align: center;
		width: 36.5em; /*50em width with 1em padding each side; based on 47em with padding 1.5 on content area; orig 676px;*/
		margin: 1em 0 0;
		background: #c9c5d0; /*lt lavender*/
		}

#content div.column {/*divide up 50em among 3 with padding calcs*/
		font-size: 14px;
		line-height: 1.5;
		width: 13.66em; /*based on 50em /3 = 16.6 - 1.2 x 6 padding = 14.26em - .6em=13.66em; orig 200px;*/
		min-height: 400px;
		float: left;
		margin: 1.2em .5em; /*25px 10px;*/
		padding: 0 0.6em 1em 0;
		border-right: 1px solid #ccc;
		}
#content div.rightmost {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
		}
#content div.column h3 {
		margin: 10px 0 0 15px;
		}


/* Sidebar */
#sidebar { /* total width 224px */
		font-family: "Arial Narrow", Helvetica, sans-serif;
		font-size: 14px;
		line-height: 1.5;
		width: 13em;
		float: right;
		padding: 0 1.5em;
		background: url(../images/water_250w.png) repeat-y; 
		}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #AA372A; /* dk reddish OLD BLUE #000080;*/
		font-family: "Arial Narrow", Arial, sans-serif;
		}
#sidebar a:link, #sidebar a:visited {
		color: #ad662a; /*dk tannish */
		}
#sidebar a:hover {
		color: #AA372A; /* dk reddish OLD BLUE: #000080;*/
		font-style: italic;
		border-bottom: 1px dotted #AA372A; /* dk reddish*/
		}

/* Del.icio.us sections */
#sidebar #delicious {
		padding: 1em 1em 0;
		border: 1px solid #ccc;
		background: #f2ebc6; /*even ltr mustard OLD #eee;*/
		}
#sidebar #delicious h3 {
		margin-top: 0;
		}
#sidebar #delicious li, #delicious p {
		font-size: 11px;
		line-height: 1.90909;
		}
#sidebar #deliciousTags h3 {
		margin-left: 0;
		}

/* Footer */
#footer {
		color: #eee;
		font-size: 0.85em;
		font-family: "Helvetica Neue", Helvetica, sans-serif;
		clear: both;
		padding-top: 1em;
		list-style: none;
		}
#footer li {
		padding: 5px;
		display: inline;
		background: url(../images/pipe.gif) no-repeat right 5px;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.right {
		float: right;
		margin-top: -5px;
		padding-right: 0;
		background: none;
		}
#footer a, #footer a:link, #footer a:visited {
		color: #eee;
		}
#footer a:hover {
		color: #b0e0e6;
		border-bottom: 1px dotted #b0e0e6;
		}
#footer a:active {
		color: #000080;
		border-bottom: 1px dotted #000080;
		}

/* Utility elements */
#clearance {
		line-height: 20px;
		clear: both;
		background: url(../images/background4ie_924_701x223.png) repeat-y right;
                 }
		/*(../images/background.gif); NOT SURE IF THIS IS NECESSARY COULD NOT FIND ORIG BACKGROUND GIF, SO DON'T KNOW WHAT IT WAS*/
		/*using class clearance, as otherwise footer goes into container on ie*/
.clearance {
		height: 0;
		clear: both;
		}

/*
--------------------------------------------------
NAVIGATION
--------------------------------------------------
*/		
#nav	{
		font: bold 12px/1.75 Verdana, Arial, sans-serif;
		float: left;
		margin-top: 117px;
		padding: 0;
		list-style: none;
		}
#nav li {
		float: left;
		}
#nav a {
		text-align: center;
		text-transform: lowercase;
		float: left;
		padding: .4375em 1em;
		border-bottom: none;
		border-top: 1px solid #999;
		border-right: 1px solid #999;
		background: #D1B934;/* lt mustardish SIDEBAR */
		}
#nav a:link, #nav a:visited {
		color: #ad662a; /*dk tannish OLD GREY #999;*/
		border-bottom: none;
		}
#nav a:hover {
		color: #4f3700; /*dkr olive OLD BLUE #191970;*/
		background: #f8f8ff;
		border-bottom: 3px solid #fff;
		}
#nav a:active {
		color: #b0c4de;
		background: #fff;
		border-bottom: 3px solid #fff;
		}
#nav a.selected {
		color: #3E1E7A !important;
		border-bottom: 3px solid #fff;
		background: #fff !important
		}
		
#subnav	{
		font: bold 10px/2.1 Verdana, sans-serif;
		float: left;
		margin: 0 0 2.1em;
		list-style: none;
		background: #c9c5d0; /*lt lavender OLD SLATE GREY #ccc;*/
		}
#subnav li {
		float: left;
		padding: .525em 0;
		}
#subnav a {
		text-decoration: none;
		text-align: center;
		text-transform: lowercase;
		float: left;
		padding: 0 1em;
		border-bottom: none;
		background: #c9c5d0; /*lt lavender OLD SLATE GREY #ccc;*/
		}
#subnav a:link, #subnav a:visited {
		color: #fff;
		}
#subnav a:hover {
		color: #ad662a; /*dk tannish OLD DRK SOMETHING #333;*/
		}
#subnav a:active {
		color: #000080;
		}
#subnav a.selected {
		color: #AA372A; /* dk reddish #000080 OLD DK BLUE*/ !important;
		text-decoration: underline;
		}
		

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.clip	{
		overflow: hidden;
		}
.full	{
		overflow: auto;
		}
.invisible {
		visibility: hidden;
		}
.hidden {
		display: none;
		}
.center {
		text-align: center;
		}
.right	{
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.floatLeft {
		float: left;
		}
.floatRight {
		float: right;
		}
.leftPad {
		padding: 0 0 5px 10px;
		}
.rightPad {
		padding: 0 10px 5px 0;
		}
.trim	{
		margin: 0;
		padding: 0;
		}
.nudge	{
		margin-left: 5px;
		}
.first	{
		margin-top: 0;
		}
.last	{
		margin-bottom: 0;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.smaller {
		font-size: 0.9em;
		}
.dropcap {
		color: #3E1E7A;/*brtr lavender #ed6e00; OLD ORANGE*/
		font: 42px Times, Georgia, sans-serif;
		margin-top: -0.15em;
		padding-right: 0.1em;
		float: left;
		}
p.firstLine:first-line {
		text-transform: uppercase;
		}

/* Lists */
.plainList {
		font-size: 10px;
		margin: 0 0 10px 15px;
		}
.square {
		margin-left: 15px;
		list-style: square;
		}
.inlineList li {
		display: inline;
		}
.simpleList {
		font-size: 1em;
		margin-left: 15px;
		list-style: square;
		}

/* remove dotted underline from beneath images */
a.img:hover, a.img:active, #sidebar a.img:hover, #sidebar a.img:active { 
		border-bottom: none;
		}

/* Fix IE Win */
* html #container {
		background: url(../images/background4ie_924_701x223.png) repeat-y right;
		}
* html #nav {
		position: relative;
		top: 3px;
		}
* html #subnav {
		font: bold 11px Arial, sans-serif;
		}
* html #gallery li.first {
		margin-left: 10px;
		}
* html #content {
		width: 666px;
		}
* html #sidebar {

		width: 205px;/*187px;*/
		padding: 0;
		}
		
* html #sidebar #delicious {
		display: none;
		}	
* html #footer {
		font-size: 0.75em;
		}
* html #footer li.right {
		position: relative;
		top: -5px;
		}
* html .dropcap {
		
		}

/* Fix IE Mac */		
*>html #container {
		ba\ckground: #D1B934;/* lt mustardish SIDEBAR*/ url(../images/background4ie_924_701x223.png) repeat-y right;
		
		}
*>html #nav {
		po\sition: relative;
		to\p: 124px;
		}
*>html #gallery li	{
		wi\dth: 175px;
		}
*>html #gallery li img {
		wi\dth: 150px;
		}
*>html #gallery li.first {
		ma\rgin-left: 0px;
		}
*>html sidebar {
		wi\dth: 180px;
		}