/*
-------------------------------------------
File: 'buenck fehse 36' styles.css Style Sheet
Created: 19, July, 2005
Last Modified: 12, September, 2007
Author: Charlie/Josh Lockhart, Blueball Design
www.blueballdesign.com
-------------------------------------------
*/


/* @group GENERAL STYLES */


body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	background: #FFFFFF url('images/background.gif') top repeat-x;
}

a:link, a:visited{
	text-decoration: underline;
}

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


/* @end */


/* @group GLOBAL CSS */


.imageStyle {
	background: transparent;
	padding: 0px;
	margin: 0px;
}

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

/* use this to make blocks of text 'standout' */
.standout, blockquote{
	display: block;
	margin: 10px 0px;
	padding: 10px;
	border: 1px dotted #666666;
	background-color: #EEEEEE;
	font-size: 12px;
	font-style: italic;
	color: #666666;
}

/* Styles common to all <H*> tags */
h1, h2, h3, h4{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #000066;
	line-height: 1.4em;
}

/* use these tags to style <h1> - used in page header for site title*/
h1 {
	font-size: 25px;
}

/* use these tags to style <h2> - used in page header for site slogan */
h2 {
	font-size: 20px;
}

/* use these tags to style <h3> */
h3 {
	font-size: 18px;
}

/* use these tags to style <h4> */
h4 {
	font-size: 14px;
}

/* use for user-positioned inline images */
.image-right{
	float: right;
	padding: 10px 0px 10px 10px;
}

/* use for user-positioned inline images */
.image-left{
	float: left;
	padding: 10px 10px 10px 0px;
}

img {
}

a img {
	border: 0px;
}

/* @end */


/* @group WRAPPER */

#wrapper{
}

/* @end */


/* @group PAGEHEADER */

#pageHeader{
	position: relative;
	margin: 0px;
	height: 160px;
}

#logo{
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50px;
	left: 50px;
	background: url(images/logo.jpg) top repeat-no;
}

#url{
	position: relative;
	margin: 0px 0px 0px 270px;
	height: 145px;
	background: url(images/logo_url.gif) repeat-no;
}

#current-page{
	position: absolute;
	bottom: 70px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

#url img{
	position: absolute;
	bottom: 32px;
	left: 0px;
}

#url ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 500px;
}

#url ul li{
	display: inline;
	color: #666666;
}

#url ul li a{
	color: #000066;
}

/* @end */


/* @group CONTAINER */

#container{
	margin: 0px 0px 25px 0px;
	padding-left: 270px;
}

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

#content-container{
	position: relative;
	float: left;
	width: 100%;
	background-image: url('images/corner_shadow.jpg');
	background-repeat: no-repeat;
	background-position: -12px -12px;
}

#content-container a{
	color: #000066;
}

#bottom-corner{
	position: absolute;
	bottom: 0px;
	left: -12px;
	z-index: 1;
}

#content{
	position: relative;
	margin: 0px 50px 0px 0px;
	padding: 25px 0px 25px 25px;
	line-height: 1.4em;
	height: 400px; /* Set min-height for IE6 */
	z-index: 2;
}

html>body #content{
	height: auto; /* Reset height to auto for non-IE6 browsers */
	min-height: 400px; /* Set min-height for non-IE6 browsers */
}

#content ul {
}

#content li {
}

/* Table Styles */
#content table {
	font-size: 11px;
}

/* @end */


/* @group SIDEBAR */

#sidebar-container{
	float: left;
	width: 260px;
	margin-left: -130px; /* HALVE FOR IE6 DOUBLED MARGINS ON FLOATS BUG */
}

html>body #sidebar-container{
	margin-left: -260px; /* RESET FOR NON-IE6 BROWSERS */
}

#sidebar{
	margin: 0px;
	padding: 0px 40px 20px 40px;
	color: #000066;
}

#sidebar a{
	color: #000066;
}

#sidebar-container #sidebar ul {
}

#sidebar-container #sidebar li {
}

/* @end */


/* @group FOOTER */

#footer{
	position: relative;
	height: 34px;
	margin: 0px;
	padding: 20px 50px 37px 25px;
	color: #FF9900;
	z-index: 3;
}

#footer a{
	color: #000066;
}

/* @end */


/* @group TOOLBAR */

#navbar {
	margin: 0px;
	padding: 0px 40px 20px 52px;
}

#navbar #current {
	color: #000066;
	font-weight: bold;
}

#navcontainer #current:hover {
}

#navbar .currentAncestor {
	color: #FF9900;
	font-weight: bold;
}

/*** NAVBAR LEVEL 1 ***/
		
#navbar ul{
	margin: 0px;
	padding: 0px;
	list-style: url('images/list_bullet.gif');
}

