@charset "UTF-8";

/*------------------------------------------------------------------------
* Filename:					site.css
* Description:				Basic skin CSS
* Version:					1.0.0 (2009-03-10)
* Website:					http://theappshelf.com
* Author:					MBraun (at theappshelf.com)

== STRUCTURE & INDEX ===================================================

* Page width:				960px

* Anchors:
__reset						Reset default browser styles
__bodyAndHtml				Basic style for body and html
__header					Header definitions
__logo						Logo related
__mainNav					Main navigation
	__categoriesNav			Categories navigation
	__appReviewsNav			App Reviews navigation
	__blogNav				Blog navigation
	__aboutUsNav			About Us navigation
	__advertiseNav			Advertise navigation
	__contactUsNav			Contact Us navigation
__linksAndButtons			Links and buttons
__lists						Lists
__textAndHeadings			Text and Headings
	__mainHeadings			Main headings
	__subHeadings			Sub headings
__mainContent				Main content
__tables					Table styling
__form						Form
__footer					Footer definitions
__pageAndSectionSpecific	Page and section specific style

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

/* __reset */
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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/* End hide from IE-mac */
* html .clearfix {
	height: 1%;
}
.noshow {
	display:none;
}
.replaced {	display:block;height: 0 !important;overflow:hidden; }

body {
	background-color: #3E3E3E;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

/**
* Layout
**/
.content_container, .nav_container {
	margin:0 auto; width:960px;
}
.col_one, .col_two, .col_three {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}
.col_one {
	width: 460px;
}
.search .col_one {
	width: 640px;
}
.search .cse-search-results {
	padding: 10px;
}
.search .col_two {
	width: 300px;
	margin-right: 0;
}

.col_two {
	width: 180px;
}
.col_three {
	width: 300px;
	margin-right: 0;
}

.get_listed .col_one, .get_listed .col_two {
	width: 460px;
}

/*
 * Mobile
 */
.mobile_site_prompt {
	background-color: #F3FAF8;
	padding: 1em 0;
}
.mobile_site_prompt p {
	margin: 0 auto;
	width: 960px;
	font-size: 24px;
}
.mobile_site_prompt a {
	text-decoration: none;
}

/** 
* __textAndHeadings 
**/
h2, h3, h4, h5, h6 {
	margin: 0 0 .75em 0;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 21px;
	font-weight: normal;
}
h3 a:link, h3 a:visited, h3 a:hover, h3:active {
	color: #333;
	text-decoration: none;
}
h3 a:hover { text-decoration: underline; }
h4 {
	font-size: 18px;
	font-weight: normal;
	color: #3E3E3E;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 13.5px;
}

/* __pageAndSectionSpecific */
.archive #header .archive_navitem a, .archive #footer .archive_navitem a,
.reviews #header .reviews_navitem a, .reviews #footer .reviews_navitem a, 
.blog #header .blog_navitem a, .blog #footer .blog_navitem a,
.about #header .about_navitem a, .about #footer .about_navitem a,
.advertise #header .advertise_navitem a, .advertise #footer .advertise_navitem a,
.contests #header .contests_navitem a, .contests #footer .contests_navitem a,
.contact #header .contact_navitem a, .contact #footer .contact_navitem a,
.get_listed #header .get_listed_navitem a, .get_listed #footer .get_listed_navitem a {
	color: #78CCF0;
	border-bottom: 1px dotted #78CCF0;
}

.get_listed h3 {
	font-size: 16px;
}

.nav_container {
	width: 960px;
}

#header .title_box {
	width: 248px;
	float: left;
}

/* __logo */
#global_title {
	padding: 4px;
	width: 240px;
}
#global_title .logo {
	background: transparent url('../img/logos/hdr_logo.gif') no-repeat top left;
	height /* */: 38px; /* False value for IE4-5.x/Win. */
	padding:38px 0 0 0;
	width: 240px;
}

/* Search box */
#header .search_box {
	width: 300px;
	float: right;
	padding: 10px 0;
} 

.spnsr_bnrs a img {
	display: block;
	margin-bottom: 10px;
}

