body {
 margin-top: 60px;
 background: #ffffff;
}
.container {
 overflow: visible;
 background: #B9AC97 url(../img/contentbg.gif) left top repeat-y;
}


body#splash {
 position: relative;
 background-color: #ffffff;
}
body#splash .container {
 position: relative;
 background-color: #ffffff;
}
body#splash #splash-menu {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 z-index: 400;
}
body#splash #splash-menu ul {
 position: absolute;
 display: block;
 top: 30px;
 right: 0;
 margin: 0;
 padding: 0;
 width: 250px;
 list-style-type: none;
}
body#splash #splash-menu ul li {
 display: inline;
}
body#splash #splash-menu ul li a {
 position: relative;
 padding: 0.5em;
 font-family: helvetica, verdana, sans-serif;
 font-size: 1.2em;
 color: #564823;
 text-decoration: none;
}
body#splash #splash-menu ul li a:hover {
 color: #807455;
}

body#splash #content {
 position: relative;
 min-height: 463px;
}
body#splash #content h1 {
 position: absolute;
 top: 477px;
 left: 140px;
 margin: 0;
 color: #B5A99A;
 font-family: helvetica, verdana, sans-serif;
 font-size: 1.1em;
 font-weight: bold;
 letter-spacing: 1px;
}
body#splash #content #splash-container {
 position: relative;
 display: block;
 height: 463px;
 max-height: 463px;
}
body#splash #content #splash-container #splash-shape {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 height: 285px;
 width: 258px;
 background-color: transparent;
 background-image: url(../img/splash-shape.png);
 background-position: left top;
 background-repeat: no-repeat;
 z-index: 20;
}
body#splash #content #splash-container #splash-shape p {
 color: #F8F6F5;
 font-size: 1.1em;
 margin-top: 80px;
 margin-left: 20px;
 margin-right: 20px;
 line-height: 2.2em;
}
body#splash #content #splash-container #splash-images {
 position: absolute;
 top: 0;
 right: 12px;
 display: block;
 height: 463px;
 width: 837px;
 background-color: #ffffff;
 overflow: hidden;
}
body#splash #content #splash-container #splash-images img {
 top: 0;
 left: 0;
 height: 463px;
 width: 837px;
}

body#admin .container {
 background: #ffffff;
}
body#posts #content {
 overflow: hidden;
 background: transparent url(../img/big-swirl.gif) right top repeat-y;
}
#copy {
 min-height: 285px;
}
body.welcome #content {
 overflow: hidden;
 background: transparent url(../img/home-swirl.jpg) right top no-repeat;
}
body.contact #content {
 overflow: hidden;
 background: transparent url(../img/swirl-contact.gif) right top no-repeat;
}
#flashMessage {
 padding: 0.5em;
 background: #F7F38C;
 border: #FFA132 1px solid;
 margin-bottom: 1.0em;
}
#flashMessage .message {
 color: #E17A00;
}

/**
 * Top Navigation
 */
#top-navigation {
 display: block;
 position: fixed;
 z-index: 200;
 top: 0;
 left: 0;
 width: 100%;
 padding: 0.4em 0;
 background: #393939;
}
#top-navigation ul {
 position: relative;
 margin: 0 1.0em;
 padding: 0;
 list-style-type: none;
}
#top-navigation ul li {
 float: left;
}
#top-navigation ul li#loginlink {
 float: right;
}
#top-navigation ul li a {
 padding: 0 0.4em;
 color: #efefef;
 text-decoration: none;
}
#top-navigation ul li a:hover {
 color: #fff000;
}


/**
 * SKIP
 */
#skip {
 display: block;
 height: 0;
 text-indent: -9999px;
 overflow: hidden;
 }
 
/**
 * Content
 */
#content {
 position: relative;
}
p {
 font: "Geneva", helvetica, verdana, sans-serif;
 font-size: 1.1em;
 color: #3B2313;
 }
