/*  
	Theme Name: BestAppSite
	Theme URI: http://www.bestappsite.com/
	Description: Custom made theme. Designed by <a href="http://www.xldstudios.com/" title="XLD Studios">XLD Studios</a>.
	Version: 1.0
	Author: Erik Bernskiold, XLD Studios
	Author URI: http://www.xldstudios.com/
	Tags: 
*/

body {
	background: #969696 url(images/background.jpg) repeat-x top;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #505050;
}

#wrapper {
	background: #fff url(images/header.jpg) no-repeat top center;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
}

	#header {
		height: 130px;
	}
	
		#header h1 { font-size: 0px; overflow: hidden; text-indent: -999999em;}
		
		#header ul#navigation {
			position: absolute;
			top: 53px;
			right: 80px;
			margin: 0;
			padding: 0;
		}
		
			#header ul#navigation li {
				float: left;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 18px;
				text-transform: lowercase;
				margin: 0;
				padding: 0 25px;
				font-weight: bold;
				text-shadow: 0px -1px 1px #57616f;
				list-style: none;
			}
			
				ul#navigation li a {
					color: #fff;
					text-decoration: none;
				}
				
					ul#navigation li a:hover {
						color: #ddd;
						text-decoration: none;
					}
		
		#header #latest-reviews {
			position: absolute;
			top: 80px;
			left: 300px;
			width: 600px;
		}
		
			#header #latest-reviews h3 {
				font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
				font-size: 18px;
				font-weight: bold;
				text-transform: lowercase;
				color: #232323;
			}
		
			#header ul#applist {
				position: relative;
				top: 0px;
				left: 30px;
				margin: 0;
				padding: 0;
			}
			
				#header ul#applist li {
					float: left;
					padding: 0 25px 0 25px;
					margin: 0;
					list-style: none;
					text-align: center;
					line-height: 18px;
				}
				
					#header ul#applist li a {
						font-weight: bold;
						color: #232323;
					}
		#header #search-form {
			position: absolute;
			top: 230px;
			right: 5px;
			width: 280px;
			height: 30px;
		}
				
		#content-container {
			background: #fff url(images/content-bg.jpg) repeat-y;
			width: 960px;
			margin: 0;
			padding: 0;
			position: relative;
			top: 150px;
		}
		
			#content-container #content {
				width: 600px;
				float: left;
				margin: 0 15px 0 15px;
				padding: 0;
			}
			
				#content .post-icon {
					float: left;
					width: 110px;
					margin: 50px 0 0 40px;
					padding: 0;
				}
				
				#content .post-info {
					float: left;
					padding: 0;
					margin: 50px 0 0 10px;
					width: 400px;
				}
				
					#content .post-info .post-meta {
						border-bottom: 1px solid #c7c7c7;
						width: 370px;
						margin: 0;
						padding: 0 15px 2px 15px;						
					}
			
						#content .post-info .post-meta span.category {
							float: left;
						}
												
						#content .post-info .post-meta span.date {
							float: right;
							font-style: italic;
						}
						
						#content .post-info .post-meta span.category p,
						#content .post-info .post-meta span.date p {
							margin: 0;
							padding: 0;
						}
						
					#content .post-info h2 {
						font-size: 28px;
						font-weight: bold;
						font-family: Helvetica, Arial, Verdana, sans-serif;
						margin: 15px 0 8px 40px;
						padding: 0;
						line-height: 32px;
					}
			
			#content-container #sidebar {
				float: right;
				width: 299px;
				margin: 0 10px 0 0;
				padding: 0;
			}
			
				#sidebar h3 {
					background: url(images/sidebar-heading-bg.jpg) repeat-x;
					font-family: Arial, Helvetica, Verdana, sans-serif;
					font-size: 14px;
					margin: 15px 0 5px 0;
					padding: 7px 20px 0 20px;
					font-weight: bold;
					text-shadow: 0px -1px 1px #57616f;
					color: #fff;
					width: 259px;
					height: 24px;
				}
				
					#sidebar h3 a { color: #fff; }
				
				#sidebar .text {
					padding: 10px 20px 10px 20px;
				}
				
				#sidebar p {
					margin: 5px 20px 5px 20px;
					padding: 0;
				}
				
				#sidebar ul {
					margin: 8px 0 8px 0;
					padding: 0;
				}
					
					#sidebar ul#link-left {
						float: left;
						width: 46%;
						margin: 0 1% 0 3%;
					}
					
					#sidebar ul#link-right {
						float: right;
						width: 46%;
						margin: 0 3% 0 1%;
					}
					
					#sidebar ul li {
						list-style: none;
						font-family: Verdana, Arial, Tahoma, sans-serif;
						font-size: 11px;
						margin: 0;
						width: 90%;
						display: block;
						background: transparent;
						padding: 3px 3px 3px 5px;
						margin: 0 0 0 8px;
						border-bottom: 1px solid #ccc;
						border-top: 1px solid transparent;
					}
					
						#sidebar ul li a {
							color: #204776;
						}
						
						#sidebar ul li:hover {
							background: #ddd;
							border-top: 1px solid #eee;
							color: #204776;
						}
			
		#footer {
			background: url(images/footer-bg.jpg) no-repeat;
			position: relative;
			clear: both;
			width: 960px;
			height: 36px;
			margin: 0;
			padding: 10px 0 0 0;
		}
		
			#footer span#copyright {
				float: left;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 14px;
				font-weight: normal;
				color: #bbb;
				text-shadow: 0px -1px 1px #232323;
				margin: 0 0 0 20px;
				padding: 0;
			}
			
			#footer span#design-copyright {
				float: right;
				font-family: Arial, Helvetica, Verdana, sans-serif;
				font-size: 14px;
				font-weight: normal;
				color: #bbb;
				text-shadow: 0px -1px 1px #232323;
				margin: 0 20px 0 0;
				padding: 0;
			}
			
				#footer span#copyright p,
				#footer span#design-copyright p {
					margin: 0;
					padding: 0;
				}
				
				#footer span#copyright a,
				#footer span#design-copyright a {
					color: #ccc;
				}
				
				#footer span#copyright a:hover,
				#footer span#design-copyright a:hover {
					color: #fff;
				}

	