/** 
* __header, __footer 
**/

#header {
	background: #3E3E3E url('../img/skin/hdr_logo_bg.gif') repeat-x 0 0;
}
#global_hdr_nav {
	padding: 8px 2px;
	border-top: 3px solid #349CE5;
	background-color: #197FC6;
	border-bottom: 2px solid #10517F;
}
#global_hdr_nav li, #global_ftr_nav li {
	line-height: 1;
}
#header, #footer {
	color: #D2EDFE;
}

#global_hdr_nav h2, #global_ftr_nav h2 {
	font-weight: normal;
	font-size: 15px;
}

#global_hdr_nav ul, #global_hdr_nav li,#global_ftr_nav ul, #global_ftr_nav li {
	float: left;
	list-style: none;
	font-size: 16px;
	margin: 0 20px 0 0;
}
#header a:link, #header a:visited, #header a:hover, #header a:active, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: none;
}

#header a:hover, #footer a:hover {
	color: #78CCF0;
}

#global_hdr_nav h2, #global_ftr_nav h2 {
	float: left;
	margin: 0 8px 0 0;
}

#footer {
	padding: 1em 0;
}
#footer p {
	margin: 1em 0;
}
#footer p a:link, #footer p a:visited, #footer p a:hover, #footer p a:active {
	color: #D2EDFE;
	text-decoration: none;
}
#footer p, #footer p a {
	font-size: 13px;
}

/* __lists */
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li ul {
	margin: 0 0 0 4px;
	padding: 0;
}
li {
	margin: 0 0 .75em 16px;
	padding: 0;
	line-height: 1.5em;
}

#twitter_feed ul {
	list-style: none;
}

#twitter_feed li {
	font-size: 12px;
	color: #333;
}


/* __mainContent */

#main_content div.preamble p {
	color: #444;
}

#main_content {
	background-color: #F3FAF8;
	padding: 1em 0 2em 0;
}
#main_content p {
	color: #4C4C4C;
	font-size: 13.5px;
	line-height: 18px;
	margin: .5em 0 1em 0;
}
#main_content p.footnote {
	color: #555;
	font-size: 11px;
}

.recent_reviews li {
	font-size: 12px;
	color: #345912;
	margin: 0 0 .75em 16px;
	list-style: url('../img/skin/rrblt.gif');
}
.recent_reviews li a {
	color: #345912;
}

#reviews_list {
	width: 180px;
}
#sponsor_content {
	width: 300px;
}

#reviews_list h4, #blog_list h4 {
	margin-bottom: .25em;
}

#reviews_list .feed_widget, #blog_list .feed_widget {
	margin-bottom: .75em;
}

/* Blog and review content */
#main_content p.meta {
	font-size: 12px;
}

#blog_content a:link, #blog_content a:visited, #blog_content a:hover, #blog_content a:active {
	color: #293D10;
}
#blog_content a:hover {
	color: #345912;
}

#blog_content span.categories a:link, #blog_content span.categories a:visited, #blog_content span.categories a:hover, #blog_content span.categories a:active {
	color: #B0511D;
}
#blog_content span.categories a:hover {
	color: #345912;
}

#blog_content li {
	font-size: 13px;
	color: #333;
}

.entry_item {
	padding: 10px 0 10px 0;
	background: url('/img/skin/entry_item_btm.gif') repeat-x bottom left;
}

.review_summary .lbl {
	font-weight: bold;
}
.review_summary .app_icon {
	margin-right: 10px;
	width: 60px;
  height: 60px;
	float: left;
}
.review_summary .review_summary_text {
}

.review_summary .app_icon img {
	display: block;
}

#main_content .review_summary .recommendation p {
	color: #111;
}

.social_actns {
	margin-bottom: .5em;
}

/* __tables */
td, th, caption {
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

col {
	background-color: silver;
	}

thead th, tfoot th, tfoot td {
	text-align: left;
	}

caption {
	background-color: black;
	color: white;
	font-style: italic;
	}
	
pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}
	
