/*
   style.css
   template
   
   Created by Callum Wilson on 2009-08-11.
   Copyright 2009 Oxygen Kiosk Pty Ltd. All rights reserved.
*/
/* ========== */
/* = Resets = */
/* ========== */
* {margin:0; padding:0;}
body {font-size: 76%; font-family: Constantia, Lucida Bright, LucidaBright, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; line-height: 1.5; color: #444;}

/* ============= */
/* = Utilities = */
/* ============= */
/*Contain and give hasLayout*/
.inner, ul.area-buttons, .content {overflow: hidden; display: inline-block;}
.inner, ul.area-buttons, .content {display: block;}
/* Remove list styles */
ul.area-buttons, ul.area-buttons li {list-style: none; margin: 0; padding: 0;}
/* Remove margin, padding */
dl.success {margin: 0; padding: 0;}

/* ========== */
/* = Layout = */
/* ========== */
#wrapper {width: 1038px; margin: 0 auto;}
.header {background: url('../images/origami-cutout.png') bottom center no-repeat; height: 333px; position: relative;z-index: 10;}
.body {position: relative;top: -185px;width: 800px; margin: 0 auto;}
.body-content, .body-single {width: 800px; background: url(../images/content.jpg) top center no-repeat transparent; padding-top: 205px; margin: 0 auto; position: relative; top:-136px;}
.body-single {background: url('../images/content-single.jpg') 122px 0 no-repeat;}
	.content {width: 510px; padding: 20px; margin-right: 17px; background: url('../images/content-repeat.jpg') top center repeat-y #fff; margin: 0 auto; margin-top: 2em;overflow: hidden;}
		.body-content .content {float: right; margin-right: 18px; display: inline;}
		
	.sidebar {width: 136px; padding: 1em 10px; margin-left: 5px; margin-top: 35px; background: url('../images/sidebar-footer.jpg') 8px 100% no-repeat;}
#footer {clear: both; width: 800px; margin: 0 auto;}

.close {clear:both; width: 555px; height:96px; background-color: #ddd; margin: 0 auto; /*margin-right: 18px;*/ background: url('../images/content-footer.jpg') bottom center no-repeat; position: relative;top:-25px;}
.body-content .close {float: right; margin-right: 14px; display: inline;}
/*	.body-single .close {margin-right:20px;}*/
/* Logo */
h1#logo {margin: 1em;}
	h1#logo a {display: block;width:400px; height:46px; background: url(../images/logo.png) top left no-repeat; text-indent: -9999em; overflow: hidden; margin: 0 auto;}

.content .thumbscontainer {margin-bottom: 0}
/* ============= */
/* = Home Page = */
/* ============= */
body#home h1#logo a {background: url('../images/home.jpg') center no-repeat transparent; width: 1024px; height:460px;}
body#home .header {background: transparent; height: auto;}
.body-front {}
.body-front p {font-size: 1.6em; font-style: oblique; text-shadow: #fff 0 0 1px; margin:0;}

.excerpt {width: 300px; margin: 1.5em 0 1.5em 130px; float: left; }
	.excerpt h3 {text-transform: none;font-size: 1.6em;}
/* ========== */
/* = Footer = */
/* ========== */
div#footer {overflow: hidden; color: #999;}
	div#footer a {color: #999; text-decoration: none;}
	div.store {width: 200px;float: left; margin-right: 12px;}
	div.store h3 {text-transform: none; font-variant: small-caps;}
	div.store p {font-variant: small-caps; margin-top: 0;}
	
	ul.footer-nav {overflow: hidden; width: 450px;margin:0; padding:0; float: left; margin-top: 2.5em;}
		ul.footer-nav li {float: left; list-style: none;margin: 0; padding: 0; width: 25%; }
	
	h4.site-by {font-size: 1em; font-variant: small-caps; margin-top: 2.5em; float:right;}
	
/* ============== */
/* = Navigation = */
/* ============== */
ul#navigation {text-align: center;margin: 0; padding: 0;list-style: none; margin-top: 1em;}
	ul#navigation li {display: inline; list-style: none;}
		ul#navigation li a {display: inline-block; padding: 0 7px; line-height: 20px; font-variant: small-caps; text-decoration: none; font-size: 1.2em; color: #444;border-bottom: 4px solid #fff;}
		ul#navigation li a:hover {border-bottom: 4px solid #444;}
		ul#navigation li.here a {border-bottom: 4px solid #999;}

.sidebar ul, .sidebar ul li {list-style: none;margin: 0; padding: 0;}
.sidebar ul {background: url('../images/sidebar.jpg') top center repeat-y;padding: 0 10px 3em; }
.sidebar ul li {text-shadow: #fff 0 0 1px;}
.sidebar ul li a {display: block; line-height: 2em; text-align: center; text-decoration: none; border-bottom: 1px solid #efefef; color: #999;}
.sidebar ul li.last a {border:none;}
/*.sidebar ul li.active a {background: #efefef;}*/

/* ============== */
/* = Swing Tags = */
/* ============== */
ul.tags {margin: 0; padding: 0;list-style: none; text-align: center;}
	ul.tags > li {margin: 0 7px; padding: 0; width: 110px; background: url('../images/swing.png') top left no-repeat; height: 285px; padding: 225px 15px 0 15px;text-align: center; font-size: 0.9em;text-shadow: #fff 0 0 1px; display: inline-block; vertical-align: top;}
		ul.tags > li.alt1 {background-position: -208px 0;}
		ul.tags > li.alt2 {background-position: -411px 0;}
		
		ul.tags > li h3 {}
		ul.tags > li a {text-decoration: none; color: #333; font-weight: bold;}
		
		ul.tags > li ul {margin-left: 0; padding-left: 0; list-style: none;}
			ul.tags > li ul li {margin-left: 0; padding-left: 0; list-style: none;}

/* ========= */
/* = Store = */
/* ========= */
.product-container {overflow: hidden;margin-bottom: 1.5em;}
.product-container h3 {font-variant: small-caps;text-transform: capitalize;}
p.image img {float: left; margin: 0 12px 0 0;}
p.price {font-size: 2em; font-weight: bold; margin-bottom: 0;}
.sidebar > p {padding: 0 10px; margin-top: 0; text-align: center;}

/* ======== */
/* = News = */
/* ======== */
p.post-meta {color: #999; font-size: 0.9em; margin-top: 0;}