/* Links */

a,
a:link,
a:visited,
a:active {
	color: #4971a5;
	text-decoration: none;
	outline: none;
	border: none;
}

a:hover {
	color: #213b5c;
	outline: none;
	border: none;
}

a img { border: none; outline: none; }

/* Paragraph and Images */

p {
	margin: 15px;
	padding: 0;
}

img.listing { margin: 5px 30px 15px 15px; }

h1 {
	font-family: 'Gill Sans', "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 28px;
	line-height: 30px;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

h3 {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 22px;
	padding: 5px 10px 5px 10px;
	margin: 12px 0 5px 10px;
	width: 90%;
}

h4 {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 17px;
	padding: 5px 10px 1px 10px;
	margin: 0 0 5px 10px;
	width: 90%;
}

blockquote {
	padding: 5px 10px 10px 10px;
	border-top: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	width: 90%;
	font-size: 14px;
	font-style: italic;
	font-family: Georgia, Times, serif;
	margin: 5px;
	padding: 10px 20px 10px 20px;
}

.alert {
	background: #fef2f2;
	border-top: 3px solid #d07171;
	border-bottom: 3px solid #d07171;
	padding: 10px;
	margin: 10px;
}

.note {
	background: #fffff4;
	border-top: 3px solid #f3eca4;
	border-bottom: 3px solid #f3eca4;
	padding: 10px;
	margin: 10px;
}

.wp-caption {
	border: 1px solid #c8c8c8;
	text-align: center;
	background-color: #ededed;
	padding-top: 5px;
	margin-bottom: 30px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#content .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 13px;
	padding: 5px 0;
	margin: 0;
}

.alignright { text-align: right; float: right; }
.alignleft { text-align: left; float: left; }
.aligncenter { text-align: center; }

img.border {
	border: 3px solid #cccccc;
	margin: 10px;
	outline: none;
}

div.iphone-border { 
	background: url(images/iphone-border.jpg) no-repeat;
	width: 463px;
	height: 834px;
	position: relative;
	text-align: center;
}

	.iphone-border img {
		position: absolute;
		margin: 142px 69px 212px 72px;
	}

p.button {
	display:block;
   	float:left;
   	margin:0 0 0 450px;
   	background-color:#f5f5f5;
   	border:1px solid #dedede;
   	border-top:1px solid #eee;
  	border-left:1px solid #eee;
  	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:12px;
  	line-height:130%;
  	font-weight:bold;
  	padding:5px 10px 6px 7px; /* Links */
}
	
	.portfolio-info p.site-button:hover { text-decoration: none; background: #efefef; color: #165074; }
	.portfolio-info p.site-button a:hover { text-decoration: none; background: #efefef; color: #165074; }

.serif { font-family: Georgia, Times, serif; font-size: 14px; line-height: 22px; font-style: italic; }

.post-author {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	letter-spacing: 2px;
	font-style: italic;
	padding: 0 0 0 15px;
}

.tags {
	font-size: 14px;
	font-family: Georgia, Times, serif;
	font-style: italic;
}

.review-ad {
	text-align: center;
	margin: 20px 0 20px 0;
}

.touch-side {
	margin: 0 -50px 0 40px;
}

.post-foot {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
	padding: 8px 0 8px 20px;
	width: 95%;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-style: italic;
	letter-spacing: 2px;
	text-transform: lowercase;
}

/* REVIEW BOTTOM */

#reviews-bottom {
	background: #363636;
	width: 580px;
	margin: 0 auto 0 auto;
	padding: 10px;
	border: 3px solid #ddd;
	overflow: hidden;
}

	#reviews-bottom #summary {
		width: 390px;
		float: left;
		color: #aaa;
		margin: 5px;
		padding: 0;
	}
	
		#reviews-bottom #summary .thumbnail {
			float: left;
			margin: 0 15px 2px 0;
		}
	
		#reviews-bottom #summary h3 {
			color: #ccc;
			margin: 0;
			padding: 5px 0 8px 10px;
		}
	
	#reviews-bottom #rating {
		float: right;
		width: 150px;
		padding: 0;
		margin: 10px 30px 0 0;
		position: relative;
	}
	
		#reviews-bottom #rating #our-rating {
			font-size: 80px;
			font-family: 'Myriad Pro', Verdana, sans-serif;
			font-weight: bold;
			color: #ccc;
			position: absolute;
			top: 35px;
			right: 40px;
		}
		
		#reviews-bottom #rating #rating-divider {
			font-size: 65px;
			font-style: italic;
			font-weight: lighter;
			font-family: Georgia, Verdana, sans-serif;
			color: #aaa;
			position: absolute;
			top: 55px;
			right: 23px;
		}
		
		#reviews-bottom #rating #max-rating {
			font-size: 30px;
			color: #aaa;
			font-family: 'Myriad Pro', Verdana, sans-serif;
			font-weight: normal;
			position: absolute;
			top: 80px;
			right: 5px;
		}
		
	#reviews-bottom #product-information {
		clear: both;
		width: 550px;
		text-align: left;
		color: #ccc;
		text-transform: uppercase;
	}
	
		#reviews-bottom #product-information ul {
			margin: 0;
			padding: 0;
		}
		
			#reviews-bottom #product-information ul li {
				background: none;
				list-style: none;
				padding: 0 25px 0 0;
				margin: 0;
				float: left;
			}
			
	#reviews-bottom a {
		color: #8ec8e0;
		font-size: 11px;
		text-decoration: none;
	}
	
	#reviews-bottom a:hover {
		color: #176687;
		background: none;
	}

