/* @group GENERAL ELEMENTS */

* {
      margin: 0;
      padding: 0;
}

body {
      text-align: center;
      font: normal normal 12px/1.75em 'Times New Roman',Times,serif;
}

a {
      text-decoration: none;
}

a:hover, a:active {
      text-decoration: none;
      outline: none;
}

a img {
      border: none;
}

h1, h2, h3, h4, h5, h6{
      padding-bottom: 10px;
      font-weight: normal;
}

h1 {font-size: 1.8em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.3em;}

ul, ol {
      margin-bottom: 18px;
      padding-left: 15px;
}

.clear{
      clear: both;
}

.image-left{
      float: left;
      padding: 18px;
}

.image-right{
      float: right;
      padding: 18px;
}

blockquote, code{
      margin: 18px 0;
      padding: 13px 18px;
      display: block;
}

code{
      font: 12px 'Courier New', Courier, monospace;
}

/* LIST ELEMENTS */

ul.disc { list-style-type: disc; }
ul.circle{ list-style-type: circle; }
ul.square{ list-style-type: square; }
ol.arabic-numbers{ list-style-type: decimal; }
ol.upper-alpha{ list-style-type: upper-alpha; }
ol.lower-alpha{ list-style-type: lower-alpha; }
ol.upper-roman{ list-style-type: upper-roman; }
ol.lower-roman{ list-style-type: lower-roman; }

/* @end */

/* BASIC LAYOUT */

#logo{
      position: absolute;
      top: 0;
      left: 0;
}

#logo img{
      margin: 0px 15px 0 0;
}

h1.title{
      font-size: 50px;
      position: relative;
      font-weight: normal;
      font-style: normal;
      font-variant: small-caps;
      font-family: 'Times New Roman',Times,serif;
      padding: 50px 0;
      letter-spacing: 6px;
}

h2.slogan{
      font: italic normal 14px "Georgia";
      padding: 10px 0 7px 0;
      background-repeat: no-repeat;
      background-position: center top;
      height: 20px;
      width: 900px;
      position: absolute;
      bottom: -1px;
      left: 10px;
      -moz-border-radius-topleft: 5px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-right-radius: 5px;
}

html > body h2.slogan {
      background-image: url(images/slogan-highlight.png);
      bottom: 0px;
}

.wrapper{
      position: relative;
      margin: 0 auto;
      width: 900px;
      padding: 0 10px;
}

@media only screen and (max-device-width: 480px) {
  .wrapper, h2.slogan {width: 950px !important;}
}

#headerWrapper{
      background-repeat: no-repeat;
      background-position: center bottom;
      clear: both;
      position: relative;
}

html > body #headerWrapper {
      background-image: url(images/light_noise.png);
}

#header{
      clear: both;
      position: relative;
      background-repeat: no-repeat;
      background-position: center 20px;
}

html > body #header {
      background-image: url(images/leaf1.png);
}

#featureImage, .slide{
      position: relative;
      height: 220px;
      -moz-border-radius-bottomleft: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      background-repeat: no-repeat;
      background-position: 0 0;
      margin-bottom: 20px;
      left: 0;
      width: 100%;
}

#featureImage #slideshow{
      display: block;
      left: 0;
}

* html #featureImage #slideshow{
      display: inline-block;
}

#slideshow{
      display: none;
}

#container {
      padding-bottom: 30px;
      text-align: left;
}

#sidebar{
      width: 220px;
      padding-bottom: 30px;
}

#content{
      padding-bottom: 30px;
}

h2#sideTitle{
      font-size: 1.5em;
      margin: 0;
      padding: 0 0 10px 0;
}

#footer {
      display: block;
      clear: both;
      padding: 15px 0 100px;
      font-size: 14px;
      font-variant: small-caps;
      font-style: italic;
}

#footer ul {
      padding: 4px 5px 4px 9px;
      margin: 0;
}

#footer li {
      display: inline;
}

#footer span.desc{
      display: none;
}

#rw_email_contact {
      padding-left: 10px;
}


/* MAIN MENU */

#nav li{
      position: relative;
      float: left;
      display: block;
      width: 17%;
      padding: 0 9px 65px 0;
      text-shadow: #000 0 1px 0;
}

#nav li a {
      font-size: 18px;
      font-variant: small-caps;
      font-style: italic;
      display: block;
}

#nav span.desc{
      display: block;
      padding-top: 5px;
      font-variant: normal;
      font-size: 14px;
      pointer: cursor;
}

#nav ul {
      text-align: left;
      list-style-type: none;
      padding: 0;
      margin: 0;
      line-height: 1.5em;
      overflow: hidden;
}

#nav ul ul, #sitemap ul li a span {
      display: none;
}


/* SUB MENU */

#subNav {
      font-size: 1.2em;
      margin: 0;
}

#subNav ul {
      list-style: none;
      display: inline;
      margin: 0;
      padding: 0;
}

#subNav ul li { 
      position: relative;
      display: inline;
      margin: 0;
      padding: 0;
      height: 0;
}

#subNav ul li a { 
      display: none;
}

#subNav ul ul {
      margin-bottom: 20px;
      display: block;
}

#subNav ul ul li a {
      display: block;
      padding-left: 5px;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      font-family: Georgia;
      font-style: italic;
}

#subNav ul ul ul {
      margin-bottom: 0px;
}

#subNav ul ul ul li a {
      padding: 0.5em 0 0.5em 1em;
}

#subNav ul ul ul ul li a {
      padding: 0.5em 0 0.5em 1.5em;
}


/* BLOG ELEMENTS */

.blog-entry {
      margin-bottom: 24px;
}

