@charset "UTF-8";
/* CSS Document */

.itemwrapper {
	clear: both;
	margin-bottom: 25px;
	overflow: auto;
	width: 925px;
}

.itemleftwrapper {
	float: left;
	width: 650px;
	text-align: left;
	background: #fff;
}

.itemleft {
	padding: 25px 0 25px 25px;
}

.itemleft img {
	width: 600px;
}

.itemrightwrapper {
	float: right;
	width: 275px;
	background: #fff;
	text-align: right;
}

.itemright {
	text-align: left;
	padding: 0 0 25px 25px;
	margin: 25px 0 0 0;
	border-left: 1px solid #949494;
}

.itemname {
	text-align: center;
	text-transform: lowercase;
	font-size: 15px;
	padding-top: 6px;
}

.itemname a {
	color: #252525;
}

.itemname a:hover {
	color: #63CECA;
}

.iteminfo {
	font-size: 11px;
}


/* iPhone and similar, portrait */
@media screen and (max-width: 500px) {


	.itemwrapper {
        width: 100%;
    }
    
    .itemleftwrapper {
        width: 50%;
    }
    
    .itemrightwrapper {
        width: 50%;
    }
    
    .itemleft img {
        width: 100%;
    }
    
    .itemleft {
        padding: 25px 5px 25px 0px;
    }
    
    .itemright {
        padding: 0px 10px 25px 10px;
    }

}