* {margin:0; padding:0;}

body {
	font:normal 12px/18px Verdana, sans-serif; 
	text-align:center;
	background:#4c8caf url(../gfx/back.jpg); color:#333;
}

#canvas {
	width:250px; height:100px; margin:10% auto; overflow:hidden; 
	border:3px solid #3f3f3f; background:#efece0 url(../gfx/logo-start.jpg) left top no-repeat; }
#canvas #username {padding:1px 2px;}
#canvas #message  {padding:110px 0 3px 0; font-weight:bold;}
#canvsa #submit   {padding:10px 0 0 0;}

#main {
	width:700px; height:auto; position:relative; margin:20px auto; padding:150px 0 25px 0;
	border:2px solid #3f3f3f; background:#efece0; text-align:left; }
#main #logo {
	position:absolute; top:0; left:0; width:700px; height:150px; 
	background:url(../gfx/logo-main.jpg) left bottom; border:solid #3f3f3f; border-width:0 0 1px 0; }
	#logo h1 {display:none;}
	#logo p  {display:none;}
#main #menu {
	position:absolute; top:130px; left:0; width:700px; height:20px; 
	border:solid #7f7f7f; border-width:0 0 1px 0; background:#dfdcd1; }
#main #menu a {
	line-height:20px; height:20px; padding:3px 10px; font-weight:bold; text-decoration:none; 
	border:solid #7f7f7f; border-width:0 1px 0 0; background:#EFEDE7; color:#666; }
#main #menu a:hover  {background:#c3d8df; color:#fff;}
#main #menu a.active {background:#8ebecf; color:#fff;}

#main #copy {
	position:absolute; bottom:0; left:0; width:700px; height:20px; line-height:18px; 
	border:solid #7f7f7f; border-width:1px 0 0 0; background:#dfdcd1; text-align:center; }
	#copy p {padding:0 10px;}

#main #foot {
	position:absolute; bottom:0; left:0; width:700px; height:20px;
	background:url(../gfx/logo-foot.jpg) left top; border:solid #3f3f3f; border-width:1px 0 0 0; }

#cont {}
#cont .nav {float:right;}

#moto {padding:5px 0 0 0; font-family: "Trebuchet MS";}

h1 {padding:25px 15px 10px 25px; font-size:20px; font-weight:normal; line-height:25px;}
h2 {padding:20px 15px 5px 25px; font-size:16px; line-height:20px;}
h3 {padding:10px 15px 5px 15px; font-size:14px; line-height:16px;}
	
p  {padding:5px 15px;}
ul {margin:5px 25px;}
a  {color:#333;}
a:hover {text-decoration:none;}
a:visited {color:#666;}
a.link {text-decoration:underline; cursor:pointer;}
a.link:hover {text-decoration:none;}

a img {border:none;}

hr {margin:5px 15px; width:auto; height:3px; border:1px solid #E2E8D3; background:#C5D1AC;}

.dark {background:#F3F3F3;}
.pale {}
.dark:hover,.pale:hover {background:#ECF3E5;} 
.str {text-decoration:line-through;}
.err {color:#900 !important;}
.inf {color:#369 !important;}
.shd {color:#666 !important;}
.not {color:#666; background:#fafafa; border:1px solid #999; margin:5px 10px; padding:5px 10px;}
.offs {padding:20px 15px 5px 15px;}
.ital {font-style:italic;}
.bold {font-weight:bold;}
.norm {font-weight:normal;}
.note {font-size:80%;}
.slim {padding-top:0; padding-bottom:0;}
.left {text-align:left;}
.rght {text-align:right;}
.just {text-align:justify;}
.cent {text-align:center;}
.half {width:325px;}
.rgt {float:right;}
.lft {float:left;}
.clr {clear:both;}
.rclr {clear:right;}
.lclr {clear:left;}

.spec {color:red;}

.done {text-decoration:line-through;}

.man {position:absolute; top:5px; left:8px; padding:0 3px; background:#900; color:#fff; text-decoration:none;}
.man:hover {color:#000;}


.item {margin:5px 10px; border:1px dashed #dfdfdf; background:#F2F3E9;}
.item-head {margin:0; font-weight:bold; background:#fafbfc;}
.item-text {margin:0;}
.item-pict {float:left; margin:5px; height:100px; display:block;}
.item-lpic {float: left; margin:5px 0 5px 15px; display:block;}
.item-rpic {float: right; margin:5px 15px 5px 0; display:block;}
.item-icon {float:left; margin:5px 10px 5px 0; border:1px solid #dfdfdf;}
.item-fold {margin-bottom:-2px;}
.item-foot {margin:0; background:#fafbfc;}

.pict {border:2px solid #fff;}
.locked {padding-left:20px; background:url(../gfx/locks.gif) left -1px no-repeat;}

.lbox {float:left; margin-right:0 !important;}
.rbox {float:right; margin-left:0 !important;}
.ibox {margin:9px; background:#EFE0E0; border:1px solid #dfdfdf;}
.ibox:hover {background:#EFD1D1; border:1px solid #CF9B9B;}

.form {margin:5px 10px; border:1px dashed #dfdfdf; background:#EFF3E9;}
input[type="button"], input[type="submit"] {cursor:pointer;}
textarea {font:normal 12px/18px Verdana, sans-serif;}

.list {margin:5px 10px; border:1px dashed #dfdfdf; background:#F2F3E9;}
.list li {list-style-type:none;}
.list-item {margin:0 5px 5px 5px; padding:3px; background:#EFFFE0; border:1px solid #C7FF90; cursor:pointer;}

#blogpost {margin:0 10px;}

#rate img {cursor:pointer;}

#map {height:400px;}
#ifr {width:680px; height:450px; margin:5px 10px; padding:0; border:1px solid #dfdfdf;}

.i1,.i2,.i3,.i4,.i5 {padding:1px 3px;}
.i1 {width:50px;}
.i2 {width:75px;}
.i3 {width:100px;}
.i4 {width:150px;}
.i5 {width:304px;}

.b1,.b2,.b3,.b4,.b5 {float:left; display:block; padding:4px 15px 0 0;}
.b1 {width:50px;}
.b2 {width:75px;}
.b3 {width:100px;}
.b4 {width:150px;}
.b5 {width:300px;}

.s0 {width:218px;}
.s1 {width:445px;}
.s2 {width:600px;}

#dialog_box {text-align:left; background:#cfcfcf; border:2px solid #666;}
#dialog_box_head {font-weight:bold; padding:3px; background:#acacac;}
#dialog_box_body {padding:3px;}
#dialog_close {float:right; padding:2px 5px; font-size:80%;}
#dialog_close:hover {color:#000; cursor:pointer;}