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

/*GLOBAL DEFAULTS */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
img{border:none;}
a img {border: none;}
fieldset {border:0;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {display:block;}
h1{ font-size:18px;}
h2{ font-size:17px;}
h3{ font-size:15px;}
h4{ font-size:14px;}
h5{ font-size:13px;}
h6{ font-size:12px;}
q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
address { display:table;}
strong {font-weight: bold; font-size:14px;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
.right{float:right;}
.left{float:left;}
.block{display:block;}
.clear{ clear:both; margin:0; padding:0; height:0;}
a{text-decoration:underline; color:#1e6f60;}
a:hover{ text-decoration:none;}
hr {display: none;}
ul, li {list-style:none;}

/*Page Structure*/
body{background:url(../images/background-blog.jpg) top left no-repeat #dde1e0 ; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align: center;}
#container {width:772px; position:absolute; left:110px; top:42px;}
#logo{width:278px; height:79px; background:url(../images/sue-bates-logo.jpg) no-repeat; float:left; overflow:hidden; text-indent:-9999px;}
#content-area {margin-left:25px; margin-top:46px; width:590px;}
#gallery-area {width:590px; height:290px; overflow:hidden; position:relative;}
#gallery-inner {width: 2270px;
	position: relative;}
.scrolling-content {
	background: transparent top left no-repeat;
	width: 590px;
	height: 290px;
	position: absolute;
}
#gallery1{top:0px; left:0px;}
#gallery2{top:0px; left:610px}
#gallery3{top:0px; left:1220px}
.content-about {width:490px; color:#3e4649;}
.content-about ul, .content-about li {list-style:none; font-size:12px; margin-bottom:15px;}

#chair {position:absolute; background:url(../images/chair-sculpture.jpg) no-repeat; width:162px; height:415px; top:249px; left:599px;}

/*Navigation Structure*/
#nav {float:right; margin-top:18px; width:344px; height:19px; overflow:hidden; list-style:none; margin-right:10px;}
#nav li {list-style:none; display:inline; }
#nav a {background: url(../images/navigation.gif) no-repeat ;display:block;z-index:999;overflow:hidden;text-indent:-9999px; float:left;height:19px;}

#nav-about a{background-position:0px 0px;width:83px;}
#nav-about a:hover, .about-active #nav-about a {background-position:0px -19px;	}

#nav-gallery a{background-position:-83px 0px;width:77px;}
#nav-gallery a:hover, .gallery-active #nav-gallery a {background-position:-83px -19px;	}

#nav-blog a{background-position:-160px 0px;width:56px;}
#nav-blog a:hover, .blog-active #nav-blog a {background-position:-160px -19px;	}

#nav-links a{background-position:-216px 0px;width:61px;}
#nav-links a:hover, .links-active #nav-links a {background-position:-216px -19px;	}

#nav-contact a{background-position:-277px 0px;width:67px;}
#nav-contact a:hover, .contact-active #nav-contact a {background-position:-277px -19px;	}



p {margin-bottom:14px; text-align:justify;}




/*Titles*/
.title-about {background:url(../images/title-about.gif) no-repeat; width:83px; height:16px; margin-bottom:10px;}
.title-links {background:url(../images/title-link.gif) no-repeat; width:246px; height:21px; margin-bottom:10px;}
.title-contact {background:url(../images/title-contact.gif) no-repeat; width:97px; height:15px; margin-bottom:10px;}
.title-error {background:url(../images/title-error.gif) no-repeat; width:51px; height:18px; margin-bottom:10px;}
.title-thanks {background:url(../images/title-thanks.gif) no-repeat; width:204px; height:21px; margin-bottom:10px;}
.title-search {background:url(../images/title-search.gif) no-repeat; width:92px; height:13px;}
.title-archive {background:url(../images/title-archive.gif) no-repeat; width:87px; height:16px; margin-top:12px;}
.title-cat {background:url(../images/title-cat.gif) no-repeat; width:110px; height:16px; margin-top:12px;}
.title-addcomment {background:url(../images/title-addcomment.gif) no-repeat; width:130px; height:16px; margin-top:8px; overflow:hidden; text-indent:-9999px; margin-bottom:0; padding:0;}
.title-comment {background:url(../images/title-comment.gif) no-repeat; width:128px; height:15px; margin-top:8px; overflow:hidden; text-indent:-9999px; margin-bottom:0; padding:0;}

.title-blog {background:url(../images/title-blog.jpg) no-repeat; width:68px; height:22px; margin-top:0px; overflow:hidden; text-indent:-9999px; margin-bottom:5px; padding:0; text-align:left;}

/*Form */
form {margin-top:21px;}
dt {float:left; width:115px; clear:left;}
dd {float:left; margin-bottom:8px;}
.field {height:21px; width:206px; background-color:#fbfbfb; border:1px solid #959a9b;}
.text-area { background-color:#fbfbfb; border:1px solid #959a9b;}
.small {font-size:11px;}

/*Blog */
#blog-container {width:800px; position:relative; margin-top:46px;}
#content {font-size: 14px; color:#3e4649;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.2em;}
.narrowcolumn .postmetadata {text-align: left;}
.narrowcolumn {float: left;padding:0 0 35px 0; margin:37px 0px 40px 0;width: 505px; background-color:#e4e8e8; border:1px solid #b0b4b4; }
.narrowcolumn .postmetadata {padding-top: 5px;}
.post {margin:0 80px 19px 26px; text-align: justify;}
.blog-top {margin-left:26px; text-align:left;}
.postcoms {margin:0 80px 19px 26px; text-align: justify;}
.top-spacer {height:15px; display:block;}
.post-spacer {background:url(../images/post-spacer.gif) repeat-x; width:424px; height:2px; margin-top:19px;}
.post-spacer2 {background:url(../images/post-spacer.gif) repeat-x; width:424px; height:2px; margin-top:5px;}
h2 {margin:11px 0 18px 0; color:#3e4649;}
h2.pagetitle {margin-top:11px; margin-bottom:4px; text-align:left; font-size:15px; color:#7a7d7e;}
a, h2 a:hover, h3 a:hover {color: #1e6f60;text-decoration: none;}
a:hover {color:#1e6f60;text-decoration: underline;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #999c9d;}
.postmetadata {clear: left; font-size:11px;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
.post p {margin-bottom:10px;}
.entry p a:visited {color: #1e6f60;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 35px; font-size:11px;}
/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right; margin-right:70px;}
.alignleft {float: left; margin-left:26px;}
/* End Images */
/* Begin Sidebar */
#sidebar {padding: 60px 0 10px 0;margin-left: 548px;width: 190px; font-size:11px; text-align:left;}
#sidebar form {margin: 0; z-index:0;}
#sidebar a, #sidebar a:visited{color:#8c8e8f; text-decoration:underline; }
#sidebar a:hover {color:#6fa198;}
#sidebar h2 {text-indent:-9999px; overflow:hidden; margin-bottom:9px; z-index:0;}
#sidebar li {margin-bottom:7px;}
/* End Sidebar */
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
.sidebar-spacer {background:url(../images/sidebar-spacer.gif) repeat-x; width:160px; height:2px; margin:9px 0 10px 0; }
/* Begin Form Elements */
#searchform {margin:0;text-align: left;}
#searchform #s {
	width: 125px;
	padding: 2px;
	border:1px solid #cdd1d0;
	}

#searchsubmit {
	padding: 1px; vertical-align:middle; margin-top:-4px;
	}
.single-title {margin-bottom:8px;}
#comments{ padding-top:0px; }
#add-comment{font-size:10px; color:#8d8989; }
#add-comment p{ margin-bottom:6px;}
#add-comment label{ padding-left:10px;}
#a-view, #a-add{ display:block; height:15px; font-size:11px; color:#8d8989; text-decoration:none; background:url(../images/ico-plus.gif) no-repeat right;  margin:11px -22px 0 0; padding-right: 20px; }
#comments form {margin:0; padding-top:20px;}
#span-add {height:28px;}
.single-meta {margin-bottom:0px;}
#comment_list{ list-style:none; color:#8d8989; font-size:12px; margin-top:17px; margin-bottom:33px;}
#comment_list li{ margin-bottom:15px; float:left;}
.comment_meta{ width:142px;}
.comment-entry{ width:250px;}
.comment-date{ font-size:10px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
h3 {font-size: 17px;}
h3 {padding: 0;margin: 12px 0 0;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}


/*Gallery GUI */
#gallery-GUI-select {position:absolute; width:40px; height:37px; overflow:hidden; list-style:none; left:513px; top:44px;  padding-left:0;}
#gallery-GUI-select li {list-style:none; display:block;margin-left:0;}
#gallery-GUI-select a {position:absolute;background: url(../images/gallery-select.jpg) no-repeat;display:block;	overflow:hidden;text-indent:-9999px; width:40px; margin-left:0; }

#nav-stone a{background-position:0 0;height:17px;top:0px; width:40px;}
#nav-stone a:hover {background-position:-40px 0px;}

#nav-glass a{background-position:0 -17px;height:20px; top:17px; width:40px}
#nav-glass a:hover {background-position:-40px -17px;}