/*
 Copyright (C) 2010 Albino Blacksheep. All Rights Reserved.
 */ 

html {margin: 0;
	padding: 0;
	font-size: 100%; height: 100%; /* IE hack */ }

body
{font-size: 0.75em; /* Base font 12px */
	margin: 0;
	padding: 0;

	/* background-color: rgb(197,204,211);	  Set the page color to light blue */
	-webkit-text-size-adjust:none;		  /* Turn off font resizing */
		background: rgb(51,51,51) url(/iphone/images/bg.png) repeat-y 150px -40px;
		color:#fff; 	font-family: "proxima-nova-1","proxima-nova-2","Helvetica Neue", Verdana, Arial, Helvetica, sans-serif;
}

table { font-size: 100%; /* IE hack */ }
h1 
{
display:block;
	margin:8px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color: #fff;	 /* Set each label color */		
-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(200,200,200,1)));
	text-shadow: black 0px 0px 1px;
}

h2 
{
	margin:0;
	margin-top:-10px;		  
	padding-right:10px;		 
	padding-bottom:10px;	
	padding-left:10px;
	font-size:12px;
	font-weight:normal;
	color: rgb(255,255,255);	 /* Set each label color */		
}

ul 
{	   
	padding: 0;	   
	margin: 8px;
	/* Set each list 17 pixels from the top of the button bar(or the top of the next list) */
	font-size:15px;
	font-weight:normal;
	background-color: transparent;
	color: #333;
}


li
{	
	list-style-type: none;	
	border-top-width:1px;	  /* Create lines between cells. Each line is placed above each item */
	border-top-style:solid;
	border-top-color:rgb(33,33,33);
	/* border-top-color:rgb(217,217,217); */
	padding:0;	 /* Indent the cell content 14 pixels from the bottom edge of a cell */
	min-height: 56px; 
	background: rgba(0,0,0,0.7);
	margin: 2px 0;
	border-color: transparent;
	-webkit-border-radius: 8px;	
	font-weight: normal;
	clear: left;

}


/*li:first-child
{
	border-top:0;	  Remove border above the first item of the list 
}*/

a {text-decoration: none; color:#3EB0AF; -webkit-tap-highlight-color:rgba(128,0,0,0.4); -webkit-transition:.5s opacity;}
a:hover {color:#fff;}
a:active {color:#cc0000;}


li a  /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ 
{
display: block;	
	/* The padding properties adjust the text content within the href block */
padding: 8px 0 12px 0;
	/* The margin properties adjust the size of the href block	*/
	margin: 0;
}


.secondary	/* Used for secondary text */
{	
	text-align:center;
	font-weight:normal;		/* Regular font is used for secondary text */	  
	/* color: #324F85;      Override the font color and set it to #324F85 */	

}

li a img {width: 70px !important;
height: 39px !important;
float: left; margin: 0 8px 0 8px; padding:0;}

li a img.banner {width: 250px !important;
height: 59px !important;}

#header a, #header a:visited {margin:0px;padding:0 4px;  font-size: 14px; color: #FFF; font-family: "proxima-nova-1","proxima-nova-2","Helvetica Neue", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}

object, video {display: block; max-width: 500px; margin: 0 auto;}

.titlebar {margin:8px 8px;}
.title {margin: 0; display:inline;}
.author {color: #ccc;}
.no-t {padding-left: 8px; background: rgba(0,0,0,1.0); overflow: hidden;}