/* BASIC LAYOUT */

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

/* side slidebar fix */
html { height: 100%; margin-bottom: 1px; }

body {
    background-color:#544c3f;
    background-image:url('backtablo2.jpg');
    background-repeat:repeat;
}

/* main container */
#pagewidth{
    width:850px;
    min-width:500px;
    text-align:left;
    margin:0 auto;
    /*border:1px solid gray;*/
}

/* wrapper wraps main column (maincol) and left side column (navigation) */
#wrapper {
    position:relative;
    /*min-height:500px;
    overflow:hidden;*/
}

/* banner */
#header{
    height:200px;
    /*background-color:#eeeeee;*/
    width:100%;
    font:70px sans-serif;
    color:black;
    text-align:right;
    background-image:url('banner-reversed.jpg');
    background-repeat:no-repeat;
}

/* main column */
#maincol{
    background-color:#fbf7ee;
    margin-right:20%; /* space for navigation */
    text-align: justify;
    font: 12px sans-serif;
    padding:0 20px;
    /*height:640px;*/
    /*overflow:auto;*/
    min-height:500px;
}

/* content inside main column */
#content {
    padding:15px 10px 15px 5px;
}


/* footer at the bottom of maincol */
#footer {
    height:15px;
    /*background-color:#eeeeee;*/
    text-align:right;
    padding:1px;
}

/* GLOBAL */

/* main look for links */
A:link,A:visited, .gb_selector A:link,.gb_selector A:visited {
    text-decoration:none;
    color:#898070;
    font-weight:bold;
}

/* no borders for pictures */
img {
    border:none;
}

/* error messages box */
.error {
    padding: 3px;
    margin-bottom:2em;
    color: black;
    border: 2px solid red;
    width:510px;
    font-weight:bold;
}

h2 {
    font:bold large sans-serif;
}

h3 {
    font:bold medium sans-serif;
    padding-top:3px;
}

/* important for IE, no padding for navigation items */
#navigation ul, #navigation li {
    margin:0;
    text-align:right;
}

/* used in footer */
address {
    padding-top:2px;
    font:italic 9px sans-serif;
    color:#c6beb1;
}

/* every particle */
.particle {
    padding: 0;
}

/* because of IE, for italic text which width is more than one line */
.italic {
    font-style:italic;
    width:99%;
}

.small {
    font:12px sans-serif;
}

.underline {
    text-decoration:underline;
}

/* texts under the pictures */
.grey_name, .white_name {
    font: 12px sans-serif;
    font-style:italic;
    padding: 3px;
}

.grey_name {
    background-color:#ddd;
}

.right {
    text-align:right;
}

.center {
    text-align:center;
}

/* particles in between start and end row particles */
.inrow {
    font: 12px sans-serif;
    padding:5px;
    vertical-align:middle;
    text-align:justify;
}

span.shiftup {
    position:relative;
    top:-2px;
}

td {
    font: 12px sans-serif;
}

ul, li {
    line-height:80%;
}

a.bluelink {
    color:blue;
}

p {
    margin-top:3px;
    margin-bottom:3px;
    text-indent:20px;
}

/* NAVIGATION */

/* column left from maincol */
#navigation {
    /*padding:30px 5px 5px;*/
    width:20%;
    top:0;
    right:0;
    position:absolute; /* positioned towards wrapper */
    background-image:url('back.jpg');
    background-repeat:repeat-y;
    background-position:0 -100px;
    /*height:605px;*/
    height:100%;
    min-height:500px;
}

#nav_area {
    background-image:url('galerie.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
    height:100%;
}

/* actual displayed page has highlighted navigation item */
#navigation span.highlighted {
    text-decoration:underline;
}

/* navigation links */
#navigation A:link, #navigation A:visited, #navigation A:hover  {
    text-decoration:none;
    text-transform:uppercase;
    font: bold 16px sans-serif;
    color:black;
    padding-top:3px;
}

#navigation A:hover {
    color:white;
}

#navigation ul {
    padding-top:15px;
    padding-right: 10px;
    list-style-type: none;
}

#navigation ul li {
    display:block;
}

#navigation a {
    display:block;
}

/* DOWNLOAD */

/* textarea of download particle */
.download_text {
    text-align:justify;
    font:12px sans-serif;
    padding:2px 0 2px 8px;
}

/* link text */
.link_text {
    text-align:justify;
    font:12px sans-serif;
    padding:2px 0 2px 3px;
}

/* IMAGE BUTTONS */

.button_up, .button_down, .button_del{
    width:17px;
    height:16px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color:transparent;
    cursor: pointer; /* hand-shaped cursor */
}

.admin_buttons {
    /*background-color:#e3dabd;*/
}

/*GALLERY*/

/* for admin part of gallery, can overflow its area in somw browsers */
.gallery_area {
    overflow:auto;
}

.gallery_image {
    border: 1px solid gray;
    font:bold 12px sans-serif;
    vertical-align:top;
    padding:5px;
    max-width:30%;
}

.ordinarygallery {
    display:inline;
}

.ordinarygallery_item {
    display:inline;
}

.classicgallery {
    margin: 0 auto;
}

.classicgallery_controls {
    padding:4px 0;
    font-weight:bold;
}

/* GUESTBOOK AND OTHER FORMS */

/* global form */
.form {
    max-width:75%;
}

.gb_fancy_header {
    margin:10px 3px;
    font:bold 12px sans-serif;
    position:absolute;
    top:2px;
    left:-3px;
    border:2px solid #e5d2b9;
    background-color:#e5d2b9;
    z-index:2;
    padding:3px;
}

.gb_form {
    position:relative;
    padding-top:30px;
}

.gb_table {
    border:2px solid #e5d2b9;
    padding:5px;
    z-index:1;
    padding-top:10px;
    background-color:#fffff4;
}

.gb_form td {
    font: 12px sans-serif;
}

.gb_form textarea {
    width:100%;
}

/* global form parts */
.form_header, .form_footer, .form_oneline, .form_line {
    font:12px sans-serif;
    padding:5px;
}

/* guestbook entries and global form parts */
.gb_entry_header,.form_header, .form_footer, .form_oneline, .form_line {
    background-color:#e5d2b9;
}

/* textarea wrappers in forms */
.form_text, .gb_entry_text {
    border:1px solid #e5d2b9;
}

/* textareas in forms */
.form_line textarea, .form_header textarea, .form_footer textarea {
    width:100%;
    height:300px;
}

.form_text {
    padding:10px 5px 10px 5px;
    background-color:#fffff4;
    border-top:0px solid transparent;
    font:12px sans-serif;
    text-align: justify;
}

.form_text textarea {
    height : 80px;
    max-width : 800px;
    width : 100%;
}

/* guestbook entries */
.gb_entries {
    padding-top:30px;
}

.gb_entry {
    padding:10px 0 10px 0;
    width:100%;
}

.gb_entry_header {
    font:12px sans-serif;
    padding:5px;
}

.gb_entry_text {
    padding:10px 5px 10px 5px;
    background-color:#fffff4;
    border-top:0px solid transparent;
    font:12px sans-serif;
    text-align: justify;
}

/* guestbook entries page selector */
.gb_selector {
    font-style:italic;
}

/* NEW */

.new_time {
    text-decoration:underline;
    font-weight:bold;
    padding-top:10px;
}

.new_text {
    padding-top:5px;
}

/* PAGE */

.add_particle {
    padding-top:25px;
}

/* FIXES */

/* float containers fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}