body
{  
    margin: 0;
    padding: 0;
    font-family: Helvetica;
    background: #ffffff;
    color: #000000;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

#header
{
	background: #8800cc;
	color: #ffffff;
	width: 100%;
	height: 20px;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
}

#logo
{
	text-align: left;
	text-indent: 10px;
	float: left;
}

#logo a
{
	color: #FFFFFF;
}

#options a
{
	color: #FFFFFF;
}

#options
{
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
}

.bold
{
	font-weight: bold;
}

.fav
{
	color: #00AA00;
}

span.bad
{
	color: #CC0000;
}

ul
{
    position: absolute;
    left: 0;
    top: 41px;
    width: 100%;
    min-height: 418px;
    margin: 0;
    padding: 0;
}

a.artistimg
{
    display: block;
    position: absolute;
    padding: 5px;
    text-align: center;
    color: #93883F;
}

a.thumb
{
    display: block;
    position: absolute;
    text-align: center;
}

a.thumb img
{
	border: none;
}

a.thumbup
{
	top: 135px;
	left: 15px;
}

a.thumbup2
{
	top: 135px;
	left: 33px;
}

a.thumbdown
{
	top: 135px;
	left: 49px;
}

li
{
    margin: 0;
    padding: 0;
 	font-size: 14px;
    list-style: none;
    position: relative;
    min-height: 55px;
}

ul.results li
{
	border-bottom: 1px solid #E0E0E0;
    background: url('../images/iphone_arrow.gif') no-repeat right center;
}

ul.results li.bad
{
	filter: alpha(opacity=35);
	-moz-opacity: .35;
	opacity:.35;
}

a
{
	text-decoration: none;
	color: #526cd8;
}

a.articlelink
{
    display: block;
    padding: 8px 75px 8px 75px;
    text-decoration: none;
    color: inherit;
    min-height: 55px;
}

#articletext
{
	padding: 8px 10px 8px 95px;
}

a.articletitle
{
    display: block;
    text-decoration: none;
    font-size: 18px;
	line-height:1em;
}

p
{
    font-size: 14px;
}

#articleheader
{
	border-bottom: 1px solid #E0E0E0;
}

#articledetails
{
	color: #aaaaaa;
	line-height: 1.5em;
	font-size: 14px;
}

#comments
{
	background: url('../images/iphone_commentbg.gif') repeat-x left top;

}

#commenthead
{
	margin-left: 10px;
	margin-right: 10px;
	padding: 7px 0px;
	border-bottom: 1px solid #E0E0E0;
	font-weight: bold;
	color: #888888;
	padding-bottom: 5px;
}

.comment
{
	margin-left: 10px;
	margin-right: 10px;
	padding: 7px 0px;

	font-size: 12px;
	border-bottom: 1px solid #E0E0E0;
	color: #000000;
	padding-top: 5px;
}

.commentby
{
	color: #AAAAAA;
	font-weight: bold;	
}

.commentvote
{
	float: right;
	font-weight: bold;
	font-size: 16px;
}

.goodvote
{
	color: #00AA00;
}

.badvote
{
	color: #AA0000;
}

.commentdate
{
	color: #AAAAAA;
}

.commentbody
{
	padding-top: 5px;
	padding-bottom: 10px;
}

ul.results li.pages
{
	border: none;
	text-align: center;
}

li.pages strong
{
	font-size: 30px;
	color: #bbbbbb;
	position: relative;
	top: 20px;
}

.pagebutton
{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #8800cc;
	font-size: 16px;
	padding: 8px 0;
	margin: 12px 12px;
	width: 100px;
	height: 20px;
}

.next
{
	float: right;
}

.previous
{
	float: left;
}

.popup 
{
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 685px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
}

fieldset
{
    width: 100%;
    margin: 0;
    border: none;
    padding: 10px 6px;
    background-color: #7388a5;
}

fieldset > h1
{
    margin: 0 10px 0 10px;
    padding: 0;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
    text-align: center;
}

label
{
	font-size: 14px;
	text-align: left;
	display: block;
	margin: 5px 0 2px 4px;
	font-weight: bold;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
}

label.intb
{
    position: absolute;
    margin: 14px 0 0 15px;
    color: #bbbbbb;
    text-shadow: none;
}

input
{
    margin: 6px;
    padding: 6px;
    font-weight: normal;	
}

input[type='text'], input[type='password']
{
    width: 90%;
    font-size: 16px;
}

input[type='submit']
{
	text-align: center;
	font-size: 16px;
}