/*-----------------------------------------------------------------------------------

	Stylesheet Name: App Store Box
	Stylesheet URL: http://codecanyon.net/item/app-store-box-fancy-reviews-maker-for-wordpress/2147789
	
	Description: A cool styling for the App Store Box plugin.
	Version: 1.3
	
	Author: Anatoli Nicolae
	Author URI: http://anatolinicolae.com
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	Designed & Handcrafted by Anatoli Nicolae.
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/

@media screen and (min-width: 961px) {

	#asb_review {
		width: 100%;
		height: 150px;
		display: block;
		margin: 0 auto 15px auto;
		font: bold 16px "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	#asb_review:after {
		clear: both;
	}
				
	#asb_review #asb_rev_img {
		float: left;
		width: 128px;
		height: 128px;
		text-align: center;
		display: inline-block;
	}
	
		
	
	#asb_review #asb_rev_cont {
		background: #f0f0f0;
		color: #fff;
		border: 1px #cccccc solid;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		overflow: hidden;
		float: right;
		width: 72%;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		-webkit-box-shadow: 0px 1px 1px 0 #e3e3e3;
		-moz-box-shadow: 0px 1px 1px 0 #e3e3e3;
		box-shadow: 0px 1px 1px 0 #e3e3e3;
	}
	
	#asb_review .title {
		display: block;
		text-shadow: 0 1px 1px white;
		color: #555;
		background-color: #fafbfc;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 251, 252)), to(rgb(234, 235, 236)));
		background-image: -webkit-linear-gradient(top, rgb(250, 251, 252), rgb(234, 235, 236));
		background-image: -moz-linear-gradient(top, rgb(250, 251, 252), rgb(234, 235, 236));
		background-image: -o-linear-gradient(top, rgb(250, 251, 252), rgb(234, 235, 236));
		background-image: -ms-linear-gradient(top, rgb(250, 251, 252), rgb(234, 235, 236));
		background-image: linear-gradient(top, rgb(250, 251, 252), rgb(234, 235, 236));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fafbfc', EndColorStr='#eaebec');
		position: relative;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		width: 93%;
		height: auto;
		text-align: left;
		padding: 8px 15px;
		border-bottom: 1px solid #ccc;
	}			
	
	#asb_review #asb_rev_cont .element {
		background-position: center left;
		background-repeat: no-repeat;
		height: 42px;
		width: 37%;
		line-height: 42px;
		padding: 0 0 0 50px;
		float: left;
		color: #424242;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	#asb_review #asb_rev_cont .money{
		background-image:url("../images/review_box.png");
		background-position: 10px 8px;
		border-right: 2px #c7c7c7 solid;
	}
	
	#asb_review #asb_rev_cont .house{
		background-image:url("../images/review_box.png");
		background-position: 10px -112px;
		border-bottom: 1px #c7c7c7 solid;
	}
	
		#asb_review #asb_rev_cont .house a {
			color:#08c;
			text-decoration: none;
			background: none!important;
			border: none!important;
		}
	
		#asb_review #asb_rev_cont .house a:hover { text-decoration: underline; }
	
	#asb_review #asb_rev_cont .type {
		background-image:url("../images/review_box.png");
		background-position: 10px -53px;
		padding: 0 0 0 53px;
		border-left: 1px #c7c7c7 solid;
		border-bottom: 1px #c7c7c7 solid;
	}
	
	#asb_review #asb_rev_cont .dwn {
		background: #148bd8;
		background: -moz-linear-gradient(#34aaeb, #0178cd);
		background: -webkit-linear-gradient(#34aaeb, #0178cd);
		background: -o-linear-gradient(#34aaeb, #0178cd);
		background: linear-gradient(#34aaeb, #0178cd);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		color: #fff;
		text-shadow:-1px -1px 0 #666;
		padding: 0 20px 0 21px;
		width: 40.2%;
		text-align: center;
	}
	
	#asb_review #asb_rev_cont .dwn:hover {	
		text-decoration: none;
		background: #1266c1;
		background: -moz-linear-gradient(#2f90d5, #0351b7);
		background: -webkit-linear-gradient(#2f90d5, #0351b7);
		background: -o-linear-gradient(#2f90d5, #0351b7);
		background: linear-gradient(#2f90d5, #0351b7);
	}
	
	#asb_review #asb_rev_cont .dwn:active { box-shadow: 0 1px 0 white, inset 0 0 9px rgba(0,0,0,.5); }
	
	#asb_review #asb_rev_cont .dwn a {
		text-decoration: none!important;
		background: none!important;
		border: none!important;
	}

}

/* iPod, iPhone, iPad */

@media screen and (max-width: 960px) {

	#asb_review {
		height:auto;
		overflow:hidden;
		display:block;
		margin-top:10px;
		font: bold 16px "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}
	
	#asb_review .title{
		font-size:16px;
		font-weight:bold;
		color:#fafafa;
		display:block;
		text-align:center;
		margin:8px 0;
	}
	
	#asb_review #asb_rev_img {
		width:auto;
		display:block;
		text-align:center;
		padding-top:6px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:5px;
	}
	
	#asb_review #asb_rev_img img { -webkit-border-radius: 23.04px; -moz-border-radius: 23.04px; border-radius: 23.04px; }
	
	#asb_review #asb_rev_cont {
		overflow:hidden;
		height:auto;
		background-color:#3a3b3c;
		-webkit-border-radius:5px;
		margin:8px 0px 6px 0px;
		display:block;
		padding:0px 8px 0px 8px;
	}
	
	#asb_review #asb_rev_cont .element {
		color:#aaa;
		font-size:14px;
		display:block;
		text-align: center;
	}
	
	#asb_review #asb_rev_cont .element a {
		color: #eceff5!important;
	}
	
	#asb_review #asb_rev_cont .dwn {
		background: -moz-linear-gradient(#34aaeb, #0178cd);
		background: -webkit-linear-gradient(#34aaeb, #0178cd);
		background: -o-linear-gradient(#34aaeb, #0178cd);
		background: linear-gradient(#34aaeb, #0178cd);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
		width:auto;
		display:block;
		padding:10px 0;
		overflow:hidden;
		text-align:center;
		color:#fff;
		font-weight:bold;
		margin:10px 0;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	
	#asb_review #asb_rev_cont .dwn:hover {
		background: #1266c1;
		background: -moz-linear-gradient(#2f90d5, #0351b7);
		background: -webkit-linear-gradient(#2f90d5, #0351b7);
		background: -o-linear-gradient(#2f90d5, #0351b7);
		background: linear-gradient(#2f90d5, #0351b7);
		color:#fff;
	}
	
}