h1 {
 margin-top: 2.0em;
 font-family: "Geneva", helvetica, verdana, sans-serif;
 font-size: 1.5em;
 text-decoration: none;
 color: #ffffff;
}
h2 {
 margin-bottom: 0;
 font-family: "Geneva", helvetica, verdana, sans-serif;
 font-size: 1.3em;
 text-decoration: none;
 color: #EEEBEA;
}
h3 {
 font-family: "Geneva", helvetica, verdana, sans-serif;
 font-size: 1.3em;
 color: #EEEBEA;
}
p a {
 color: #EEEBEA;
 text-decoration: none;
}
p a:hover {
 color: #ffffff;
}

/**
 * HEADER
 */
#header {
 position: relative;
 display: block;
 padding-bottom: 27px;
 height: 39px;
 background: #fff url(../img/header.gif) left top no-repeat;
}
#header h2 a {
 display: block;
 height: 60px;
 width: 990px;
}
#header h2 a span, #header h3 {
 display: block;
 height: 0;
 text-indent: -9999px;
 overflow: hidden;
}

/**
 * MAIN NAVIGATION
 */
#navigation {
 position: relative;
 display: block;
 height: 285px;
 background: #B9AC97 url(../img/nav2.gif) left top no-repeat;
}
#navigation h3 {
 display: block;
 height: 0;
 text-indent: -9999px;
 overflow: hidden;
}
#navigation ul {
 position: relative;
 display: block;
 list-style-type: none;
 margin-top: 40px;
}
#navigation ul li {
 margin-top: 0;
 font-family: "Planet Esytle", helvetica, verdana, sans-serif;
 font-size: 1.1em;
 text-align: left;
 color: #fff;
 line-height: 1.0em;
}
#navigation ul li a {
 font-family: "Planet Esytle", helvetica, verdana, sans-serif;
 text-decoration: none;
 text-align: left;
 color: #fff;
}
#navigation ul li#nav-portfolio a,
#navigation ul li#nav-contact a,
#navigation ul li#nav-blog a {
 display: block;
 height: 18px;
 cursor: pointer;
}
#navigation ul li#nav-portfolio span,
#navigation ul li#nav-contact span,
#navigation ul li#nav-blog span {
 display: block;
 height: 18px;
 width: 100px;
 text-indent: -9999px;
 overflow: hidden;
}
#navigation ul li#nav-portfolio {
 background: transparent url(../img/nav-portfolio.gif) left top no-repeat;
}
#navigation ul li#nav-contact {
 margin-top: 3px;
 background: transparent url(../img/nav-contact.gif) left top no-repeat;
}
#navigation ul li#nav-blog {
 margin-top: 3px;
 background: transparent url(../img/nav-blog.gif) left top no-repeat;
}
#navigation ul li#nav-wedding,
#navigation ul li#nav-portrait,
#navigation ul li#nav-commercial {
 margin-bottom: 3px;
}

/**
 * SUBNAVIGATION
 */
#navigation ul li#nav-wedding a,
#navigation ul li#nav-commercial a,
#navigation ul li#nav-portrait a,
#navigation ul li#nav-recent a,
#navigation ul li#nav-fine-art a {
 margin-left: 30px;
 font-size: 0.8em;
 color: #8E856D;
}
#navigation ul li#nav-wedding a:hover,
#navigation ul li#nav-commercial a:hover,
#navigation ul li#nav-portrait a:hover,
#navigation ul li#nav-recent a:hover,
#navigation ul li#nav-fine-art a:hover {
 color: #ffffff;
}
body.wedding #navigation ul li#nav-wedding a,
body.commercial #navigation ul li#nav-commercial a,
body.portrait #navigation ul li#nav-portrait a,
body.fine-art #navigation ul li#nav-fine-art a {
 margin-left: 30px;
 color: #ffffff;
}

/**
 * GALLERY
 */
