/*-----------------------------------------------------------------------------
Main template  Screen Stylesheet

version:   1.0
date:      01/03/07
author:    Wladimir Arnhold
website:   http://www.phoetic.de
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {  min-height: 100.05%; 
} 
body {
/*        font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif; */
    font-family:Georgia, sans-serif;
    text-align:center;
    font-size:12px;
    color:#444;
    background-color:#FFFFFF;
    background-image:url(img/bodywrapgrad.gif);
    background-repeat:repeat-y;
    background-position:left top;
    margin:0;
    padding:0;
    height:100%; /* needed to display bkgnd2 at full height in IE */
}

/* .............................. */
/* Link stylings */
/* .............................. */

a {
    color: #1669D1;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #5FAAFB;
}

a:link, a:visited {
    outline: none;
}
.linksTooltip
{
/*	border: 1px solid #333;
	background-color: #888;*/
	padding: 4px;
	color: #1669D1;
	border-bottom: 1px solid  #5FAAFB;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
}
.thumbsTooltip
{
/*	border: 1px solid #333;
	background-color: #888;*/
	padding: 4px;
	color: #1669D1;
	border-bottom: 1px solid  #5FAAFB;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 108px;
}
#bkgnd2 {
    position: absolute;
    top: 0px;
    right: 0px;
    height:auto;
    width:100%;
    min-height:100%;
    background:transparent url(img/bodywrapgrad-reverse.gif) right top repeat-y;
    text-align:center;
}
* html #bkgnd2 {
    height:100%;
}


#wrapper {
    width: 900px;
    background: #f5f5f5;
    margin: auto;
    margin-top: 0;
    text-align: left;
    padding: 0px;
    background: #fff;
    border: none;
    background-color: #F5F5F5;
}

/* .............................. */
/* Header */
/* .............................. */

#top {
    height: 40px;
    background-image: url(img/header.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0px;
}

h2 {
    font-size: 26px;
    color: #666;
    padding-right: 6px;
    padding-top: 8px;
    border: 0px;
    float: right;
    clear: right;
    margin: 0px;
}

h2 a  {
    color:#666;
}

h2 a:hover {
    text-decoration:none;
    color:#666;
}


/* .............................. */
/* Navigation */
/* .............................. */

#image-navigation {
    padding-top:2px;
    padding-bottom:0px;
    padding-left:10px;
    padding-right:0px;
    font-size:12px;
    font-weight:bold;
    height:15px;
    border: none;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin:0 auto;
    clear:both;
}
.navigation-right {
    float:right;
    position:relative;
    border:none;
    text-align:right;
    padding:0px;
    margin:0px;
}
.navigation-right a {
    padding: 5px;
    padding-top: 2px;
    padding-bottom:0px;
}
.navigation-right a:hover {
	border-bottom:1px solid;
}
.navigation-left {
    float: left;
    clear: both;
    text-align: left;
    border: none;
    background: #F5F5F5;
}
.navigation-left a {
    padding: 5px;
    padding-top: 2px;
    padding-bottom:0px;
}
.navigation-left a:hover {
	border-bottom:1px solid;
}

#page-heading {
    float:left;
    clear:both;
    font-weight:bold;
    padding:0px;
    font-size:16px;
    margin:0px;
    margin-left:5px;
    color:#333;
}


/* .............................. */
/* Photo */
/* .............................. */

#photo-post {
    margin-top: 20px;
}

#image {
    margin:0 auto;
    text-align:center;
    background: url('img/shadow1.gif') no-repeat bottom right;
    margin: 10px 40px;
    padding: 0;
    position: relative;
}

#photo {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -10px 10px 10px -10px;
    padding: 4px;
    position: relative;
    vertical-align: bottom;
}


/* .............................. */
/* Content */
/* .............................. */

#content {
    padding: 20px;
    background: #F5F5F5;
    border: none;
    border-top: 0px solid #eee;
    margin-top: 10px;
    height: 100%;
}

/* .............................. */
/* Information */
/* .............................. */

h1 {
    font-size:18px;
    font-weight:bold;
    font-family:Georgia, sans-serif;
    color:#444;
    }
#image-title {
    font-size:18px;
    font-weight:bold;
    font-family:Verdana, sans-serif;
    color:#444;
    }

#image-info {
    float:left;
    clear:left;
    width: 88%;
    padding-left:50px;
    font-size:15px;
}

#image-info p {
    padding-top: 10px;
}

#image-info span.qu {
    font:normal 120%  "Times New Roman", serif;
    font-weight:bold;
}

#image-info em {
   font:normal 120%;
   line-height: 100%;
}

#image-info a {
   color:#000;
}

#nav-pre-next{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#prev-image{
	background: 		transparent url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	float:left;
	left:0;
	width:49%;
	height:99%;
	display:block;
}
#next-image{
	background: 		transparent url('images/blank.gif') no-repeat; /* Trick IE into showing hover */
	position:absolute;
	float:right;
	width:49%;
	height:99%;
	display: 			block;
	right: 0;
}

/* .............................. */
/* Viewing Comments*/
/* .............................. */

#comments {
    margin: 0 auto;
    padding-left: 50px;
    font-size: 14px;
    border: 0px;
    margin-top: 20px;
}
#comments a {
	font-weight:bold;
}
#comments a:hover {
	border-bottom:1px solid;
}
#comments dl {
    margin:0px;
    padding:10px;
}
#comments dt {
    display:block;
    margin:0px;
    color:#444;
    text-decoration:none;
    padding:7px;
}

