/*
	Name: Gift Experience
	Date: November 2009
	Description: Global Style Sheet
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

/* Imports
===============================================*/
@import url("reset.css");
@import url("global-forms.css");

/* Global Styles
===============================================*/
body {
	background-color: #d1f1f8;
	color: black;
	font-size: 75%; /* Base font size: 12px */
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Headers
-----------------------------------------------*/
h1,
h2 {font-size: 2.083em}	/* 25px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #1d3e46;
	line-height: 1.1;
	margin-bottom: 5px;
}

h3 {margin-bottom: 20px;}
	
/* Links
-----------------------------------------------*/
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #7C5A0E; text-decoration: none;}
a:hover, a:active {color: #d00000;}
	
/* Paragraphs
-----------------------------------------------*/
p {margin-bottom: 1.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists
-----------------------------------------------*/
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes
-----------------------------------------------*/
blockquote {font-style: italic;}
cite {}

q {}

/* Tables
-----------------------------------------------*/
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/* Layout
===============================================*/
.contents {margin: 0 auto; width: 1000px;}
.contents:after, #cat-head:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Header
-----------------------------------------------*/
#header {background: #d1f1f8 url('../images/header-bg.jpg') top repeat-x;}

	/* Logo */
	#header #logo {float: left;}

	/* Nav */
	#header ul.nav {
		display: inline;
		float: right;
		list-style: none;
		margin: 0; 
		padding: 0;
	}

	#header ul.nav li {
		float: left;
		margin-left: 1px;
	}
	
	#header a img {
		margin-left:67px;
		margin-top:17px;
	}
	
	#header h1 img {
		margin:0;
	}

	#header ul.nav li a {
		background-color: #4a9eb3;
		color: white;
		display: block;
		font-weight: bold;
		font-size: 1em;
		padding: 6px 12px;
		text-decoration: none;
		
		border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
	}
	#header ul.nav li a.active {background-color: #1d3e46;}
	
	#header ul.nav li a:hover, #header ul.nav li a:active {
		background-color: #1d3e46;
		cursor: pointer
	}
	
	#search	{
		margin-top:35px;
		padding: 8px;
		float: right;
		background-color: #4a9eb3;
}
	
	/* Ad */
	#header img.ad {
		float: right;
		margin-top: 15px;
	}


/* Body
-----------------------------------------------*/
#body .contents {
	background-color: #b5d7e0;
	width: 960px;
	padding: 20px;
}

	/* Sidebar */
	#sidebar {
		float: left;
		margin-right: 20px;
		width: 225px;
	}

	#sidebar ul {
		list-style: none;
		margin: 0 0 25px 0;
		padding: 0; 
		width: 100%;
	}

	#sidebar ul li a {
		background: url('../images/arrow.png') no-repeat 15px center !important;
		background: url('../images/arrow.gif') no-repeat 15px center;
		color: white;
		display: block;
		font-size: 1.1em;
		text-decoration: none;
		padding: 9px 0 9px 32px;
	}

	#sidebar #categories.nav li {
		background: url('../images/tab-bg-blue.jpg') top repeat-x #32748c;
		border-bottom: 1px solid #2d5b6b;
		border-top: 1px solid #60c6e9;
		text-transform: uppercase;
	}
	
	#sidebar #categories.nav li.active, #sidebar #categories.nav li:hover, #sidebar #categories.nav li.current-cat {
		background: #E4B800 url('../images/tab-bg-yellow.jpg') top repeat-x;
		border-bottom: 1px solid #9E7F00;
		border-top: 1px solid #FFDF2B;
	}
	#sidebar ul.browse li:hover, #sidebar ul.browse li.current-cat{
		background: #E4B800 url('../images/tab-bg-yellow.jpg') top repeat-x;
		border-bottom: 1px solid #9E7F00;
		border-top: 1px solid #FFDF2B;
		color:#1D3E46;
	}
	
	#sidebar #categories.nav li.active a,
	#sidebar #categories.nav li:hover a,
	#sidebar #categories.nav li a:hover {
		background: url('../images/arrow2.png') no-repeat 15px center !important;
		color: #1d3e46;
	}

	#sidebar ul.browse li {
		background: #7c5a0e url('../images/tab-bg-gold.jpg') top repeat-x;
		border-bottom: 1px solid #543c0a;
		border-top: 1px solid #e9b542;
	}

	#sidebar h2 {
		background: #7c5a0e url('../images/tab-hdr-brown.jpg') top repeat-x;
		border-bottom: 1px solid #543c0a;
		border-top: 1px solid #8a6718;
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
		margin: 0;
		padding: 9px 0 9px 17px;
		text-transform: uppercase;
	}

	#sidebar ul.browse li.first a {padding-left: 15px;}


	/* Main Content */
	#content {
		float: left;
		width: 715px;
	}

	.main-banner {
		border: 5px solid #b3934a;
		margin-bottom: 15px;
	}