div#post-bottom-box {
	background: #fefefe;
	border: 3px solid #ccc;
	color: #707070;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	line-height: 18px;
	width: 500px;
	/*height: 100px;*/
	overflow: hidden;
	padding: 20px;
	position: relative;
	margin: 10px auto 20px auto;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	text-align: left;
}

	/*#post-bottom-box a {
		color: #8ec8e0;
		text-decoration: none;
	}
	
	#post-bottom-box a:hover {
		color: #fff;
		background: #628b9c;
	}*/

	div#post-bottom-box #related-posts {
		width: 200px;
		float: right;
		position: relative;
		padding: 20px 0 0 0;
	}

		div#post-bottom-box #related-posts h3 {
			color: #ccc;
			font-family: Georgia, Times, serif;
			font-size: 18px;
			padding: 0 0 4px 10px;
			position: absolute;
			top: 0;
			left: 25px;
		}

	div#post-bottom-box #author-info {
		padding: 25px 0 0 0;
		width: 90%;
		float: left;
		position: relative;
	}
	
		div#post-bottom-box #author-info h3 {
			color: #505050;
			font-family: Georgia, Times, serif;
			font-size: 18px;
			padding: 0 0 0 10px;
			margin: 0 0 15px 0;
			position: absolute;
			top: 0px;
			left: 25px;
			text-align: left;
		}

