/* 
Peter Ižarik - Fotogaléria

Author:	Peter Ižarik | AZWEB
Date:	30/04/08
*/

/* .......................................................................... */
/* Global stuff.............................................................. */

body {
margin:0; padding:0; background:#CCC7C2 url("back.jpg") bottom left repeat-x; color:#66665D; font-family:Georgia,serif; font-size:12px; line-height:1.7em; text-align:center;
}
a:link {
font-family:Georgia,serif; font-size:12px; color:#66665D; text-decoration:underline;
}
a:hover { 
color:#000; text-decoration:none;
}
h1 {
height:30px; line-height:30px; font-family:Georgia,serif; font-size:22px; color:#000; margin-top:0; margin-bottom:35px; border-bottom:1px dashed #000;;
}
h1 span {
color:#FFF;
}
h2 {
height:30px; line-height:30px; font-family:Georgia,serif; font-size:18px; color:#000; margin-top:35px; margin-bottom:35px; border-bottom:1px dashed #000;
}
h2 span {
color:#FFF;
}
.f_left {
float:left; padding:15px; padding-left:0;
}
.f_right {
float:right; padding:15px; padding-top:0; padding-right:0;
}
.cleaner {
clear:both; height:1px;
}
.cleaner_l {
clear:both; height:1px; background:url("back_title.gif") left 50% repeat-x; margin:0; padding-top:0; padding-bottom:0; 
}
html>body .cleaner_l {
padding-top:10px; padding-bottom:10px;
}
#main_container {
width:100%;
}
#top_full {
position:relative; width:800px; margin-right:auto; margin-left:auto; padding-bottom:15px;
}

/* Header.............................................................. */

#header {
position:relative; width:800px; height:371px; background:url("top.jpg") top left no-repeat;
}
#info {
position:absolute; top:15px; right:0; text-align:left;
}
#info ul {
list-style-type:none; margin:0;
padding:0;
}
#info ul li {
display:inline;
}
#info ul li a {
display:block; float:left; height:20px; line-height:20px; font-size:11px; color:#807A73; text-decoration:underline; padding-left:15px;
}
#info ul li a:hover {
color:#000; text-decoration:none;
}
#da_link {
position:absolute;
top:30px;
right:0;
}
#da_link a {
font-size:11px;
color:#807A73;
text-decoration:underline;
}
#da_link a:hover {
font-size:11px;
color:#807A73;
text-decoration:none;
}
#da_link a span, #da_link a:hover span {
color:#000;
}

/* Main_menu.............................................................. */

#menu {
position:absolute; top:330px; left:70px; height:30px; text-align:center;
}
#menu ul {
list-style-type:none; margin:0; padding:0; padding-left:20px;
}
#menu ul li {
display:inline;
}
#menu ul li a {
display:block; float:left; height:30px; line-height:30px; font-family:Georgia,serif; font-size:22px; color:#FFF; text-decoration:none; background-color:#B3AFAA; margin-right:10px; padding-left:15px; padding-right:15px; border:1px solid #807A74;
}
#menu ul li a:hover {
font-size:22px; color:#FFF; text-decoration:none; background-color:#4B4134;
}

/* Main_box.............................................................. */

#main {
width:800px; text-align:left;
}
#main_inside {
min-height:550px; _height:550px; padding-top:10px; padding-left:15px; padding-right:15px;
}
body[id] #main_inside {
height:auto;
}
#main_inside p {
padding-right:15px;
}
#date {
font-size:11px; color:#66665D; text-align:right; padding-right:20px; padding-bottom:10px;
}
#foto_list {
list-style-type:none; margin:0; padding:0;
}
#foto_list li {
display:inline;
}
a.fotoSQ {
float:left; display:block; width:100px; height:100px; margin-right:10px; margin-bottom:10px; border:3px solid #FFF;
}
a.fotoSQ:hover {
border:3px solid #4B4134;
}
a.last {
margin-right:0;
}
a.fotoSQ img {
border:0 solid #000;
}
.s_foto, .f_back {
width:705px; text-align:center;
}
.f_back a {
font-size:16px; color:#FFF; text-decoration:none; background-color:#4B4134; padding:5px; padding-left:6px; padding-right:6px;
}
.f_back a:hover {
color:#4B4134; text-decoration:none; background-color:transparent; padding:5px; padding-left:6px; padding-right:6px;
}
html>body .f_back {
margin-top:15px; margin-bottom:20px;
}
.b_left {
float:left; width:230px; font-size:22px; font-weight:bold; color:#000;
}
.b_left a {
line-height:25px; font-size:15px; color:#FFF; text-decoration:none; background-color:#4B4134; margin-left:5px; padding:3px; padding-left:5px; padding-right:5px;
}
.b_left a:hover {
text-decoration:none; background-color:#CCC7C2; color:#4B4134; 
}
.b_right {
float:right; width:470px;
}
.graph_upd {
font-size:16px; font-weight:bold; color:#000; text-decoration:underline;
}
.graph_upd a {
color:#FFF;
font-size:16px;
text-decoration:underline;
}
.graph_upd a:hover {
color:#000;
text-decoration:underline;
}

/* Footer.............................................................. */

#footer {
width:100%; height:49px; line-height:20px; font-size:11px; color:#B4AFA8; text-align:center; border-top:1px dashed #000;
}
#footer_inside {
width:800px; margin-left:auto; margin-right:auto; padding-top:5px; 
}
#menudown ul, #footer_link {
list-style-type:none; margin:0; padding:0;
}
#menudown ul li, #footer_link li {
display:inline;
}
#menudown ul li a, #footer_link li a {
font-family:Georgia,serif; font-size:11px; color:#66665D; text-decoration:underline; 
}
#menudown ul li a:hover, #footer_link li a:hover {
font-size:11px; color:#000; text-decoration:none;
}
