/*
Theme Name: Starfish
Theme URI: www.starfish.co.nz/latest
Description: Wordpress Theme
Version: 1.0
Author: Flightless
Author URI: www.flightless.co.nz
*/

/* CSS Document */


/* =GLOBAL RESETS 
--------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td {
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-weight: normal; 
	font-style: normal; 
	font-size: small; 
	font-family: inherit; 
	line-height: 1.5;
	text-align: left;}
ol,ul {
	list-style: none;
}
.clearboth {
	clear: both; height: 1px; font-size: 0.01px; line-height: 0.01px;
}

.spacer {
	clear:both;
	font-size:0.01px;
	height:0.01px;
	line-height:0.01px;
}
.indent {
	text-indent: -9999px;
}
:focus {
	outline: 0;
}
body {
	font-family: Arial, sans-serif;
	background: #eeece0;
	color: #807d78;
}
#wrapper {
	margin: 0px auto;
	width: 976px;
}
#main {
	float: left;
	width: 945px;
	background: #FFF;
	padding: 15px;
}
.bold { 
	font-weight: bold;
}







/*  NAVIGATION NEW - added by lorin
--------------------------------------------------- */

.navigation {
	width:466px;
	height:37px;
	float:right;
	background-color:#FFFFFF;
	margin: 20px 15px 0px 0px;
}
.navigation ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
.navigation ul li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	height:37px;
}
.navigation ul li a {
	background-image: url(/images/main_nav.gif);
	background-repeat:no-repeat;
	text-indent:-2000px;
	font-size:0.01px;
	line-height:0.01px;
	height:37px;
	display:block;
}
.navigation ul li.collections a {
	background-position:0px 0px;
	width:117px;
}
.navigation ul li.collections a:hover, .navigation ul li.collections a.on {
	background-position:0px -37px;
}
.navigation ul li.about a {
	background-position:-117px 0px;
	width:59px;
}
.navigation ul li.about a:hover, .navigation ul li.about a.on {
	background-position:-117px -37px;
}
.navigation ul li.shop a {
	background-position:-176px 0px;
	width:51px;
}
.navigation ul li.shop a:hover, .navigation ul li.shop a.on {
	background-position:-176px -37px;
}
.navigation ul li.stockists a {
	background-position:-227px 0px;
	width:85px;
}
.navigation ul li.stockists a:hover, .navigation ul li.stockists a.on {
	background-position:-227px -37px;
}
.navigation ul li.latest a {
	background-position:-312px 0px;
	width:58px;
}
.navigation ul li.latest a:hover, .navigation ul li.latest a.on {
	background-position:-312px -37px;
}
.navigation ul li.contact a {
	background-position:-370px 0px;
	width:96px;
}
.navigation ul li.contact a:hover, .navigation ul li.contact a.on {
	background-position:-370px -37px;
}







/* =HEADER + NAVIGATION
--------------------------------------------------- */

#header {
	float: left;
	width: 975px;
	height: 130px;
	background: url('/images/banners/latest.jpg') no-repeat;
}
#logo {
    float: left;
    padding: 16px 0px 0px 25px;
}
#logo a {
    display: block;
    text-indent: -9999px;
    height: 35px;
    width: 102px;
    background: url(/images/starfish_logo.png) no-repeat top left;
}
#navigation li a:hover {
	border-bottom: none;
}		
#navigation {
	float: right;
	width: 	466px;
	height: 37px;
	margin: 20px 15px 0 0;
	background: #FFF;
	display: inline;
}
#navigation li {
	float: left;
	height: 9px;
}
#navigation li a {
	display: block;
	height: 9px;
	line-height: 0;
}
#navigation li a.navCollections {
	width: 83px;
	height: 9px;
	margin: 14px 0 0 23px;
	background: url('/images/navigation.gif') 0 -21px no-repeat;
}
#navigation li a.navAbout {
	width: 42px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -98px -21px no-repeat;
}
#navigation li a.navStores {
	width: 47px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -155px -21px no-repeat;
}
#navigation li a.navStockists {
	width: 66px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -219px -21px no-repeat;
}
#navigation li a.navLatest {
	width: 44px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -303px -21px no-repeat;
}
#navigation li a.navContact {
	width: 56px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -363px -21px no-repeat;
}
#navigation li a:hover.navCollections {
	background: url('/images/navigation.gif') 0 -10px no-repeat;
}
#navigation li a:hover.navAbout {
	background: url('/images/navigation.gif') -98px -10px no-repeat;
}
#navigation li a:hover.navStores {
	background: url('/images/navigation.gif') -155px -10px no-repeat;
}
#navigation li a:hover.navStockists {
	background: url('/images/navigation.gif') -219px -10px no-repeat;
}
#navigation li a:hover.navLatest {
	background: url('/images/navigation.gif') -303px -10px no-repeat;
}
#navigation li a:hover.navContact {
	background: url('/images/navigation.gif') -363px -10px no-repeat;
}
#navigation li a.navCollections-current {
	width: 83px;
	height: 9px;
	margin: 14px 0 0 23px;
	background: url('/images/navigation.gif') 0 0 no-repeat;
}
#navigation li a.navAbout-current {
	width: 42px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -98px 0 no-repeat;
}
#navigation li a.navStores-current {
	width: 47px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -155px 0 no-repeat;
}
#navigation li a.navStockists-current {
	width: 66px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -219px 0 no-repeat;
}
#navigation li a.navLatest-current {
	width: 44px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -303px 0 no-repeat;
}
#navigation li a.navContact-current {
	width: 56px;
	height: 9px;
	margin: 14px 0 0 14px;
	background: url('/images/navigation.gif') -363px 0 no-repeat;
}