#navbar ul li{
	margin: 2px 0px 0px 0px;
}
		
#navbar ul li a{
	font-size: 13px;
	color: #000066;
	text-decoration: none;
}
		
#navbar #current ul li {
	color: #000066;
	font-weight: bold;
	font-size:  13px;
}

#navbar #current:hover ul li {
	color: #FF9900;
}

#navbar .currentAncestor ul li {
	color: #FF9900;
	font-weight: bold;
}

/*** NAVBAR LEVEL 2 ***/

#navbar ul ul{
	margin: 8px 0px 8px 8px;
	list-style-image: url(''); /* Removes image from sublevel in IE6 */
	list-style: none; /* Removes image from sublevel in non-IE6 browsers */
}

#navbar ul ul li{
	margin: 1px 0px;
}

#navbar ul ul li a{
	font-size: 11px;
	color: #888888;
}

#navbar ul ul li a:hover{
	color: #FF9900;
}
		
#navbar #current ul li {
	color: #FF9900;
	font-weight: bold;
	font-size:  13px;
}

#navbar #current:hover ul li {
	color: #888888;
}

#navbar .currentAncestor ul li {
	color: #000066;
	font-weight: bold;
}


/* @end */


/* @group BLOG */


/* @group Entry Page */

/* styles the <div> container for each blog entry */
.blog-entry{
   padding-bottom: 20px;
}

/* styles the title of each blog entry */
.blog-entry-title{
   color: #000066;
   font-size: 15px;
   margin-bottom: 5px;
   line-height: 1.4em;
}

.blog-entry-title a:link, a:visited {
	text-decoration: none;	
}

.blog-entry-title a:hover, a:active {
	text-decoration: underline;	
}

/* styles the date of each blog entry */
.blog-entry-date{
   color: #FF9900;
   margin-bottom: 5px;
   font-style: italic;
}

.blog-entry img {
}

.blog-read-more {
	font-size: 11px;
	margin-top: 3px;
	margin-left: 6px;
	padding: 0px;
	font-style: normal;
}

.blog-read-more a {
	font-size: 11px;
	padding: 0px;
	font-style: normal;
}

.blog-read-more a:hover {
	font-size: 11px;
	padding: 0px;
	font-style: normal;
}

.blog-entry-summary {
	margin-bottom: 10px;
}

/* styles the entry body container */
.blog-entry-body{
   line-height: 1.4em;
}

/* styles the comments which appear at the end of each blog page entry */
.blog-entry-comments{
   margin: 5px 0px 0px 0px;
   color: #FF9900;
}

.blog-entry-comments a{
   color: #FF9900;
}

.blog-entry-comments a:hover{
	text-decoration: none;
}

.blog-entry-comments-inline {
	font-size: 11px;
	line-height: 1.4em;
	text-align:  left;
	margin-top: 8px;
	padding-bottom: 10px;
}

p.blog-entry-tags {
	font-size: 11px;
	line-height: 1.4em;
	text-align:  left;
	margin-top: 8px;
	padding-left: 20px;
	font-style: normal;
	background: transparent url(images/tag_gray.png) top left no-repeat;
}

/*styles the category link in the main entry */
.blog-entry-category {
	margin-right: 5px;
	padding-left: 5px;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
	height: auto;
	padding-left: 20px;
	background: url(images/blogpage.png) no-repeat left center;
}

/* @end */


/* @group Archive Page */

/* styles the archive page <body> on the archive page ONLY */
.blog-archive-background{
}

.blog-entry-summary {
	margin-bottom: 20px;
}

/* styles archive page title and title links <div> on the archive page ONLY */
.blog-archive-headings-wrapper{
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

/* styles the month <div> in the blog archive headings wrapper on the archive page ONLY */
.blog-archive-month{
	margin: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #FF9900;
}

/* styles the link <div> in the blog archive headings wrapper on the archive page ONLY */
.blog-archive-link{
	margin: 0px;
	padding-top: 5px;
	color: #000066;
}

/* styles <a> links in .blog-archive-link <p> tag */
.blog-archive-link a:link, .blog-archive-link a:visited{
	color: #000066;
	text-decoration: underline;
}

/* styles <a> links in .blog-archive-link <p> tag */
.blog-archive-link a:hover, .blog-archive-link a:active{
	color: #000066;
	text-decoration: none;
}

/* styles the wrapper around all entries on the archive page ONLY */
.blog-archive-entries-wrapper {

}

.blog-archive-entries-wrapper .blog-entry {
}

.blog-archive-entries-wrapper a:link, .blog-archive-entries-wrapper a:visited{
	color: #000066;
	text-decoration: underline;
}

.blog-archive-entries-wrapper a:hover, .blog-archive-entries-wrapper a:active{
	color: #000066;
	text-decoration: none;
}



/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
	line-height: 1.5em
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-top: 12px;
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-top: 10px;
	margin-bottom: 10px;
}

