/* 
Title:     Sogetsu Screen CSS
Author:    monkeygum.com
Updated:   12 July 2009
*/

/* ---------------------[ SCREEN CSS ]------------- */
html {color:#7f664d;background:#3c3025 url(../images/bg-body.gif) repeat top left;}
body {font: small/1.3em Arial, Verdana, sans-serif;text-align: center;}

#wrap {margin-top: 2.5em;padding-top: 8px;min-width: 950px;
	background:transparent url(../images/torn-top.gif) repeat-x top left;}

#wrap-inner {float: left;width: 100%;padding-bottom: 20px;min-width: 950px;
	background:#fff url(../images/bg-content.gif) repeat top left;}
#content {margin: 0 auto;width: 950px;clear: left;text-align: left;min-height: 300px;}

#header { margin: 0;border-bottom: none; background:transparent url(../images/bs.gif) no-repeat top center;}
#header-inner {margin: 0 auto;width: 950px;padding-top: 28px;height: 160px;margin-bottom: 0;text-align: left;}
#logo {float: left; margin-right: 40px;}
/* NAVIGATION ----------------------------- */
#nav {clear: left;font-size: 100%;font-weight: bold;float: left;margin: 50px 0 0 0;text-transform: uppercase;
display: inline; /* for IE 6 double margin on floats*/}
#nav li {float: left;display: inline;background-image: none; font-style: normal;font-family: Arial, Verdana, sans-serif;margin: 0 15px 0 0;padding: 0;}
#nav a {display: block;padding: 0 1em 5px 0;color:#7f664d;text-decoration: none; border-bottom: 0;}
#nav a:hover, body#error #nav li.selected a:hover {color:#403327;}
#nav li.selected a {color: #c60;}
body#error #nav li.selected a {color: #7f664d;}
/* DROPDOWN NAVIGATION --------------------- */
#nav ul li {position: relative;}

#nav ul li:hover ul li a {display:block;height:auto;background:#fff url(../images/bg-content.gif) repeat top left;line-height:15px;padding:5px 10px;margin-left: 1px; width:12em;  border-right:1px dashed #7f664d; border-bottom: 1px dashed #7f664d; border-left: 3px solid #40260b;font-size:80%;}
#nav ul li:hover ul li a:hover {color: #c60;}

#nav ul ul {position: absolute;text-align:left;top:1.5em; left:0;width:10em;}
#nav ul ul {display: none;}
#nav ul li:hover ul {display: block;}


