/* RESET AND SENSIBLE DEFAULTS
-------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
/*color: #222; - DON"T EVER SPECIFY COLOURS HERE!!! */

font-family: arial, helvetica, sans-serif;
line-height: 18px;
font-weight: normal;
}
body {
font-size: 12px;
background-color: #fff;
color: #000;
}

a, a:link, a:visited, a:active { 
color: #000;  
text-decoration: underline; 
outline:none;
}
a:hover { 
color: #000;  
text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
font-weight: normal;
}

h1 { font-size: 32px; line-height: 42px; margin-bottom: 0;}
h2 { font-size: 18px; line-height: 18px; margin-bottom: 0; font-weight: normal; text-transform: uppercase}
h3 { font-size: 14px; line-height: 18px; margin-bottom: 18px; text-transform: uppercase;}
h4 { font-size: 12px; line-height: 18px; margin-bottom: 18px; text-transform: uppercase;}
h5 { font-size: 12px; line-height: 18px; margin-bottom: 18px; text-transform: uppercase}
h6 { font-size: 12px; line-height: 18px; margin-bottom: 18px; }

p, pre { 
margin-bottom: 18px; 
}

ul, ol {  
margin-bottom: 18px;  
}
ul {
margin-left: 1.25em;
list-style-type: disc;
list-style-position: outside;
}
ul.listing {
list-style-type: none;
margin-left: 0;
}
ul.listing li.selected {
font-weight: bold;
}
li.redheart {list-style-image: url(/assets/templates/default/images/red-heart.jpg);
}
ul li {list-style-image: url(/assets/templates/default/images/heart.jpg);
}
ul ul, ol ol {
margin-left: 1.5em;
}
ol { 
list-style-position: outside;
list-style-type: decimal;
margin-left: 2em;
}
dl {
margin-top: 18px;
margin-bottom: 18px;
}
dl dt {
font-weight: bold;
}

blockquote {
margin-bottom: 18px;
padding: 0 18px;
font-style: italic;
}
blockquote em, blockquote a {
font-style: normal;
}

strong { 
font-weight: bold;
}
em {
font-style: italic;
}

label {
display: block;
}
input, textarea { 
font: normal 12px "bitstream vera sans", verdana, sans-serif;
padding: 2px;
}
textarea {
height: 15em;
}

/* forms */
input.input_text {
width: 50%;
}
textarea {
width: 95%;
}
div.field {
line-height: 18px;
margin-bottom: 18px;    
}
div.field input {
vertical-align: middle;
}



/* DEFAULT STYLES FOR COMMON CLASSES
-------------------------------------------------------------------------------- */

.small, .note {
font-size: 10px;
line-height: 18px;
}

.large {
font-size: 14px;
line-height: 18px;
}

.quiet {
color: #666;
}

.error {
background-color: #a90000;
}


/* embedded images */
div.image {
margin-bottom: 18px;
clear:both;

display:block;
margin-bottom: 18px;
}
div.image img {
margin-bottom: 0;
}
div.wrap {
float: left;
margin-right: 18px;
margin-bottom: 18px;
}

div.image .caption {
text-transform: uppercase;



}

div.wrap, img.left {
float: left;
margin-right: 18px;
margin-bottom: 18px;
}
img.right {
float: right;
margin-left: 18px;
margin-bottom: 18px;
}
img.block {
display: block;
margin-bottom: 18px;
}


/* EXTRA DEFAULT STYLES FOR COMMON TYPOGRAPHIC IDIOMS
-------------------------------------------------------------------------------- */

.fieldnotes {
color: #666;
font-size: 12px;
}



.footnotes {
color: #666;
font-size: 12px;
}

/* SPECIFICS
-------------------------------------------------------------------------------- */
body {
text-align: center;
}


#wrapper {
width: 724px;
padding: 18px;
padding-top: 9px;
padding-bottom: 0;
overflow: hidden;
margin: 0px auto;
margin-bottom: 18px; /* don't remove this, override it rather */
text-align: left;
}

div.block {
clear: both;
}

#header {
width: 724px;
padding: 18px;
padding-bottom: 0;
padding-top: 0;
margin: 18px auto;
margin-top: 18px;
overflow: hidden;
text-align: left;
}


