body {
font-family:helvetica,sans-serif;
margin:0;
min-height:416px;
position:relative;
background-color:#f2f2f2;
}

img {
border:0 none;
}

/* flash area - copied from blueprint */
.error, .notice, .success {font-size: 11px; padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* end */

/* overriding rails error style */
.errorExplanation { padding-top:10px; font-size: 50%; color: #666;}

#topbar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/iphone/header.jpg) repeat scroll 0 0;
margin-bottom:10px;
height:26px;
left:0;
position:relative;
top:0;
width:auto;
}

hr {
clear:both;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/iphone/hr.jpg) repeat-x;
border: 0;
padding-bottom:3px;
}	

#metadata{
height:40px;
margin-bottom: 10px;	
}

#avatar{
margin-left:10px;
margin-right: 8px;
margin-bottom: 0px;
float: left;
}

#user_photo, #photo_description {
margin-left:10px;
margin-right:10px;
margin-bottom:6px;
font-size:11px;
}

#user_photos {
margin-top:0px;
margin-left:2px;
margin-right:0px;
margin-bottom:0px;
font-size:11px;
}

#user_photos > .photo {
	display: block;
	position: relative;
}

#user_photos img {
	height: 75px;
	width: 75px;
	padding: 1px;
	float: left;
}

#footer  {
color:#999;
font-size:10px;
height:40px;
text-align:center;
line-height:15px;
margin-top: 15px;
margin-bottom:15px;
}

a{
	color:#06F;
	text-decoration:none;
}

a.next{
	float:right;
}

#username a {
	color:#000;
}

#username{
font-size:18px;
line-height:120%;
}

.photo_meta{
color: #999;
font-size:11px;
}

#buttons{
clear: both;
margin-left: 10px;
margin-right: 10px;
/*margin: 0px 10px;*/
}

/* Tags in users home page */
.photo {
  padding-right: 10px;
}

.photo img {
  float: left;
  padding: 0px 10px 10px 10px;
}

.photo .right {
  float: left;
  width: 240px;
}

.photo .description {
  font-size: 12px;
}

.photo .photo_meta {
  font-size: 11px;
}
/* end */

.button_left{
	display:block;
	width: 147px;
	height: 23px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	background: url(../../images/iphone/button_bg.jpg) no-repeat;
	padding-top:11px;
	float:left;
	margin-bottom: 10px;
}


.button_right{
	display:block;
	width: 147px;
	height: 23px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	background: url(../../images/iphone/button_bg.jpg) no-repeat;
	padding-top:11px;
	float:right;
	margin-bottom: 10px;
}

.button_left_void{
	display:block;
	width: 147px;
	height: 23px;
	text-align:center;
	color:#333;
	font-size:11px;
	padding-top:11px;
	float:left;
	margin-bottom: 10px;
}


.button_right_void{
	display:block;
	width: 147px;
	height: 23px;
	text-align:center;
	color:#333;
	font-size:11px;
	padding-top:11px;
	float:right;
	margin-bottom: 10px;
}


/* comments start */
h3{
	font-size: 14px;
	margin: 8px 10px 11px 10px;
	line-height:140%;
}	

h4{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 12px;
}

#comments{
	margin:-15px 10px 0px 10px;
}

.single_comment{
	margin-top:0px;
	margin-bottom:15px;
	position:relative;
	min-height: 40px;
}

.commenter{
	font-weight: bold;
	margin-right:5px;
}

.comment_meta {
	color: #999;
}

.comment_text_content{
	font-size:11px;
	line-height:1.6em;
	padding-left: 56px;
}

p.user_comment{
	margin:0px;
}

.userpic {
	margin:0 12px 0 0;
	position:absolute;
}

.userpic img {
	width:40px;
	height:40px;
}


#post_comment textarea {
	margin-bottom: 6px;
	padding-top:10px;
	border-color:#ccc;
	font-size: 14px;
	height: 80px;	
	width: 95%;
}

#post_comment{
	clear:both;
}

#post_comment input[type=submit], #buttons input[type=submit]{
	background-color: #000;
	padding: 10px 20px;
	color: #fff;
	border-style: none;
	font-weight: bold;
	cursor: default;
	width: 147px;
	height: 34px;
	background: url('../../images/iphone/button_bg.jpg') no-repeat top left;
}

.login_to_comment{
	font-size:14px;
	margin:0 0 10px 0;
}
/* comments end */

/* header, login, and register start */
#logo{
	float: left;
}

a.header_link{
	float:right;
	font-size:10px;
	color:#fff;
	margin:5px 0px 0px 0px;
}

a.end_header_link {
	margin:5px 10px 0px 10px;
}

#welcome p{
	clear:both;
	margin: 20px 10px;
	font-size:24px;
	text-align:center;
}

#login_info{
	margin: -12px 10px 0px 10px;
}

label{
	font-size:11px;
	line-height:2;
	color: #999;
}

#login_info input{
	width: 93%;
	height: 36px;
	font-size:20px;
	color:#333;
	border-color: #ccc;
}
/* header, login, and register end */