#slideshow {clear: left;margin: 0 0 20px 0;padding: 0;width: 950px; height: 250px;}
#slideshow #promo {float: left;	width: 640px; clear: left;}
#slideshow #promo a {border-bottom: none;}
#slideshow .slide {float: left; width: 310px; height: 250px; overflow: hidden;}
p.date {font-size:85%;color:#b29980;margin-top: .3em;padding: 0;font-family: Georgia, "Times New Roman", Times, serif;}
body#home p.date {font-size: 90%;font-style: italic;}

#main {float: left;width: 650px; min-height: 300px;}
#main .excerpt {clear: both; padding-bottom: 1em;}
#main .excerpt h3 {margin-bottom: 0;}

.author {color: #604e3d;font-weight: bold;font-style: italic;}
#sidebar {float: right; width: 250px;}
#sidebar li {font-weight: normal;font-style: normal;font-family: Arial, Verdana, sans-serif;}

#about-sogetsu {text-align: left;float: left;width: 280px;padding: 0;margin: 35px 42px 0 0;}
#about-sogetsu img {float: left;margin: 0 1em .5em 0;}

#feature {text-align: left;float: left;width: 278px;margin: 20px 0 0 0;padding: 0;background:transparent url(../images/box-bott.gif) repeat-y bottom center;}
#feature-wrap {float: left;margin: 0;padding: 15px 15px 10px 15px;width: 248px;background:transparent url(../images/box-top.gif) no-repeat top center;}

#recent-posts {text-align: left;float: right;width: 305px;margin: 35px 0 0 0;}
#recent-posts p {margin-bottom: 0;}


/* [ search ] ----------------------------- */
#search {position: absolute;top: 0;left: 50%;width: 475px;margin: 0 auto;}
#search form {width: 475px;text-align: right;padding-top: .7em;}
input {border-top: #64513f solid 1px;border-right: #c6b29e solid 1px;
	border-left: #64513f solid 1px;border-bottom: #c6b29e solid 1px;background-color:#b29980;}
#search input[type="submit"] {margin: 0 0 0 6px;font-size: 90%;padding: 0 3px;background-color: #b29980;font-weight: bold;border:#c6b29e solid 1px;cursor: pointer; color:#40260b;}
#search input[type="submit"]:hover {color: #c6b29e;background-color:#604e3d;}


/* [ common elements ] ----------------------------- */
h1, h2, h3, h4, small.caption {font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;font-style: italic;}

h1 {font-size: 160%;margin-bottom:.5em;padding-top: 7px;line-height: 1.3;margin-left: 140px;}
h2 {font-size: 140%;margin: 0 0 .5em 0;color:#c60;padding: .5em 0;line-height: 1.1;background:transparent url(../images/h2-underline.gif) repeat-x bottom left;}
h3 {font-size: 140%;margin: 1em 0 0 0;line-height: 1.1;color: #9e8a70;}
h4 {font-size: 110%;margin: .5em 0;line-height: 1.1;color: #725236;}
#main h3 {margin-bottom: .5em;}
hr {display: none;}
body#home h2 {padding-top: 0; margin-top: 0;}
small.caption {color: #40260b;}
p {margin: 0 0 1em 0;padding: 0;}
strong {font-weight: bold;}
blockquote {font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;font-style: italic;margin: 1em;}

img {border:#40260b solid 3px;}
#slideshow img, #header img, #contact-details img {border:none;}

em {font-style:italic;}
acronym {cursor:help;border-bottom: 1px dotted #c6b29e;}

ul {list-style: none;}
li {margin: 1em 0;padding-left: 12px;background:transparent url(../images/bullet_orange.png) no-repeat left top;}
ul ul {list-style: disc;padding-left: 1.5em;}
li a {color: #403327;}
li a:hover {color: #c60; border-bottom: 1px dashed #ad896a;}

/* [ links ] ----------------------------- */
a {color: #725236;text-decoration: none; border-bottom: 1px dotted #ad896a;}
a:hover {color: #c60; border-bottom: 1px dashed #ad896a;}
a:visited {color: #725236;}
a:visited:hover {color: #c60;}
a img:hover {border: #7f664d solid 3px;}
h1 a, h1 a:hover, h3 a, h3 a:hover, .folio a {border: none;}
#header h1 a:hover {color: #725236;}
a.external {background: transparent url(../images/external.gif) no-repeat center right; padding-right: 12px;}

body#home .linklist li {margin: .5em 0;font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;font-style: italic;}
.download-file {padding: 1px 0 0 20px; background: transparent url(../images/pdf_fileicon.png) no-repeat left top;}

/* [ gallery ] ----------------------------- */
body#gallery #main {width: 100%;padding-bottom: 30px;margin-bottom: 20px;background: transparent url(../images/h2-underline.gif) repeat-x left bottom;}
#gallery #main img {margin: 10px;}
#gallery #main a, #main p.slideshow a {border: none;}
.folio {padding: 5px;background: #f4f0e7 url(../images/butt-bg.png) repeat-x left top;
	border-top: #ddd solid 1px;border-right: #eee solid 1px;border-bottom: #eee solid 1px;border-left: #ddd solid 1px;}
.animage {margin: 5px;}

/* ---------------------[ pagination ]------------- */
#pagination {float: left;padding-top: 10px;margin-top: 15px;background:transparent url(../images/h2-underline.gif) repeat-x top left;width: 100%;}
.prev {float: left;}
.next  {float: right;}
.next a, .prev a {text-decoration: none;display: block;padding: 2px 5px;border:#64513f solid 1px;background:#c6b29e url(../images/butt-bg.png) repeat-x left top;cursor: pointer;}
.next a:hover, .prev a:hover {color: #fff;background-color:#c60;}

table {margin: 0;width:100%;
	border-bottom: #ddd solid 1px;border-left: #eee solid 1px;border-top: #eee solid 1px;border-right: #ddd solid 1px;}
th {color:#725236;font-weight:bold;padding:5px;background:#c6b29e url(../images/butt-bg.png) repeat-x left top;}
tr.alt {background-color:#f7f7f2;}
tr:hover {background-color:#f4f0e7;}
td {vertical-align: top;padding: .5em;}
tr.small td {font-size: 90%;padding: 0 .5em;}

.float-right {float:right; margin: 0 0 10px 20px;}
.float-left {float:left; margin: 0 20px 10px 0;}
body#home #feature-wrap .float-left {margin: 0 0 10px 0;}
.float-right img {display: block;}
.float-left img {display: block;}
.centre {text-align:center;}

.clear {clear:both;}
.breadcrumb {font-size:90%;margin-bottom:1em;}
.breadcrumblink {font-size:90%;color:#999;}

/* ---------------------[ footer ]------------- */
#footer {display: inline;float:left;width: 100%;min-width: 950px;color:#b2a08d;padding: 18px 0;list-style: none;
background:transparent url(../images/torn-bott.gif) repeat-x top left;font-size: 90%;}
#footer-inner {margin: 0 auto;width: 950px;}
#footer a {	color: #b2a08d; border-bottom: none;}
#footer a:hover {color: #c60;}
#copyright {float: right;text-align: right;width: 465px;margin: 0;padding: 0;}

#footer-nav {float: left;text-align: left;width: 480px;margin: 0;padding: 0;}
.rss {padding-left: 16px; background:transparent url(../images/rss.gif) no-repeat left center;}

/* ---------------------[ contact details ]------------- */
#contact-details {width: 450px; padding-top: 20px; float: right;font-weight: bold;}
.vcard img {display: block;}
.vcard .org {display: block;margin: 1em 0 0 0;}
.adr p {margin: .2em 0;}
.adr p.type {text-indent: -9999px; height: 1px;font-size: 1px;}
.telecommunications {margin-top: 2em;}
.telecommunications h3 {margin-bottom: 1em;}
.telecommunications p {margin: .2em 0;}
.telecommunications .email {margin: .8em 0;}
/* ---------------------[ contact form ]------------- */

form.zemContactForm {width: 400px; padding-top: 20px; float: left;}
#email-address {margin-top: 30px;}
fieldset {border: none;width: 400px;}
legend {visibility: hidden;height: 0;display: none;}

label {display: block;color:#40260b;}
input.zemText, input.zemTextarea, textarea, select {
	border-top: #ccc solid 1px;border-right: #eee solid 1px;border-bottom: #eee solid 1px;border-left: #ccc solid 1px;
	background-color:#f7f7f2;width: 350px;padding: .1em 0;margin-bottom: 1em;}

input.zemText, .zemTextarea, .zemSelect {color:#40260b;line-height:120%;}
input:focus, textarea:focus{background-color: #f4f0e7;}
input:hover, textarea:hover {background-color: #f4f0e7;border-top: #a1937a solid 1px;border-left: #a1937a solid 1px;}

.zemSubmit {display: block;text-decoration: none;padding: 2px 5px;border:#64513f solid 1px;background:#c6b29e url(../images/butt-bg.png) repeat-x left top;cursor: pointer;}
.zemSubmit:hover {color: #fff;background-color:#c60;}

.zemRequirederrorElement {color:#900;}

input.zemRequirederrorElement, select.zemRequirederrorElement, textarea.zemRequirederrorElement  {color:#900; border: 1px solid #900;}

.error {color:#900;}
.zemError {color: #900; margin: 0 0 30px 0;}
.zemError strong {color: #900;}
.zemError li {line-height:1.5;}
.zemThanks p {color: #c60;font-size: 120%;font-weight: bold;padding: 7em 0;}