#gallery {
 position: relative;
 display: block;
 overflow: hidden;
 width: 670px;
 height: 285px;
 margin-right: 0; 
 background: transparent url(../img/swirl.gif) right bottom no-repeat;
}
div.tabContainer {
 position: absolute;
 top: 0;
 right: 190px;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
 height: 285px;
 width: 400px;
 background: #B9AC97 url(../img/ajax-loader2.gif) center center no-repeat;
 z-index: 10;
}
div.tabContainer div.tab {
 position: relative;
 display: none;
 height: 285px;
 width: 400px;
}
div.tabContainer div.tab .centred {
 display: table-cell;
 height: 285px;
 width: 400px;
 text-align: center;
 vertical-align:middle;
}
div.tabContainer div.tab .centred img {
 vertical-align:middle;
 margin: 0 auto;
}
div.tabContainer div.tab .centred * {
    vertical-align: middle;
}
/*\*//*/
div.tabContainer div.tab .centred {
    display: block;
}
div.tabContainer div.tab .centred span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
div.tabContainer div.current {
 display: block;
}
div.tabContainer div.tab a.deletephotobutton img {
 position: absolute;
 display: block;
 height: 48px;
 width: 48px;
 top: 0;
 left: 175px;
}

/**
 * SCROLLER
 */
.Container {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 285px;
  background-color: transparent;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 50px;
  height: 285px;
}
.Scroller-Container {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
#Scrollbar-Container {
  position: absolute;
  display: block;
  width: 20px;
  height: 285px;
  top: 0;
  left: 55px;
  background-color: transparent;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 20px;
  height: 245px;
  position: absolute;
  top: 20px;
  left: 0;
  background-color: transparent;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 265px;
}

/**
 * TITLES
 */
body.wedding #content {
 background: #B9AC97 url(../img/wedding2.gif) 480px top no-repeat;
}
body.commercial #content {
 background: #B9AC97 url(../img/commercial2.gif) 480px top no-repeat;
}
body.portrait #content {
 background: #B9AC97 url(../img/portrait2.gif) 480px top no-repeat;
}
body.fine-art #content {
 background: #B9AC97 url(../img/fineart2.gif) 480px top no-repeat;
}

/**
 * BLOG - RECENT
 */
.post-summary {
 position: relative;
 display: block;
 clear: both;
}
.post-summary h2 {
 margin: 0;
}
.post-summary h2 a {
 color: #ECE8E0;
 text-decoration: none;
}
.post-summary h2 a:hover {
 color: #8E856D;
}
.post-summary p.post-date {
 margin: 0;
 font-size: 0.8em;
 font-style: italic;
}
.post-summary p {
 margin-right: 250px;
}
.post-summary p a.post-more {
 color: #EEEBEA;
 text-decoration: none;
}
.post-summary p a:hover {
 color: #ffffff;
}
.post-summary img {
 float: right;
 margin-right: 90px;
}

/**
 * BLOG - VIEW
 */
#post-content {

}
#post-content h1 {
 margin-bottom: 0;
}
#post-content h1 a {
 color: #EEEBEA;
 text-decoration: none;
}
#post-content h1 a:hover {
 color: #ffffff;
}
#post-content h2 {
 color: #ECE8E0;
 font-size: 1.3em;
 font-weight: bold;
}
#post-content h3 {
 color: #ECE8E0;
 font-size: 1.3em;
 font-weight: normal;
}
#post-content h4 {
 color: #ECE8E0;
 font-size: 1.2em;
 font-style: italic;
}
#post-content h5 {
 color: #ECE8E0;
 font-size: 1.2em;
 font-weight: normal;
 text-decoration: underline;
}

#post-content p.post-date {
 font-size: 0.8em;
 font-style: italic;
}
#post-content ul,
#post-content ol {
 color: #ffffff;
}
#post-content p a {
 color: #EEEBEA;
 text-decoration: none;
}
#post-content p a:hover {
 color: #ffffff;
}
#post-content blockquote {
 margin: 0;
 padding: 0 2.0em;
 color: #ffffff;
 font-family: "Times New Roman", "Times", serif;
 font-size: 1.3em;
 background: transparent url(../img/quotes.gif) left top no-repeat;
}

