/*
Design by TemplateFusion
http://templatefusion.org
*/

body {
	margin: 0;
	padding: 0;
	background: #fff url(head.png) repeat-x scroll left top;
}

#contain {
	position: absolute;
	width: 42em;
	left: 50%;
	top: 0;
	margin: 0 0 0 -23em;
	min-width: 770px;
}

/* Header */
#header {
	width: 100%;
	clear: both;
	min-height: 4.75em;
	}
#header h1 {
	margin: 1em 0 0 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 2.2em;
	line-height: 2.2em;
	background: transparent url(cloud.png) no-repeat scroll right center;
}

/* Content */
#content {
	float: right;
	width: 31em;
	min-width: 540px;
	}

/* Blog */
.blog-entry {
	padding: 0 0 20px 0;
	}

.blog-entry h3 {
	margin: 0;
	}

.blog-info {
	margin: 0;
	font-size: 0.7em;
	}

.meta {
	padding: 5px 10px;
	border: 1px solid #EFEFEF;
	background: #F9F9F9;
	}

.meta .more {
	padding-left: 22px;
	background: url(book.png) no-repeat left center;
	}

.meta .comments {
	padding-left: 22px;
	background: url(comment.png) no-repeat left center;
	}
	
/* Shop */
ul#shop {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#shop li {
	padding: 0.4em;
	margin: 0.5em 0;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	background: #F9F9F9;
	}
#shop h2 {
	font-size: 1.25em;
	margin: 0 0 0.2em 0;
	font-weight: 300;
	}
#shop img {
	float: left;
	padding: 0 0.4em 0.4em 0;
	}
#shop .price {
	font-size: 1em;
	}
.price {
	color: red;
	font-weight: bold;
	}
#item-photo {
	padding: 10px;
	background: #F9F9F9;
	border: 1px solid #ccc;
	}
#purchase {
	margin: 0 auto;
	padding: 0.3em;
	border: 1px solid #ccc;
	}
	
/* Basket */
#basket {
	clear: both;
	width: auto;
	}
#basket p {
	text-align: right;
	padding: 0.4em;
	margin: 0;
	border: 1px solid #ddd;
	background: #fff url(basket.png) no-repeat 5px center;
	}
#basket p.add {
	background: #E2F3E3 url(basket_add.png) no-repeat 5px center;
	}
#basket p.delete {
	background: #FCDEDC url(basket_delete.png) no-repeat 5px center;
	}
#viewbasket thead {
	border-bottom: 1px solid #ddd;
	color: #fff;
	font-weight: bold;
	background:url(table-bg.jpg) repeat-x left top;
	padding: 5px;
	}
#viewbasket td, #viewbasket th {
	padding: 5px;
	}
#viewbasket form {
	display: inline;
	}
#viewbasket fieldset {
	display: inline;
	border: none;
	background: none;
	padding: 0 0 0 0.5em;
	margin: 0;
	}
#viewbasket button {
	display: inline;
	margin: 0;
	}
.quantity {
	color: #555;
	font-weight: normal;
	}
	
/* Gallery */
ul#thumbs {
	margin: 0;
	padding: 0;
	text-align: center;
	}
ul#thumbs li {
	list-style: none;
	padding: 10px;
	display: inline;
	}
ul#thumbs li a img {
	padding: 5px;
	background: #F9F9F9;
	border: 1px solid #ccc;
	}
ul#thumbs li a:hover img {
	background: #fff;
	border-color: #777;
	}

/* Sidebar */
#sidebar {
	float: left;
	width: 11em;
	min-width: 170px;
	}
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#sidebar ul li {
	border-bottom: 1px dotted #ccc;
	display: block;
	}
#sidebar ul li.selected {
	background: url(li.png) no-repeat left center;
	padding-left: 12px;
	}
#sidebar h3 {
	margin: 0;
	padding: 1em 0 0;
	}
#sidebar a {
	text-decoration: none;
	}
#sidebar ul li a {
	display: block;
	}
#sidebar ul li a:hover {
	color: #000;
	padding-left: 0.5em;
	}
#sidebar fieldset {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	}
#search input {
	width: 10em;
	margin: 0;
	padding: 0.2em;
	}
#search button {
	border: none;
	background: none;
	} 

/* Footer */
#footer {
	clear: both;
	padding: 1.5em 0;
	text-align: center;
	font-size: 0.75em;
	}

/* form styling */
fieldset {
	border: 1px solid #eee;
	background-color: #FAFAFA;
	}
fieldset label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	}
fieldset input {
	padding: 0.2em;
	border: 1px solid #eee;
	color: #777;
	border: 1px solid #B9B9B9;
	width: 50%
	}
fieldset input[type="radio"] {
	background: none;
	border: none;
	width: 1em;
	}
textarea {
	padding:0.2em;
	border: 1px solid #B9B9B9;
	height:100px;
	display:block;
	color:#777;
	width: 98%;
	}
button { 
	margin: 0; 
	background: #fff url(img07.gif) repeat-x left top; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #B9B9B9;
	}
#imgno {
	width: 50px;
	margin: 0;
	}
fieldset div {
	padding: 1em 0 0;
	}
	
/* Fixes & Misc */
.float-left img, .float-right img {
	display: block;
	}