/*
Theme Name: Ahmad Yousef Theme for EDD
Theme URI: http://ahmad-y.com
Description: theme for ico network store
Version: 1.00.1
Author: Ahmad Yousef
Author URI: http://ahmad-y.com
*/



/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		width: 960px;	
		background-color: #f3eedf;
		background:#f3eedf url(home_page/page-bg2.png) no-repeat center;
		font-size: 12px;
		line-height: 1.5em;
		color: #555;
		font-family: 'Droid Sans', arial, serif;
		box-shadow: 0 1px 10px #000000;
	}
	
	a {
		text-decoration: none;
		color: #729A0C;
	}
	
	h1 a, h2 a, h3 a, h4 a {
		color: #000;
	}
	
	
	.clearfix:after {
		display: block;
		float: none;
		clear: both;
		visibility: hidden;
		text-indent: -9999px;
		content: ".";	
	}	
	
	/* header */

	#header { 
		margin: 0;
		padding: 0;
		color: #504212;
	}

	#header a {
		color: #504212;
	}

	#logo-wrap { 
		margin: 0px;
	}
	
	#logo-wrap h1 {
		line-height: 36px;
		font-size: 28px;	
	}
	
	/********************************
	* main nav 
	********************************/
	#navigation-wrap {
		background: #d8caab;
		border-bottom: 1px solid #8f7b50;
		margin-bottom: 0px;	
	}	
	
	#main-nav {
		background: #b8a67f; 
	}	
	
	#main-nav ul {
		
	}
	
	#main-nav li {
		display: block; 
		float: left; 
		margin: 0;
		padding: 0;
		line-height: 40px;
		height: 40px;
	}
	
	#main-nav a {
		color: #333;
		display: block; 
		padding: 0 15px;
		line-height: 40px;
		height: 40px;
		text-shadow: 1px 1px 1px #fff;
		text-decoration: none;
	}

	#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
		background: #968258;	
	}

	#main-nav span#header-cart { 
		float: right;
		display: block;
	}
	
	/********************************
	* general/main content
	********************************/
	.content {
		background: #fff;	
		padding: 20px;
	}	
	
	.entry { 
		margin: 0 0 20px;
	}
	
	.entry .attachment-thumbnail {
		float: left;
		padding: 3px;
		/*border: 1px solid #DDD;
		margin: 0 20px 20px 0;*/
	}	
	
	
	h2.title {
		margin: 0 0 10px;
		line-height: 1.2em;
		font-size: 30px;
		color: #333;
	}	
	

	/********************************
	* sidebar
	********************************/
	.sidebar li.widget {
		display: block;
		margin: 0px;
		list-style: none;
	}
	
	.sidebar li.widget h3.widget_title {
		margin: 0px;
	}	
	
	.sidebar li.widget li {
		margin: 0px;
		display: block;
		padding-bottom: 5px;
	}
	
	.sidebar #searchinput {
		position: relative;
		width: 125px;
		padding: 8px 30px 8px 10px;
		outline: none;
	}
	
	.sidebar #searchsubmit {
		cursor: pointer;
		font-size: 12px;
		color: #969696;
		padding: 8px 0px;
		width: 80px !important;
		background: -moz-linear-gradient( top, #F2F2F2 0%, #DBDBDB);
		background: -webkit-gradient( linear, left top, left bottom, from(#F2F2F2), to(#DBDBDB));
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		/* border: 1px solid #CCC;*/	
	}
	
	/********************************
	* footer
	********************************/

	#footer {
		margin: 0 auto 0;
		padding: 0 0 0 0;
		background: #d7c9ab;
		border-top: 1px solid #ab9f8a;
		height:110px;	
	}

	#footer li.widget {
		display: block;	
	}

	#footer .widget li {
		display: block;
		padding: 0;
		margin: 0 0 5px;	
	}

	#footer .widget h3 {
		margin: 0px;
		padding: 0 0 8px;
		font-size: 18px;
		color: #CCC;
		border-bottom: 1px solid #797979;
	}
	
	#footer .widget li.widget-download-with-thumbnail {
		
	}
	
	#copyright {
		text-align: center;
		background: #d7c9ab;
		color:#5e4725;
		padding: 15px 0;
	}	
	
	
	
	/********************************
	* store template
	********************************/
	
	.store-template .product {	
		margin-bottom: 15px;
	}	
	
	.product-image {
		position: relative;
		margin: 0 0 20px;
		width:200px;
		height:200px;
	}	
	
	.product-price {
		position: absolute;
		bottom: 4px;
		left: 4px;
		width: 183px;
		padding: 6px 8px;
		background: #000;
		background: rgba(0,0,0,0.60);
		color: #fff;
	}
	
	.store-template .product .attachment-product-image {
		padding: 3px;
		border: 1px solid #DDD;
		width:200px;
		height:200px;
		
	}
	
	
	/********************************
	* single product page
	********************************/
	
	.attachment-product-image-large {
		margin: 0 0 20px;
		width:200px;
		height:200px;
	}	
	
	.product-meta {
		margin: 0 0 20px;

	}
	
	h4.single-product-price {
		font-size: 36px;
		line-height: 36px;
		margin: 15px;
	}
	
	.edd_price_options {
		margin: 0 0 15px;	
	}	
	
	/********************************
	* pagination
	********************************/
	
	.pagination {
		clear: both;
		width: 100%;
	}	
	
	.pagination a, .pagination span {
		padding: 5px 8px;
		text-align: center;
		margin-right: 5px;
		display: block;
		float: left;
		/*border: 1px solid #CCC;*/	
	}	
	
	.pagination a:hover, .pagination span.current {
		text-decoration: none;
		color: white;
		background: #690;
		border: 1px solid #517700;
	}
	
	/********************************
	* comments
	********************************/
	
	#comments { }
	#commentsbox { margin-top: 30px }
	#commentsbox ol,
	#commentsbox ul {
	    list-style: none;
	    margin-left: 0 !important;
	}
	#commentsbox li { margin-bottom: 30px }
	.children {
	    list-style: none;
	    margin: 30px 0 0;
	    text-indent: 0;
	}
	.children li.depth-2 { margin: 0 0 0px 50px }
	.children li.depth-3 { margin: 0 0 0px 50px }
	.children li.depth-4 { margin: 0 0 0px 50px }
	.children li.depth-5 { margin: 0 0 0px 50px }
	.comment-body {
	    background: #FFF;
	    position: relative;
	    padding: 20px 0;
	}
	#commentsbox .avatar {
		float: left;
		margin-right: 30px;
	}
	.comment-author {
	    font-size: 12px;
	    color: #000;
	    line-height: 1em;
		margin-bottom: 5px;
	}
	.says { display: none }
	.comment-meta a {
	    margin-bottom: 10px;
	    font-size: 10px;
	    font-style: italic;
	    color: #666;
	}
	.comment-reply-link {
	    font-size: 10px;
	    position: absolute;
	    bottom: -10px;
	    right: 0;
	    border: 1px solid #E3E3E3;
	    padding: 0 8px;
	    background: #EEE;
	    color: #666;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}
	.cancel-comment-reply a {
	    color: #F00;
	    line-height: 20px;
	    height: 20px;
	}
	#respond { margin: 40px 0 15px }
	#comments-respond {
	    margin: 0 0 10px;
	    padding: 0;
	    clear: both;
	}
	#commentform label {
	    display: block;
	    font-size: 11px;
	}
	#commentform input {
	    margin-bottom: 10px;
	    width: 40%;
	}
	#commentform textarea {
	    margin-top: 10px;
	    display: block;
	    width: 70%;
	}
	#commentform input#author,
	#commentform input#email,
	#commentform input#url,
	#commentform textarea {
	    background: #FFF;
	    position: relative;
	    padding: 5px;
	    border: 1px solid #E3E3E3;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;
	}
	#commentform input#author:focus,
	#commentform input#email:focus,
	#commentform input#url:focus,
	#commentform textarea:focus {
	    -moz-box-shadow: 3px 3px 0px #EEE;
	    -webkit-box-shadow: 3px 3px 0px #EEE;
	    box-shadow: 3px 3px 0px #EEE;
	}
	#commentsubmit {
		cursor: pointer;
		font-size: 12px;
		color: #969696;
		padding: 5px 0px;
		width: 100px !important;
		background: -moz-linear-gradient( top, #f2f2f2 0%, #dbdbdb);
		background: -webkit-gradient( linear, left top, left bottom,  from(#f2f2f2), to(#dbdbdb));
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		/*border: 1px solid #CCC;
	}
	#commentsubmit:hover { background: #EEE !important }

	
/* =================================== */
/* ! iPad portrait and other tablets   */
/* =================================== */

@media handheld, only screen and (max-width: 767px) {

	#main-nav li, #main-nav span {
		font-size: 10px;
	}
	#main-nav a { 
		padding: 3px 5px;
	}

}

/* =================================== */
/* ! small tablets   */
/* =================================== */
@media handheld, only screen and (max-width: 479px) {
	#main-nav li, #main-nav span {
		font-size: 10px;
	}
	#main-nav a { 
		padding: 3px 5px;
	}
	
		/* By ME */
	body {width:100%;}
	.row .threecol {
		width:100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.store-template .product .attachment-product-image {
		padding: 3px;
		border: 1px solid #DDD;
		width:90%;
		height:90%;
		
	}
		#header { 
		display:none;
	}

}