.blog-entry-title, .blog-archive-month {
      font-size: 19px;
      line-height: 20px;
      margin-bottom: 8px;
}

.blog-entry-title, .blog-archive-month {
      padding-top: 7px;
}

.blog-entry-title a {
      text-decoration: none;
}
      
.blog-entry-title a:hover {
      text-decoration: underline;
}
      
.blog-entry-date {
      font-size: 12px;
      margin-bottom: 5px;
      font-weight:  bolder;
}

.blog-entry-comments {
      margin-top: 7px;
}

p.blog-entry-tags{
      margin: 0;
      padding: 0;
      font-size: 12px;
      margin-top: 7px;
} 

#blog-archives, #blog-categories, #blog-rss-feeds {
      margin-top: 18px;
}

#blog-categories {
      
}
      
#blog-archives {
      
}
      
#blog-rss-feeds {
      
}

.blog-archive-headings-wrapper {
      margin-bottom: 24px;
}
      
ul.blog-tag-cloud {
      display: block;
      margin: 0 0 18px 0;
      padding: 18px 0 0 0;
      text-align: justify;
}
ul.blog-tag-cloud li {
      display: inline;
      padding-right: 5px;
}
.blog-tag-size-1 {      
      font-size: 0.8em;
}
.blog-tag-size-2 {      
      font-size: 0.85em;
}
.blog-tag-size-3 {      
      font-size: 0.9em;
}
.blog-tag-size-4 {      
      font-size: 0.95em;
}
.blog-tag-size-5 {      
      font-size: 1em;
}
.blog-tag-size-6 {      
      font-size: 1.05em;
}
.blog-tag-size-7 {      
      font-size: 1.1em;
}
.blog-tag-size-8 {      
      font-size: 1.15em;
}
.blog-tag-size-9 {      
      font-size: 1.2em;
}
.blog-tag-size-10 {      
      font-size: 1.25em;
}
.blog-tag-size-11 {      
      font-size: 1.3em;
}
.blog-tag-size-12 {      
      font-size: 1.35em;
}
.blog-tag-size-13 {
      font-size: 1.4em;
}
.blog-tag-size-14 {      
      font-size: 1.45em;
}
.blog-tag-size-15 {
      font-size: 1.5em;
}
.blog-tag-size-16 {      
      font-size: 1.55em;
}
.blog-tag-size-17 {      
      font-size: 1.6em;
}
.blog-tag-size-18 {      
      font-size: 1.65em;
}
.blog-tag-size-19 {
      font-size: 1.7em;
}
.blog-tag-size-20 {      
      font-size: 1.75em;
}

.js-kit-comments, .js-CommentsArea{ width: 98%; }


/* FILE SHARING ELEMENTS */

.filesharing-item-title{
      font-size: 1.2em;
      padding-bottom: 5px;
}

.filesharing-description{
      margin-bottom: 18px;
}

.filesharing-item{
      padding: 10px 0;
}


/* PHOTO ALBUM */

.album-title {
      font-size: 1.4em;
      font-style: italic;
      padding-bottom: 10px;
}
.album-wrapper {
      margin: 20px 0 0 0; 
      overflow: hidden;
}
.thumbnail-wrap {
      float: left;
      position: relative;
      margin: 0 34px 50px 0;
      padding: 5px;
}

.thumbnail-frame {
      position: absolute;
}

.thumbnail-caption {
      font: 11px/1.4em Arial,Helvetica,sans-serif;
      padding-top: 5px;
}

.photo-background {
      padding: 0;
      padding-bottom: 100px;
      background-image: none;
      margin: 0;
      position: relative;
      text-align: center;
}

.photo-navigation {
      height: 190px;
      position: relative;
      margin-bottom: 40px;
      text-align: center;
      background-repeat: no-repeat;
      background-position: center bottom;
}

html > body .photo-navigation {
      background-image: url(images/light_noise.png);
}

.photo-links {
      text-align: center;
      font-size: 1.2em;
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      margin: 0;
}
.photo-links a {
      display: inline-table;
      vertical-align: middle;
      padding: 10px !important;      
      text-decoration: none;
}

.photo-title {
      margin: 0;
      padding: 30px 0 40px;
      left: 15px;
      font-size: 50px;
      font-weight: normal;
      font-style: normal;
      font-variant: small-caps;
      font-family: 'Times New Roman',Times,serif;
      line-height: normal;
      letter-spacing: normal;
      background-repeat: no-repeat;
      background-position: center 20px;
      letter-spacing: 6px;
}

html > body .photo-title{
      background-image: url(images/leaf1.png);
}

.photo-caption {
      position: relative;
      font-weight: normal;
      font-size: 1.6em;
      line-height: normal;
      letter-spacing: normal;
      margin-top: -10px;
}

img.photo-frame {
      padding: 9px;
}

/* MOVIE ALBUM */

.movie-page-title{
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 18px;
}

.movie-page-description{
      margin-bottom: 15px;
}

.movie-thumbnail-frame {
      float: left;
      position: relative;
      margin: 15px 35px 0px 0;
      width: 130px;
      height: 145px;
}

.movie-thumbnail-frame img{
      margin: 0;
      padding: 5px;
}

.movie-thumbnail-caption{ 
      font: 12px/1.4em Arial,Helvetica,sans-serif;
      position: relative;
      float: left;
}


/* MOVIE POPUP */

.movie-background{
      margin: 0;
      padding: 24px;
      border: none;
      text-align: center;
}

.movie-title{
      font-size: 14px;
      line-height: 18px;
      margin: 20px 0;
}

.movie-frame{
      margin-bottom: 10px;
}

/* CONTACT FORM */

.message-text { 
} 

.required-text {
} 

.form-input-field {
} 

.form-input-button { 
}