/* CSS Document */

/* .............................. */
/* Basic */
/* .............................. */

body 		{
		text-align: left;
		font-family: Verdana,Arial,sans-serif;
		background-color: #000;
		/* background-color: #ddb; */
		margin:0;
		color:#eee;
		padding-bottom:25px;
		}

html, body {min-height:100.1%}


/* .............................. */
/* Link stylings */

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

a:hover		{
		text-decoration: underline;
		}


/* .............................. */
/* Other */
/* .............................. */

h3	{ 
		font-family: Verdana,Arial,sans-serif;
		font-size:medium; 
		font-weight:bold;
		color: #666; 
		margin-top:10px;
    position: relative;
		}


.thumbnails {
    padding:7px;
    margin:2px;
    border:1px solid #222;
    }
.thumbnails:hover {
    padding:7px;
    border:1px solid #888;
    background:#444;
	}
	
.current_thumbnail {
    padding:5px;
    border:1px dotted #666;
    }
  
.thumb {
   float:right;
   clear:right;
   border:1px solid #ccc;;
   padding:5px;
   background:#fff;
   }

#ppHead {
		color:#ddb;
		font-size:11px;
		margin:10px 10px 0px 10px;
		padding:0 0 10px 0;
		background-color: #222;
		background-image:url(bk_header.jpg);
		border-top: 1px solid #444; /* 440 */
		border-right: 1px solid #444; /* 440 */
		border-left: 1px solid #444; /* 440 */
		overflow: hidden;
}

#ppHead h2 {
	color:#ffd;
  padding:20px 0px 5px 0px; 
  margin:0px 10px 0px 10px	;
  font-family:Verdana,Helvetica,Arial;
  font-size:12px;
  float:left;
}

#ppHead select {
    margin:0px 7px 0px 7px;
    padding:2px;
	  font-size: 12px;
    text-align: left;
		border:0px;
}

#ppHead ul {
      margin:0px 20px 0px 10px;
			padding:20px 0px 5px 0px; 
      list-style-type: none;      
		  float: right;
  }
    
#ppHead li {
    margin:0px 0px 0px 0px;
    padding:2px 2px 2px 0;
	  font-size: 12px;
    text-align: left;
		float: left;
    }
    
#ppHead a {
	  color:#aa4;
	  padding:2px 7px 2px 7px;
    text-decoration: none;
	}
	
#ppHead a:hover  {
	  background: #666;
	  color:#cc6;
	}	
	
	
#ppSubMenu {
		margin:0px 10px 0px 10px;
		padding:5px 20px 5px 0;
    list-style-type: none;      
    background:#444;  /* 440 */
	  font-size: small;
	  font-variant:small-caps;
	  text-align:right;
  }
   
#ppSubMenu a {
	  color:#aa4;
	  padding:5px;
    text-decoration: none;
	}
	
#ppSubMenu a:hover  {
	  background: #666;
	  color:#cc6;
	}	
	
	
#ppPage	{
    text-align:center;	
    font-size: 12px;	
		background-color: #222;

		margin:0px 10px 0px 10px;
		padding:20px 10px 20px 10px;
		
		border-right: 1px solid #444; /* 440 */
		border-left: 1px solid #444;
	}
	
#ppPage img	{
		margin:5px;
		padding:10px;
		border:0px solid #fff;
		
	}

.ppAbout {
	margin:0px 10px 0px 15%;
	padding-bottom:20px;
	text-align:left;
	width:450px;
}
	

#ppFooter	{
		font-size: x-small;
		color: #ffd;
		line-height: 2em;	
        /* width:630px;	*/
		background-color: #222;
		background-image:url(bk_header.jpg);
		/* background-position:bottom; */
		border-top:5px solid #444;  /* 440 */
		border-bottom: 1px solid #444;		
		border-right: 1px solid #444;
		border-left: 1px solid #444;

		margin:0 10px 0px 10px;
		padding:0px;
		padding-left:10px;
		
		}
		
#ppFooter a {
        color: #ffd;
		text-decoration:none;
		}
		
#ppFooter a:hover {
        text-decoration:underline;	
        }	
        
.addcomment {
		margin:10px 10px 0px 10px;
		padding:0px;
		padding-right:10px;
		float:right;
		text-align:right;
   }
    
    
.copy {
		margin:10px 0px 2px 0px;
		text-align:center;
}
    
    
#ppImageinfo {

    text-align:left;	
    font-size:12px;
    
		background-color: #222;
		
		height:120px;
		width:auto;

		margin:0px 10px 0px 10px;
		padding:10px 10px 10px 10px;
		
		border-right: 1px solid #444; /* 440 */
		border-left: 1px solid #444;
		

    }

#ppImageinfo img{
  margin:10px;
	border:0px;
	float:left;
}

#ppImageinfo p{
  margin:20px;
  padding:0px;
	border:0px;
  text-align:left;	
}


#ppImageinfo a{
    text-decoration:underline;
	}

#ppImageinfo a:hover{
    text-decoration:none;
	}
	
#ppComments {
		background-color: #222;
		background-image:url(bk_header.jpg);
		background-repeat:repeat-x;
		/* background-position:bottom; */
		border-top:5px solid #444;  /* 440 */
		border-bottom: 0px;		
		border-right: 1px solid #444;
		border-left: 1px solid #444;

		margin:0 10px 0px 10px;
		padding:5px;

    font-size:12px;



/*    border:0px solid #444;
	font-size: 10px;
	margin: 0 auto;
	width:400px;  */
    }
#ppComments ul {
    padding:0px;
		margin:10px 0px 10px 0px;
    list-style:none;
    }
#ppComments li {
    padding:10px 5px 10px 5px;
		margin:0px;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:1px dotted #444;
    }
#ppComments li:hover {
    background:#442;
    border-bottom:1px solid #664;
    }
    
#ppComments li a {
    text-decoration:none;
    color:#444;
    }
	    
#ppAddComment {

		background-color: #222;
		/* background-position:bottom; */
		border-top: 0px;		
		border-bottom: 1px solid #444;		
		border-right: 1px solid #444;
		border-left: 1px solid #444;

		margin:0 10px 20px 10px;
    padding:10px;

		font-size: 12px;
    }

.input {
    width:30%;
	  font-size:12px;
	  padding:3px;
	  background:#ddd;
    }