/* BASIC */

body{ margin: 20px 0 25px 0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }

a{ text-decoration: underline; }
a:hover{ text-decoration: none; }
a img{ border: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

h1,h2,h3,h4,h5{ margin: 0; padding: 0; }
h1{ font-size: 2em; }
h2{ font-size: 1.75em; }
h3{ font-size: 1.5em; }
h4{ font-size: 1.25em; }
h5{ font-size: 1em; }

.image-left, .image-right{ padding: 20px; }
.image-left{ float: left; }
.image-right{ float: right; }

blockquote, code{ margin: 20px 0; padding: 20px; font-style: italic; }

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; }

/* LAYOUT */

#wrapper, #footer{ margin: 0 auto; }
#wrapper{ position: relative; }
#header, #featureImage, #contentRounder{ margin: 0 20px; position: relative; z-index: 2; }
#gradientLeft, #gradientRight{ position: absolute; top: -1px; height: 294px; z-index: 1; }
#gradientLeft{ left: 0; background: transparent url('images/gradient-left.png') top left no-repeat; } /* Width = total layout width - 60px */
#gradientRight{ right: 0; width: 60px; background: transparent url('images/gradient-right.png') top right no-repeat; }
#spacer{ display: block; position: relative; width: 100%; height: 20px; }

/* HEADER */

#header{ position: relative; margin-top: -20px; }
#header img{ margin: 20px 0 0 0; }
#header h2{ position: relative; font-size: 16px; line-height: 1.5em; margin-top: 20px;  }

#headerToolbar{ position: relative; z-index: 2; }
#headerToolbar ul{ margin: 20px 0 0 0; padding: 0; list-style: none; line-height: 3.1em;  }
html > body #headerToolbar ul{ line-height: 2.7em; }
#headerToolbar ul ul{ display: none; }
#headerToolbar li{ display: inline; }
html > body #headerToolbar li{ display: inline-block; }
#headerToolbar li a{ margin: 0; padding: 0.8em 0 0 0.75em; text-decoration: none; background: transparent url('images/tab-end.png') top left no-repeat; }
html > body #headerToolbar li a{ padding-bottom: 0.8em; }
#headerToolbar li a span{ margin: 0; padding: 0.8em 1.5em 0.8em 0.75em; background: transparent url('images/tab.png') top right no-repeat; }
#shadow{ position: relative; z-index: 3; display: block; margin-top: -5px; width: 100%; height: 5px; background: transparent url('images/tab-shadow.png') repeat-x; }



/* BANNER AND BREADCRUMBS */

#featureImage{ display: block; position: relative; background-color: transparent; background-position: top center; background-repeat: no-repeat; }
#breadcrumbsBackground, #breadcrumbs{ position: absolute; bottom: 0; width: 100%; font-size: 12px; line-height: 1em; background: transparent url('images/breadcrumbs-background.png') top repeat-x; height: 35px; }
#breadcrumbsBackground{ background-image: none; height: 31px; opacity: 0; }
html > body #breadcrumbsBackground{ height: 30px; }
#breadcrumbs ul{  margin: 5px 0 0 0; padding: 8px 10px 8px 10px; list-style: none; }
#breadcrumbs li{ display: inline; }


/* SIDEBAR & CONTENT */

#sidebar, #content{ line-height: 1.5em; }

/* SIDEBAR */

#sidebar{ width: 220px; margin: 20px 0; }
#sidebar-menu ul{ margin: 0; padding: 0; list-style: none; }
#sidebar-menu li a{ text-decoration: none; font-weight: bold; font-size: 1.1em; display: none; }
#sidebar-menu ul ul{ margin: 0 0 20px 0; }
#sidebar-menu ul ul li a{ display: block; }
#sidebar-menu ul ul ul{ margin: 3px 0; padding-left: 25px; list-style: disc; }
#sidebar-menu ul ul ul a{ font-weight: normal; font-size: 1em; }

#sidebar-title{ margin-bottom: 10px; }
#sidebar-content{ margin: 0 0 20px 0; padding: 0; }

/* CONTENT */

#content{ position: relative; padding: 20px; }

/* FOOTER */

#footer{ padding: 20px 0; text-align: center; }


/* BLOG PAGE */

.blog-entry { margin-bottom: 20px; }
.blog-entry-title { font-size: 1.5em; }
.blog-entry-date{ padding: 7px 0 10px 0; font-weight: bold; }
p.blog-entry-tags{ font-weight: bold; } 

ul.blog-tag-cloud { margin: 0 20px 20px 20px; padding: 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; }									