/* __form */
.form_table {
}
.form_table td {
	padding: 0 10px 10px 0;
}
.form_table .text_input {
	width: 100%;
}
.form_table .label_holder {
	width: 100px;
	text-align: right;
	vertical-align: top;
}
.form_table .input_holder {
	vertical-align: top;
}
.dev_submission.form_table .label_holder {
	width: 160px;
	text-align: right;
	vertical-align: top;
}
.fyi { color: #666; font-size: 12px; }
label.error { display: none; }
.error {
	color: #CC0000;
}

/* FIR UI */
.advertise_link {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -420px -5px;
	height /* */: 70px; /* False value for IE4-5.x/Win. */
	padding:70px 0 0 0;
	width: 290px;
}
.buy_now {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -1px -137px;
	height /* */: 20px; /* False value for IE4-5.x/Win. */
	padding:20px 0 0 0;
	width: 73px;
	margin-bottom: 4px;
}
.buy_now:hover {
	background-position: -1px -157px;
}
.buy_now_lite {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -1px -256px;
	height /* */: 20px; /* False value for IE4-5.x/Win. */
	padding:20px 0 0 0;
	width: 73px;
	margin-bottom: 4px;
}
.buy_now_lite:hover {
	background-position: -1px -276px;
}

.twitter_btn {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -1px -197px;
	height /* */: 20px; /* False value for IE4-5.x/Win. */
	padding:20px 0 0 0;
	width: 154px;
}
.twitter_btn:hover {
	background-position: -1px -217px;
}

.get_listed_btn {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -1px -1px;
	height /* */: 66px; /* False value for IE4-5.x/Win. */
	padding:66px 0 0 0;
	width: 300px;
}
.get_listed_btn:hover {
	background-position: -1px -67px;
}

/* Carousel */
.carousel_container {
	margin: 0 0 1em 0;
	background-color: #D4DCE5;
	padding: 0 0 5px 0;
}
.carousel table, .carousel td, .carousel h2 {
	padding: 0;
	margin: 0;
}
.carousel td {
	vertical-align: top;
}

.carousel a:link, .carousel a:visited, .carousel a:hover, .carousel a:active {
	color: #197FC6;
}
.carousel a:hover {
	color: #265B8C;
}

#main_content .app_list_item .meta p {
	font-size: 12px;
	line-height: 1.1em;
}

.top_cap, .listing_module {
	width: 100%;
}

.app_list {
	border: 1px solid #256596;
	margin-left: 5px;
	background-color: #FFF;
	padding: 2px;
	overflow: hidden;
	height: 236px;
}
.date_info, .title_widget .info {
	color: #256596;
}
td.title_widget {
	width: 358px;
	padding: 4px 8px 4px 0;
	margin: 0;
	background-color: #F3FAF8;
}
.title_widget h2 {
	font-size: 24px;
	font-weight: normal;
	color: #3E3E3E;
}
.title_widget .date_info, .title_widget .info {
	font-size: 12px;
}

.week_widget, .feed_widget {
	/* padding: 8px; */
}

.feed_widget {
	
}

#main_content .shelf_info {
}
#main_content .shelf_info p {
	font-size: 11px;
	margin: 0;
}

.week_widget li {
	list-style: none;
	float: left;
	width: 20px;
	margin: 0 2px 0 0;
	padding: 0;
}
.week_widget li a {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat -114px -140px;
	height /* */: 20px; /* False value for IE4-5.x/Win. */
	padding:20px 0 0 0;
	width: 20px;
}
.week_widget li a:hover {
	background-position: -138px -140px;
}
.week_widget li.selected a {
	background-position: -91px -140px;
}

.carousel td.week_widget_container {
	vertical-align: middle;
	padding-left: 10px;
}

.carousel td.feed_widget_container {
	padding-bottom: 4px;
	vertical-align: middle;
	background: transparent url('../img/skin/top_cap_divider.gif') repeat-y top left;
	border-right: 1px solid #256596;
}
.carousel td.feed_widget_container, .carousel td.week_widget_container {
	text-align: center;
	padding-top: 0;
}
#blog_content {
	position: relative;
}
#blog_content .feed_widget
{
	position: absolute;
	top: 0;
	right: 0;
}