#comments dt:hover {
    background:#f5f5f5;
}

#comments dt a {
    text-decoration:none;
	 outline:none;
}

#comments dd {
    display:block;
    margin:10px;
    color:#444;
    text-decoration:none;
    padding:27px;
}

#comments dd:hover {
    background:#f5f5f5;
}

#comments dd a {
    text-decoration:none;
 	 outline:none;
}

/* .............................. */
/* Adding Comments*/
/* .............................. */

#addcomment {
	float:right;
  	padding: 0 1em;
}
.input {
    font-size:14px;
    border:1px solid #999;
    background-color:#f5f5f5;
    color:#444;
    padding:0px;
    margin-top:10px;
}
.input:hover, .input:focus, .inputarea:hover, .inputarea:focus{
    border-top:1px solid #0066CC;
    border-bottom:1px solid #0066CC;
    border-left:1px solid #0066CC;
    border-right:1px solid #0066CC;
    background:#ffffff;
    color:#000000;
}
.inputarea {
    font-size:14px;
    border:1px solid #999;
    background-color:#f5f5f5;
    color:#444;
    padding:0px;
}
.formbutton{
    padding:0px;
    margin:0px auto;
    margin-top:20px;
    background:#f5f5f5;
    border:1px solid #999;
 	 outline:none;
}
.formbutton:hover{
    color:#0066CC;
    background:#eee;
    border-top:1px solid #0066CC;
    border-bottom:1px solid #0066CC;
    border-left:1px solid #0066CC;
    border-right:1px solid #0066CC;
  	 outline:none;
}

/* .............................. */
/* Show Comments*/
/* .............................. */


#comment {
	font-size:90%;
  	float: left; width: 40%;
  	margin: 0; padding: 0;
  	border-right: 1px dashed silver;
}
#showcomments ul {
	padding-top:20px;
    list-style-type:none;
}
#showcomments li {
    display:block;
    color:#111;
    padding-left:22px;
    background:transparent url(img/say.gif) no-repeat;
	padding-bottom:15px;
}
#show-comments dd a {
    text-decoration:none;
}
#links {
    padding-top: 10px;
}

/* .............................. */
/* Thumb Row*/
/* .............................. */

#thumbrow {
     margin:0 auto;
     margin-top:10px;
     margin-bottom:30px;
     text-align:center;
     clear:both;
     width:100%;
}
#thumbrow .current-thumbnail {
     opacity: 0.99 !important;
     filter: alpha(opacity=100);
     padding:5px;
     margin:3px;
     border:1px solid #ccc;
}
#thumbrow a img {
     opacity: 0.60 !important;
     filter: alpha(opacity=60);
     margin:3px;
     padding:5px;
     border:1px solid #fff;
}
#thumbrow a:hover img, #thumbs a:focus img {
     opacity: 0.99 !important;
     filter: alpha(opacity=100);
     padding:5px;
     border:1px solid #0066CC;
}
.thumbnails {
    padding:5px;
    border:1px solid #fff;
    opacity: 0.70 !important;
    filter: alpha(opacity=70);
}
.thumbnails:hover {
    padding:5px;
    border:1px solid #0066CC;
    opacity: 0.99 !important;
    filter: alpha(opacity=100);
}

/* .............................. */
/* Footer */
/* .............................. */

#footer {
    padding: 10px;
    color: #aaa;
    margin: 0 auto;
    text-align: center;
    font-size: 10px;
    font-family:Verdana,"Lucida Grande";
    border-top: 1px solid #eee;
    height: 100%;
    background: #F5F5F5;
}

#footer a {
   color:#aaa;
}


/* .............................. */
/* Calendar */
/* .............................. */

#calendar {
    padding:10px;
    padding-top: 30px;
    font-family:Helvetica, verdana, sans-serif;
    font-size:12px;
    font-weight:bold;
    letter-spacing:-1px;
    margin:0 auto;
    border:none;
    clear:both;
}

.td-calendar-days {
    padding:1px;
    text-align:center;
    border:0px;
    background:#fff;
    color:#999;
}
.td-calendar-days:hover {
    background:#444;
}
.td-calendar-navi {
    border-top:0px;
    border-bottom:1px solid #999;
    border-right:0px;
    border-left:0px;
    text-align:right;
    letter-spacing:1px;
    word-spacing:5px;
}
.td-calendar-navi a {
    text-decoration:none;
    color:#444;
}
.td-calendar-days-imagefound {
    text-align:center;
    border:1px solid #999;
    border-left:1px dashed #999;
    border-right:1px dashed #999;
    background:#f5f5f5;
}
.td-calendar-days-imagefound:hover {
    text-decoration:none;
    background:#666;
}
.td-calendar-days-imagefound a {
    text-decoration:none;
    padding-left:1px;
    display:block;
}
.td-calendar-days-imagefound a:hover {
    text-decoration:none;
    color:#fff;
    background:#666;
}
.table-calendar {
    font-family: Helvetica, verdana, sans-serif;
    font-size: 10px;
    padding: 0px;
    margin: 0 auto;
    width: 90%;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
    background: #F5F5F5;
}
.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}