body {
	line-height: 22px;
	font-size: 12px;
	background: url('images/stripe.png');
	font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,Sans-Serif;
}
.item {
	width:300px;
	height:200px;		
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	margin-bottom: 10px;
}

.item .caption {
	width:300px;
	height:200px;
	background:#333333;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;
	
	margin-bottom: 10px;
	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption p {
padding: 90px 0px 0px 0px;
text-align: center;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

#site-wrapper{
	margin-top: 45px;
	width: 940px;
	padding: 20px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#theme-wrapper{
	text-align: left;
}

.theme-block{
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #ffffff;
	margin-top: 10px;
	padding-top: 20px;
}

.theme-block-end{
	float: left;
	width: 300px;
	margin-bottom: 10px;
	border-top: 1px solid #ffffff;
	margin-top: 10px;
	padding-top: 20px;
}

.theme-info{
	padding-bottom: 15px;
}
.theme-info img{
	float: right;
}

.theme-get{
	padding: 10px 0px;
}

#site-strapline{
	text-align: left;
	padding-bottom: 10px;
	padding-left: 5px;
}

h1{
	text-shadow: 1px 1px 0 white;
	color: #656565;
	font-size: 18px;
	padding: 10px 0px 20px 0px;
	font-weight: normal;
}

h2{
	text-shadow: 1px 1px 0 white;
	color: #656565;
	font-size: 18px;
	padding: 5px 0px 0px 5px;
	float: left;
	font-weight: bold;
}

.about{
	padding: 20px;
	background: #eeeeee;
	font-size: 14px;
	color: #656565;
	text-shadow: 1px 1px 0 #ffffff;
	text-align: left;
	border: 1px solid #ffffff;
	margin-bottom: 20px;
}

a, a:link, a:hover, a:visited{
	color: #656565;
	text-decoration: none;
}

a.button{
padding: 5px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
vertical-align: bottom;
cursor: pointer;
text-decoration: none;
font-size: 14px;
font-weight: normal;
color: #111111;
text-shadow: 1px 1px 0 #ffffff;
background: #eeeeee url('images/button_off.png') repeat-x;
border: 1px solid #eeeeee;
margin-right: 5px;
}

a.button:hover{
	outline: none;
	background: #ffffff url('images/button_on.png') repeat-x;
	border: 1px solid #ffffff;
}