#post-images {
 position: relative;
 padding-top: 0;
 clear: both;
}
.post-image {
 display: block;
 height: 100px;
 width: 100px;
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}
.post-image>a {
 position: relative;
 display: block;
 height: 100px;
 width: 100px;
}
.post-image .deletephotobutton {
 position: absolute;
 top: 0;
 left: 0;
}
.post-image p.post-image-caption {
 font-size: 0.8em;
 font-weight: bold;
 font-style: italic;
}

.neighbours {
 position: relative;
 clear: both;
 display: block;
}
.neighbours ul {
 position: relative;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.neighbours ul li {
 margin: 0;
 padding: 0;
 margin-bottom: 3.0em;
}
.neighbours ul li.previous-post {
 float: left;
}
.neighbours ul li.next-post {
 float: right;
}
.neighbours ul li a {
 color: #EEEBEA;
 text-decoration: none;
}
.neighbours ul li a:hover {
 color: #ffffff;
}
.neighbours ul li a span {
}

/**
 * ADMINISTRATION & FORMS
 */
div.altrow {
 background-color: #F5F5F5;
}
.adminoptions {
}
.adminoptions ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.adminoptions ul li {
 display: inline;
 margin-right: 1.0em;
 padding: 0;
}
.adminoptions ul li a {
 color: #3B2313;
 text-decoration: none;
 border-bottom: #EEEBEA 1px solid;
}
.adminoptions ul li a:hover {
 color: #EEEBEA;
}
.index {
 position: relative;
}
.form h1,
.index h1 {
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 margin-left: 40px;
 color: #002D56;
 font-size: 1.6em;
 font-weight: bold;
}

.online {
 color: #18FF00;
}
.offline {
 color: #FF0000;
}

form fieldset {
 margin-left: 0;
 padding: 5px 10px 10px 10px;
 border: #dddddd 1px solid
}
form fieldset legend {
 color: #5b5b5b;
 font-size: 1.2em;
 font-weight: bold;
 overflow: visible;
 margin-top: 0.5em;
}
fieldset div.input,
fieldset div.dateselect {
 position: relative;
 clear: both;
}
fieldset div.input label,
fieldset div.dateselect label {
 display: block;
 float: left;
 width: 100px;
 margin-top: 4px;
 margin-right: 10px;
 text-align: right;
 color: #7A7F7F;
}
fieldset div.info label,
fieldset div.pageinfo label,
fieldset div.post-info label {
 display: block;
 float: left;
 width: 100px;
 margin-top: 0px;
 margin-right: 10px;
 text-align: left;
 color: #7A7F7F;
}
fieldset div.input input {
 float: left;
 margin-left: 0;
 margin-bottom: 5px;
 padding: 3px;
 width: 400px;
}
fieldset div.info input.caption,
fieldset div.info input.order {
 float: left;
 margin-left: 0;
 margin-bottom: 2px;
 padding: 3px;
 width: 350px;
}
fieldset div.pageinfo input.caption,
fieldset div.pageinfo input.order {
 float: left;
 margin-left: 0;
 margin-bottom: 2px;
 padding: 3px;
 width: 300px;
}
#formrightcolumn fieldset div.input input {
 width: 160px;
}
fieldset div.input textarea {
 float: left;
 margin-left: 0;
 padding: 3px;
 width: 402px;
 height: 500px;
}
#formrightcolumn fieldset div.input textarea {
 width: 161px;
}
fieldset div.input select {
 margin-left: 0;
 padding: 3px;
 width: auto;
}
fieldset div.input select.dateselect {
 float: none;
 width: auto;
}
#formrightcolumn fieldset div.input input[type=file] {
 width: auto;
}