a.blog-rss-link {
	background: url(images/rss_icon.gif) no-repeat left center;
	padding-left: 16px;
	display: block;
	float: left;
}

a.blog-comments-rss-link {
	background: url(images/rss_icon.gif) no-repeat left center;
	padding-left: 16px;
	display: block;
	float: left;
}




/* @end */


/* @group Blog Tag Cloud */

ul.blog-tag-cloud {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

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

/* @end */


/* @end */


/* @group PHOTO ALBUM */


/* @group Thumbnail Index Page */

/* styles the album title div */
.album-title{
	color: #000066;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

/* styles the album description div */
.album-description{
	margin-bottom: 80px;
	padding-bottom: 10px;
}

.album-wrapper {
	position: relative;
	display: block;
	width: 99%;
}

.thumbnail-wrap {
	text-align: left;
	position: relative;
	float: left;
	margin-bottom: 30px;
	margin-right: 6px;
	padding-right: 5px;
}

html>body .thumbnail-wrap {
	margin-bottom: 60px;
	margin-right: 12px;
	padding-right: 0px;
}

/* styles the image in the thumbnail frame */
.thumbnail-frame img{
	border: 0px;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

/* styes the thumbnail caption <p> tag */
.thumbnail-caption{
	color: #FF9900;	
	height: 50px;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

/* @end */


/* @group Single Image Page */

/* styles the body of the page */
.photo-background{
  	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background: #FFFFFF url('images/background.gif') top repeat-x;
}

/* styles the navigation bar <div> */
.photo-navigation{
	position: relative;
	margin: 0px;
	padding: 50px 50px 0px 50px;
}

/* styles the photo title <p> tag */
.photo-title{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

/* styles the photo caption <p> tag */
.photo-caption{
	margin: 0px;
	padding-top: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #FF9900;
}

/* styles the photo links <p> tag */
.photo-links{
	margin: 0px;
	padding-top: 5px;
	color: #000066;
}

/* styles <a> links in .photo-links <p> tag */
.photo-links a{
	color: #000066;
}

.photo-links a:link, .photo-links a:visited{
	text-decoration: underline;
}

.photo-links a:hover, .photo-links a:active{
	text-decoration: none;
}

.photo-background img{
	padding: 50px;
}

/* @end */


/* @group EXIF Data */
/* Data wrapper */
.exif-data {
	clear: left;
	margin: 0;
	padding: 15px;
	float: left;
	width: 200px;
}

.exif-data p {
	margin: 0;
	padding: 0;
	color: #888888;
}

/* p tag classes for all exif data */
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 {
}


/* @end */


/* @end */


/* @group FILE SHARING */

/* styles file sharing description div */
.filesharing-description{
	margin-bottom: 20px;
	line-height: 1.4em;
}

/* styles for each file sharing item div */
.filesharing-item{
	display: block;
	margin: 20px 0px;
	padding: 10px;
	border: 1px dotted #666666;
	background-color: #EEEEEE;
	font-size: 12px;
	color: #666666;
}

.filesharing-item a{
	color: #000066;
}


/* styles for each filesharing item title div */
.filesharing-item-title{
   font-weight: bold;
   color: #000066;
   margin-bottom: 5px;
}

/* styles for each filesharing item description div */
.filesharing-item-description{
	line-height: 1.4em;  
}


/* @end */


/* @group QUICKTIME ALBUM PAGE */


/* Styles for the movie page title */
.movie-page-title{
	color: #000066;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

/* Styles for the movie page description <div> */
.movie-page-description{
	margin-bottom: 20px;
	line-height: 1.4em;
}

/* Styles for each movie's frame <div> */
.movie-thumbnail-frame{
	width: 132px;
	float: left;
	position: relative;
	text-align: left;
	margin: 0 20px 20px 0;
}

.movie-thumbnail-frame a:link {
	background: transparent;
	border: none;
}

/* Remove border from any images in an <a> element */
.movie-thumbnail-frame img{
	border: none;
}

.movie-thumbnail img {
	margin: 0;
    padding: 0;
    border: none;
}

/* styles the caption */
.movie-thumbnail-caption{
	font-size: 11px;
	width: 100%;
	margin: 0 0 5px 0;
	padding-top: 5px;
	color: #FF9900;
}

/* @end */


/* @group QUICKTIME  PAGE */

.movie-background{
  	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: center;
}

.movie-frame{
	margin: 20px;
}

.movie-title{
	color: #000066;
	line-height: 1.4em;
}


/* @end */


/* @group CONTACT FORM */

input[type=text]{
	width: 250px;
}

textarea{
	width: 350px;
	height: 200px;
}

/* @end */