/* Footer
-----------------------------------------------*/
#footer .contents {
	background-color: #b5d7e0;
	height: 100%;
	overflow: hidden;
	padding: 0 15px 15px 15px;
	width: 970px;
}

#footer ul.nav {
	float: right;
	list-style: none;
	margin: 0;
}

#footer ul.nav li {float: left;}

#footer ul.nav li a {
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	color: #4a9eb3;
}

#footer ul.nav li a.active {color: #1d3e46;}
	
/* Modules
===============================================*/
/* Highlights */
ul.highlights {
	list-style: none;
	
	margin: 0;
	overflow: hidden; width: 100%;
}

ul.highlights li {
	border-bottom: 1px solid #a5c4cc;
	float: left;
	height: 180px;
	padding-left: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 20px;
	width: 225px;
}

ul.highlights li.first {clear: left; padding-left: 0;}

ul.highlights li p {
	margin: 0; 
	padding: 0;
}

.highlights li img {border: 2px solid #b3934a;}

.highlights li a {
	color: #7c5a0e;
	font-weight: bold;
	text-decoration: none;
}
.highlights li a:hover {color: #d00000;}

.highlights p {font-size: 1.1em;}
.highlights p.location {color: #225566;}

/* Partners */
#partners {
	background-color: #4a9eb3;
	clear: both;
	color: white;
	height: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 15px 15px 0 15px;
}

#partners h2 {
	color: #fff;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: 20px;
}

#partners p {
	font-size: 1.1em;
	line-height: 1.4;
}

#partners ul {
	clear: both;
	list-style: none;
	margin: 0;
}

#partners ul li {
	float: left;
	margin-left: 12px;
	margin-bottom: 20px;
	width: 127px;
}
#partners ul li img {border: 2px solid white;}
#partners ul li.first {clear: left; margin-left: 0;}

#partners ul p {
	font-size: 1.1em;
	padding: 0; 
	margin: 0;
}

#partners a {
	color: #fdc018;
	text-decoration: none;
	font-weight: bold;
}
#partners a:hover {text-decoration: underline;}

/* Sitemap */
#sitemap {
	color: white;
	background-color: #1d3e46;
	font-size: 1.1em;
	padding: 30px;
	margin-top: 30px;
	overflow: hidden;
	height: 100%;
	clear:both;
}

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

#sitemap h2 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
}
#sitemap ul li {margin: 3px 0;}

#sitemap a {
	color: #ffba00;
	text-decoration: none;
}

#sitemap a:hover {text-decoration: underline;} 

#sitemap .col {
	float: left;
	width: 190px;
	padding-left: 30px;
	border-left: 1px solid #2f4d55;
}

#sitemap .col.first {border: none; padding: 0; width: 205px;}

/* Sections
===============================================*/
/* Categories */
#cat-head {margin: 0 0 30px 0; width: 100%;}
#cat-head .img img {display: block;}
#cat-head .img {
	border: 4px solid #B5953F;
	float: left;
	position: relative;
}
#cat-head .img .banner {
	bottom: -15px;
	position: absolute;
	right: -15px;
}

