/* LAYOUT GRID */

body {
margin:0;padding:0;
font-family:Georgia,"Times New Roman",serif;
font-size:90%;
line-height:1.5;
color:#000;
background-color:#fff;
}
#container {
margin:1em 5%;
}
#nav {
float:left;
width:190px;
margin:0;padding:0;
}
#nav p {
margin-top:0; 
}
#content {
margin: 0 0 0 200px;
padding:9px 0 0 0;
}
#footer {
background:#8d0b2e url(/assets/br.gif) no-repeat bottom right;
color:#e6bc88;
margin-bottom:5px;
padding-bottom:5px;
padding-top:5px;
text-align:left;
}
/* hide from MacIE \*/ * html #container { height: 1%; } /* end hide */
/* hide from MacIE \*/ * html #container #content { height: 1%; } /* end hide */



/* BOXES */

#logo-box {
text-align:center;
background-color:#fff;
margin-bottom:7px;
}
#search-box {
background:#8d0b2e url(/assets/tl.gif) no-repeat;
color:#fff;
margin-bottom:5px;
padding-top:5px;
padding-bottom:9px;
}
#menu-box {
background-color:#e6bc88;
color:#fff;
margin-bottom:5px;
padding:5px 0;
}
#copyright-box {
background:#8d0b2e url(/assets/bl.gif) no-repeat bottom left;
color:#fff;
padding-top:15px;
padding-bottom:5px;
margin-bottom:5px;
}
#login-box {
background:#8d0b2e url(/assets/tr.gif) no-repeat top right;
color:#e6bc88;
padding-bottom:5px;
padding-top:5px;
text-align:right;
}
.content-box {
width:100%;
overflow:hidden;
background-color:#E6D5C0;
border-top:5px solid white;
border-bottom:5px solid white;
padding:15px 0 21px 0;
}
html>body .content-box {
padding-top:0;
}
.blog-box {
margin:21px 0 33px 0;
}


/* COLOURS */