#blog-categories br, #blog-archives br, #blog-rss-feeds br{ display: none; }
#blog-categories, #blog-archives{ padding: 0 20px 20px 20px; }
#blog-categories a, #blog-archives a, #blog-rss-feeds { position: relative; }
#blog-categories a, .blog-category-link-disabled{ display: block; padding: 3px 0 3px 25px; background: transparent url(images/tag_blue.gif) left no-repeat; }
#blog-archives a, .blog-archive-link-disabled{ display: block; padding: 3px 0 3px 25px; background: transparent url(images/calendar.gif) left no-repeat; }
#blog-rss-feeds a, a.blog-comments-rss-link{ display: block; margin: 0 20px; padding: 3px 0 3px 25px; background: transparent url(images/icon-sidebar-rss.gif) left no-repeat; }

.blog-archive-month{ font-size: 2em; font-weight: bold; }
.blog-archive-link{ padding: 20px 0; }


/* JS-Kit Comments - See /Contents/css/sidebars/ for more */

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


/* FILESHARING PAGE */

.filesharing-description{ margin-bottom: 20px; }
.filesharing-item{ padding: 0 0 10px 0; }
.filesharing-item-title{ font-size:1.5em; margin-bottom: 5px; }


/* PHOTO ALBUM PAGE */

.album-title{ font-size: 2em; line-height: 1.6em; font-weight: bold; }
.album-description{ display: block; padding: 20px 0; }
.album-wrapper{ position: relative; width: 100%; padding-top: 40px; overflow: visible; }
.thumbnail-wrap{ text-align: center; position: relative; float: left; margin-bottom: 60px; margin-right: 10px; }
.thumbnail-frame { position: absolute; bottom: 0; left: 0; }


/* PHOTO PAGE */

.photo-background{ margin: 50px 0; width: 100%; text-align: center; background: none; }
.photo-navigation{ 	width: 840px; margin: 0 auto; }
.photo-title{ font-size: 2em; }
.photo-caption{ margin: 5px 0; }
.photo-links{ padding-bottom: 15px; }
.exif-data p { margin: 0; padding: 0;}
p.exif-version {
}
p.exif-colour-space {
}
p.exif-focal-length {
}
p.exif-dimensions {
}
p.exif-pixel-y-dimension {
}
p.exif-pixel-x-dimension {
}
p.exif-oecf-value {
}
p.exif-subsec-time-original {
}
p.exif-exposure-mode {
}
p.exif-spatial-frequency-response {
}
p.exif-scene-capture-type {
}
p.exif-subject-location {
}
p.exif-shutter-speed {
}
p.exif-datetime-original {
}
p.exif-subsec-time {
}
p.exif-compressed-bits-per-pixel {
}
p.exif-flash-energy {
}
p.exif-saturation {
}
p.exif-brightness {
}
p.exif-exposure-time {
}
p.exif-f-number {
}
p.exif-file-source {
}
p.exif-gain-control {
}
p.exif-subject-area {
}
p.exif-cfa-pattern {
}
p.exif-scene-type {
}
p.exif-white-balance {
}
p.exif-flash {
}
p.exif-exposure-index {
}
p.exif-flashpix-version {
}
p.exif-device-setting-description {
}
p.exif-focalplane-x-resolution {
}
p.exif-image-uniqueid {
}
p.exif-components-configuration {
}
p.exif-light-source {
}
p.exif-sensing-method {
}
p.exif-aperture {
}
p.exif-sharpness {
}
p.exif-exposure-program {
}
p.exif-subject-distance {
}
p.exif-subsec-time-digitized {
}
p.exif-contrast {
}
p.exif-focalplane-resolution-unit {
}
p.exif-gamma {
}
p.exif-35mm-focal-length {
}
p.exif-datetime-digitized {
}
p.exif-subject-distance-range {
}
p.exif-custom-rendered {
}
p.exif-max-aperture {
}
p.exif-sound-file {
}
p.exif-metering-mode {
}
p.exif-spectral-sensitivity {
}
p.exif-exposure-bias {
}
p.exif-focalplane-y-resolution {
}
p.exif-iso-rating {
}
p.exif-maker-note {
}
p.exif-digital-zoom-ratio {
}
p.exif-user-comment {
}


/* MOVIE ALBUM PAGE */

.movie-page-title{ font-size: 2em; line-height: 1.6em; font-weight: bold; }
.movie-page-description{ padding: 20px 0; }
.movie-thumbnail-frame{ display: block; width: 100%; overflow: auto; padding: 10px 0; border-top: 1px solid #EEE; }
.movie-thumbnail-frame img{ float: left; padding-right: 15px; }
.movie-thumbnail-caption{ float: left; font-size: 1.2em; }


/* MOVIE POPUP PAGE */

.movie-background{ margin: 0; padding: 20px; background: none; }
.movie-title{ font-size: 1.2em; }
.movie-frame{ width: 100% !important; padding-bottom: 20px; overflow: hidden; text-align: left; }