/* Here lies...most of the variable content - two-column space on home & contact defined at 2column.css, a few tweaks for gallery/carousel pages at lightbox.css, tweaks for blogs at weblogs.css. 
----------------------------------------------- */

/* text, variant-text
----------------------------------------------- */

.first-para {
	text-align: left;
	margin:0; /* margins will break dialog box backgrounds, leaving whitespace. */
	padding:1.6em 35px 1.3em 35px;
	}

p {
	margin:0; /* margins will break dialog box backgrounds, leaving whitespace. */
	padding: 0 35px 1.3em 35px;
	}

/* Headings 
----------------------------------------------- */
/* h1:Gallery Titles */
h1 {
	font-size: 22px;
	line-height: 28px;
	text-align: left;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: .08em;
	color: #c60;
	border: 0;
	margin: 0;
	padding: 4px 8px;
	}

/* h2:Blog Titles */
h2 {
	font-size: 22px;
	line-height: 28px;
	text-align: left;
	font-weight: normal;
	font-variant:small-caps;
	letter-spacing: .1em;
	color: #c60;
	margin:0;
	padding: 4px 8px;
	}

/* h3: index and contact page headers, blog-post sub-headers */
h3 {
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
	letter-spacing: .03em;
	color: #c60;
	margin:0;
	padding: 4px 8px;
	}

/* h4:Blog sidebar */
h4 {
	font:78%/1.4em Verdana, Arial ,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#666;
	margin:1.5em 0 .5em;
	}

/* h5:Blog sidebar sub-header */
h5 {
	font:78%/1.4em  Verdana, Arial ,Sans-serif;
	text-transform: none;
	color:#666;
	margin:1.5em 0 .5em;
	}

/* 4 List types, set to left align, dropcap, clearer 
----------------------------------------------- */

/* ul with graphic bullet in li  */
ul {
	list-style-type: none;
	padding: 0;
	margin: .3em 0 1.3em 0;
	}

ul li {
	background-image: url(images-site/list_bullet.gif);
	background-repeat: no-repeat;
	background-position: .2em .8em;
	line-height: 1.3em;
	padding: .35em 0 .35em 2em;
	margin:0;
	text-indent:-.8em;
	}

ol {
	padding: 0;
	margin: .3em 0 1.3em 2.6em;
	}

li {
	margin:0;
	padding: .35em 0 .35em .8em;
	text-indent:-.8em;
	line-height: 1.3em;
	}

/* ul class .nobullet  */
.nobullet {
	list-style-type: none;
	padding: 0;
	margin: .3em 0 1.3em 0;
	}

.nobullet li {
	background-image:none;
	margin:0;
	padding: .35em 0 .35em .8em;
	text-indent:-.8em;
	line-height: 1.3em;
	}

/* definition list  */
dl {
	padding: 0;
	margin: .3em 0 1.3em .8em;
	}

dt {
	margin:0;
	padding: .35em 0 .35em .8em;
	text-indent:-.8em;
	line-height: 1.3em;
	}

dd {
	margin:0;
	padding: .2em 0 .35em 2em;
	text-indent:-.8em;
	line-height: 1.3em;
	}

.dropcap {
	float:left;
	color:#930;
	font-size:42px;
	line-height:84%;
	margin-left:-2px;
	padding:0px 5px 0 0;
	}

.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	}

/* Photos
----------------------------------------------- */

img {
	background: #fefefe;
	border: 1px solid #decfb2;
	margin: 0; 
	padding: 2px;
	}

/* taglines for photos outside lightbox.  */

.photo-tagline, #FrogJSCredit {
	font:11px  Verdana, Arial ,Sans-serif;
	font-size:11px;
	line-height: 1.0em;
	text-align: right;
	color:#333;
	margin: 0;
	padding: 0;
	}

/* lose them eric?  */
.right {
	float: right;
	background: gray;
	border: 0;
	margin: 0; 
	padding: 3px;
	}

.left {
	float: left; 
	background: none;
	border: 0;
	margin: 0; 
	padding: 3px;
	}