@charset "utf-8";
/* CSS Document */

										/** BODY & FONT STYLING **/
*{
	margin:				0;
	padding:			0;
	color:				#717171;
	list-style:			none;
	text-decoration:	none;
	font-family:		Georgia, "Times New Roman", Times, serif;
}
body{
font-size:			1em;
line-height:		1.4em;

}

/* stop Firefox jumping left and right depending on length of page */

	HTML {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

a:link {
color:#fff;
font-size:0.75em;
padding:1px 3px;
border: solid #96a28a 1px;
}
a:visited {
font-size:0.75em;
color:#fff;
padding:1px 3px;
border: solid #96a28a 1px;
}
a:hover {
color:#4e673d;
background-color:#fff;
padding:1px 3px;
border: solid #000000 1px;
}

.other a:link {
color:#990000;
font-size:1.0em;
padding:0;
border:0;
}

.other a:visited {
color:#990000;
font-size:1.0em;
padding:0;
border:0;
}

.other a:hover {
	color:#FF6600;
	font-size:1.0em;
	padding:0;
border:0;
}

.rssother a:link {
color:#990000;
font-size:0.9em;
padding:0;
border:0;
}

.rssother a:visited {
color:#990000;
font-size:0.9em;
padding:0;
border:0;
}

.rssother a:hover {
	background-color:#fff;
	color:#F90;
	font-size:0.9em;
	padding:0;
	border:0;
}
.pino a:link {
color:#717171;
font-size:1.0em;
padding:0;
border:0;
}

.pino a:visited {
color:#717171;
font-size:1.0em;
padding:0;
border:0;
}

.pino a:hover {
	color:#333333;
	font-size:1em;
	padding:0;
	border:0;
	background-color:#cdb09b;
}
.linkon {
background-color:#fff;
color:#4e673d;
font-size:0.75em;
padding:1px 3px;
border: solid #000000 1px;
}

.susanbox { 
margin: 0 auto;
width:352px;
height:80px;
margin-bottom:40px;
border: none; }

										/** HEADERS **/

h1{
	font-size:			1em;
	color:#eee;
	text-align:			left;
	visibility:			hidden;
	padding-bottom:		20px;
}
h2{
width:				75%;
float:				left;
font-size:			0.8em;
text-align:			left;
visibility:			hidden;
margin:				0 0 6px 0;
}
h3{
font-size:			1em;
padding:			6px 0 0;
margin:				0 0 15px 0;
}
h4{
font-size:			0.95em;
padding:			6px 0 0;
margin:				0 0 15px 0;
}



p{
margin-top:			0;
margin-bottom:		15px;
padding-top:		0;
clear:				both;
}

.susan {
	font-size:0.9em;
	width:460px;
	text-align:center;
}


										/** SIZE AND POSTION FOR CONTAINERS **/
#wrapper{
width:				885px;
margin-left:		75px;
padding:			0px;
/*border:				1px solid #000*/
}

#header {
width:885px;
height:97px;
margin-top:10px;
float:left;
}

#header-title {
width:250px;
height:97px;
float:left;

}

#header-date {
width:250px;
padding-top:55px;
padding-right:10px;
text-align:right;
font-size:0.9em;
float:right;
}

#main-banner-pic {
width:866px;
float:left;
border:#cecece solid 9px;
}

#nav-bar {
width:839px;
height:24px;
padding-top:5px;
padding-bottom:4px;
padding-left:19px;
margin-left:9px;
margin-right:9px;
margin-bottom:17px;
margin-top:16px;
border:#eee solid 3px;
background-color:#96a28a;
color:#FFFFFF;
float:left;
}

.nav-item {
padding:7px;
}

#content-wrapper {
width:861px;
font-size:			0.9em;
}

#content-left-col {
width:606px;
float:left;
}

#content-right-col {
width:220px;
height:auto;
float:right;
}

#content-left-wrap {
width:606px;
float:left;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-bottom:25px;
}

.image {
float:left;
padding: 5px 17px;
}

.image-left {
	padding-right:18px;
	padding-bottom:17px;
	margin-top:15px;
	float:left;
}

#main-story {
width:560px;
float:left;
padding-right:38px;
padding-left:19px;
}

.content-right {
width:220px;

padding-right:10px;
padding-left:25px;
margin-bottom:15px;

float:right;
}

.content-right-rss {
	position:relative;
	width:202px;
	font-size:0.8em;
	margin-right:23px;
	padding-right:7px;
	padding-left:3px;
	margin-bottom:15px;
	background-color:#fff;

	float:right;
	left: 10px;
	top: -46px;
}

.facetwit {
	position:relative;
	width:202px;
	height:44px;
	margin-right:5px;
	padding-right:5px;
	padding-left:23px;
	margin-bottom:15px;
	background-color:#fff;
	float:right;
	left: 10px;
	top: -46px;
}

#header-1 {
width:588px;
height:26px;
float:left;
padding-top:4px;
margin-bottom:25px;
padding-left:19px;
background-image:url(images/heading-bg-flat.gif);
/*background-color:#eee;*/
border-top:#ddd solid 1px;
border-bottom:#8a8a8a solid 1px;
}