.mos-red {color:#8d0b2e;}
.mos-dark {color:#555;}


/* ANCHORS */

.alt-a a:link {color:#e6bc88;}
.alt-a a:visited {color:#e6bc88;}
.alt-a a:hover {color:#fff;}
.alt-a a:active {color:#e6bc88;}

a:link {color:#8d0b2e;text-decoration:none}
a:visited {color:#8d0b2e;text-decoration:none}
a:hover {color:#000;text-decoration:underline}
a:active {color:#8d0b2e;text-decoration:none}

div.content-box a {
font-weight:bold;
}
div.content-box h5 a,
div.content-box small a {
font-weight:normal;
}


/* HEADERS */

h2 {
font-family:arial,helvetica,sans-serif;
text-transform:none;
line-height:1.2;
letter-spacing:0.01em;
padding:10px 21px 0 21px;
}
html>body h2 {
padding-top:10px;
}
body#photo h2.individual-article {
padding-top:0;
}
h3,h4 {
margin:2em 0 1.75em 0;
text-transform:uppercase;
letter-spacing:0.01em;
font-family:arial,helvetica,sans-serif;
line-height:1.2;
background:#D4C4B1 url(/images/5.gif) no-repeat 18px 50%;
border-top:5px solid white;
border-bottom:5px solid white;
padding:1em 2em 1em 69px;
}
h5 {
background:#D4C4B1 url(/images/5.gif) no-repeat 18px 50%;
font-family:arial,helvetica,sans-serif;
text-transform:uppercase;
line-height:1;
font-size:1.3em;
padding:0.75em 2em 0.75em 72px;
margin:0 0 1em 0;
border-top:5px solid white;
border-bottom:5px solid white;
}


/* PARAGRAPH FORMATTING */

#search-box p, #copyright-box p, #login-box p {
padding:0 1em;
}
.content-box p {
padding-left:21px;
padding-right: 2em;
}
#footer p {
padding:0 1.5em;
}
p.photographer {
font-style:italic;
padding-top:0;
margin-top:0;
}
p.search-count {
font-style:italic;
}
p.blog-date {
font-family:arial,helvetica,sans-serif;
margin-top:0.5em;
color:#8d0b2e;
}
div#contact-form p {
padding-left:0;
font-weight:bold;
}


/* GENERAL FORMATTING */

.mem_warn {
color:#8d0b2e;
font-style:italic;
font-weight:bold;
font-size:0.9em;
line-height:2em;
}
sup {
line-height:1em;
}
small {
font-size:0.75em
}
hr {
border:1px dashed white;
margin:23px 0 18px 0;
}
.mtop {
margin-top:21px;
}
span.nobold a {
font-weight:normal;
}


/* FLOATS */

.float-l {
float:left;
}
.float-r {
float:right;
}


/* STORY/PHOTO META-DATA */

.meta-label {
float:left;
width:9em;
padding-left:1.5em;
font-variant:small-caps;
letter-spacing:0.05em;
}
html>body .meta-label {
width:7.5em;
}
.meta-data {
font-weight:bold;
}
div.meta {
margin-bottom:1.5em;
}
div.meta div {
background-color:#F5E7D5;
margin-bottom:2px;
padding-bottom:3px;
}


/* TABLES */

.content-box table {
margin:0 0 0 21px;
margin-right: 2em;
margin-top:1.5em;
margin-bottom:1.5em;
border-collapse:collapse;
border-bottom:1px solid #fff;
}
.content-box table td, .content-box table th {
padding:0.2em 1em 0.2em 0.25em;
vertical-align:top;
border-top:1px solid #fff;
text-align:left;
}


/* LISTS */

#nav ul {
padding:1em;
margin:0;
list-style:none;
}
#nav li {
margin-bottom:0.75em;
list-style:none;
}
.content-box li {
padding-left:21px;
padding-right: 2em;
}
#content ul {
padding:0;
margin:0;
list-style:none;
}
#content li {
margin-bottom:1em;
list-style:none;
}
#content ul.story-list li {
background:transparent url(/images/22.gif) no-repeat 20px 3px;
padding-left:43px;
}
#content ul.photo-list li {
background:transparent url(/images/23.gif) no-repeat 20px 3px;
padding-left:43px;
}
#content li.story-list {
background:transparent url(/images/22.gif) no-repeat 20px 3px;
padding-left:43px;
}
#content li.photo-list {
background:transparent url(/images/23.gif) no-repeat 20px 3px;
padding-left:43px;
}
#content ul.cbs_category_list li {
background:transparent url(/images/37.gif) no-repeat 23px 6px;
padding-left:43px;
}
#content li.more-link {
background:transparent url(/images/37.gif) no-repeat 23px 6px;
padding-left:43px;
}
#content li.arrow-left {
background:transparent url(/images/42.gif) no-repeat 23px 6px;
padding-left:43px;
}
#content img.arrow-right {
padding-left:6px;
}
#content li.list-add {
background:transparent url(/images/39.gif) no-repeat 21px 5px;
padding-left:43px;
}

#content ul.invite-list li {
background:transparent url(/images/60.gif) no-repeat 19px 6px;
color:#8d0b2e;
padding-left:43px;
}
#content ul.write-list li {
background:transparent url(/images/61.gif) no-repeat 19px 3px;
padding-left:43px;
}

#content ul.jnm_recent_comments_unique li {
background:transparent url(/images/40.gif) no-repeat 19px 3px;
padding-left:43px;
}
#content ul.tight li {
margin-bottom:0.5em;
}
#content li small {
line-height:2em;
font-style:italic;
}
#content li small a {
font-style:normal;
}
body#conditions #content ul,
#content div#body-box ul,
body#conditions #content ol,
#content div#body-box ol {
padding:0;
margin:0 21px 21px 47px;
}
body#conditions #content li,
#content div#body-box li {
margin-bottom:0.5em;
padding:0;
list-style-type:circle;
}
body#conditions #content ol li,
#content div#body-box ol li {
list-style-type:decimal;
}
body#submit .content-box ul,
body#submit .content-box ol {
padding:0;
margin:0 21px 21px 47px;
}
body#submit .content-box li {
margin-bottom:0.5em;
padding:0;
list-style-type:circle;
}
body#submit .content-box ol li {
list-style-type:decimal;
}
ul.cbs_category_list li {
margin-bottom:0.5em !important;
}
ul.cbs_category_list li a {
font-weight:bold;
}
body#index #content li {
margin-bottom:0.5em !important;
}
li.cat-title {
font-weight:bold;
padding-bottom:0.2em;
padding-top:0.75em;
}


