/****************/
/* GENERAL TAGS */
/****************/


*{
font-family:Verdana, Tahoma, sans-serif;
font-size:11px;
}

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

a:hover{
color:#300;
text-decoration:underline;
}

body{
margin:0;
background:#ddd url(images_site/bg_tile.gif);
color:#000;
}

form{
margin:0;
}

img{
border:0;
}


/*******************/
/* GENERAL CLASSES */
/*******************/

.clear{
clear:both;
}


/*******************/
/* HEADER (BANNER) */
/*******************/


#header{
text-align:left;
margin:0;
border:0;
padding:6px 5px 5px;
/*background:url(images_site/bg_header.gif) 0 0 no-repeat;*/
height:40px;
}

#header h1{
display:none;
}


/******************/
/* MIDDLE WRAPPER */
/******************/

div#wrapper{
/*margin:0 0 0 165px;*/	/* left margin == #nav's width */
margin:0;
padding:20px 0 5px 0;
/*background:url(images_site/bg_header.gif) 0 -51px no-repeat;*/
width:970px;
}


/**************/
/* NAVIGATION */
/**************/


div#nav{
width:160px;
float:left;
border:0;
margin:0;
padding:0 0 0 5px;
}

div#nav h3{
border:1px solid #999;
background:#00576D;
color:#eee;
margin:0;
padding:2px;
position:relative;
z-index:2;
}

div#nav ul{
list-style:none;
color:#999;
border:1px solid #999;
border-width:0 1px 1px;
background:#eee;
margin:0 0 15px;
padding:2px;
}
/*
div#nav>ul{
padding:5px 5px 5px 2px;
}*/

/*div#nav h3.folders{
background:#ddd url(images_site/bg_header.gif) -6px -72px no-repeat;
}

div#nav ul.folders{
background:#eee url(images_site/bg_header.gif) -6px -96px no-repeat;
}*/

div#nav ul.folders li, div#nav ul.curfolder li{
border:1px solid #eee;	/* dunno why there's a bug in IE if i don't put a border */
margin:0;
padding:0;
}

div#nav ul.folders a, div#nav ul.curfolder a{
padding:1px 0 1px 20px;
margin:0;
display:block;
}

div#nav ul.folders a{
background:url(images_site/icon_closed_folder.gif) no-repeat 0 50%;
}

div#nav ul.folders .sel a{
background:url(images_site/icon_opened_folder.gif) no-repeat 0 50%;
color:#00576D;
}

div#nav ul.curfolder li.optionrndpage a{
background:url(images_site/icon_rnd_page.gif) no-repeat 0 50%;
}

div#nav ul.curfolder li.optionrndimg a{
background:url(images_site/icon_rnd_img.gif) no-repeat 0 50%;
}

div#nav ul.curfolder li.optionupimg a{
background:url(images_site/icon_upload.gif) no-repeat 0 50%;
}

div#nav ul.folders a:hover, div#nav ul.curfolder li a:hover{
background-color:#fff;
text-decoration:none;
}

div#nav ul.randpic{
padding-left:5px;
text-align:center;
list-style:none !important;
}

div#nav ul.randpic a{
display:block;
}

div#nav ul.randpic img{
border:1px solid #000;
border-color:#bbb #222 #222 #bbb;
margin:0;
padding:0;
}

div#nav ul.links{
text-align:center;
list-style:none !important;
padding:0 0 25px;
margin-top:-15px;
position:relative;
z-index:1;
}

div#nav ul.links li{
border:1px solid #ccc;
border-width:0 0 2px;
margin:0;
padding:1px;
}

div#nav ul.links a{
display:block;
position:relative;
top:22px;
}

div#nav ul.links img{
border:1px solid #999;
padding:2px;
background:#bbb;
}

div#nav ul.links a:hover img{
background:#ddd;
}


/****************************************************/
/* whatever's between the header and the main table */
/****************************************************/


#folder_form{
margin:10px 0 0;
text-align:center;
}

select.folder_list{
background:#FAFAFA;
color:#330000;
border:1px solid #aaa;
height:17px;
}

input.folder_form_sub{
background:#FAFAFA;
color:#330000;
height:17px;
width:40px;
font-weight:bold;
border:1px outset #aaa;
padding:0 0 3px;
}


/*************/
/* MAIN PART */
/*************/


#mainpart{ 
background:#eee; 
width:780px;
margin:0 0 0 180px;
border:1px solid #bbb;
border-bottom:0;
border-top:0;
padding:0;
}

div.page_nb{
background:#eee;
width:780px; 
text-align:center;
height:17px;
padding-top:3px;
border-bottom:1px solid #bbb;
border-top:1px solid #bbb;
}

div.page_nb a{
letter-spacing:-0.05em;
padding:0 1px;
}

div.page_nb a.selpage{
color:#000;
font-weight:bold;
}

div.page_nb a:hover{
color:#000;
background:#fff;
text-decoration:none;
}

div.page_nb a:active{
background:#fff;
}

.pnnewest, .pnnewer, .pnolder, .pnoldest, .pnolderrand, .pnnewerrand{
float:left;
position:relative;
width:45px;
height:20px;
line-height:18px;
padding:0;
}

.pnoldest{
margin:-3px -48px 0 0;
border-right:1px solid #fff;
}

.pnolderrand{
margin:-3px -34px 0 0;
border-right:1px solid #fff;
}

.pnolder{
margin:-3px -48px 0 0;
border-right:1px solid #bbb;
}

.pnnewest{
/* margin:-3px 0 0;
left:650px; */
left:780px;
margin:-3px 0 0 -48px;
border-left:1px solid #fff;
}

.pnnewerrand{
/* margin:-3px 0 0;
left:650px; */
left:732px;
margin:-3px 0 0 -34px;
border-left:1px solid #fff;
}

