/*
Theme Name: Android App Critic
Theme URI: http://www.androidappcritic.com/
Description: A theme for the Android App Critic Web site.
Author: Avi
Author URI: http://www.androidappcritic.com/
Version: 1.0
Tags: two columns, green, blue, white, gray, right-sidebar, widgets
*/

/* ---------------------- SETUP ---------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/* ---------------------- GENERAL ---------------------- */
/* Blue: 31587F, Green: 98BF24 */
/* Sets highlight color for FF */
*::-moz-selection { background: #31587F none repeat scroll 0 0; color: #fff; }

html, body { color: #242626; }
html {
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
}
body {
	*background-position: 50% 84px;
	font: 100%/1.5 "Lucida Sans", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-smooth: always;
	text-align: center;
}

a { text-decoration: none; }
a:link, a:visited { color: #31587F; }
a:focus, a:hover, a:active { color: #98BF24; }

#submenu a:focus { color: #111111; }

#sidebar a, #sidebar a:link, #sidebar a:visited { border-bottom: 1px solid #FFFFFF; color: #31587F; }
#sidebar a:focus, #sidebar a:hover, #sidebar a:active { border-bottom-color: #98BF24; color: #111111; }
#sidebar .sb-tools a, #sidebar .sb-tools a:link, #sidebar .sb-tools a:visited { border: 0 none; color: #31587F; }
#sidebar .sb-tools a:active, #sidebar .sb-tools a:focus, #sidebar .sb-tools a:hover { border: 0 none; color: #111111; }
#sidebar .textwidget a img, #sidebar .textwidget a:hover img { border: 0 none; }

abbr, acronym { border-bottom: 1px dashed #999; cursor: help; }

blockquote {
	background-color: #f8f8f8;
	border-left: 2px solid #eaeaea;
	color: #111;
	font-style: italic;
	margin: 15px 0 15px 10px;
	padding: 7px;
}

cite { font-style: italic; }

code {
	background: #f8f8f8;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	padding: 1px 3px;
}

del { color: #31587F; text-decoration: line-through; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
	display: block;
	font-family: "Lucida Sans", "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
}

h1 { font-size: 34px; line-height: 1.2; margin: 0.3em 0 10px; }
h2 { font-size: 28px; line-height: 1.3; margin: 1em 0 .2em; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }
h4 { font-size: 19px; margin: 1.33em 0 .2em; }
h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }
h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }


hr { display: none; }
input { vertical-align: middle; }
ins { color: #006400; text-decoration: none; }
small { font-size: 0.8em; }
strong { font-weight: bold; }
sub, sup { font-size: 0.7em; }

/* ---------------------- Generic classes ---------------------- */

/* Emphasize your name in the About-Box */
.smaller-caps { font-size: 110%; font-variant: small-caps; }
.hidden { display: none; }

/* ---------------------- Wordpress specific CSS ---------------------- */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter img, .aligncenter p.wp-caption-text {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
.entry div.alignleft { float: left; margin: 0 8px 7px 0; }

/* Resizes the image to the maximum width of the content area */
.entry img {
	max-width: 576px;
	/* smooth image resizement in IE7+ */
	-ms-interpolation-mode: bicubic;
}

.wp-caption {
	background-color: #F0F0F0;
	border: 1px solid #E5E5E5;
	overflow: hidden;
	padding: 3px;
}

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

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

a.more-link, a.more-link:link, a.more-link:visited,  { font-size: 12px; font-weight: bold; padding: 5px 6px 3px; }
a.more-link:focus, a.more-link:hover, a.more-link:active { color: #98BF24; }

/* Tables and #wp-calendar */
table { color: #3E5867; width: 100%; }
thead { background-color: #F4F8F9; text-align: center; }
caption { background-color: #E6F0F2; border-top: 1px solid #E6F0F2; text-align: center; }
tbody { background-color: #f7f7f7; text-align: center; }
tfoot { background-color: #fff; text-align: left; }
td#next { text-align: right; }

/* ---------------------- STRUCTURE ---------------------- */

#header, #main, #footer { background-color: #fff; text-align: left; margin: 0 auto 0; width: 985px; }
#main { border-bottom: 1px solid #31587F; }

#header, #sidebar, #footer { font-size: 12px; }
/* when adding the pages submenu in the header file, add margin-bottom:70px; below */
#header { height: 110px; position: relative; background-color:#31587F; margin-bottom:40px; }
#container { float: left; margin: 0 -350px 0 0; width: 100%; }
/* add negative left-margin below to move content flush left. must also move the pages menu to match */
#content { border-right: 1px solid #31587F; margin: 20px 350px 0 0; overflow: hidden; padding: 0 0; }
#sidebar { background-color: #fff; border-left: 1px solid #31587F; float: right; margin-left: -3px; padding: 15px 20px 15px 10px; width: 320px; }
#footer { padding: 10px 28px; width: 929px; background-color: #98BF24; }

/* ---------------------- HEADER ---------------------- */

/* MENUS */

#tagline,
#toplinks li, #toplinks a,
#menu li, #menu a,
#submenu li, #submenu a { display: block; float: left; }

#toplinks { display: block; position: absolute; right: 28px; top: 90px; }
#toplinks a { background: transparent url(images/navigation.png) right -200px no-repeat; padding: 0 7px 0 4px; }
#toplinks .last a { background: none; padding-right: 0; }
#toplinks a:link, #toplinks a:visited { color: #FFF; }
#toplinks a:focus, #toplinks a:hover, #toplinks a:active { color: #98BF24; }

#market-logo { display:none; position: absolute; right: 18px; top:6px; background: url(images/.png) no-repeat; width: 110px; height:100px; }
#tagline { display: block; position: absolute; right: 28px; top: 90px; color:#FFF; letter-spacing:3px; }
#google-ad-top { display: block; position: absolute; right: 155px; top: 17px; color:#FFF; }

#nav { position: absolute; top: 110px; left: 0; width: 985px; }

ul#menu {
	background: #98BF24;
	display: block;
	height: 41px;
	padding: 0 28px 0 18px;
	width: 939px;
}

#menu a:link, #menu a:visited {
	color: #FFF;
	font-weight: bold;
	line-height: 40px;
	padding-right:8px;
	padding-left:10px;
	font-size: 14px;
}
#menu a:focus, #menu a:hover, #menu a:active { color: #31587F; }

/* Removes the background separator in Opera 9+, Firefox 2+, Safari 3+ */
#menu .page-item-home a, #submenu li:first-child a { background: none; }

#submenu-bg { background: transparent url(images/bg-submenu.jpg) 0 0 repeat-x; height: 30px; width: 985px; }
ul#submenu { display: block; padding: 8px 21px 0; }
#submenu a { background: transparent url(images/navigation.png) left -200px no-repeat; color: #666; padding: 0 5px 0 7px; }
#submenu .current_page_item a { color: #111; }
#submenu a:hover { color: #000; }


/* 3rd level navigation - only visible if you have grandchild pages */

#submenu li ul { display: none; }
#submenu li:hover ul  {
	background-color: #fff;
	border: 1px solid #eaeaea;
	clear: both;
	display: block;
	float: none;
	left: auto;
	line-height: 1;
	padding: 6px 6px 4px;
	top: auto;
	overflow: auto;
	width: 100%;
	*width: 200px;	
}
#submenu li li, #submenu li li a { clear: both; display: block; float: none; padding: 0; width: auto; }
#submenu li li a {
	background-color: #f7f7f7;
	border-bottom: 1px solid #fff;
	margin-bottom: 1px;
	padding: 9px 10px;
}
#submenu li li a:hover { background-color: #e9e9e9; border-bottom: 1px solid #c2c2c2; color: #125687; }

/* Top search */

.searchbox {
	width: 217px;
	height: 31px;
	background: url(images/bg_search_box.png);
	position: absolute;
	top: 7px;
	right: 28px;
}
.searchbox form { margin:0; }
.searchbox .s {
	color: #aaa;
	float: left;
	padding: 0;
	margin: 6px 0 0 6px;
	border: 0;
	width: 180px;
	background: none;
}
.searchbox .go { float: right; margin: 3px 4px 0 0; }

/* ---------------------- POSTS and PAGES ---------------------- */

.page, .post, .nocomments { padding: 0 28px; }
.post, .nocomments { padding-bottom: 20px; }
.post { margin-bottom: 30px; }
.entry { margin: 15px 0 5px; font-size: 13px; line-height: 20px; }
.pagetitle { padding: 0 28px 16px 28px; margin: 0; }

.print-email { margin-top: 10px; margin-bottom: 10px; }
.print-email .f-left { float: left; }
.print-email .f-left a {
	font-size: 12px;
	display: block;
	height: 16px;
	background: url(images/email_famfamfam.png) no-repeat left;
	background-position: 0px 1px;
	padding-left:20px;
}
.print-email .f-right { float: right; }
.print-email .f-right a {
	font-size: 12px;
	display: block;
	height: 16px;
	background: url(images/printer_famfamfam.gif) no-repeat left;
	background-position: 0px 0px;
	padding-left: 20px;
	padding-right: 4px;
}

.meta {
	color: #111;
	display: block;
	font-size: 11px;
	height: 19px;
	line-height: 19px;
	margin: 0 0px 0 0px;
	padding: 0px 0px 6px 0px;
}

.title-date {
	float:right;
	margin:5px 0 0 5px;
	padding:0 10px;
	text-align:center;
	font-size:10px;
	border:#31587F 1px solid;
	font-weight:bold;
	background: #fff url(images/ribbed.gif) repeat;
}
.title-date span { display:block; color: #666; }
.title-date .month { font-size:12px; }
.title-date .day { font-size:18px; }
.title-date .year { font-size:12px; }
.meta-title { font-size: 12px; color:#999; display:inline; }
h2.title {
	padding: 4px 4px 4px 0;
	font-size: 26px;
	color: #333;
	line-height:30px;
	border-bottom:#31587F 1px solid;
	margin:0;
}
h2.page-title {
	padding: 0 4px 4px 0;
	font-size: 26px;
	color: #333;
	line-height:30px;
	margin: 0 0 10px 0;
}

h2.post-title {
	padding: 0 4px 0 0;
	font-size: 26px;
	color: #333;
	line-height:30px;
	margin: 0 0 0 0;
}
h2.result-title {
	padding: 0 4px 0 0;
	font-size: 20px;
	color: #333;
	line-height:30px;
	margin: 0 0 0 0;
}

* html .meta { height: 1%; }
.meta:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

p strong, li strong { color: #2E2E2E; }

.ratings { border:1px solid black; display:block;margin-top: 15px; }

.entry p, .entry ol, .entry ul { margin: 0 0 9px; color: #4d4d4d; }
.entry blockquote p { margin: 0; }

.entry ol { margin-left: 0.75em; padding-left: 12px; }
.entry ul { margin-left: 0.5em; padding-left: 12px; }
.entry ol li { list-style-type: decimal; }
.entry ul li { list-style-type: disc; }

/* PAGINATION on single.php */

.navigation { text-align: center; }

.previousnext, .pagination { font-size: 11px; margin-bottom: 10px; }

.page-link {
	background-color: #F4F8F9;
	border-bottom: 1px solid #E6F0F2;
	border-top: 1px solid #E6F0F2;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	margin: 9px 0 20px;
	padding: 5px 8px;
}

.page-link span, .page-link a {
	cursor: pointer;
	display: block;
	float: left;
	height: 16px;
	line-height: 16px;
	margin: 0 0 0 3px;
	text-align: center;
	width: 16px;
}

.page-link span { background-color: #fff; color: #111;}
.page-link a span { margin: 0; }
.page-link a:link span, .page-link a:visited span { background-color: #5B8EAD; color: #fff; }
.page-link a:hover span, .page-link a:active span, .page-link a:focus span { background-color: #285776; color: #fff; }
.page-link strong { display: block; float: left; margin-right: 5px; }

.postmetadata { border-bottom: 1px dotted #ddd; border-top: 1px dotted #D5D5D5; color: #999; font-size: 11px; margin-top: 20px; padding: 7px 2px; }
.postmetadata a { color: #666; padding: 2px 4px; text-decoration: underline; }
.postmetadata a:hover { color: #31587F; text-decoration: none; }

/* ---------------------- COMMENTS ---------------------- */

.comments-header { margin-top: 25px; border-bottom: 1px solid #31587F; }
#comments { font-size: 22px; float: left; margin: 0;}
.comments-header-meta { float: right; padding-top: 3px; }


#commentform #submit, #cf-submit input {
	background-color: #98BF24;
	border: 1px solid #31587F;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	padding: 0 10px 5px 10px;
	border-radius: 3px 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#commentform { margin: 5px 10px 0 0; }

#respond {
	margin-top: 1px;
	overflow: hidden;
	padding: 0 0 18px;
	width: 100%;
}

.respond-left { float: left; width: 50%; }
.respond-right { float: left; width: 50%; }

#respond label { display: block; font-size: 11px; height: 20px; margin: 3px 0 0 0; width: 85%; }

#commentform #author, #commentform #email, #commentform #url {
	border: 1px solid #ddd;
	color: #999;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 5px 3px;
	width: 85%;
}

#commentform #comment {
	border: 1px solid #ddd;
	font-family: inherit;
	font-size: 12px;
	color: #999;
	height: 150px;
	margin: 0 0 9px;
	padding: 5px 3px;
	width: 100%;
}

#commentform #author:focus,
#commentform #email:focus,
#commentform #url:focus,
#commentform #comment:focus {
	color: #000;
	border-color: #aaa;
	-moz-box-shadow: 3px 3px 0px rgba(238,238,238,1);
	-webkit-box-shadow: 3px 3px #eee;
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
	font-size:12px;
}

.commentlist li {
	margin: 10px 0 0px;
	padding: 5px 0px 10px 0px;
	list-style: none;
/*	border-bottom: 1px dotted #31587F; */
}

.commentlist li ul li { margin-right: -5px; margin-left: 10px; border-bottom: none; }

.commentlist p { margin: 10px 5px 10px 0; }
/* Blue: 31587F, Green: 98BF24 */
.commentlist .children { padding: 0 0 0 0; margin-left: 15px; border-left: 1px dotted #31587F; border-bottom: none; }

img.avatar { float:right; }

.commentlist li ul li img.avatar { margin-right: 5px; }
.commentlist li ul li ul li img.avatar { margin-right: 10px; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

a.comment-reply-link { display: block; }
a.comment-reply-link:hover { text-decoration: underline; }

.comment-navigation {
	text-align: center;
	font-size: 12px;
	height: auto;
	line-height: 28px;
	overflow: hidden;
	padding: 10px 0 0 0;
}

.comment-navigation a { font-size: 14px; }

/************** Unused comment styles
.cancel-comment-reply,
.you-must-be-logged-in { }
.reply { }
li.thread-alt { }
.comment-author { }
.commentlist .thread-even { }
.commentlist .depth-1 { }
.commentlist .depth-2 { }
.commentlist .depth-3 { }
.commentlist .odd { }
.commentlist .even,
.commentlist .alt { }
.comment-author cite { }
.says { }
.comment div em { } //awaiting moderation
.comment-meta { }
.comment-author-admin { }
.comment-author-admin .comment-body { }
.comment p, .comment blockquote { }
.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { }
.commentlist cite, .commentlist cite a { }
.commentlist cite a { }
************************************/

/* ---------------------- SIDEBAR ---------------------- */

.currently-viewing,
#sidebar #about,
#sidebar .categories,
#sidebar .archives,
#sidebar .toprated,
#sidebar .tagcloud,
.pagenav,
#meta,
.linkcat,
.widget { border-bottom: 1px dotted #DDD; margin: 0 0 8px; padding: 0 8px 9px; }

.categories li li, .pagenav li li { margin-left: 6px; }

ul.sb-list { margin-left: 10px; }

.sb-title { color: #444; font-size: 14px; padding-bottom: 1px; text-transform: uppercase; }

ul.sb-tools { border-bottom: 1px dotted #DDD; margin: 9px 0; padding: 0 8px 9px; }
.sb-tools li { display: block; min-height: 34px; }

.twitter-icon, .rss-icon { display: block; line-height: 1.25em; }
.rss-icon span a { float: left; padding-right: 10px; text-indent:-9999px; top:-9999px; display:block; width:32px; height:32px; background: transparent url(images/rss-icon.png) left center no-repeat; }
.twitter-icon span a { float: right; text-indent:-9999px; top:-9999px; display:block; width:109px; height:34px; background: transparent url(images/twitter.png) right top no-repeat; }

.sb-icon-text { padding: 3px 0 0; }

ul.group { float: left; margin: 0 0 0 10px; overflow: hidden; padding: 0; width: 150px; }


/* ---------------------- FOOTER ---------------------- */

.footer-link:hover { color: #fff; }
.back-to-top { background: transparent url(images/back-to-top.png) 0 5px no-repeat; padding-left: 12px; }
.back-to-top:hover { background-position: 0 -29px; color: #fff; }

/* ---------------------- CLEARFIX ---------------------- */

html .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

/* ---------------------- Print Styles ---------------------- */

@media print {
	#header { height: 60pt; }
	/* Attaches the URI to each link so they are visible in the print version */
	#content entry a:after { content: "  [" attr(href) "] "; }
	#toplinks, #nav { display: none; }
	hr { background: none; border: 1px solid #000; }
}