/*
Original design: andreas05 (v2.5 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com
*/

/* General tags */
* {margin:0; padding:0;}
body {background:#cccccc url(bodybg.gif) repeat; font:76% verdana,tahoma,sans-serif; color:#555555;text-align: justify;}
a {background-color:inherit; color:#286ea0; font-weight:normal; text-decoration:none;}
a:hover {text-decoration:underline ;}
p {margin:0 0 16px 0;}
ul, ol {margin:0 0 16px 15px; padding-left:5px;}
ul ul, ol ol {margin:3px 0 0 15px;}
img {float:left; margin:0 10px 5px 0;}

/* Headers */
h1 {color:#CC0000; font-size:3.6em; letter-spacing:-3px; margin:0; text-align:right;}
h3 {color:#CC0000; font-size:1.0em; margin:50; }
h2 {font-size:1.6em; font-weight:normal; letter-spacing:-1px; margin:5px 0 10px;}

/* IDs */
#title {margin:20px auto -9px; width:700px;}
#container {background:#000 url(front_.bmp) bottom left no-repeat; filter:alpha(opacity=90); border:20px solid #CC0000; color:#CC0000; margin:0 auto 15px; padding:10px; width:700px; line-height:1.3em;}
#sidebar {float:left; padding-left:0px; width:140px;}
/*#sidebar {float:left; padding-left:150px; width:140px;}*/
#sidebar_ss_cat {float:left; padding-left:0px; width:140px;}
#bottom {float:left; padding-left:155px; width:auto;}

#sidebar p {margin:10px 0px 5px 10px; text-align:left; font-size:0.8em;}
#sidebar p a {font-weight:400;}
#main {float:left; padding-left:15px; width:525px;}
#main_ss_cat {float:left; padding-left:15px; width:525px;}

/*#main {float:right; width:385px;}*/
#footer {clear:both; color:#aaa;position: relate;}
.blue{color:#286ea0;}

/* Menu */
/*.menu {border:1px solid #ffffff; color:#286ea0; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}*/
.menu {border:1px solid #ffffff; color:#ffffff; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}
.menu:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}
.menuok {text-decoration:none;border:1px solid #ffffff;background-color:#555555; color:#ffffff; display:block; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 10px; width:110px;}

.smallmenu {border:1px solid #ffffff; color:#ffffff; display:block; font-size:0.8em; padding:4px 2px 4px 10px; width:110px;}
.smallmenuok  {text-decoration:none;border:1px solid #ffffff; background-color:#555555;color:#ffffff; display:block; font-size:0.8em; padding:4px 2px 4px 10px; width:110px;}
.smallmenu:hover {background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;}

/* Various classes */
.credits {color:#ffffff; font-size:0.9em; margin-bottom:0;}
.credits a {color:#ffffff;}
.white{color:#ffffff; }
.ok { text-decoration : underline overline;}
.cpt{width:110px;background-color:#f8f8f8; border:1px solid #cccccc; color:#333333; text-decoration:none;font-size:1.1em; font-weight:bold; }

/*diapo*/

#gallery {
    position: relative;
    width: 525px;
	height : auto;
}


#thumbs {
    width: 525px;
    float: left;
}

#thumbs a {
    display: block;
    float: left;
    margin: 0 0 5px 5px;
    width: 100px;
    height: 100px;
    border: 0px solid #000;
}
#thumbs a img {
    width: 100px;
    height: 100px;
    border: 0;
}
#thumbs a:hover {
    border-color: #ddd;
}
#thumbs a:hover img {
    position: relative;
    width: 150px;
    height: 150px;
    left: 0px;
    top: 0;
    border: 1px solid #333;
}