/* CSS Document */

/* CSS Document 
Author: Ahmad Mukoshy
Lisence: Yarnable © 2010
Creation Date: 28th Jan. 2010
Last Updated: 
*/

body {	
	font-family: arial,verdana,tahoma,helvetica,sans-serif;
	padding:0;
	background:fixed; 
	font-size: 14px;	
	color: #333333;	
	background-color: #EB8D76; 
	margin:0;
	text-shadow:0 1px 1px #E8E8E8;
}

.header{
	width:100%;
	background-color:#FAE2DC;
	border-bottom:#F3BEB1 solid 5px;
	height:50px;
	padding-top:15px;
	border-top:#F3BEB1 solid 5px;

	
}
.footer{
	padding:20px;
	border:#F3BEB1 5px solid;
	background-color:#FAE2DC;
	width:900px;
	-moz-border-radius:10px;
	margin:-2px auto 10px auto;
	font-size:11px;
	color:#666666;
	align:center;
	height:auto;
	
}

.header #logo {
	margin-left:200px;
}

#logo_area{
 width:900px; 
 margin:auto;
 padding-top:10px;
}

#tab1 
{ width:100%; background:#FFFFFF; -moz-border-radius:10px; -moz-box-shadow: 1px 1px 2px #999999; padding: 8px 20px 8px 20px;}

/* -------------------------------------- Link Settings ----------------------------- */
a:link, a:visited, a:active
{color: #D54521;	text-decoration:none;}
a:hover
{color: #666666;	text-decoration:none;}

input, select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:17px; 
	letter-spacing:1px; 
	color: #666666; 
	-moz-border-radius:5px; 
	border: 1px solid #F9DCD5; 
	padding: 5px 8px 5px 8px;
	text-shadow: #CCCCCC 1px 0 1px;
}
input:focus{
	border: #999999 solid 1px;
	-moz-box-shadow: 0 0 8px #CCCCCC;
}

#login
{font-family: Tahoma; font-size:13px; color: #666666; -moz-border-radius:5px; border: 1px solid #EB8D76;; padding: 2px 5px 2px 5px;}

.field_name
{font-family: Tahoma; font-size:13px; letter-spacing:1px; color: #666666;}

#footer
{ width:100%; background:#FFFFFF; -moz-border-radius:10px; -moz-box-shadow: 1px 1px 2px #999999; padding: 8px 20px 8px 20px;}

#body
{ background:#FFFFFF; -moz-border-radius:10px; -moz-box-shadow: 1px 1px 2px #999999; padding: 8px 20px 8px 20px;}

.tiny_text
{font-size: 10px; color: #999999;}
.home_status
{font-size: 12px; color: #666666;}


.button
{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #999999; background-image:url(../images/button_bg.png); background-repeat:repeat-x; background-color: #CCCCCC; border-color: #E9E9E9; border-width:1px; -moz-border-radius:5px; padding: 4px 13px 4px 13px; cursor:pointer;}

.button_signup
{font-family: Tahoma; font-size: 23px; color: #FFFFFF; background-color: #EB8D76; border: thin none #CCCCCC; -moz-border-radius:5px; padding: 8px; text-shadow:#333333 1px 1px 1px; cursor:pointer;}


h1{
	font-family: Tahoma;
	font-size:1.2em;
	line-height: 1.5em;
	color: #E66C4F; 
	border-bottom: #E8E8E8 1px solid;
	padding-bottom:8px;
	-moz-border-shadow: #999999;
}
#login_button{
	-moz-border-radius:5px; 
	color:#FFFFFF;
	background-color: #EB8D76;
	padding:5px;
	width:50px;
	float:right;
	margin-right:200px;
}
#login_button a:link, #login_button a:visited, #login_button a:active{
	color: #FFFFFF;	
	text-decoration:none;
}
#login_button a:hover{
	color: #FFFFFF;
	text-decoration:blink;
}
#about{
	-moz-border-radius:10px;
	background-color: #F4F4F4;
	padding:10px;
}

#user_display{
	-moz-border-radius:10px;
	-moz-border-shadow: #CCCCCC;
	background-color: #FDF4F2;
	padding:10px;
}

#like_button{
	width:100px;
	float:right;
	margin-right:100px;
	padding-top:40px;
}


.footer ul
{margin-top:0; margin-bottom: 0; margin-left: 0; float: right;}

.footer li
{display: inline; padding-left: 0px;	padding-right:10px;	list-style-image: none;	list-style-type: none;}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #F4C1B5;
padding: 2px;
background-color: lightyellow;
padding: 8px 13px 8px 13px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.avatar_90 {border:1px solid #EB8D76; padding:4px; float:left; background-color:#F5F5F5; -moz-border-radius:8px; }
.avatar_45 {border:1px solid #CCCCCC; padding:3px; float:left; background-color:#F5F5F5; -moz-border-radius:5px; }
.avatar_60 {border:1px solid #CCCCCC; padding:3px; background-color:#F5F5F5; -moz-border-radius:6px; }
#status_list{
padding: 5px 0 5px 0; border-bottom: 1px #E8E8E8 solid;
}

h3 {
	color: #CC3300; 
	font-size:15px; 
	margin-bottom:-2px; 
	font-weight:normal; 
	padding-bottom: 10px; 
	border-bottom: 1px #E8E8E8 solid;
	
}

#user_map ul{
	list-style: none;
	margin:0;
	padding:0;
}
#user_map li{
	list-style: none;
	display:inline-table;
	margin:0;
	padding:0;
}
#login_home{
	float:right;
	margin:0;
	padding:0;
	color:#000000;
	font-size:13px;
	font-family:Tahoma;
	letter-spacing:1px;
}
#login_home input{
	font-size:15px;
	background-color:#FAE2DC;
	border-color:#FFFFFF;
	border:1px #FFFFFF solid;
}
#login_home input:focus{
	border: #FFFFFF solid 1px;
	-moz-box-shadow: 0 0 8px #FFFFFF;
}

#login_home #button{
		font-size: 13px; 
	text-shadow:none;
	color: #FFFFFF; 
	background:url(../images/button_bg_red.png) repeat-x;
	border: 1px solid #FF6600;
	-moz-border-radius:5px; 
	-moz-box-shadow:0 0 0 0;
	padding: 3px 10px 3px 10px;
	cursor:pointer;
}
#wrapper{
	border:#F3BEB1 5px solid;
	-moz-border-radius:10px 10px 10px 10px;
	background-color:#FFFFFF;
	padding:15px;
	margin:15px auto;
}
.notification {
	margin:20px;
	width:350px;
	color:#00000;
	background: #FFFFDD;
	-moz-border-radius:5px 5px 5px 5px;
	border:1px solid #FFCC33;
	padding:5px 5px 5px 5px;
	letter-spacing:1px;
}
.notification_green {
	margin:20px;
	width:350px;
	color:#00000;
	background: #E4FFCA;
	-moz-border-radius:5px 5px 5px 5px;
	border:1px solid #CCFF99;
	padding:5px 5px 5px 5px;
	letter-spacing:1px;
}
#forsale{
	width:185px;
	margin:0;
	display:block;
	position:fixed;
	background-color:#FAE2DC;
	font:Arial, Helvetica, sans-serif;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	border: solid 2px #EB8D76;
	padding:5px;
}