/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Solomon Gebbie
Author URI: http://bunkermedia.co.nz
Tags: blue, custom header, fixed width, two columns, widgets

	Natalie Chan
	 http://nataliechan.co.nz/

	This theme was designed and built by Solomon Gebbie,
	whose blog you will find at http://bunkermedia.co.nz/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

img, div, input, h1, h2, h3, blockquote, div, p  { behavior: url("/iepngfix.htc") }

#page {
	position:absolute;
	margin-left:-363px;
	margin-top:-282.5px;
	left:50%;
	top:50%;
	width:726px;
	height:565px;
	background-image:url(images/page-background.jpg);
	background-repeat:no-repeat;
	background-position:bottom;	
}


.imagecol {
	text-align:center;
}

#homeContainer {
	position:absolute;
	margin-left:-363px;
	margin-top:-172.5px;
	left:50%;
	top:50%;
	width:726px;
	height:50px;
	background-image:url(images/index-header.jpg);
	background-repeat:no-repeat;
	padding-top:295px;
}

span.nomore {
	color:#FF3300;
}

.soldout {
	color:#FF3300;
}

#header {
	height:103px;
	width:726px;
	margin-bottom:5px;
}

#copy p {

}

#header h1 {
	width:401px;
	height:103px;
	background-image:url(images/natalie-chan-logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	margin:0px;
	padding:0px;
	float:right;
}

#header h1 strong {
	display:none;
}

#header .description {
	display:none;
}

#navigation {
	height:25px;
	width:635px;
	background-image:url(images/nav-bg.jpg);
	background-repeat:no-repeat;
}

ul#nav { width: 635px; height:30px; padding:0px; margin:0px;}
ul#nav li {  padding:0; margin:0; list-style-type: none; float:left; }
ul#nav li a { display:block; padding: 0;  }

ul#nav li.collection a { background:url(images/nav-collection.jpg) 100% 0px; width:136px; height:30px;  }
ul#nav li.collection a:hover { background:url(images/nav-collection.jpg) 100% -30px; }

ul#nav li.gallery a { background:url(images/nav-gallery.jpg) 100% 0px; width:114px; height:30px; }
ul#nav li.gallery a:hover { background:url(images/nav-gallery.jpg) 100% -30px }

ul#nav li.membership  a { background:url(images/nav-membership.jpg) 100% 0px; width:139px; height:30px;  }
ul#nav li.membership a:hover { background:url(images/nav-membership.jpg) 100% -30px; }

ul#nav li.profile  a { background:url(images/nav-profile.jpg) 100% 0px; width:99px; height:30px;  }
ul#nav li.profile a:hover { background:url(images/nav-profile.jpg) 100% -30px; }

ul#nav li.contact  a { background:url(images/nav-contact.jpg) 100% 0px; width:106px; height:30px;  }
ul#nav li.contact a:hover { background:url(images/nav-contact.jpg) 100% -30px; }

ul#nav li a strong { display: none; }
ul#nav li a.current { background-position:100% 0; }

#sidebar {
	width:135px;
	height:398px;
	float:left;
}

#sidebar a {
	text-decoration:none;
}

#sidebar ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#sidebar ul li {
	list-style:none;
}

#copy p, li{
	color:#666666;
	
}

#copy {
	height:380px;
	overflow:auto;
	margin-top:15px;
	margin-left:0px;
	padding-right:0px;
}

#footer {

color:#999999;
width:600px;
height:28px;
	text-align:right;
	font-size:10px;
	float:right;
	margin-top:6px;
}

#headerimg h1 a { display:block; width:401px; height:103px;}

#footer p {
	margin:0px;
	padding:0px;
	text-align:right;
	width:300px;
}

#footer ul,#footer li {
	list-style:none;
	text-align:right;
}

#footer ul {
	margin:0px;
}

#footer li {
text-align:right;
	float:right;
	margin-left:7px;
	border-right:1px dotted #666666;
	padding-right:7px;
}
#footer a {
	color:#999999;
	text-decoration:none;
} 

