/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #FFF;
	font: 80%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #555; 
	text-align: center;
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #4F82CB; 
	background: inherit;
}
a:hover {
	color: #4EBF37;
	background: inherit;
}
li{
	list-style: none;
}
/* layout */
#wrap{
	width: 990px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}
#header{
	width: 990px;
	height: 180px;
	background: #FFF url(../images/header1.jpg) no-repeat;
	margin: 0 auto;
}
#header a{
	color: #FFF;
}
#header a:hover{
	color: #9FE20F;
}
#content{
	clear: both;
	width: 990px;
	padding: 0; 
	margin: 10px 0 0 0;
	background: #FFF;
}
#main{
	width: 680px;
	float: left;
	margin: 0; padding: 0;
}
#sidebar{
	width: 300px;
	float: right;
	display: inline;
	margin: 0; padding: 0;
}
#sidebar a.let-me{
	width: 260px;
	height: 100px;
	display: block;
	background: #444 url(../images/let_me.jpg) no-repeat;
}
#footer{
	clear: both;
	width: 990px;
	height: 180px;
	padding: 0; 
	margin: 0px auto;
	background: #FFF url(../images/footer.jpg) no-repeat;
	float: left;
	color: #FFF;
}
/* blog style */
h1{
	font: 140%/1.5em Verdana, Tahoma, arial, sans-serif;
	margin: 0;
	padding: 30px 0 30px 20px;
	clear: both;
	display: block;
}
h2{
	font: bold 120%/1.5em Verdana, Tahoma, arial, sans-serif;
	margin: 5px 0 0px 0;
	padding: 10px 0 0 20px;
	clear: both;
	display: block;
	color: #222;
}
h3{
	font: bold 120%/1.5em Verdana, Tahoma, arial, sans-serif;
	margin: 5px 0 0px 0;
	padding: 30px 0 10px 20px;
	clear: both;
	display: block;
	color: #222;
}
p{
	padding: 10px 20px;
	margin: 0;
	color: #444;
	float: left;
}
p.date{
	margin: 0;
	padding: 15px 0 0 12px;
	float: left;
	text-indent: 0;
	font: bold 80%/1.5em sans-serif;
}
#main img {
	padding: 5px;
	margin: 10px 0px 15px 0px;
	border: 1px solid #EEE;
	float: left;
}
#main a.image {
	float: left;
	margin: 2px 6px;
}
#main a{
	font-weight: bold;
}
#main a:hover{
	text-decoration: none;
}
#main p.comment{
	background: #FFF;
	border-bottom: 5px solid #EEE;
	margin: 5px;
	padding: 5px 10px 20px;
	font: 12px/1.7em arial, sans-serif;
}
#main ul{
	width: 580px;
	float: left;
	margin: 10px 0 20px 50px;
}
#main ul li{
	width: 580px;
	margin: 5px 0;
	float: left;
}
#main ul a{
	font: bold 13px/1.7em arial, sans-serif;
	float: left;
}
.price{
	color: #444;
	float: right;
	margin: 0 100px 0 0;
	font: bold 13px/1.7em arial, sans-serif;
}
.bold{
	color: #444;
	float: left;
	font: bold 13px/1.7em arial, sans-serif;	
}
/* main menu */
ul.main-menu{
	width: 460px;
	height: 35px;
	background: transparent;
	float: right;
	margin: 140px 8px 0 0;
}
ul.main-menu li{
	background: transparent;
	float: left;
	border: 0;
	border-right: 1px solid #555;
	font: bold 12px/1.7em arial, sans-serif;
	margin: 4px 0;
}
ul.main-menu li.no-border{
	border: 0;
}
ul.main-menu a{
	color: #FFF;
	padding: 5px 27px;
	float: left;
}
ul.main-menu a:hover{
	color: #9FE20F;
}
/* comment form */
#main li{
	border: 0;
	clear: both;
	display: block;
	margin: 0;
}
#main ul.form{
	margin: 0 25px;
	display: inline;
}
#main ul.form li{
	float: left;
}
form{
	float: left;
	text-align: left;
	margin: 10px 0;
}
label{
	width: 120px;
	font: bold 12px/1.7em arial, sans-serif;
	float: left;
}
input{
	float: left;
	margin: 0;
	padding: 4px;
	border: 1px solid #CCC;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	font: normal 15px/1.7em arial, sans-serif;
	background: #FDFDFD;
}
input.button{
	background: #FFF;
	margin: 5px 10px;
	border: 1px solid #CCC;
	float: right;
	font: bold 12px/1.7em arial, sans-serif;
}
textarea{
	float: left;
	border: 1px solid #CCC;
	border-top: 1px solid #777;
	border-right: 1px solid #777;
	padding: 0 5px;
	font: normal 15px/1.7em arial, sans-serif;
	width: 445px;
	height: 200px;
	background: #FDFDFD;
}
/* sidebar navigation */
#sidebar img{
	margin: 8px 40px;
	padding: 5px;
	border: 1px solid #DDD;
}
/*myself */
#my-self{
	width: 280px;
	background: #FFF;
	margin: 10px 0;
	border: 5px solid #EEE;
	display: block;
	clear: both;
}
#my-self p{
	text-indent: 0;
}
#my-self img{
	float: left;
	padding: 1px;
	margin: 5px 10px 0 0;
	display: block;
	border: 1px solid #EEE;
}
/* common class */
.clear{
	clear: both;
}
.bold{
	font-weight: bold;
}
.block{
	display: block;
}
.span{
	margin: 10px 0;
}
.count{
	font: 250%/1.5em Verdana, Tahoma, arial, sans-serif;	
}
.date-time{
	font: 85%/1.5em Verdana, Tahoma, arial, sans-serif;
	font-style: italic;
	float: right;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}