/* LINKLIST */

ul.mem_list_column {
list-style-type:none;
padding:0;
}
ul.mem_list_column p {
padding:0;
margin-bottom:-1em;
}
ul.mem_list_column li {
padding-bottom:5px;
}


/* IMAGES */

#logo-box img {
border:0;
}
.contact-image {
position:relative;
float:right;
margin:13px 13px 5px 13px;
z-index:1;
}
div.foto-block {

padding:13px;
margin:5px 13px;
background-color:#fff;
border-width:1px;
border-style:solid;
border-color:#999 #555 #333 #999;
}
div.foto-block p {
padding:0;
margin:9px 0 0 0;
font-size:0.85em;
font-style:italic;
}
div.article-img {
margin-top:25px;
}
div.foto {
margin:3px 0px 9px 21px;
}
body#photo div.foto {
margin:18px 0px 0px 21px;
}
div.foto img {
padding:13px;
background-color:#fff;
border-width:1px;
border-style:solid;
border-color:#999 #555 #333 #999;
}
div.content-box img {
overflow:hidden;
}
img.workspace-icon {
height:83px;
width:123px;
margin:7px 0;
border-width:1px;
border-style:solid;
border-color:#999 #555 #333 #999;
padding:1px;
background-color:#fff;
}
div.story-article-img {
width:320px;
padding:13px;
background-color:#fff;
border-width:1px;
border-style:solid;
border-color:#999 #555 #333 #999;
float:right;
margin:0 21px 5px 15px;
}
div.story-article-img p {
font-size:0.85em;
font-style:italic;
padding:0;
margin:9px 0 0 0;
}


/* THUMBNAILS */

.Thumbs {
padding:0 2em 0 1.5em;
}
.ThumbFloat {
display: table;
_position: relative;
overflow: hidden;
float: left;
width: 150px;
height:150px;
margin: 0 9px 9px 0;
padding: 5px;
background-color:#fff;
text-align: center;
border-width: 1px;
border-color: #D6C6B3 #998E80 #998E80 #D6C6B3;
border-style: solid;
}
.ThumbFloat a {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
margin: 0px auto;
text-align: center;
}
.Thumb  {
border:0;
_position: relative;
_top: -50%;
_left: -50%;
}
a img {border:none;}


/* RSS FEED ICONS */

div.add-feed {
float:left;
padding:0 9px 7px 0;
}
div.add-feed-box {
_height:1%;
overflow:auto;
margin:0 21px
}


/* FORMS */

input,textarea,select {
font-family:arial,sans-serif;
font-size:0.9em;
}
fieldset {
margin:0 1.5em 17px 1.5em;
padding:13px 0px;
}
legend {
color:#333;
padding:0 0.5em;
font-family:arial,sans-serif;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
}
input.button {
font-weight:bold;
font-family:Georgia,"Times New Roman", serif;
padding:3px;
}
input.register_name_input, 
input.register_email_input,
input.register_user_input,
input#mem_address_input,
input#mem_phone_input {
margin:4px 0 0 0;
padding:0.15em;
color:#333;
width:16em;
}


/* CONTACT FORM + INVITE FORM */

div#contact-form {
background-color:#D4C4B1;
margin-top:2em;
padding:1.5em 1.5em 1em 1.5em;
border-top:1px dashed white;
border-bottom:1px dashed white;
}
form#zemContactForm legend {
display:none;
}
form#zemContactForm fieldset {
border:none;
padding-left:0;
margin-left:0;
}
label.zemRequired, label.zemRequirederrorElement, input#zemSubmit {
font-weight:bold;
}
input#zemSubmit {
font-family:Georgia, "Times New Roman", serif;
padding:3px;
}
label.zemRequirederrorElement {
color:#8d0b2e
}
#contact-form input,  #contact-form textarea, .profile-form input,  .profile-form textarea {
margin-top:2px;
margin-bottom:9px;
padding:0.15em;
color:#333;
}
#contact-form input {
font-family:Georgia, "Times New Roman", serif;
padding:3px;
}
#contact-form input#name,#contact-form input#email,#contact-form input#telephone {
font-family:arial,sans-serif;
font-weight:normal;
padding:0.15em;
}

