/************************************

port-of-fino.com V 1.0
  
  By: Jason Vanstone - www.artistsplay.com
  
  
  Table of Contents
  	1. ID
  	2. Classes
  	3. Headers
  	4. Paragraphs
  	5. Links
  	6. Lists
  	7. Tables
  	8. Forms
  	9. Images
  	
 ****************************************/
 
 
 
 /******** 1. ID **********************/
 
 
body {
  margin: 0;
  padding: 0;
  background: #ddd url('../img/background.jpg') ;
 
  font-size: 62.5%;
  }

#about {
 margin: 0em 0 0 1em;
 padding: 0;

 width: 28em;
 }
 
 
#bottom { 
  margin: 1em 0em 0 1em;
  padding: 0em 0 0 1em;
  clear: both;
  
  background-color: transparent;
  border: solid 0px #c00;
  
  width: 70em;
  height: 5em;
  
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
  line-height: 180%;
  color: #222;
  
  }
  


#container {
 margin: 0em  ;
 padding: 0 0 2em 0em;
  
 width: 100.5em;

 

 background: #eee url('../img/background.png') 80em 0 repeat-y;
 border: solid 1px #444;
 border-top: solid 3px #000;
  border-bottom: solid 3px #000;

 font: normal  1em 'Times New Roman',Times,serif; 
 }
 
 #gallery_login, #contact {
  margin: 0 1em 0 0;
  padding: 1em;
  float: left;
  clear: both;
  
  border: solid 1px #000;
  border-top: #000;
  background-color	: #eee;
  
  width:  20em;	

  
  }

 #header {
 margin: 0	 0 0 2em;
 padding: 0 0em 0 0 ;

 
 width: 85em;
 height: 18em;
 
 background: transparent url('') no-repeat;
 border: solid 	0px #c00;
 font: italic 1em 'Times New Roman',Times,serif;
 }
 
 
 #index {
  margin: 0 0  0 0em;
  padding: .5em 1em;
  
  width: 19em;
  height: 34em;
  border: solid .5em #aaa;
  border-top: 0;
  border-bottom: 0;
  background-color	: #ccc;
 
  }
 
 #main {
  margin: 0em; 
  padding: 0em 0em  0em 0em;
  overflow: hidden;

  border: solid 3px #000;
  border-bottom: solid 3px #000;
  border-right: 1px;
  border-left: 0;
 
  height: 35em;
  width: 67em;

  font: normal  1.5em Arial, sans-serif;
  
  }
  
 
 
 #menu {
  margin: 0em 0 0 2em;
  padding: 0 0 0 12em;
  
  
  border: solid 2px #fff;
  background: #03C;
  
  width:  66em;
  height: 5em;
  }
 
 
 /******** 2. Classes **********************/
 
 
  
  /******* 3. Headers **********************/
 
 #header h1 {
  margin: 0 0 0 .15em;
  padding: 0;
  
  color:  #000;
  text-align: center;
  font-size: 8.2em;
  font-style: italic;
  font-weight: bold;
 	
  }
  
 #header h3 {
  margin: 0;
  padding: 0;
  font-size: 2em;
  
    color:  #000;
    
  text-align: center;
  }
  
  
  #gallery_login h2, #gallery_login p, #gallery_login a {
  margin: 0 0 .5em 0 ;
  padding: 0;
  float: left !important;
  clear: none;
  
  font-weight: bold;
  font-size: .95em !important;
  text-decoration: none;
  text-align: center !important;
  line-height: 120%;
  }
 
 /******** 4. Paragraphs **********************/
 
 
 
 .cb {
   clear: both;
   }


.indent1 {
  margin: 1em 0 0 0em;
  }
  
.indent2 {
  margin: 1em 0 0 1em;
  }

.indent3 {
  margin: 1em 0 0 2em;
  }

.center {
  margin: 0 0 1em  0;
  padding: 0;
  text-align: center;
  }
 
 
 /******** 5. Links **********************/
 
 
 #menu a:link, #menu a:visited {
  margin: 0em 1px 0 1px;
  padding:  5px .5em;
  float: left;
  
  height: 1.2em;
 
  background:  #03c	;
  border: solid 0px #c00;
    
  
  color: #000;
  font: italic 2.5em 'Times New Roman',Times,serif;
  text-decoration: none;
  text-transform: normal;
  line-height: 150%;
  }
  
  
  #menu a:hover {
   color: #ccc;
   }
    
   #menu .active {
   color: #ccc !important;
    } 
    
  
  #contact a:link, #contact a:visited {
  
    color: #000;
    text-decoration: none;
    }

 #contact a:	hover {
  
    color: #03c !important;
    text-decoration: underline;
    }

 /******** 6. Lists **********************/
 
 .thumbnail_list {
 margin: 2em 0;
 padding: 0;
 float: left;
 border: solid 0px #000;

 }
 
 
 /******** 7. Tables **********************/
 
 
 
 
 /******** 8. Forms **********************/
 
 label,  input {
 margin: 10px 0 0 0;
 padding: 0;
 float: left;
 clear: both;
 width: 10em;

  }

 fieldset, .box {
 margin: 0 auto;
 padding:  1em 2em;

 background-color: #ccc;
 width: 12em;
 height 10em;
  
  }
  
   
 .admin label,  .admin input {
 margin: 10px 0 0 0;
 padding: 0;
 float: left;
 width: 15em;
  }
  
 legend {
   margin: 0;
   padding: 0 5px;
   border: solid 0px #333;
   background-color: #fff;
  
   }
   
   

 /******** 9. Images **********************/

#headerImg {
 margin: 0;
 padding: 0;
 float: left;
 
 border: 0;
 }


.thumbnail_delete {
 margin: 0;
 padding: 0;
 float: left;
 border: solid 1px #000;
 width:  100%;
  height: 10em;
  }
 
 .admin {
 width: 90em;
 margin: 0;
 padding: 20px;
 overflow: auto !important;
 }