/* =MAIN COLUMN 
--------------------------------------------------- */
#pageHeading {
	float: left;
	width: 930px;
	height: 34px;
	padding: 0 0 0 15px;
}
h1.latest {
	margin: 10px 0 0 0;
	height: 18px;
	width: 72px;
	background: url('/images/h1-latest.gif') left 50% no-repeat;
	float: left;
}
.subscribe {
	float: right;
	padding: 15px 10px 0 0;
	height: 18px;
}
.subscribe a {
	background: url('/images/rss.gif') right 0px no-repeat;
	padding: 0 20px 0 0;
}
.c600 {
	float: left;
	width: 610px;
	margin: 10px 0 0 15px;
	display: inline;
}
.post {
	float: left;
	width: 600px;
	clear: both;
}	
.metaData {
	font-weight: bold;
	margin: 0;
	font-size: 11px;
}
.metaData a {
	font-weight: normal;
	padding: 0 0 0 5px;
}
h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
	font-weight: bold;
}
h2 a {
	font-size: 18px;
	margin: 0 0 3px 0;
}	
h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}	
p {
	margin: 0 0 15px 0;
	font-size: 12px;
}	
a {
	text-decoration: none;
	font-size: 12px;
	color: #739c9a;
}
a:hover {
	text-decoration: underline;
	color: #87B0AE;
}	
.dots {
	height: 1px;
	margin: 5px 0;
	background: #FFF url('/images/dots1.gif') left 50% repeat-x;
}
.postdots {
	height: 1px;
	margin: 15px 0;
	background: #FFF url('/images/dots1.gif') left 50% repeat-x;
}
.previous {
	float: left;
	font-size: 16px;
}
.previous a {
	display: block;
	padding-left: 20px;
	background: url('/images/arrow-left.gif') left 50% no-repeat;
}		
.next {
	float: right;
	font-size: 16px;
}
.next a {
	display: block;
	padding-right: 20px;
	background: url('/images/arrow-right.gif') right 50% no-repeat;
}
	
.postEdit a { /* admin edit link */
	background: url('/images/post_edit_graphic.gif') no-repeat top left;
	display: block;
	height: 17px;
	width: 59px;
	padding: 4px 0px 5px 8px;
	text-decoration: none;
}

/* blog image treatment */
p img {
	padding: 0;
	max-width: 100%;
}
.size-full {
        width: 610px;
		height: auto;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
	padding: 0px 0px 0px 10px;
}
.alignleft {
	float: left;
	padding: 0px 10px 0px 0px;
}
/* blog caption */
p.wp-caption-text {
	padding: 10px 5px 0px 5px;
	font-weight: bold;
	
}

/* =SIDE BAR 
--------------------------------------------------- */
.c305 {
	float: right;
	width: 305px;
	margin: 10px 0 0 0;
}
.box {
	float: right;
	margin: 0 0 15px 0;
	border: 1px solid #CCC;
	width: 300px;
}
.box ul {
	margin: 10px 0 10px 10px;
}
.box li a {
	font-size: 12px;
}
.graybox {
	background: #f5f4f3 url('/images/topics-bg.gif') bottom left no-repeat;
	border: 1px solid #f5f4f3;
}		
.graybox li a {
	font-weight: bold;
}	
h4.topics {
	margin: 10px 0 0 10px;
	height: 18px;
	width: 72px;
	background: url('/images/h4-topics.gif') left 50% no-repeat;
}
h4.links {
	margin: 10px 0 0 10px;
	height: 18px;
	width: 72px;
	background: url('/images/h4-links.gif') left 50% no-repeat;
}
h4.archive {
	margin: 10px 0 0 10px;
	height: 18px;
	width: 72px;
	background: url('/images/h4-archive.gif') left 50% no-repeat;
}		
	
/* =FOOTER 
--------------------------------------------------- */

#footer {
	float: left;
	width: 975px;
	background: url('/images/page-base.png') left top no-repeat;
}	
#footer ul {
	float: right;
	padding: 20px 20px 20px 0px;
}
#footer ul li {
	float: left;
	margin-left: 10px;
	font-size: 11px;
	color: #999;
}	
#footer ul li a {
	color: #999;
	font-size: 11px;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #666;
}