/* * {
	padding: 0 ;
	margin: 0 ;
}



body {
 
}
 */
 
 ::-webkit-scrollbar {
background: #999999 rgb (153,153,153) /* #1D393D rgb (29,57,61)  */;
width: 10px;
height: 15px;
}

#portfolio {
/* position: relative; */
margin: 2px auto 0 2px ;
width: 95%;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
z-index: 16; 
/* background: red; */
 
}

p.title {
font: bold 0.75em verdana,arial,helvetica,sans-serif;
color: #000;
margin: 0;
padding: 0;
}


#portfolio, #portfolio a:link  { 
font: bold 0.90em verdana,arial,helvetica,sans-serif;
 color: #000;   
 text-decoration: none; 
} 

#portfolio a:visited  { 
 color: #000;   
text-align: center;
 text-decoration: none; 
} 

#portfolio a:active, #portfolio a:hover{ 
 color: #9A0020;
 text-decoration: none;
} 
 
.porthead {
	padding: 5px 5px 3px 5px ;
	height: 20px ;
	clear: both ;
	line-height: 1.5 ;	
	/*border-top: 1px solid #eee ;
	border-left: 1px solid #eee ;
	border-bottom: 1px solid #808080 ;
	border-right: 1px solid #808080 ;
    color: #333 ;
	background-color: green ; */
}

/* Pictures page ========================================================================== */

#picturelist { 
	overflow-x: auto ; 
	overflow-y: hidden;
	height: 260px ; 
 width: 99%;
	position: relative ;
/* 	background: purple; */
}

#picturecontainer { 
	white-space: nowrap ; 
	width: 60000px ; 
}

.picbox {	
	float: left ;
	margin: 5px ;
	padding: 5px ;
	text-align: right ;
	font: bold 0.75em verdana,arial,helvetica,sans-serif;
	/*border-top: 1px solid #eee ;
	border-left: 1px solid #eee ;
	border-bottom: 1px solid #808080 ;
	border-right: 1px solid #808080 ;
	background-color: #D4D0C8;*/
	position: relative ;
}	

.picbox p {	
	text-align: right ;
	font: bold 9px verdana;
	padding-bottom: 3px;
}	

.picbox img {
	border: 2px solid #ccc ;
}

.picbox input.chk { 
	position: absolute ; 
	bottom: 10px ; 
	right: 10px ; 
}

div.picbox img:hover{
 border: 2px solid;
 border-color: #fff;
}

/* ===================for 980px or less =======================*/
@media screen and (max-width: 1024px) {
/* h1{font-family: "Open Sans", Helvetica, Arial, sans-serif;font-size: 18px; font-weight: 800;color:orange;} */	
#portfolio {width: 600px;}
#portfolio {margin: 0;}
}

@media 
only screen and (max-width: 800px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {display: block;}


/* ============for 480px or less =================*/
@media screen and (max-width: 480px) {

#portfolio {width: 325px;}
#portfolio {margin: 0;}
}