/*

    Theme: Almanac
    for folderblog 3 (http://folderblog.tetto.org/)

    Author: John Wrana
    Author URI: http://www.jowra.de/

    Updated on: 2005-07-06
    
    The CSS, XHTML and design is released under the GPL:
    http://www.opensource.org/licenses/gpl-license.php
    
*/

html, body {
    padding: 0;
    margin: 0;
    text-align: center;
}

body {
    background: #E1E1E1 url(images/bg.gif) top left repeat-x; 
    font: 11px "Trebuchet MS", sans_serif;
    color: #000;
}

img {
    border: 1px solid #C9C9C9;
}

p {
    margin: 0;
    padding: 0;
}

a {
    color: #fff;
    text-decoration: none;
}

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

textarea, input {
    background: #606866;
    border: 1px solid #898E8B;
    margin: 0 0 5px 0;
    padding: 1px 3px;
    font-family: Trebuchet MS, Tahoma, Arial, Helvetica, Geneva, sans-serif;
    font-size: 11px;
    color: #e5e7e5;
    vertical-align: middle;
}

textarea {
    margin: 3px 0 5px 0;
}

#submit {
    padding: 0 3px 2px 3px;
    margin: 0;
    height: 22px;
    width: 50px;
    color: #F9E9B9;
}

#check {
    padding: 0;
    margin: 0 0 0 10px;
}

form {
    margin: 0;
    padding: 0;
}

#header {   
    margin: 0;
    background: #fff;
    color: #000;
    display: none;
    text-align: center;
}

#header img {
    border: none;
}

#header a {
    color: #000;
}

#h_left {
    float: left;
    width: 300px;
    text-align: left;
}

#h_center {
}

#h_right {
    float: right;
    width: 300px;
    text-align: right;
}

#container {
    background: transparent;
    text-align: left;
    padding: 48px 0px 25px 0px;
    margin: 0 auto;    
}

#container img {
    margin: 0;
    padding: 0px;
    background: #fff;
}


#container_archive {
    margin: 25px auto 0 auto;
    padding: 15px 0 25px 0;
    width: 680px;
    background: #fff;   
    border: 1px solid #000;
}



#container_archive img {
    margin: 0;
    border: 1px solid #D1D1D1;
}

#container  a, #container_archive a {
    color: #000;
}

#container  a:hover, #container_archive a:hover {
    color: #000;
}

#feeds {
    position: relative;
    line-height: 1.4em;
    padding: 0;
    margin: 5px 0 0 0;
    font: 11px "Trebuchet MS", sans_serif;  
    color: #AFAFAF;
    float: right;
    text-align: right;
    width: 200px;
}

#logo {
    float: right;
/*    width: 20px;
    margin-top: 5px;*/
}

#logo img {
    border: 0;
}


#text {
    line-height: 1.4em;
    color: #AFAFAF;
    width: 330px;
    text-align: left;
    padding: 0 0 10px 0px;
}

#text a {
    color: #666;
}

    
#exif {
    line-height: 1.4em;
    padding: 0;
    margin: 5px 0 0 0;
    color: #666;
    float: left;
    text-align: left;
    width: 215px;
    font-weight: bold;  
}


#exif a:hover {
    color: red;
}

#comments {
    border-top: 1px dashed #D1D1D1;

    margin: 0;
    padding: 0;
    text-align: left;
    display: none;
}

#comments a {
    color: #000;
}

#comments a:hover {
    color: #a00;
}

.clear {
    clear: both;
}

.fbmenuthumb {
    width: 125px;
    height: 125px;
    float: left;
    margin: 5px;
}

.fbcomthumb {
        float: left;
    margin: 0 25px 75px 0;
    padding: 0;
}

.fbcomment {
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #a0a5a0;
    color: #e9e9e9;
}

div#comments .author, div#comments .author a, div#comments .author a:link {
    font-weight: bold;
    color: #444;
}

div#comments .postdate {
    color: #666;
}

div#comments .commenttxt {
    color: #666;
}