input.zemRequirederrorElement, textarea.zemRequirederrorElement {
background-color:#ffef97;
color:#000;
}
#content ul.zemError li {
background:transparent url(/images/62.gif) no-repeat 19px 3px;
padding-left:43px;
margin-bottom:0;
}
#contact-form ul {
padding-bottom:1em;
}
#content #contact-form ul.zemError li {
background:transparent url(/images/62.gif) no-repeat 0px 4px;
padding-left:26px;
}


/* MEM FORMS */

textarea.mod_body_input,
textarea.mod_keywords_input,
textarea.mod_note_input {
width:90%;
height:9em;
}
textarea.mod_keywords_input,
textarea.mod_note_input {
height:4em;
}
div.profile-form {
padding-left:1.5em;
font-weight:bold;
}
div.password-form {
margin-bottom:2em;
}
div.profile-form textarea {
}
div.password-form input.edit {
margin-left:1.5em;
margin-right:0.75em;
}
div.profile-form input.edit, div.profile-form textarea {
padding:0.15em;
margin:5px 0 15px 0;
width:16em;
font-weight:normal;
}
input.smallerbox {
font-weight:bold;
font-family:georgia,serif;
padding:3px;
}
input.delete {
font-family:georgia,serif;
padding:5px 3px;
margin-left:7px;
}
input.publish {
background-color:#8d0b2e;
color:#fff;
font-family:georgia,serif;
font-weight:bold;
padding:5px 13px;
}
div.ign_login {
}
div.ign_login label {
font-weight:bold;
}
input.edit {
font-weight:normal;
padding:3px;
}
input.search {
padding:3px;
}
input.search-button {
font-family:georgia,serif;
padding:3px 9px;
text-transform:capitalize;
}
div#preview-form {
background-color:#D4C4B1;
margin:2em 0;
padding-bottom:1em;
border-top:1px dashed white;
border-bottom:1px dashed white;
}


/* COMMENTS */

ol.comments {
padding:0;margin:0;
}
ol.comments li {
margin-bottom:1em;
}
ol.comments li p {
padding-left:0;
}
div#cpreview p,div#cpreview small {

}
ol.comments li p, div#cpreview p {
}
ol.comments li small {
font-size:0.85em;
}
div#cpreview small {
font-size:0.75em;
}
p#txpCommentInputForm {
font-weight:bold;
}
form#txpCommentInputForm {
background-color:#D4C4B1;
padding:1.5em 1.5em 1.5em 0.5em;
margin:1.5em;
border-left:6px solid #8d0b2e;
}
form#txpCommentInputForm input,
form#txpCommentInputForm textarea,
.comments_error {
padding:2px 0;
}
textarea.txpCommentInputMessage {
width:330px !important;
}
form#txpCommentInputForm label {
text-transform:lowercase;
font-size:90%;
}
#txpCommentHelpLink {
font-size:0.6em;
text-transform:uppercase;
font-family:verdana,arial,sans-serif;
font-weight:normal;
}
input#preview {
background-color:#d4cdb1;
color:#000;
font-weight:normal;
padding-left:3px !important;
padding-right:3px !important;
}
input.button {
background-color:#8d0b2e;
color:#fff;
text-transform:lowercase;
font-weight:bold;
padding-left:3px !important;
padding-right:3px !important;
}
input#forget {
}
textarea#message {
width:375px;
}
div.comments_error {
padding-left:1.5em;
color:#8d0b2e;
font-weight:bold;
margin:0 0 21px 0;
}
input.comments_error,textarea.comments_error {
background-color:#ff0
}
div.comment-box {
margin-bottom:2em;
}


/* CLEAR FLOATS P.I.E STYLE */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */