/*GENERAL*/
BODY {
   background-color : tan;
   background: url(/bg.jpg) top left;
   padding:5px;
   scrollbar-arrow-color:#000000;
      scrollbar-face-color:#ffffff;
      scrollbar-shadow-color:#000000;
}

form
{
   margin:0px;
}

p { margin:3px;}
   
BODY,td, input,select,textarea { 

   font-family : times new roman;
   font-size : 15px;
   font-weight: bold;
   color : white;
}

body.search{   
   margin:0px 0px 0px 0px;
   padding:5px 4px 4px 5px;
}

body.copyright div
{
   text-align:right; 
}

body.search form {   
   background-color : tan;
   border-color: saddlebrown;
   border-style: solid;
   border-width: 2px;
   padding:4px;
   margin-bottom:3px;

   -moz-border-radius: 2px;
   -moz-border-top-colors: #f8df7f;
   -moz-border-right-colors: #f8df7f;
   -moz-border-bottom-colors: #f8df7f;
   -moz-border-left-colors: #f8df7f;
}


Body.title{
   padding:0px;
   margin:0px;
   background-color : tan;
}

.titletext{
   font-size:35px;
   font-weight:bold;
   color: white;
   
}

.subtitletext{
   font-size:21px;
   color: white;
   font-weight:bold;
   font-style: italic;
}

.titlebar{
   padding:2px;
   margin:2px;
   background-color: tan;
   font-size: 12px;
   font-weight: bold;
   color: saddlebrown;
}

.titlebar a:link, .titlebar a:visited{
   padding:3px;
   font-size: 12px;
   font-weight: bold;
   color: white;
   text-decoration: none; 
}

input.textbox, textarea.textbox{
   background-color: white;
   border-style:inset;
   border-width:1px;
   border-color:saddlebrown;
   color: black;
   padding:2px;

}

input.textbox:focus, textarea.textbox:focus{
   background-color: black;
}


hr{
   height:1px;
   color:#faf7f0;
}


input.textbox{
   height: 18px;  
}

input.button {
   font-size : 11px;
   color: #000000;
   height: 18px;
   
   
}


a {   
   color : white;
   text-decoration: underline; 
}  


a:active{ 
   color : white;
} 

a:visited{ 
   color : white;
} 


.error{
   color : red;
   font-weight:bold;
}

.success{
   color : white;
   font-weight:bold;
}


.ImageCopyright{
   padding:4px;
   width:90%;
   text-align:left;
   color:#666666;
}

div.Instructions{
   background-color:tan;
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px;   
   padding:4px;
   text-align:left;
   
   
   -moz-border-radius: 2px;
   -moz-border-top-colors: #f8db86;
   -moz-border-right-colors: #f8db86;
   -moz-border-bottom-colors: #f8db86;
   -moz-border-left-colors: #f8db86;
}

img.homeImage {
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px; 
   padding:5px;
   margin-bottom:5px;
   display:block;
}

.marked{
   color:#e48423;
   font-weight:bold;
   text-decoration:underline;
}

form{
   margin:0px;
}


form#formComment{
   margin:10px 0px 5px 0px;
   background: url(../graphics/comment_big.gif) no-repeat top left;
   background-position: 7px 7px;
   padding: 4px 12px 3px 150px;
}


/*END GENERAL*/












/*Folders FRAME*/
Body.folders{
   margin:2px 2px 2px -10px;
   background-color : tan;
   background: url(/bg.jpg) top left;
}

Body.folders ul{
   margin: 0px;
   padding:0px;
}

Body.folders ul li{ 
   margin: 0px;
   padding:0px 0px 0px 0px;
   list-style-type: none;
   list-style-position: outside;
   margin-left: 12;
}

Body.folders ul li a {
   color:white;
   text-decoration:none;

}

Body.folders ul li a:hover {
   color:white;
   text-decoration:underline;

}

Body.folders ul li a:visited {

}

/*END Folders FRAME*/





/*SEARCH*/

div.searchresults{
   padding:10px;     
   
   margin-top:20px;


}
/*END SEARCH*/





/*Show recent picture*/
div.recentpicture {

   width:150px;
   float:left;
   padding:5px;
}

div.recentcomment {
   padding:5px;
   margin-left:180px;
   border-color: white;
   border-style: solid; 
   border-width: 0px 0px 0px 1px;      
}




/*FILES FRAME*/

body.files{
   padding:2px;
   margin:0px;
   background-color:tan;
}