.feed_widget a {
	padding: 2px 2px 0 20px;
	color: #256596;
	font-size: 12px;
	text-decoration: none;
	background: transparent url('../img/skin/rss_icon.gif') no-repeat 0 0;
}
.carousel {
	width: 653px;
	float: left;
}
.featured_app, .primary_feature {
	width: 300px;
	float: left;
	border: 1px solid #10517F;
	border-left: none;
	background: #D4DCE5 url('../img/skin/primary_feature_bg.jpg') repeat-x top left;
}

.featured_app .hdr, .primary_feature h3.hdr {
	color: #FFF;
	padding: .5em;
	font-size: 16px;
	background-color: #10517F;
}
.featured_app .hdr a, .primary_feature .hdr a {
	color: #FFF;
	font-size: 13px;
}

.featured_app_info, .primary_feature_info {
	position: relative;
	border-bottom: 1px solid #10517F;
	width: 300px; 
	height: 200px;
}
.primary_feature_info {
	width: 280px;
	height: 178px;
	padding: 0 10px;
}
.featured_app_info .purchase_info {
	position: absolute;
	bottom: 6px;
	right: 4px;
}
#main_content .purchase_info p {
	text-align: center;
	font-size: 16px;
	color: #000;
	margin: 0 0 5px 0;
}
td.pager_btn_container {
	width: 21px;
}
.pager_btn_container .previous, .pager_btn_container .next {
	background: transparent url('../img/skin/ui_sprites.png?v=2') no-repeat 0 0;
	height /* */: 296px; /* False value for IE4-5.x/Win. */
	padding:296px 0 0 0;
	width: 21px;
}
.pager_btn_container .previous {
	background-position: -314px -5px;
}
.pager_btn_container .previous.disabled, .pager_btn_container .previous.disabled:hover {
	background-position: -314px -315px;
	cursor: default;
}
.pager_btn_container .next {
	background-position: -370px -5px;
}
.pager_btn_container .next.disabled, .pager_btn_container .next.disabled:hover {
	background-position: -370px -315px;
	cursor: default;
}

.pager_btn_container .previous:hover {
	background-position: -338px -5px;
}
.pager_btn_container .next:hover {
	background-position: -393px -5px;
}
.hidden,
.pager_btn_container .next.hidden,
.pager_btn_container .previous.hidden {
  display: none;
}
.jcarousel-control {
  width: 100px;
}
td.listing_container {
  width: 580px;
	padding: 4px 10px;
}
.listing_container .listing {
	width: 100%;
}
.app_list_item {
	float: left;
	width: 180px;
	height: 72px;
	margin-right: 12px;
}
.app_icon, .app_list_item .meta {
	float: left;
}
.app_list_item .app_icon {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.app_list_item .app_icon.loading {
  background: transparent url('../img/skin/spinner.gif') no-repeat center center;
}

.app_list_item .meta {
	margin-left: 6px;
	width: 114px;
}

div.qrcode
{
	background-color: #FFF;
}
div.qrcode p.fyi
{
	padding: 4px;
	font-size: 10px;
}

div.qrcode img {
	width: 200px;
	margin: 0 auto;
	display: block;
}
.paginator {
  margin: 1em 0;
}
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#app_carousel li,
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 580px;
    height: 216px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
*
* Skin related
*
*/
.jcarousel-container {
}

.jcarousel-container-horizontal {
    width: 580px;
    padding: 0;
}

.jcarousel-container-vertical {
    width: 216px;
    height: 580px;
    padding: 0;
}

.jcarousel-clip-horizontal {
    width:  580px;
    height: 216px;
}

.jcarousel-clip-vertical {
    width:  216px;
    height: 580px;
}

.jcarousel-item {
    width: 580px;
    height: 216px;
}

.jcarousel-item-horizontal {
    margin-right: 0;
	margin-left: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 0;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    /*position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;*/
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    /*position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;*/
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-prev-vertical {
    /*position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;*/
}

.jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}