/* =================================== */
/* ! iPhones   */
/* =================================== */
@media handheld, only screen and (max-width: 319px) {

			/* By ME */
	body {width:100%;}
	.row .threecol {
		width:100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.store-template .product .attachment-product-image {
		padding: 3px;
		border: 1px solid #DDD;
		width:90%;
		height:90%;
		
	}
		#header { 
		display:none;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

		/* By ME */
	body {width:100%;}
	.row .threecol {
		width:100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.store-template .product .attachment-product-image {
		padding: 3px;
		border: 1px solid #DDD;
		width:90%;
		height:90%;
		
	}

}
/*========================================================================== By Me =================================================================*/
#theMainSlider {
	width:100%
	max-width: 960px;
	min-width: 755px;
}

.edd_purchase_submit_wrapper
{
	display:block;
	color:#333;
}
.androidb {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			background: rgb(28, 184, 65); /* this is a green */
			padding: 5px;
}

.edd-submit {
	display:inherit;
	margin-bottom:10px;
	width:161px;
}
h2.titlef {
		margin: 0 0 10px;
		line-height: 1.2em;
		font-size: 20px;
		color:#FFF;
	}
.downloadtitle
{
	border-bottom:solid #999;
}
h3 {
	font-size:18px;
}
div .socialicons
{
	width:90%;
	margin-top:15px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
}