#cat-head .info {
	float: right;
	width: 350px;
}

	/* Buy Now Button */
	.buy-now {
		background: #FFC500 url('../images/btn-buy.png');
		color: #d00000;
		display: block;
		font-size: 1.5em;
		font-weight: bold;
		height: 58px;
		line-height: 1.2;
		margin: 30px 0 10px 0;
		padding: 15px 10px 0 70px;
		text-decoration: none;
		width: 262px;
	}
	
	.buy-now strong {color: #2d5b6b; display: block;}
	
	/* Save */
	.save {color: #d00000; font-size: 1.167em; font-weight: normal;}
	
	.share {margin: 0 0 2em 0; text-align: right;}
	
/*** Blog ***/
/* Head */
#blog-head {
	border-bottom: 1px solid #A2C7CF;
	height: 1%;
	margin: 0 0 25px 0;
	overflow: hidden;
	padding: 0 230px 10px 0;
	position: relative;
}

#blog-head .rss-btn {
	bottom: 20px;
	position: absolute;
	right: 0;
}

/* Content */
#blog-cont {float: left; width: 500px;}

/* Sidebar */
#blog-side {float: right; list-style: none; margin: 0; width: 195px;}

#blog-side li {
	background-color: #1d3e46;
	color: white;
	margin: 0 0 20px 0;
	padding: 15px 25px;
}

#blog-side li h3 {color: #fff; font-weight: normal; margin-bottom: 10px;}

#blog-side ul {list-style: none; margin: 0;}
#blog-side li li {background: none; margin: 0; padding: 0;}

#blog-side a {
	color: #ffba00;
	text-decoration: none;
}

#blog-side a:hover {text-decoration: underline;}

	/* Posts */
	#post-list {list-style: none; margin: 0 0 25px 0;}
	#post-list .post {border-bottom: 1px solid #A2C7CF; margin: 0 0 20px 0; padding: 0 0 20px 0;}
	
	div.post {margin-bottom: 25px;}
	
 	.post .wrap {background: #32A0B5; color: #fff; padding: 20px;}
	.post a, .comments a {color: #ffc547;}
	
	.post h3 {margin-bottom: 0;}
	.post span.meta {display: block; margin-bottom: 20px;}
	.post .more {font-size: 1.3em; font-weight: bold;}
	
	.post div.meta {
		background: #1D3E46;
		margin: 15px 0 0 0;
		padding: 15px;
		
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	.post div.meta p {margin-bottom: 0;}
	
	.post a img {border: 1px solid #fff;}
	
		/* Pagination */
		.pagination {
			height: 1%;
			list-style: none;
			margin: 0 auto;
			overflow: hidden;
			padding: .1em 0 1em 0;
		}

		.pagination li {float: left; margin: 0 .25em;}

		.pagination a:link, .pagination a:visited,
		.pagination a:hover, .pagination a:active {border: 0;}

		.pagination a:link, .pagination a:visited, .pagination strong {
			border: 1px solid #B5D7E0;
			color: #333;
			padding: .1em .4em;
			text-decoration: none;
		}
		.pagination a:hover, .pagination a:active {
			background: #fff;
			border: 1px solid #fff;
			color: #32A0B5;
			text-decoration: none;
		}

		.pagination strong {
			background: #32A0B5;
			border-color: #47A7E3;
			color: #fff;
		}
		
	/* Comments */
	#comments .comments {list-style: none; margin: 0;}
	#comments blockquote {font-style: normal; margin: 0;}
	#comments blockquote p {margin-bottom: 5px;}
	#comments .author {
		background: #1D3E46;
		display: block;
		padding: 7px;
		
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	.comments li {
		background: #32A0B5;
		color: #fff;
		display: block;
		font-size: .9em;
		font-weight: bold;
		margin-bottom: 20px;
		padding: 10px;
	}
	
	#comments fieldset {background: none; border: 0;}
	#comments fieldset label {
		clear: left;
		float: left;
		width: 100px;
	}
	
	#comments fieldset .text {float: left; width: 371px;}
	
	#comments .button {
		background: #32A0B5;
		border: 0;
		color: #fff;
		float: right;
		margin: 0 4px 0 0;
	}