div.top
{
   background-color : tan;
   border-color: saddlebrown;
   border-style: solid; 
   border-width: 2px 2px 2px 2px;   
   padding:3px;
   margin-bottom:3px;

   -moz-border-radius: 2px;
   -moz-border-top-colors: #f8df7f;
   -moz-border-right-colors: #f8df7f;
   -moz-border-bottom-colors: #f8df7f;
   -moz-border-left-colors: #f8df7f;

}


tr.ThRow td{
   padding:2px;
}

tr.ThRow td a{
   /*display:block;*/
   text-decoration:none;
}

tr.ThRow td a:hover{
   text-decoration: none; 
   background-color : tan;
}

tr.ThRow td a img.th{
   /* for ie */   
   /*filter:Alpha(Opacity=60);*/
   /* gonna use border? */
   border: saddlebrown;
   border-style: solid; 
   border-width: 2px;
   /*padding:2px;*/
}


tr.ThRow td a:hover img.th{
   /* for ie */      
   filter:Alpha(Opacity=100);
}

tr.ThRow td a:active img.th{
   border-color:white;
   filter:Alpha(Opacity=100);
}



/*END FILES FRAME*/




/*wraps subfolder and picture count information*/
span.S{
   color:#f8df7f;
}
span.S1{
   color:white;
}

span.P{
   color:white;
}

span.AComments{
   color:#c2c2c2;
}

span.VComments{
   color:#c2c2c2;
}



/*FILES FRAME*/

















/*wraps author comments*/

div.comments{
   width:95%;  
}

div.comments div.body{
   text-align:left;
   padding:5px 20px 20px 20px;
   margin:2px 5px 5px 5px;       
}

div.comments h2
{
   margin:3px 5px 0px 5px; 
   padding: 2px 2px 2px 5px;
}

h2
{  
   margin:3px 0px 0px 0px !important;
   
   padding: 2px 2px 2px 5px;
   background-color : tan;
   background: url(/bg.jpg) top left;
   border-color: saddlebrown;

   border-style: solid; 
   border-width: 2px 2px 2px 2px;   
   
   text-align:left;
   font-size:13px;
   -moz-border-radius: 2px;
   -moz-border-top-colors: #f8df7f;
   -moz-border-right-colors: #f8df7f;
   -moz-border-bottom-colors: #f8df7f;
   -moz-border-left-colors: #f8df7f;

}


div.comment
{     
   background: url(../graphics/comment.gif) no-repeat top left;
   background-position: 5px 5px;
   padding: 4px 12px 3px 40px;
   line-height: 1em; 

   background-color : tan;
   border-color: saddlebrown;
   border-style: solid; 
   border-width: 1px;   
   
   margin-bottom:5px;   
   
   -moz-border-radius: 2px;
   -moz-border-top-colors: #f8df7f;
   -moz-border-right-colors: #f8df7f;
   -moz-border-bottom-colors: #f8df7f;
   -moz-border-left-colors: #f8df7f;
}

div.comments 
{
}

/*wrap each visitor comment*/
div.vc{
   margin-bottom:5px;
}

/*wraps particular items inside visitor comment*/
span.name{color: #666666; font-weight:bold;}
span.date{color: #000000;}

div.commentcontent
{
   margin-top:5px;
   background-color:tan;
   padding:5px;
   
   border-width: 1px;   
   border-color: saddlebrown;
   border-style: solid; 
   
   -moz-border-radius: 3px;
   -moz-border-top-colors: #ffffff;
   -moz-border-right-colors: #ffffff;
   -moz-border-bottom-colors: #ffffff;
   -moz-border-left-colors: #faf7f0;
}



/*wraps main title for comments: 'visitor' or 'author' comments*/



















/*Big image*/
div.MainImage
{
   /*
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px; 
   */
   width:99%;
   margin-top:0px;
   padding:0px;
}

#MainImage
{
   margin-top:3px;
}

div.MainImage img#MainImage{
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px; 
   padding:5px;
   margin-bottom:5px;
   display:block;
}



a.arrow img{
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px; 
}


a.arrow img:hover{
   border: saddlebrown;
   border-style: solid; 
   border-width: 1px;      
}

div.MainImageDim{
   background-color: tan;
   border: saddlebrown;
   border-style: solid; 
   border-width: 0px 0px 1px 0px; 
   margin-bottom:5px;
   display:block;
   padding:1px;
   text-align:center;
}

/*END Big image*/