div.submit {
 clear: both;
 margin-left: 0;
 padding: 3px;
}
div.submit input[type=submit] {
 margin-left: 0;
 padding: 3px;
}
.checkboxlist {
 position: relative;
 clear: both;
 margin-left: 120px;
}
.checkboxlist label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
.checkboxlist label span {
 margin-left: 5px;
}
div.radiogroup {
 position: relative;
 clear: both;
 margin-left: 120px;
}
div.radiogroup input {
 float: left;
}
div.radiogroup label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
div.checkbox label {
 float: auto;
 margin: 0;
 padding: 0;
}
div.checkbox input[type=checkbox] {
 float: auto;
 width: auto;
 margin: 5px 0 0 120px;
 padding: 0;
}
div.input textarea.metadescription {
 height: 90px;
}
div.input textarea.shortdescription {
 height: 90px;
}
hr.space {background:transparent;color:#8E856D;height:0.5em;margin:0 0 0.5em;}

/**
 * PAGINATION
 */
div.paging {
 position: absolute;
 left: 480px;
 bottom: 0;
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 font-size: 1.0em;
 color: #3A2213;
}
div.paging a {
 padding: 0.5em 1.0em;
 color: #3A2213;
 font-weight: bold;
 text-decoration: none;
}
div.paging a:hover {
 color: #ECE8E0;
 text-decoration: none;
}
div.paging span a {
 padding: 0.5em;
 margin-right: 1px;
 color: #3A2213;
 text-decoration: none;
 border: #EEEBEA 1px solid;
}
div.paging span a:hover {
 color: #fff;
 text-decoration: none;
 background-color: #ECE8E0;
}
div.paging span.current {
 padding: 0.5em;
 margin-right: 1px;
 color: #fff;
 background-color: #A8A296;
 border: #EEEBEA 1px solid;
}
div.paging-counter {
 clear: both;
 margin: 1.0em 0 1.0em 3em;
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 font-size: 1.0em;
 color: #9D978C;
}

/**
 * TABLES
 */
table {
 clear: both;
 border-bottom: #DBDBDB 1px solid;
}
tr {
 background: #F5F5F5;
}
tr th {
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 font-size: 1.2em;
 color: #575757;
 background: #DBDBDB;
}
tr th.editaction {
 width: 40px;
 text-align: left;
}
tr th.deleteaction {
 width: 40px;
 text-align: right;
}
tr th.postdate {
 width: 100px;
 text-align: left;
}
tr th.posttitle {
 text-align: left;
}
tr th a {
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 text-decoration: none;
 color: #575757;
}
tr th a:hover {
 text-decoration: underline;
 color: #9D978C;
}
tr td {
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 color: #383838;
}
tr td a {
 font-family: "Helvetica Neue", helvetica, verdana, sans-serif;
 text-decoration: none;
 color: #383838;
}
tr td a:hover {
 text-decoration: underline;
 color: #0A0A0A;
}
tr.altrow {
 background: #fff;
}

/**
 * Actions
 */
tr td.editaction {
 padding: 0;
 text-align: center;
 border-right: #DBDBDB 1px solid;
}
tr td.deleteaction {
 padding: 0;
 text-align: center;
 border-left: #DBDBDB 1px solid;
}
tr td a.edit {
 color: #5480AE;
}
tr td a.edit:hover {
 text-decoration: underline;
 color: #1085FD;
}
tr td a.delete {
 color: #AE5454;
}
tr td a.delete:hover {
 text-decoration: underline;
 color: #F12D2D;
}
.adminoptions a.button {

}
.adminoptions a.addpost {
 position: absolute;
 top: 0;
 right: 80px;
 padding: 1.0em 1.5em 1.0em 1.5em;
 color: #ffffff;
 background-color: #408000;
 text-decoration: none;
}
.adminoptions a.addpost:hover {
 color: #408000;
 background-color: #9EBF7F;
}