/*
 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.jpg) 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, h2 
{
display:block;
	margin:8px 8px 8px 12px;
	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;
}



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:0px;	  /* 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;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; o-border-radius: 8px; 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;
}


.social li {min-height: 1px; }

.social li a {padding: 8px; line-height: 24px}

.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 */	
position:relative;
	top: -12px;
	z-index: 1;

}

img {border:0;}

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

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

.social li a img {width: 24px !important;
height: 24px !important;
margin: 0; padding: 0 8px 0 0; vertical-align: middle;}

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

p {margin:8px;padding:4px; font-size: 15px; line-height: 125%;}
#header p {margin:0;padding:0;}
#header img {margin:0;padding:0;vertical-align: middle;}

div {background: rgba(0,0,0,0.7);
	margin: 8px;
	border-color: transparent;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; o-border-radius: 8px; border-radius: 8px;}

#header {background:#000; height: 34px; margin:0; -moz-border-radius: 0; -webkit-border-radius: 0; o-border-radius: 0; border-radius: 0;}
#header a, #header a:visited {margin:0px;padding:0 4px;  font-size: 14px; color: #FFF; font-weight: bold; text-decoration: none;}

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

.titlebar {margin:12px; background: transparent; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; o-border-radius: 0; border-radius: 0; 	}
.title {margin: 0 4px 0 0; display:inline;}
.author {color: #ccc;}
.no-t {padding-left: 8px; background: rgba(0,0,0,1.0); overflow: hidden;}

.commname, .commdate, .commpost, p  {word-wrap: break-word; overflow:hidden; display: block;}
.commname {font-size: small; color: #ccc;}
.commdate {font-size: x-small; color: #999;}
#comm25 p {border-top: 1px solid #666;}
#comm25 p:first-child {border-top: 0px solid transparent;}

.plain {background: transparent; margin:8px;}
.media {padding: 8px;	   
	margin: 0; text-align: center;}

.arrow {background: transparent url(/iphone/images/arrows.png) no-repeat scroll 100% 19px; padding-top: 18px;}
img {
max-width: 100%; height: auto;
}
#comm {display:block; padding: 0px; 0px; margin: 0px; background: transparent url(/iphone/images/arrows.png) no-repeat scroll 100% 9px;
padding: 8px; line-height: 24px}