/* Stack all blocks to start  1 em = 16px */
.headline {max-width:250px}
.ui-body-e {background:url('mask.png') repeat}		
.puma .ui-block-a,
.puma .ui-block-b,
.puma .ui-block-c {
	text-align:center;			
	width: 100%;
	float: none;}
		/* 1st breakpoint - Stack all blocks to just after start */
@media all and (min-width:24em) {
.ui-body-e {background:url('mask.png') repeat}
.headline {max-width:320px}		
.puma .ui-block-a,
.puma .ui-block-b,
.puma .ui-block-c {
	text-align:center;			
	width: 100%;
	float: none;}	
	}	

		/* 2nd breakpoint - Float B and C, leave A full width on */
@media all and (min-width:30em) {
.ui-body-e {background:url('mask.png') repeat}
.headline {max-width:430px}		
.puma .ui-block-a,
.puma .ui-block-b,
.puma .ui-block-c {
	text-align:center;			
	width: 100%;
	float: none;}	
	}

		/* 3rd breakpoint - Float B and C, leave A full width on top */
@media all and (min-width:35em) {
.ui-body-e {background:url('mask.png') fixed repeat}
.headline {max-width:480px}
.puma .ui-block-b{
	float: left;
	width: 46.98%;}	
.puma .ui-block-c {
	float: left;
	width: 52.98%;}	
	}
			 
		/* 4th breakpoint - Float A, B and C */
@media all and (min-width: 72em) {
.ui-body-e {background:url('mask.png') fixed repeat}
.headline {max-width:480px}
.puma .ui-block-a {float:left;
	width:40%}
.puma .ui-block-b {float:left;
	width:25.98%}
.puma .ui-block-c {float:left;
	width:33.98%}}
			 
a:link	{color:#06C}
a:visited {color:purple}
a:focus {color:red}
a:hover {color:black}
a:active {color:green}

body,html,div,td,tr,table,li,h1,h2,h3,p,a,img,hr,span,blockquote
	{margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif}

a:hover	{color:#036;
	text-decoration:none}

img.header {
	margin:7px 9px 0 3px;
	border:0 solid #AA2500;
	border-width:1px 0;
	-webkit-box-shadow:3px 3px 6px #9D6920;
	-moz-box-shadow:3px 3px 6px #9D6920;
	box-shadow:3px 3px 6px #9D6920}
	
.dsq-postid,
.clear,
.comments {display:none} 
 
p	{text-align:justify;
	color:#300 } 
 
h1	{font-size:14px;
	text-align:center}
 
h2	{font-size:13px;
	font-weight:normal;
	text-align:center}

.ui-icon-loading{
	background:url(ajax-loader.gif)}

.ui-input-search input.ui-input-text {
	padding:0}

.ui-bar-e{
        border-top:1px solid #f7c942;
	border-width:1px 0 0 0}

input.ui-input-text {
	font-size:15px;
	line-height:1.9em;
	min-height:1.9em}

.ui-li-divider {
	padding: .3em 15px;}

.ui-btn-icon-bottom .ui-btn-inner {
	padding-bottom:25px;
	-webkit-box-shadow:3px 3px 6px #9D6920;
	-moz-box-shadow:3px 3px 6px #9D6920;
	box-shadow:3px 3px 6px #9D6920}

.ui-btn-inner {
	padding: .6em 5px;}

.ui-collapsible-heading .ui-btn {
	text-align: center;}
	
.ui-li-static, .ui-collapsible-inset .ui-collapsible-content {
	background-image: -webkit-gradient(linear,left top,left bottom,from( #ffefaa ),to(#ffe155));
	background-image: -webkit-linear-gradient( #ffefaa,#ffe155 );
	background-image: -moz-linear-gradient( #ffefaa,#ffe155 );
	background-image: -ms-linear-gradient( #ffefaa,#ffe155 );
	background-image: -o-linear-gradient( #ffefaa,#ffe155 );
	background-image: linear-gradient( #ffefaa,#ffe155 );}

ui-dialog {background-image:-webkit-gradient(linear,left top,left bottom,from(#ffefaa),to(#ffe155)) !important;
	background-image:-webkit-linear-gradient(#ffefaa,#ffe155) !important;
	background-image:-moz-linear-gradient(#ffefaa,#ffe155) !important;
	background-image:-ms-linear-gradient(#ffefaa,#ffe155) !important;
	background-image:-o-linear-gradient(#ffefaa,#ffe155) !important;
	background-image:linear-gradient(#ffefaa,#ffe155) !important;}

.ui-li-static.ui-li {
	padding: .45em 10px;}

.ui-li-thumb {
	position: absolute}

.ui-btn-active {background:none !important;
	border-color:rgb(244,198,63)}

a, p, h1, h2, h3, h4, h5, h6, ul, li, div, span
	{font-size: 100%; font-family:'droid sans', arial, helvetica, sans-serif;
	color:#300}
	
li 	{font-size: 100%; 
	list-style-type:none}

[data-role="footer"] {min-width:240px}

h3      {text-align:center;
	font:bold 108% 'Constantia','times new roman';
	margin:4px;
	color:#300}
	
hr	{background:transparent;
	border:3px double #b8b8b8;
	border-width:3px 0 0 0;
	margin:3px auto 1px;
	display:block;
	width:61%}

img.plays{position: absolute;
	left:0;
	top:0;
	height:80px;
	width:80px}

.ui-li-thumb, .ui-listview .ui-li-icon {
	max-height:82px;
	max-width:70%}

p,li,h2    {font:100% Verdana !important}

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height:10px;
	padding:16px 0 0 57px;}
	
.type-home .ui-content
	{padding: 0;}