/*
Theme Name: Nakisurf
Theme URI: http://www.nakisurf.com
Description: Nakisurf Blog Template
Version: 1.0
Author: Akiko Morita
Author URI: http://www.nakisurf.com
Tags: fixed width, two columns, white
*/

/* Body */
body {
	font: 12px/160% Arial, "MS PGothic", Osaka, Verdana, sans-serif;
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
*{
	margin:0px;
	padding:0px;
}
img {
	border:none;
}

/* Main wrap */
#wrapper {
	width:950px;
	margin: 10px auto 0px;
}
#container {
	width:100%;
}
/* HEADER */
#header {
	width:950px;
	height:83px;
	margin: 0px auto;
	background: url(http://www.nakisurf.com/images/header/top-line.gif) no-repeat bottom;
}
.nakisurf-com {
	text-align:right;
	margin-top:8px;
}
.topnavi {
	float:right;
	width:730px;
	height:80px;
}
.topnavi01 {
	margin-bottom:2px;
}

h1 {
	float:left;
	width:220px;
	height:80px;
	margin:0;
	padding:0;	
	background: url(http://www.nakisurf.com/images/nakisurf-logo.gif) no-repeat left top;
	text-indent:-9999px;	
}
h1 a {
	display:block;
	width:220px;
	height:80px;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;	
}
h2 {
	margin-top:0px;
	margin-bottom:25px;
	padding:5px 0px 0px 5px;
	background: url(http://www.nakisurf.com/images/blog/h2-bg.gif) no-repeat left bottom;
	font-weight:bold;
	font-size:14px;
	width:100%;
	height:25px;
	color: #333333;
}
.pagebanner {
	padding:0px;
	background: url(none);
	font-weight:bold;
	font-size:14px;
	width:730px;
	height:100px;
	color: #333333;
	margin: 0px 0px 50px;
}
h3 {
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	text-align:left;
	font-weight:bold;
	color:#555555;
	letter-spacing:-1px;
	margin:0 0 8px;
	padding:5px;
	font-size:12px;
}
h4 {
	margin-top:40px;
	margin-bottom:25px;
	padding:5px 0px 0px 5px;
	background: url(http://www.nakisurf.com/images/blog/h2-bg.gif) no-repeat left bottom;
	font-weight:bold;
	font-size:14px;
	width:100%;
	height:25px;
	color: #333333;
}

/* Sidebar */
#sidebar {
	width:200px;
	float:left;
}
#side-contact {
	width:200px;
	height:157px;
	background: url(http://www.nakisurf.com/images/sidebarA/contact.gif) no-repeat left bottom;
	text-indent:-9999px;
	margin-bottom:5px;
}
#side-contact a {
	width:200px;
	height:157px;
	display:block;
}
.sidebar-title {
	text-align:center;
	font-weight:bold;
	margin:0px 0px 5px;
	padding:3px;
	font-size:10px;
	width:194px;
	background: #e1e1e1;
}
.sidebar-border {
	width:198px;
	border:dotted 1px #e1e1e1;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:20px;
}
.sidebar-border img {
	margin-bottom:5px;
}
#sidebar p,#sidebar ul,#sidebar .textwidget {
	margin:0px 0px 15px 5px;
	width:195px;
}
#sidebar ul li {
	list-style:none; 
	margin:0px 0px 3px;
	font-size:11px;
}
#sidebar ul ul {margin:5px 0 5px 5px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}
.archive ul li {
	border-bottom:dotted 1px #999999;
	margin-top: 4px;
	margin-bottom: 4px;
}

table#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	margin:0px 0px 5px;
	padding:3px;
	font-size:10px;
	width:194px;
	background: #e1e1e1;
}
table#wp-calendar {
	width:200px;
	margin:0px 0px 5px;
	font-size: 11px;
}
table#wp-calendar td {
	text-align:center;
}
table#wp-calendar a {
	font-weight:bold;
}

/* Content */
#content {
	float:right;
	width:730px;
}
.contenttext {
	width:730px;
	margin: 30px auto 10px;
}
.contenttext:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:5px;}
#content p {margin:0 0 15px 10px;}
#content p.timestamp {
	margin:0px;
	font-weight: bold;
	color: #999999;
	text-align:right;
}
#content p.timestamp a {font-weight:normal;}
#content p.category {
	font-size: 10px;
	margin: 3px 0px 10px;
	padding: 0px;
}
#content p.postmeta {
	text-align:right;
	border-top:2px solid #dadada;
	line-height:1.8em;
	margin-bottom: 30px;
	font-size: 10px;
}
#postnav, #postnav01 {
	padding:5px; 
	margin:5px 0 18px;
}
#postnav p, #postnav01 p {
	margin:0; 
}
#postnav p.right, #postnav01 p.right {
	text-align:right;
	margin-top: 10px;
}
#postnav a, #postnav a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
#postnav a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
#postnav a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
#postnav a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
#content .introtext p {margin:-5px 0 15px 10px;}

/* FOOTER */
#footer {
	clear:both;
	width:950px;
	margin: 0px auto;
	border-top:solid 3px #cccccc;
	text-align:center;
	font-size:10px;
	padding-top:15px;
	padding-bottom:15px;
}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:500px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}
.commenticon {
	font-size: 10px;
	margin-bottom: 10px;
}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
a {
	color: #0085cf;
	text-decoration: none;
}
a:link {
	color: #0085cf;
	text-decoration: none;
}
a:hover {
	color: #0085cf;
	text-decoration: underline;
}
a:active {
	color: #0085cf;
}
a:visited {
	color: #0085cf;
}
/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 0px;}
.searchbox label {display:none;}
.searchbox input {font-size:12px; padding:3px; width:190px; border:1px solid #ccc;}
.searchbox input#searchsubmit {
	width:75px;
	color:#333333;
	border:1px solid #cccccc;
	margin-top: 3px;
	background: #e1e1e1;
}

/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}

/* Original */
.size18pxB {
	font-size:18px;
	font-weight:bold;
}
.marginB5px {
	margin-bottom:5px;
}
.profile {
	font: 10px/150% "MS PGothic", Arial, Osaka, Verdana, sans-serif;
	margin-bottom:10px;
	width:190px;
	padding-left:5px;
	padding-right:5px;
}
.banner {
	margin: 10px auto;
}
.pagetop {
	margin-bottom: 10px;
	margin-top:20px;
	text-align:right;
	clear:both;
}