#sub-story-wrap {
width:606px;
float:left;
margin-top:25px;
/* border-left:#ededed solid 1px;
border-right:#ededed solid 1px;
border-bottom:#ededed solid 1px;*/
padding-bottom:25px;
}

.header-subs-wrap {
width:606px;
float:left;
text-decoration: none;
}

.header-link a:link {
background-color:#d3d9cd;
color:#990000;
font-size:1.0em;
padding:0;
border:0;
}

.header-link a:visited {
background-color:#d3d9cd;
color:#990000;
font-size:1.0em;
padding:0;
border:0;
}

.header-link a:hover {
background-color:#d3d9cd;
	text-decoration: none;
	font-size:1.0em;
	padding:0;
border:0;
}

.header-subs1 {
width:270px;
height:20px;
float:left;
padding-top:4px;
padding-bottom:4px;
padding-left:19px;
background-image:url(images/heading-bg-flat.gif);
background-color:#eee;
border-top:#ddd solid 1px;
border-bottom:#8a8a8a solid 1px;
}

.header-subs2 {
width:270px;
height:20px;
float:right;
text-align:left;
padding-top:4px;
padding-bottom:4px;
padding-left:19px;
background-image:url(images/heading-bg-flat.gif);
background-color:#eee;
border-top:#ddd solid 1px;
border-bottom:#8a8a8a solid 1px;
}

#story-1 {
width:258px;
float:left;
padding-top:15px;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-left:19px;
padding-right:10px;
padding-bottom:15px;
}

#story-2 {
width:258px;
float:right;
padding-top:15px;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-left:19px;
padding-right:10px;
padding-bottom:15px;
}

#story-3 {
width:300px;
padding-left:19px;
}

#footer {
	width:854px;
	height:28px;
	padding-top:8px;
	padding-left:20px;
	margin-left:75px;
	margin-bottom:20px;
	float:left;
	clear:both;
	color:#FFF;
	font-size:0.8em;
	border:#eee solid 3px;
	background-color:#cdb09b;
}

.footer-left {
float:left;
padding-left:22px;
}

.footer-right {
float:right;
padding-right:22px;
}

/* Biog gallwery page */

#biog-content-left-wrap {
width:288px;
float:left;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-bottom:25px;
}

#biog-left-col {
width:300px;
float:left;
}

#biog-story {
width:250px;
margin-bottom:20px;
padding-left:15px;
padding-right:10px;
padding-top:40px;
}

#biog-right-col {
width:575px;
height:auto;
float:right;
}

.biog-gallery-right {
width:550px;
padding-right:10px;
padding-left:15px;
margin-bottom:15px;
float:right;
}

.biog-header-subs1 {
width:270px;
height:20px;
float:left;
padding-top:4px;
padding-bottom:4px;
padding-left:19px;
background-image:url(images/heading-bg-flat.gif);
background-color:#eee;
border-top:#ddd solid 1px;
border-bottom:#8a8a8a solid 1px;
}

#blog-feed {
padding-left:20px;
padding-right:20px;
}

.susan-logo {
padding-top:20px;
padding-bottom:20px;
}


.susan-main-image {
padding-bottom:20px;
}
#technique-wrapper {
width:874px;
float:left;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-bottom:25px;
}

#technique-header {
width:600px;
height:20px;
float:left;
padding-top:4px;
padding-bottom:4px;
padding-left:19px;
background-image:url(images/heading-bg-flat.gif);
background-color:#eee;
border-top:#ddd solid 1px;
border-bottom:#8a8a8a solid 1px;
}

#technique-story {
	width:584px;
	padding-left:15px;
	padding-right:18px;
	padding-top:20px;
	margin-bottom:20px;
	float:left;
	text-align:justify;
border-left:#cecece solid 1px;
border-right:#cecece solid 1px;
border-bottom:#cecece solid 1px;
padding-bottom:25px;
}

#technique-story p {
text-align:justify;
}

.technique-img {
float:right;
padding:5px;
}

.image-right-caption {
	float: right;
	font-size:0.8em;
	width: 315px;
	margin: 0 0px 25px 12px;
	padding: 0 5px 14px 5px;
	background-color:#d8e4ea;
	text-align:center;
	color:#35527e;
}

.image-left-caption {
	float: left;
	width: 305px;
	margin: 0 12px 25px 0px;
	padding: 0 0 40px 0;
	background-color:#d8e4ea;
	border:solid #333 1px;
	text-align:center;
	color:#35527e;
}

.susan-image {
	width:582px;
	height:235px;
	float:left;
	margin-left:0px;
	margin-right:1px;
	margin-bottom:17px;
	margin-top:30px;
	padding:0px 5px 0 2;
	background-color:#E2E2E2;
	border:solid #666 1px;
}
.susan-image-textbox {
	float:right;
	font-size:0.85em;
	width:243px;
	color:#333;
	padding:9px 15px 9px 9px;
	margin-top:16px;
}

.imgfloatleft {
	float:left;
	margin-right:5px;
}

.img-sus-floatleft {
	float:left;
	width:258px;
	height:400px;
	margin-right:15px;
	margin-bottom:10px;
}

.blogpic {
	border:solid #333 1px;
}