@import url(restaraunt.css);
@import url(profile.css);
*{
	margin: 0;
	padding: 0;
}
a img, fieldset {border:0}
fieldset{display:inline}
* > fieldset{display: block}/* Non IE browsers */
.clear:after, .rating li:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear, .rating li {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear, * html .rating li{height: 1%;}
.clear, .rating li {display: block;}
/* End hide from IE-mac */
p{
	margin-bottom: 20px;
}
h1,h2,h3{
	font: normal normal 24px Georgia;
	color: #555;
	letter-spacing: -1px;
	margin-bottom: 15px;
}
h2{
	font-size: 18px;
}
a{
	color: #06C;
	text-decoration: underline;
}
/*
a:visited{
	text-decoration: none;
}
*/
a:hover{
	color: #F60;
	text-decoration: underline;
}
body{
}
body{
	background: url(./i/bg.png) repeat-x 0 0 #FFFAE5;
	font: normal 12px/16px Georgia, "Times New Roman", Times, serif;
	color: #333;
	text-align:center;
}
#body, #header, #footer{
	text-align: left;
	margin: auto;
	width: 940px;
}
#header{
	height: 130px;
}
#logo{
	padding-top: 30px;
	width: 285px;
	float: left;
}
#logo span{
	display: block;
	position: absolute;
	margin-left: 77px;
}
#search{
	width: 344px;
	height: 20px;
	overflow: hidden;
	background: url(./i/searchbg.gif) no-repeat 0 0 #C0D297;
	padding: 2px;
	position: relative;
	margin-top: 58px;
	margin-left: 75px;
	float: left;
}
.inner #search{
	margin-top: 34px;
	margin-left: 50px;
}
#search .string{
	border: none;
	background: #fff;
	height: 17px;
	width: 258px;
	float: left;
	margin-right: 2px;
	padding: 3px 5px 0 5px;
	font: normal 12px Georgia;
	color: #444;
}
#search .button, #login-form .button{
	width: 74px;
	height: 20px;
	background: url(./i/searchbut.gif) no-repeat 0 0 #67843F;
	border: none;
	color: #fff;
	font: normal 11px Verdana;
	cursor: pointer;
}
.menu {
	list-style: none;
}
.menu li{
	display: inline;
	padding-left: 10px;
	padding-right: 6px;
	color: #f60;
	background: url(./i/separator.gif) no-repeat 0 3px;
}
.menu li:first-child{
	padding-left: 0;
	background: none;
}
#header .menu{
	padding-top: 64px;
	float: right;
	padding-right: 20px;
}
#header.inner .menu{
	padding-top: 40px;
}
#header .menu li{
	float: left;
	padding-right: 8px;
}
.content{
	padding: 20px 20px 1px 20px;
}
#body .brown{
	border: 1px solid #996;
	background: #fff;
}
#body .blue{
	border: 1px solid #9CF;
	background: #F5F6FF;
}
#body .left, #body .right{
	width: 458px;
	float: left;
}
#body .left{
	margin-right: 20px;
}
.tl, .tr, .bl, .br{
	background-repeat: no-repeat;
	position: relative;
}
.tl{
	background-position: 0 0;
	top: -1px;
	left: -1px;
}
.tr{
	background-position: 100% 0;
	left: 2px;
}
.br{
	background-position: 100% 100%;
	top: 2px;
}
.bl{
	background-position: 0 100%;
	left: -2px;
}
.brown .tl{background-image: url(./i/brown/tl.gif);}
.brown .tr{background-image: url(./i/brown/tr.gif);}
.brown .br{background-image: url(./i/brown/br.gif);}
.brown .bl{background-image: url(./i/brown/bl.gif);}
.blue .tl{background-image: url(./i/blue/tl.gif);}
.blue .tr{background-image: url(./i/blue/tr.gif);}
.blue .br{background-image: url(./i/blue/br.gif);}
.blue .bl{background-image: url(./i/blue/bl.gif);}

