/* 
Title:     Leah Bullen Screen CSS
Author:    monkeygum.com
Updated:   24 April 2009
*/

/* ---------------------[ SCREEN CSS ]------------- */
html {color:#666;background-color:#000;}
body {font: small/1.3em Arial, Verdana, sans-serif;text-align: center;border-top: #95000d solid 15px;min-width: 800px;}

#wrap {font-size: 95%;margin: 0;background-color: #fff;float: left;width: 100%;min-width: 800px;padding-bottom: 30px;}
body#news #wrap {padding-bottom: 0;}
#wrap-inner {margin: 0 auto;background-color: #fff;width: 800px;min-width: 800px;text-align: left;}
#header {height: 135px;}
#content {margin: 0 auto;width: 800px;clear: left;min-height: 300px;}

/* [ navigation ] ----------------------------- */
#nav {clear: left;font-size: 110%;font-weight: bold;float: left;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 30px 0 0;padding: 0;}
#nav a {display: block;color:#333;text-decoration: none; border-bottom: 0;}
#nav a:hover, body#error #nav li.selected a:hover {color:#666;}
#nav li.selected a {color: #95000d;}
body#error #nav li.selected a {color: #333;}

/* [ homepage ] ----------------------------- */
#slideshow {float: left; height: 450px;width: 500px; overflow: hidden;padding: 0;margin: 0;}
#about-leah {margin-left: 530px;}
#recent-posts {margin: 30px 0 0 530px;}
#recent-posts p {margin-bottom: 0;}
#recent-posts li {list-style: none;}

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

#header h1 {font-size: 250%;color: #666;line-height: 1.3;padding: 30px 0; margin: 0;border: none;}
body#news #content h1 {border: none;margin: 0;}
body#home h2, h1 {font-size: 140%;margin: 2 0 .5em 0;color:#95000d;line-height: 1.1;text-transform: none;}
body#gallery #content h1 {clear: left;}
h1 {border-bottom: #ccc solid 1px;padding: .5em 0 .5em 0;margin-bottom: 20px;}
h2 {font-size: 120%;margin: .5em 0 .3em 0;line-height: 1.1;text-transform: uppercase;color: #999;}
h3 {font-size: 110%;margin: .5em 0 .3em 0;line-height: 1.1;color: #999;}
h4 {font-size: 90%;margin: .5em 0 .3em 0;line-height: 1.1;color: #474747;text-transform: uppercase;font-weight: bold;}
body#home h2 {padding-top: 0; margin-top: 0;}
p {margin: 0 0 1em 0;padding: 0;}
em {font-style:italic;}
strong {font-weight: bold;color: #777;}
blockquote {font-family: Georgia, "Times New Roman", Times, serif;font-weight: bold;font-style: italic;margin: 1em;}
img {border:none;}
acronym {cursor:help;border-bottom: 1px dotted #c6b29e;}

ul {list-style-type: square;}
li {margin: 1em 0;list-style: square inside;}
ul ul li {list-style: disc;margin-left: 2.5em;}
li a {color: #403327;}
li a:hover {color: #95000d; border-bottom: 1px solid #95000d;}

/* [ links ] ----------------------------- */
a {color: #333;text-decoration: none; border-bottom: 1px dotted #999;}
a:hover {color: #95000d; border-bottom: 1px solid #95000d;}
a:visited {color: #333;}
a:visited:hover {color: #95000d;}
h2 a, h2 a:hover, .folio a {border: none;}
#header h1 a, h1 a:hover {border: none; color: #999;}


/* [ news ] ----------------------------- */
.excerpt {clear: both;float: left;margin: 0 0 1.5em 0;width: 100%;}
.excerpt h2 {border-top: #ccc solid 1px;padding: .4em 0 .2em 0;margin-top: 0;}
p.date {font-size:85%;background-color: #f7f7f7;color:#999;margin-top: .3em;padding: .2em;font-family: Georgia, "Times New Roman", Times, serif;}
body#home p.date {font-size: 90%;margin-bottom: 1em;font-style: italic;}
.permalink {border-left: #666 solid 1px;border-bottom: none;padding-left: .5em;margin-left: .5em;}
.permalink:hover {border-bottom: none;}

/* [ pagination ] ----------------------------- */
#pagination {float: left;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;cursor: pointer;}
.next a:hover, .prev a:hover {color: #fff;background-color:#95000d;}

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

.clear {clear:both;}

/* [ links ] ----------------------------- */
.link-group {margin: 1em 0 1.5em 0;}
dt {font-weight: bold;margin-top: 1em;}

/* [ gallery ] --------------------- */

body#gallery dl {float: left;width:400px;margin-bottom: 30px;display: inline;}
body#gallery dt {font-weight: bold;float: right;width: 220px;margin: 0;}
body#gallery dd {margin: 0 0 0 180px;}
body#gallery dl dd.image {margin:0;}
body#gallery dd.image img {float: left; margin-right: 10px;}
body#gallery .year {float: left;width: 100%;}

/* [ bio table ] ----------------------------- */
td {padding: .3em 1em .3em 0;}

/* [ footer ] ----------------------------- */
#footer {clear: left;display: inline;float:left;background-color: #000;width: 100%;min-width: 800px;color:#999;padding: 18px 0;font-size: 80%;}
#footer-inner {margin: 0 auto;width: 800px;}
#footer a {	color: #999; border-bottom: none;}
#footer a:hover {color: #fff;}
#copyright {float: right;text-align: right;width: 490px;margin: 0;padding: 0;}

#design {float: left;text-align: left;width: 290px;margin: 0;padding: 0;}


/* [ contact form ] ----------------------------- */

form.zemContactForm {width: 400px;}
fieldset {border: none;width: 400px;}
legend {visibility: hidden;height: 0;display: none;}

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

input.zemText, .zemTextarea, .zemSelect {color:#333;line-height:120%;}
input:focus, textarea:focus {background-color: #f2f2f2;}
input:hover, textarea:hover {background-color: #f2f2f2;border-top: #ccc solid 1px;border-left: #ccc solid 1px;}

.zemSubmit {display: block;text-decoration: none;padding: 2px 5px;border:#999 solid 1px;background-color: #f2f2f2;cursor: pointer;}
.zemSubmit:hover {color: #fff;background-color:#95000d;}

.zemRequirederrorElement {color:#95000d;}

input.zemRequirederrorElement, select.zemRequirederrorElement, textarea.zemRequirederrorElement  {color:#95000d; border-top: 1px solid #95000d;}

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