* {
	margin:0;
	padding:0;
	}

li {list-style:none;}

a {
	text-decoration:none;
	color:#189600;
	font-weight:bold;
	}

a:hover{color:#333;}

img{border:none;}


p {padding-bottom:0.7em;}

body{
	background: #DFFAF4;
	color:#666;
	line-height:150%;
	font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif, Hiragino-;
	font-size:14px;
	}

h3 {font-family:Georgia;}


.left {float:left;}

/*---------------------------
STRUCTURE
---------------------------*/
#wrap {padding-bottom:150px; background: url(../images/bg.jpg) repeat-x bottom center;}

#content-wrap{
	margin:0 auto;
	width:930px;
	}

#header-wrap{
	background:url(../images/bg-header.jpg) repeat-x 0 0;
	}
	
#header{
	margin:0 auto;
	width:930px;
	height:130px;
	position:relative;
	background:url(../images/bg-header-bubble.jpg) no-repeat 20px bottom;
	}

.content-main {
	margin-top:28px;
	background:#FFF;
	padding:30px;
	width:510px;
	float:left;
	margin-right:20px;
	}

#sidebar {
	float:left;
	width:340px;
	}

#footer{
	margin:0 auto;
	width:930px;
	padding:20px 0;
	}


/*---------------------------
HEADER
---------------------------*/


#logo{
	float:left;
	margin-top:24px;
	}

.main-nav {
	bottom:34px;
	position:absolute;
	right:0;
	}

.description	{
	font-size:14px;
	font-weight:normal;
	position:absolute;
	left:230px;
	text-align:right;
	top:20px;
	color:#000;
	}
	
.main-nav li {float:left;}	

.main-nav li a {background: url(../images/nav.jpg) no-repeat; text-indent:-9999px; height:31px; display:block; width:100px;}
.main-nav .nav-about a{background-position: 0 0; }
.main-nav .nav-blog a {background-position: -100px 0;}
.main-nav .nav-projects a {background-position: -200px 0;}
.main-nav .nav-tokyo a {background-position: -300px 0; width:120px;}
.main-nav .nav-rss a {background-position: -420px 0;}

.main-nav .nav-about a:hover {background-position: 0 -31px; }
.main-nav .nav-blog a:hover {background-position: -100px -31px;}
.main-nav .nav-projects a:hover {background-position: -200px -31px;}
.main-nav .nav-tokyo a:hover {background-position: -300px -31px; }
.main-nav .nav-rss a:hover {background-position:-420px -31px;}





/*---------------------------
SIDEBAR
---------------------------*/

.box {
	padding:12px 20px 20px 20px;
	background:#B5CECB;
	color:#515C5B;
	margin-bottom:20px;
	border:1px solid #AAC2C0;
	}
	
.box-head {
	border-top:none;
	}

.top-box {	background:#B5CECB url(../images/sidebar-bg-top.jpg) no-repeat 0 0; padding-top:40px; padding-left:20px;}

.box a {font-size:12px;}

#sidebar h2, #sidebar th {
	color:#FFF; 
	font-size:14px;
	font-family:Georgia;
	}

.categories {float:left; width:199px;}

.archives {float:left; width:99px;}

.recent-comments ul {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #9CB1AF;}
.recent-comments ul li {
	background:url(../images/icon-comment.gif) no-repeat left 7px;
	padding-left:15px;
	}
	
#searchform div {margin-bottom:20px;margin-left:20px;}
#searchform label {margin-right:10px; font-family: Georgia;}
#searchform input {margin-right:5px;}
#searchform .btn {
	width: 23px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background:  url(../images/btn-search.jpg) no-repeat top right;
	border:none;
}

.mbl_fo_hidden {display:none;}
.box small a {font-size:10px; font-weight:normal;}

/*---------------------------
ENTRY
---------------------------*/


.entry {margin-bottom:30px;}

.entry small {display:block; margin-bottom:10px;}

.entry ul {margin-left:30px; margin-bottom:15px; }
.entry ul li {background:transparent url(../images/list-disc.jpg) no-repeat left 8px; padding-left:15px;}

#comments {margin-bottom:10px;}

.commentlist li {
	border-top:1px solid #D3D3D3;
	padding:10px 0;
	}

.commentlist li cite {background:url(../images/icon-comment-wh.gif) no-repeat left center; padding-left:15px;}
.commentmetadata a{font-weight:normal;}



.post h2, .single h2, .pagetitle {margin-bottom:15px; font-family: Georgia; color:#0E2733;}
.post img {padding:0 15px 10px 0;}


.entry .code {
	font-family:"Courier New",Courier,monospace;
	margin:15px 0;
	}
	
.entry strong {color:#0E2733;}


.disclaimer {margin-top:15px; background:#F6F6F6; padding:10px; }
.disclaimer small {margin-bottom:0;}

.navigation {margin-bottom:20px;}
.previous {background:url(../images/icon-previous.gif) no-repeat left; padding-left:17px; float:left; font-size:12px;}
.next{background:url(../images/icon-next.gif) no-repeat right; padding-right:17px; text-align:right; float:right;font-size:12px;}

/*---------------------------
FOOTER
---------------------------*/
#footer-wrap { background:#194157;  }
#footer {text-align:center; color:#758D9A;}
#footer a {font-weight:normal;}

/*---------------------------
CLEAR FLOATS
---------------------------*/

.group:after,
#content-wrap:after,
#header:after,
.main-nav:after,
.box:after,
.navigation:after
	{
	content: '';
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }