#wrap {
width: 640px;
margin: 0 auto;
}

#content {
	

	text-align: left;
	font-size: 12px;
}

#side {
float: right;
width: 200px;
text-align: left;
font-size: 12px;
}


#screen_shot_list {
list-style-type: none;
margin: 25px 0 0 0;
padding: 0px;
font-size: 12px;
float:left;
}

#screen_shot_list li {
	float: left;
	display: block;

	background-image:url(../images/sf_col.jpg);
	margin: 0px 8px 8px 0px;
	background-repeat: no-repeat;
}

#pshot {
width: 200px;
margin: 25px 0 15px 0;
}

#screen_shot_list li a {
display: block;
text-decoration: none;
margin-bottom: 1px;
}

#pshot a {
display: block;
text-decoration: none;
}

img {
border: none;
}

#screen_shot_list li a:hover, #pshot a:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.5;
}

#screen_shot_list li a img, #pshot a img {
padding: 12px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.who {
position: relative;
display: block;
width: 200px;
height:30px;
padding: 0 0 5px 5px;
color: #666;
font-weight:bold;
}

#screen_shot_list li a.entry {
border: none;
display: inline;
}

#screen_shot_list li a.entry:hover {
border: none;
display: inline;
text-decoration: underline;
}

#side ul {
list-style-type: none;
margin: 0;
padding: 0 0 10px 0;
font-size: 1.1em;
border-bottom: 1px solid #DEDEDE;
}

#side ul li {
margin-bottom: 4px;
text-align: right;
}
.visibile {
	display: block;
}
.invisibile {

	display: none;
}