#large {
background-repeat: no-repeat;
background-position: 0px 0;
width: 724px;
padding-bottom:18px;
}

#small {
background-repeat: no-repeat;
background-position: 0px 0;
width: 724px;
padding-bottom:10px;
}

#header h1, #header p.strapline {

margin: 0;
padding: 0;
display:inline;
display: none;
}
#header h1 {
font-size: 32px;
line-height: 54px;
margin-right: 6px;
font-weight: bold;
letter-spacing: -3px; 
text-decoration: none;

}
#header p.strapline {
padding: 4px 0px 10px 0;
font-size: 18px;
font-style: italic;
}
#header h1 a, #header h1 a:active, #header h1 a:visited {
text-decoration: none; 
}
#header h1 a:hover {
text-decoration: none;
}

#main_columns {
width: 724px;
overflow: hidden;   
margin-bottom: 18px;
}

.with_subnav {
    background-image: url(/assets/templates/default/images/vertical_border_line.gif);
    background-position: 524px;
    background-repeat: repeat-y;
}
.with_subnav #content {
width: 506px;
float: left;
}
.with_subnav .text {
    width: 360px;
    float: right;
}
.without_subnav #content {    
}

.sub_page_preview h3 {
padding: 0;
}

#sidebar {
width: 182px;
padding-left: 18px;

float: right;
/*border-left: 1px dotted #ccc;*/
padding-left: 17px;
}
#sidebar h2 {
margin-bottom: 18px;    
}
ul.subpages {
list-style-type: none;
margin-left: 0;
}


#content h2 {
}

#mainmenu {
width: 100%;
overflow: hidden;
float: right;
}
#mainmenu ul {
list-style-type: none;  
margin: 0;
padding: 0;
}
#mainmenu li {
display: inline;    
margin: 0;

}
#mainmenu li a {
float: left;
margin-right: 9px;
font-size: 12px;
text-transform: uppercase;
/*text-transform: capitalize;*/
}
#mainmenu li.last a {
margin-right: 0;
}
#mainmenu li a,
#mainmenu li a:link,
#mainmenu li a:visited {
text-decoration: none;
}
#mainmenu ul li a:hover {
text-decoration: underline; 

}
#mainmenu li.selected a {
text-decoration: underline;
}

#banner {
padding-bottom:16px;
border-bottom: 1px dotted #1F1F1F;
}

#footer {
border-top: 1px dotted #1F1F1F;
margin: 0 auto;
padding-top: 8px;
padding-bottom: 9px;
width: 724px;
overflow: hidden;
font-size:smaller;
}
#footer p {
margin-bottom: 0;
}
#footer .auxiliary {
width: 80%;
float: left;
padding-top: 4px;
line-height: 18px;
}
#footer .auxiliary .copy, #footer .auxiliary ul {
float: left;
clear:both;
}
#footer .auxiliary ul {        
list-style-type: none;  
margin: 0;
padding: 0;
}
#footer .auxiliary li {
display: inline;    
margin: 0;
}
#footer .auxiliary ul li a {
float: left;
padding-right: 6px;
margin-right: 6px;
line-height: 14px;
margin-top: 2px;
border-right: 1px solid #ccc;
}
#footer .auxiliary ul li.last a {
border-right: none;
}
.sub_page_preview {
margin: 18px 0;
clear: both;
}


ul.albums {
list-style-type: none;
margin-left: 0;
padding-left: 0;

margin-top: 18px;
margin-bottom: 0;
}
ul.albums li {
list-style-type: none;
margin: 0;
padding: 0;
clear: both;
}

h3.album-title {
margin-top: 0;
padding-top: 0;
}
ul.albums .photo {
margin-right: 18px;
margin-bottom: 18px;
}

div.photos {
margin: 18px 0;
width: 100%;
overflow: hidden;
}

div.photo {
float: left;
margin-right: 18px;
/*margin-bottom: 18px;*/
}
div.photo .image {
width: 167px;

margin-bottom: 0;
float: none;

display: table-cell;
vertical-align: middle;
text-align: center;
}

div.photos div.photo {
}
div.photos div.fourth {
margin-right: 0;

}

div.photo .caption {
width: 167px;
text-transform: uppercase;
height: 36px;   
}