#copy a {
	color:#666666;
	text-decoration:none;	
}

#copy h2 {
	font-size:14px;
	color:#333333;
	text-transform:uppercase;
}

#wpsc_categorisation-411406251 {
	
	border-bottom:1px dotted #bebebe;
	list-style:none;
	padding:15px 6px 0px 6px;
}

ul#subLinks {
	font-size:10px;
	color:#999999;
	padding-left:20px;
	padding-top:10px;
}

#subLinks li a {
	color:#999999;
}

#shopping-cart {
	list-style:none;
	padding:6px;
	margin:0px;
	font-size:10px;
	border-bottom:1px dotted #bebebe;
	padding-bottom:10px;
}

.contactDetails {
	float:right;
	margin-top:0px;
	width:230px;
	padding-right:20px;
}

.contactDetails strong {
	font-size:15px;
	color:#333333;
}

#shopping-cart a {
	color:#787878;
}

#content {
	width:582px;
	height:398px;
	float:right;
}

span.total {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

.widgettitle {
	list-style:none;
	margin:0px;
	padding:0px;
}

div.page {
	float:right;
	position:relative;
	top:-10px;
	left:-43px;
}


h3 {
	margin:9px 0px 3px 0px;
	padding:0px;
	color:#333333;
}

div.post {
	border-bottom:1px dotted #999999;
}

div.post small {
	color:#999999;
}

div.post a {
	color:#9f4747;
}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
		#slider ul {
			width:175px;
		}
		
		#slider ul li {
			width:175px;
			overflow:hidden; 
			margin-right:4px;
		}
	#slider{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		background-color:#f5f5f5;
		margin-top:20px;
		border:1px solid #e1e1e1;
		padding:2px;
		width:535px;
		height:260px;
		overflow:hidden;
		margin-bottom:20px; 
		padding:2px;
		}
	span#prevBtn{ text-align:center;} 
	span#nextBtn{ text-align:center;}	
	
	span#nextBtn a { color:#7b7b7b; text-decoration:none; width:200px; height:30px; display:block; background-image:url(images/next-icon.png); background-repeat:no-repeat; background-position:top right; margin-left:291px; padding-top:5px; position:absolute;} 
	span#prevBtn a { color:#7b7b7b; text-decoration:none; width:200px; height:30px;  display:block; background-image:url(images/previous-icon.png); background-repeat:no-repeat; background-position:top left; float:left;margin-left:50px; padding-top:5px;position:absolute; }
	
#membership {
	border:1px dotted #bebebe;
	padding:10px;
	background-color:#FFFFFF;
	width:255px;
	margin-right:18px;
	margin-top:15px;
	float:right;
}	
	
#membership input,
#membership textarea,
#membership select {
	margin:0 0 3px 0;
	padding:3px;
	background: #f5f5f5;
	border:none;
	border-top: 1px solid #f0f0f0;
	vertical-align:top;
	width:250px;
	margin-bottom:5px;
}

#membership label {
	width:200px;
	height:5px;
	text-align:left;
	font-size: 11px;
	color:#888888;
	background:#fefefe;
	margin-bottom:0px;
	display:block;
}

#membership input.sendbutton	{
	width:75px;
	height:19px;
	display:block;
	font-size:0.8em;
	background-image:url(images/submit.png);
	background-repeat:no-repeat;
	background-position:left;
	border:0px;
	margin-left:0px;
	margin-top:6px;
}
input,textarea,select {
	margin:0 0 8px 6px;
	padding:3px;
	background: #f5f5f5;
	border:none;
	border: 1px solid #999999;
	vertical-align:top;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.saveprofile {
	width:119px;
	height:19px;
	background-image:url(images/save-profile.png);
	background-repeat:no-repeat;
	border:0px;
}

.make_purchase {
	width:144px;
	height:19px;
	background-image:url(images/make-purchase.png);
	background-repeat:no-repeat;
	border:0px;
	margin-bottom:10px;
	cursor:pointer;
}