.column{
	float: left;
	width: 218px;
	position: relative;
	left: 2px;
}
.column h3{
	font-size: 18px;
}
.column .content{
	padding: 10px;
}
#body .right{
	/*overflow: hidden; */
}
#body .right .column:first-child{
	margin-right: 18px;
	position: static;
}
.row {
	margin-bottom: 20px;
}
#footer{
	padding: 30px 0 40px 0;
}
#footer .copy{
	float: left;
	width: 460px;
	text-align: center;
}
#footer .menu{
	width: 460px;
	text-align: center;
	float: right;
}
.news a{
	font-size: 16px;
}
.news span{
	background-color: #ECF1E0;
	padding: 0 3px;
}
.news .props{
	background: #F2F6EA;
	border-bottom: 1px solid #C0D297;
	padding: 2px 10px;
	margin-bottom: 30px;
}
.news .props a{
	font-size: 12px;
	margin-right: 50px;
}
#right .news p{
	margin-bottom: 5px;
}
.map{
	border: 1px solid #A0BA7C;
	padding: 1px;
	background: #D7E2C8;
}
img.map{
	float: right;
	margin-left: 20px;
}
.lastpost{
	line-height: 14px;
}
.comment, .date, .rest, .news span.date{
	background-image: url(./i/icons.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 20px;
	line-height: 16px;
}
.date, .news span.date{
	background-position: 0 -98px;
}
.rest{
	background-position: 0 -198px;
}
.rating {
	list-style: none;
}
.rating li{
	margin-bottom: 10px;
}
.rating li img{
	float: left;
	border: 1px solid #A7C480;
	padding: 1px;
	background: #DAE6C9;
	margin-right: 10px;
}
.column p{
	margin-bottom: 10px;
}
#login-form{
	position: absolute;
	margin-top: -2px;
	margin-left: -12px;
	z-index: 100;
	display: none;
}
#login-form .tab, #login-form .login-form{
	background-color: #C0D297;
}
#login-form .tab{
	width: 53px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 4px;
	background: url(./i/login-tab.gif) no-repeat 0 0 #C0D297;
	cursor: pointer;
}
#login-form .login-form{
	padding: 15px 10px 10px 10px;
}
#login-form .string{
	border: 1px solid #A1BE70;
	padding: 3px 5px 0 5px;
	width: 130px;
	height: 17px;
	font: 12px Georgia;
	margin-bottom: 10px;
}
#login-form .login-form a{
	margin-left: 5px;
}
#header .menu li a{
	position: relative;
	z-index: 110;
}
#register_form label {
	color: #67843F;
	font-weight: bold;
	display: block;
	width: 272px;
	padding-right: 20px;
	text-align: right;
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
#register_form input, #register_form select, #register_form ul#id_email input, #register_form ul#id_citchen input{
	width: 288px;
	padding: 2px 5px 0 5px;
	height: 16px;
	margin-bottom: 10px;
	font: 12px georgia;
	color: #333;
}
#register_form input#id_logo{
	height: auto;
}
#register_form ul#id_email input, #register_form ul#id_citchen input{
	margin-bottom: 0;
}
#register_form select{
	width: 302px;
	height: auto;
	padding: 0;
	height: 22px;
}
#register_form select#id_birthday_day{
	width: 55px;
	margin-right: 22px;
	text-align: center;
}
#register_form select#id_birthday_month{
	width: 120px;
	margin-right: 23px;
}
#register_form select#id_birthday_year{
	width: 75px;
}
#register_form span.req{
	font-size: 16px;
	line-height: 18px;
	padding-left: 5px;
	color: #67843F;
	vertical-align: middle;
}
#register_form ul input{
	width: auto;
	height: auto;
}
#register_form input.submit{
	width: 136px;
	height: 28px;
	margin-left: 292px;
	margin-top: 20px;
	padding: 0;
}
#register_form input.gender{
	width: auto;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#register_form .genders{
	display: block;
	padding-bottom: 1px;
	height: 30px;
}
#register_form .genders span.req{
	padding-left: 0;
}
#register_form .genders label{
	width: auto;
	float: none;
	text-align: left;
	display: inline;
	color: #333;
	font-weight: normal;
	line-height: 18px;
	margin: 0 50px 0 0;
	vertical-align: middle;
}
#register_form img{
	vertical-align: top;
}
#register_form .errorlist, .msg_form .errorlist{
	margin-left: 300px;
	list-style: none;
	margin: -10px 0 20px 292px;
	padding: 2px 5px;
	background: #C0D297;
	color: #fff;
	width: 292px;
}
.msg_form .errorlist{
	margin-left: 110px;
	width: 454px;
}
#register_form input#id_captcha_2{
	width: 145px;
	height: 33px;
	font-size: 24px;
	text-align: center;
	vertical-align: top;
	color: #f60;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.top{
	overflow: hidden;
}
.mainmenu{
	margin-top: 27px;
}
.mainmenu ul{
	list-style: none;
	font-size: 18px;
}
.mainmenu ul li{
	float: left;
	padding: 0 0 0 10px;
	color: #06c;
}
.mainmenu ul li a {
	text-decoration: none;
}
.mainmenu ul li em{
	font-style: normal;	
}
.mainmenu ul li a{
	padding: 0 0 0 10px;
	line-height: 22px;
}
.mainmenu ul li a:hover{
	color: #f60;
	text-decoration: none;
}
.mainmenu ul li span{
	padding: 0 0 4px 10px;	
	line-height: 16px;
	display: block;
	cursor: default;
}
.mainmenu ul li em{
	padding-right: 20px;
}
.mainmenu ul li span em{
	padding-top: 2px;
	display: block;
}
.mainmenu ul li:hover span, .mainmenu ul li.hover span {
	background: url(./i/yellowdot.gif) no-repeat 0 0 #C0D297;
}
.mainmenu ul li:hover span em, .mainmenu ul li.hover span em{
	background: url(./i/menuright.gif) no-repeat 100% 0;
	color: #f60;
}
.mainmenu ul li:hover ul, .mainmenu ul li.hover ul{
	display: block;
}
.mainmenu ul ul{
	background: #F2F6EA;
	border: 1px solid #C0D297;
	font-size: 12px;
	position: absolute;
	z-index: 50;
	padding: 10px 0;
	display: none;
	min-width: 140px;
}
.mainmenu ul ul li{
	float: none;
	padding: 0;
}
.mainmenu ul ul li a{
	display: block;
	padding: 2px 10px;
	min-width: 120px;
	line-height: 16px;
	margin-bottom: 2px;
}
.mainmenu ul ul li a:hover{
	color: #f60;
	background: #C0D297;
}
#left{
	width: 276px;
	float: left;
}
#right {
	margin-left: 295px;
}
#right .content{
	overflow: hidden; /* FF fix */
}
#left .content{
	padding: 0 0 1px 0;
	position: relative;
	left: 1px;
	top: -1px;
}
#left h3{
	font-size: 18px;
	border-bottom: 1px solid #C0D297;
	background: url(./i/headerbg.png) repeat-x 0 0 #F1F5E8;
	padding: 10px 20px;
}
#left .sub{
	margin-bottom: 20px;
	list-style: none;
	margin-left: 30px;
	font-size: 14px;
}
#left .sub li{
	margin-bottom: 15px;
	color: #666;
}
#left .sub a{
	padding-left: 10px;
	background: url(./i/bullet.gif) no-repeat 0 6px;
}
#left .sub a:hover{
	background-position: 0 -92px;
}
.pages {
	list-style: none;
	color: #f60;
	font: 12px Tahoma;
	margin-bottom: 20px;
}
.pages li{
	display: inline;
	padding-right: 10px;
}
#myrating{
	border: 1px solid #C0D297;
	width: 112px;
	height: 112px;
	float: right;
	margin-left: 20px;
}
#myrating div{
	border: 1px solid #fff;
	background: url(./i/ratbg.png) repeat-x 0 0 #EBF1DE;
	height: 110px;
	text-align: center;
}
#myrating em{
	font-style: normal;
	color: #f60;
	font-size: 36px;
	display: block;
	padding-top: 40px;
}
#myrating span{
	display: block;
	padding-top: 20px;
	color: #666;
}
dl.userprops dt img{
	display: block;
	padding: 1px;
	background: #fff;
	border: 1px solid #C0D297;
}
dl.userprops dt {
	float: left;
	margin-right: 20px;
}
dl.userprops{
	width: 460px;
	padding-bottom: 10px;
}
dl.userprops dd{
	float: left;
}
dl.userprops h1{
	margin-bottom: 0;
	margin-top: -3px;
}
dl.userprops p{
	margin-bottom: 10px;
}
.allnews{
	margin-right: 50px;
}
.friend.even{
	background: #F2F6EA;
	border-bottom: 1px solid #C0D297;
}
.friend{
	padding: 10px 0;
	margin-bottom: 10px;
}
.friend dt{
	width: 145px;
	text-align: center;
	float: left;
	min-height: 110px;
}
.friend dt .online{
	width: 48px;
	height: 48px;
	background: url(./i/online.png) no-repeat 0 0;
	position: absolute;
	margin: 73px 0 0 100px;
}
.friend dd{
	width: 435px;
	float: left;
	padding-top: 5px;
}
.actions{
	list-style: none;
	float: right;
	width: 160px;
}
.userprops .actions{
	float: none;
}
.actions li{
	margin-bottom: 10px;
	padding-left: 25px;
	background-image: url(./i/actions.gif);
	background-repeat: no-repeat;
	line-height: 18px;
}
.userprops .actions li{
	margin-bottom: 3px;
}
.actions .message{
	background-position: 0 0;
}
.actions .getfan{
	background-position: 0 -50px;
}
.actions .delete{
	background-position: 0 -100px;
}
.online{
	color: #f60;
}
#id_description{
	width: 298px;
	margin-bottom: 10px;
}
.msg_form label{
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
	text-align: right;
	color: #67843F;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}
.msg_form input, .msg_form textarea{
	margin-bottom: 10px;
	width: 460px;
}
.msg_form input.submit{
	margin-left: 110px;
	width: 136px;
	height: 28px;
}
.messages{
	margin-bottom: 20px;
}
.messages dt a, .messages dt span.date{
	float: right;
	margin-left: 10px;
}
.messages dt a.msg{
	float: none;
	margin: 0;
}
.messages dt a.msg span{
	padding-left: 10px;
	font-size: 11px;
	font-family: Tahoma;
}
.messages dt{
	background: #F2F6EA;
	border-top: 1px solid #C0D297;
	margin-bottom: 5px;
	padding: 5px;
}
.messages dd{
	margin-bottom: 20px;
	padding: 0 5px;
}

