/*  
Theme Name: Namiko Surf Co.
Theme URI: http://namikosurf.com/
Description: Namiko Surf Co.
Version: 1.6
Author: Keala Mimistrobell
*/



/* Layout
---------------------------------*/

body {
	background-color: #2A2223;
	margin: 0;
	padding: 0;
	color: #1A1516;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
p, li, table, td {
	color: #1A1516;
}
p {
	margin: 15px 0 5px 0;
	padding: 0;
}
li {
	margin-bottom: 6px;
}
#maincontent {
	width: 480px;
	float: right;
	margin: 0;
	padding: 20px 0px 50px 0px;
}
#sidecontent {
	width: 160px;
	float: right;
	margin: 0 20px 0 0;
	padding: 20px 0px 50px 0px;
}
#sidecontent ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
#sidecontent li {
	margin: 0 0 3px 0;
	padding: 0;
}
#sidecontent h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 20px 0 10px 0;
}
#maincontent h2 {
	font-weight: normal;
	margin: 20px 0 10px 0;
	font: 26px/30px Georgia, serif;
}
#maincontent h3 {
	font-weight: normal;
	font-size: 22px;
	margin: 20px 0 10px 0;
	font: Georgia, serif;
}
#footer a:link {
	color: #999999;
}

#container {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}
#page {
	background: #FFFFFF url(http://www.namikosurf.com/images/interface/namiko_background.jpg);
	margin: 0px;
	padding: 0px 70px;
}
#splash {
	margin: 0;
	padding: 10px 0 0 0;
}
#flashcontent {
	margin: 0;
	padding: 0;
}
#footer {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 20px 0px;
	color: #999999;
	font-size: 9px;
}

.photoBox {
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #333333;
}

.clearing {
	height: 0;
	clear: both;
}

/* Links
---------------------------------*/
#maincontent a {
	font-weight: bold;
}
a:link {
	color: #0A3C8D;
	text-decoration: none;
}
a:visited {
	color: #12274C;
	text-decoration: none;
}
a:hover {
	color: #A22F0A;
	text-decoration: underline;
}
a:active {
	color: #A22F0A;
	text-decoration: underline;
}

/* Navigation - Main
---------------------------------*/

#nav_main {
 width: 660px;
 height: 20px;
 background: url(http://www.namikosurf.com/images/interface/navigation.gif);
 margin: 0; padding: 0;
 position: relative;
}
#nav_main li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#nav_main a {display: block;}

#tab1 {left: 169px; top: 0px; width: 65px; height: 20px;}
#tab2 {left: 234px; top: 0px; width: 57px; height: 20px;}
#tab3 {left: 291px; top: 0px; width: 56px; height: 20px;}
#tab4 {left: 347px; top: 0px; width: 59px; height: 20px;}
#tab5 {left: 406px; top: 0px; width: 57px; height: 20px;}
#tab6 {left: 463px; top: 0px; width: 58px; height: 20px;}
#tab7 {left: 521px; top: 0px; width: 69px; height: 20px;}
#tab8 {left: 590px; top: 0px; width: 70px; height: 20px;}

#tab1 a {height: 20px;}
#tab2 a {height: 20px;}
#tab3 a {height: 20px;}
#tab4 a {height: 20px;}
#tab5 a {height: 20px;}
#tab6 a {height: 20px;}
#tab7 a {height: 20px;}
#tab8 a {height: 20px;}

#tab1 a:hover, #tab1 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -169px -20px no-repeat;}
#tab2 a:hover, #tab2 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -234px -20px no-repeat;}
#tab3 a:hover, #tab3 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -291px -20px no-repeat;}
#tab4 a:hover, #tab4 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -347px -20px no-repeat;}
#tab5 a:hover, #tab5 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -406px -20px no-repeat;}
#tab6 a:hover, #tab6 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -463px -20px no-repeat;}
#tab7 a:hover, #tab7 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -521px -20px no-repeat;}
#tab8 a:hover, #tab8 a.current {background: url(http://www.namikosurf.com/images/interface/navigation.gif) -590px -20px no-repeat;}

#nav_main li span {
	display: none;
}
#container #page #footer p {
	font-size: 10px;
	font-weight: normal;
	color: #CDCBCA;
}

h2 {
	color: #203E79;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
}
h3 {
	color: #203E79;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	border-top: 1px dotted #8F9FBB;
	margin: 30px 0 5px 0;
	padding: 5px 0 0 0;
}

small {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;	
	margin: 0;
	padding: 0;
}
p.postmetadata, .navigation {
	font-size: 10px;
	color:#666666;
	line-height: 14px;
}
.navigation {
	clear: both;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
}

p.postmetadata a:link {
	color: #333333;
}
#sidebartext p {
	font: italic 12px/18px Georgia, "Times New Roman", Times, serif;	
}
ol.commentlist {
	margin: 0;
	padding: 0;
}
ol.commentlist li {
	list-style: none;
	margin: 10px 0;
	padding: 10px;
	font-size: 10px;
	background: #F5F5F4 url(../../../images/comments_bkgd.gif) no-repeat center top;
}

input#s {
	width: 120px;
}
textarea#comment {
	width: 480px;
}
.caption {
	text-align: center;
	color: #666666;
	margin-bottom: 10px;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	}


/* Tables
---------------------------------*/


#linedTable td, #linedTable th, .linedTable td, .linedTable th {
	border-top: 1px solid #DDDDDD;
	padding: 4px 10px 4px 6px;
	vertical-align: top;
}
#linedTable th, .linedTable th {
	background-color: #EFEFEF;
	text-align: left;
	font-weight: bold;
}
#linedTable tr.lastline td, .linedTable tr.lastline td, .linedTable tr.lastline th, .entryFormTable tr.lastline td {
	border-bottom: 1px solid #DDDDDD;
}
#linedTable tr.noline td, .linedTable tr.noline td {
	border-top: none;
}
#linedTable tr.highlight td, .linedTable tr.highlight td {
	font-weight: bold;
	background-color: #F9F7E1;	
}
#linedTable tr.altRow td, .linedTable tr.altRow td {
	background-color: #F9F7E1;	
}