.pnnewer{
/* margin:-3px 0 0;
left:650px; */
margin:-3px 0 0 -48px;
left:698px;
border-left:1px solid #bbb;
}

.pnnewer, .pnolder{
background:#ccc;
}

.pnolderrand, .pnnewerrand{
width:31px;
background:#eee;
}

.pnnewest, .pnoldest{
background:#ccc;
}

.pnolderrand{
left:48px;
}

.pnolder{
left:82px;
}

/**************/
/* THUMBNAILS */
/**************/

#right{ 
float:right; 
}

#left{ 
float:left; 
}

ul.thumbs{
margin:0; 
list-style:none; 
width:130px; 
border:0;
padding:0;
background:#ededed;
}

ul.thumbs li{
border:1px solid #ccc;
text-align:center;
margin:0 0 -2px;
padding:0;
height:124px;
text-align:center;
}

ul.thumbs>li{
margin:0;
}

ul.thumbs li.selpic{
background-color:#ccc;
}

#left li{
border-width:0 1px 1px 0;
}

#right li{
border-width:0 0 1px 1px;
}

ul.thumbs img{
border:1px solid #000;
border-color:#bbb #222 #222 #bbb;
margin:-10px 0 0;
padding:0;
}

ul.thumbs a{
width:129px;
height:124px;
display:block;
padding:0;
margin:0;
}

ul.thumbs a:link{
color:#300;
}

ul.thumbs a:active{
background-color:#fff;
}

ul.thumbs a:visited{
text-decoration:none;
color:#777;
}

ul.thumbs a:hover{
background:#ddd;
text-decoration:none;
color:#990000;
}

ul.thumbs li span{
float:left;
position:relative;
top:108px;
width:127px;
text-align:center;
}


/*********************/
/* MIDDLE IMAGE PART */
/*********************/

#middle{ 
width:520px;
min-height:624px;
border:0;
text-align:center;
background:#fff;
border:1px solid #ccc;
border-width:0 1px;
margin:0 -1px 0 -1px;
float:left;
}

#mainpart>#middle{
margin:0 auto;
float:none;
}

#image_desc{/* description h2 */
color:#330000;
text-align:left;
font-size:12px;
font-weight:bold;
padding:10px 0 0;
border:0;
margin:0 auto;
width:508px;
}

#image_desc a{/* description links */
color:#300;
font-size:12px;
font-weight:bold;
display:block;
width:448px;
float:left;
position:relative;
text-decoration:none;
}

#image_desc>a{
width:450px;
top:2px;
}

#image_desc a:hover{/* description hoverred links */
color:#660000;
text-decoration:none;
}

#image_desc span.descdate{
font-size:9px;
font-weight:normal;
font-style:italic;
}

#mainpic{
display:block;
border:1px solid #000;
background-color:transparent;
border-color:#999 #fff #fff;
padding:10px 2px 3px;
width:504px;
margin:0 auto;
}

#middle>#mainpic{
padding:10px 3px 1px;
}

#mainpic:active{
background-color:#eee;
}

#mainpic img{
border:0;
margin:0;
padding:0;
}

#imgviews{
margin:0 10px 0;
text-align:right;
padding:3px 5px;
color:#666;
font-size:11px;
border:1px solid #eee;
border-width:1px 1px 0 0;
}


/************/
/* COMMENTS */
/************/

dl.comments{
width:480px;
margin:0 auto;
padding:10px 0;
text-align:left;
overflow:hidden;
}

dl.comments dt{
border:1px solid #ccc;
border-width:0 0 1px 1px;
margin:20px 0 0;
padding:2px 3px 2px;
color:#000;
font-weight:bold;
}

dl.comments dd{
border:1px solid #ccc;
border-width:0 0 0 1px;
margin:0;
}

dd.date{
text-align:right;
color:#600;
padding:2px 3px;
font-size:10px;
font-style:italic;
}

dd.content{
padding:0 10px 10px;
color:#000;
}

dd.content a:link{/* links in comment content */
text-decoration:none;
}

dd.content a:visited{/* links in comment content */
color:#777;
text-decoration:none;
}

dd.content a:hover{/* links in comment content */
color:#555;
text-decoration:underline;
}

dd.content ul{/* lists in comment content */
margin:5px 0 0;
padding:0 0 0 15px;
list-style:square outside;
}


/*****************/
/* COMMENTS FORM */
/*****************/

#comments_form{
margin:30px auto 0;
padding:0 0 10px 0;
width:460px;
border:1px solid #aaa;
border-width:1px 0 0 0;
color:#333;
}

#comments_form div{
margin:0 auto;
}

#comments_form h4{
margin:10px;
border:0;
}

#comments_form label{
display:block;
}

#comments_form #new_comment_author{
background:#eee;
color:#000;
border:1px solid #aaa;
border-color:#333 #aaa #aaa #333;
width:381px;
}

#comments_form #new_comment_content{ /* comment form content textarea */
width:450px;
background:#eee;
color:#000;
border:1px solid #aaa;
border-color:#333 #aaa #aaa #333;
overflow:auto;
}

#comments_form #new_comment_submit{ /* comment form submit button */
width:150px;
height:17px;
background:#FAFAFA;
color:#330000;
font-weight:bold;
border:1px solid #aaa;
border-color:#aaa #333 #333 #aaa;
padding:0 0 3px;
margin:5px 0 0;
}


/***************/
/* UPLOAD FORM */
/***************/


input.upload_sub{ /* upload form submit button */
width:200px;
height:17px;
background:#FAFAFA;
color:#330000;
font-weight:bold;
border:1px solid #aaa;
border-color:#aaa #333 #333 #aaa;
padding:0 0 3px;
}

#uploadpicform div{
margin:20px auto;
text-align:center;
}