/* FORM */

#searchform { margin: 10px; }

input {
	background: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: none;
	outline: none;
	color: #505050;
	font-size: 12px;
	height: 20px;
	padding: 5px 10px 5px 10px;
}

input:focus, input:hover { background: #bbb; }
	
	input#searchsubmit { height: 30px; }
	
textarea {
	background: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: none;
	outline: none;
	color: #505050;
	font-size: 12px;
	line-height: 18px;
	padding: 5px 10px 5px 10px;
}

label.screen-reader-text { display: none; }



/* =PageNavi
-------------------------------------------------------------- */
 
/* Use !important to override PageNavi CSS */

.wp-pagenavi {
	margin: 40px 20px 20px 50px;
	clear: left;
}
 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	color: #505050 !important;
	background: #eee !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi a:hover {
	background: #aaa !important;
	border: none !important;
}
.wp-pagenavi span.pages {
	color: #505050 !important;
	background: #eee !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi span.current {
	color: #505050 !important;
	background: #ddd !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}
.wp-pagenavi span.extend {
	color: #505050 !important;
	background: #eee !important;
	padding: 5px !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none !important;
}

/* COMMENTS */

#comments_wrapper { float:right; width:540px; padding:0 0 15px 0; }

#comment_area, #trackback_area { margin:15px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
#trackback_area { display:none; }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #ccc; font-size:11px; position:relative; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 5px; }
#add_comment a { background:url(img/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#add_comment a:hover { color: #173c4c; }
#comment_feed a { background:url(img/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a:hover { color: #173c4c; }

#comment_header_right { clear:left; position:absolute; top:-1px; right:15px;  background:#fff; }
#comment_header_right li, #comment_header_right #trackback_closed { border-top:1px solid #fff; border-bottom:1px solid #ccc;  }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { border:1px solid #ccc; border-bottom:1px solid #fff; }
.comment_switch_active a { color:#33a8e5; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
ol.commentlist li { list-style-type:none; }
.comment { border:1px solid #ccc; color:#777; margin:0 15px 15px; padding:15px 0 3px; background:#eee; list-style-type:none; }
.even_comment, .odd_comment_children { background:#eee; }
.odd_comment, .even_comment_children { background:#fdfdfd; }
.admin-comment { background: #eff8e4; }

/* ----- comment-meta ----- */
.comment-meta { height:56px; position:relative; }

.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#fff; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { color:#2d96bd; }
.commentlist a:hover { color:#ef3982; background: none; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(img/arrow2.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:0 15px; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#fff url(img/stripe3.gif) left top; }
#trackback_closed { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }

#trackback_url_wrapper { margin:0 15px 20px; font-size:11px; }
#trackback_url_wrapper label { margin:0 0 2px 5px; display:block; }
#trackback_url_wrapper input { background:#fff url(img/arrow1.gif) no-repeat 10px center; border:1px solid #ccc; color:#777; padding:5px 20px; width:468px; }

/* ----- comment-pager ----- */
#comment_pager { margin:0 15px 10px 15px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 15px 15px; padding:15px; background:#fff url(img/stripe3.gif) left top; }

#cancel_comment_reply  { background:url(img/arrow2.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 11px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { background:url(img/comment-area-bottom.gif) no-repeat left bottom; margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; background:url(img/warning.gif) no-repeat left 4px; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:#fff; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:90%; margin:15px 0 0 0; padding:15px; height:150px; border:1px solid #ccc;
                             background:#fff; color:#777; font-size:11px; overflow:auto; }

#submit_comment { margin:30px auto 0 auto; width:200px; display:block; background:#fff; color:#666; border:1px solid #ccc; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #33a8e5; color:#33a8e5; }

#back_top_comment { float:right; background:url(img/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; color:#e2415b; border:1px solid #ccc; background:#fff url(img/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; }