.fbcommentlist {
    color: #233;
    float: left;
    margin: 0;
    padding: 25px 0 0 0;
    border-top: 1px dashed #D1D1D1;
    
}

.fbexifinfo {
    margin: 0;
    padding: 25px 0 0 5px;
    margin-bottom: 25px;
}

.arrow {
    margin: 0 2px 1px 1px;
    padding: 0
}

/*
    about page.
    if you don't use something like an about-page you could delete this part or comment it out.
*/

#about_container {
    background: transparent;
    margin: 0 auto;
    padding: 25px 0;
    width: 662px;
    color: #e5e9e9;
}

#about_container p {
    margin: 0 0 10px 0;
    padding: 0;
    text-indent: 1em;
    line-height: 1.6em;
}

#about_left, #about_middle, #about_right {
    width: 200px;
    margin: 0;
    padding: 0;
    text-align: justify;
}

#about_left {
    padding-right: 15px;
    float: left;
    border-right: 1px solid #808986;
}

#about_middle {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #808986;
}

#about_right {
    padding-left: 15px;
    float: right;
}

.about_icon {
    margin: 3px 6px 0 0;
    padding: 0;
    border: 1px solid #555;
    float: left;
}

.about_header {
    margin: 0 0 10px 0;
    padding: 0;
    border: none;
}


div#contourA {    
    width       : 769px;
    height      : 520px;    
    background  : transparent url(images/imgbgA.gif) top left no-repeat;
    padding-top : 10px;
    padding-left: 11px;    
}

html>body div#contourA {    
    padding-top : 10px;
    padding-left: 10px;
}

div#contourB {    
    width       : 482px;
    height      : 705px;
    padding-top : 10px;
    padding-left: 10px;   
    background  : transparent url(images/imgbgB.gif) top left no-repeat;
}

#imagelink {
    border: 1px solid #C9C9C9;
}

div#contourA #imagelink{  
    width: 750px;
    height: 500px;
    display: block;  
}


div#contourB #imagelink {
    width: 450px;
    height: 675px;
    display: block;  
}




#topcontour {
    height: 15px;
}

#topcontour #leftnav {
    float: left;
    color: #000;
    font: 11px "Trebuchet MS", sans_serif;  
}

#topcontour #leftnav a {
    color: #000;
}

#topcontour #leftnav a:hover {
    color: #f00;
}

#topcontour #dateadded {
    float: right;
    font-weight:bold;
    letter-spacing:5px;
    color:#666; 
}


#feeds a {
    color: #AFAFAF;
}

#copyright, #copyright a  {
    color: #AFAFAF;
    font: 11px "Trebuchet MS", sans_serif;  
}

#copyright a:hover {
    color: #000;
}

div.comform textarea, div.comform input.tf {
    background-color: #fff;
    color: #000;
}

div.comform input#submit, div.comform input#check {
    background: none;
    border: none;
}

div.comform input#submit {
    padding:0;
    margin: 0;
    width: 100px;
    color: #000;
    background-color: #EEE;
    border: 1px solid #D1D1D1;
}

div#postform {
    margin: 25px 0;
    padding-bottom: 25px;
    text-align: left;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
}

div#postform input.tf, div#postform textarea.tf {
    background-color: #fff;
    color: #000;
}

div#postform input.cb {
    background: none;
    border: none;
}

.fbthispage {
    font-weight: bold;
}


div#categories {
    width: 700px;
    margin  : 0 auto;    
    padding: 20px 0 10px 0;
}

div#categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}   

div#categories ul li {
    display: inline;
    padding-right: 10px;        
}

html>body div#categories ul li {
    margin-right: 15px;
    padding-right: 10px;    
}   

div#categories a, div#categories ul li a {
    color: #AFAFAF;
}

div#commentsnotice {
    float: right;
}

div#commentsnotice img {
    border: 0;
    margin-right: 10px;
}

.videos a {
    color: #000;
}

.videos a:hover {
    color: #999999;
    text-decoration: none;
}