.big_image {
width: 760px;
margin: 0 auto;
overflow: hidden;
text-align: center;    
margin-bottom: 60px;
}
.big_image img {
margin: 60px auto;    
}
.big_image h1 {
font-size: 16px;
line-height: 18px;
margin-bottom: 3px;
font-weight: normal;
text-transform: uppercase;
}

.big_image .nav {
width: 100%;
overflow: hidden;    
}
.big_image .previous, .big_image .next, .big_image .back {
width: 33.3%;
float: left;    
}
.big_image .previous {
text-align: left;
}
.big_image .back {
text-align: center;
}
.big_image .next {
float: right;
text-align: right;
}

/*.big_image p {
text-align: justify;
}*/

.images {
float: left;
width: 240px;    
}
.main {
float: right;
width: 466px;
}

div.bigimage {
margin-bottom: 18px;
}

div.thumbs div.thumb img {
}
div.thumbs div.thumb a:hover img {
}

div.thumbs {
width: 300px;
overflow: hidden;
margin-bottom: 18px;
}
div.thumbs div.thumb {
float: left;
margin-right: 9px;
margin-bottom: 6px;
width: 74px;
}
div.thumbs div.thumb .image {
width: 74px;
display: inline;
display: table-cell;
text-align: center;
}
div.thumbs div.thumb {
height: 74px;
}
div.thumbs div.third {
margin-right: 0;
}
div.thumbs div.thumb img {
border-bottom: 3px solid #fff;
}
div.thumbs div.selected img, div.thumbs div.selected a:hover img {
border-bottom: 3px solid #333;    
}
h2.photo-title {
text-transform: none;
margin-bottom: 9px;
font-size: 14px;
font-weight: bold;
}
h2.album-title {
margin-bottom: 18px;
}


h2.section-title, h2.category-title {
margin-bottom: 18px;
}
h2.entry-title {
text-transform: none;
}
body.multiple .post {
margin-bottom: 36px;
}
body.multiple div.last_post {
margin-bottom: 0;
}
.entry-meta {
margin: 9px 0;
color: #666;
}
.published {
border-bottom: none;
}

body {
text-align: center;
background-color: #e6e5df;
background-image: url(/assets/templates/default/images/bg.gif);
background-position: top center;
background-repeat: repeat-y;
}

#large {
background-image: url(/assets/templates/default/images/Masthead-1_2010.jpg); /* do NOT use a transparent PNG here. */
height: 210px;
}

#small {
background-image: url(/assets/templates/default/images/small-logo.gif); /* do NOT use a transparent PNG here. */
height: 100px;
}

#mainmenu li a {
text-transform: capitalize;
}

#footer {
font-size:11px;
}

/*CMS*/

#content p img {margin:4px;padding:3px;border: 1px solid #eee;} 
.fix-clear {clear:both}
#side-menu {padding:1em 0;border-bottom: 1px dotted #444;}
.image_right {float:right;margin:5px 0 5px ;}
.image_left {float:left;margin:5px 5px 5px 0;}

.ditto_item_first {padding-top:1em;}
.ditto_item {margin:0 0 10px;clear:both;padding-top:1em;border-top: 1px dotted #444;}
.ditto_pageTitle {font-weight:bold;margin:0 0 5px;}
.thumbscontainer {width:680px;margin:0 auto !important}
.thumbnail_div {float:right;width:85px;height:85px;min-height:85px;}
.thumbnail {padding:5px;display: block;margin:0 auto}

.ditto_paging_div {clear:both;margin:10px;}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}
 
.nl_summaryPost h3 {
border-bottom: 1px solid #CCCCCC;
margin: 0px !important;
padding: 5px !important;
color: black;
}
 
.nl_summaryPost .nl_info {
background-color: #F8F8F8;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
 
.nl_link {
font-size: 76%;
text-align: right;
}
 
.nl_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#nl_pages #nl_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#nl_pages .nl_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#nl_pages a, #nl_pages a:link, #nl_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#nl_pages a:hover {
    background-color: #fff;
    color: #000;
}
#nl_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#nl_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#nl_archivelist .nl_month {
    font-weight: bold;
}

.albums ul {padding-left:5px;list-style-type: none;}

#content ul {padding-left:20px; }
