/*
Theme name: RGE
By: Nate Uri
http://nateuridesigns.com
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

img, div { behavior: url(iepngfix.htc) }

body {
	background:url(images/bg.jpg);
	background-position: top center;
	background-color:#a29c59;
	margin:0px;
	padding:0px;
	background-repeat: repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	color:#67461D;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#006179;
}

a:hover {
	color:#ff7ab2;
}

div.container {
	margin:auto;
	width: 1000px;
	height: 950px;
	background: #fff67c url(images/contentbg.jpg) no-repeat;
}

div.container-cafe {
	margin:auto;
	width: 1000px;
	height: 650px;
	background: #fff67c url(images/contentbg.jpg) no-repeat;
}

/* Contact Styles */

div.contact {
	position: absolute;
	top: 100px;
	left:50%;
	margin: 0 0 0 -300px;
}

div.contact h1 {
	font-weight:bold;
	text-transform:lowercase;
	font-size:18px;
	line-height: 18px;
}

div.contact p {
	font-size:12px;
	line-height:15px;
}

/*Linkbar Styles */

div.linkbar {
	position: absolute;
	top: 237px;
	left:50%;
	margin: 0 0 0 80px;
	width: 480px;
}

div.linkbar a:nth-child(even) {
	color:#555555;
}

div.linkbar a {
	color: #7e7e7e;
	font-size:40px;
	font-weight:normal;
	margin-right:-3px;
}

div.linkbar a:hover {
	color:white;
}

div.linkbar a.active, div.top-linkbar a.active {
	color:#ff7ab2;
	font-weight:bold;
}

/* Special Promotion Styles */

div.special-promotion {
	position: absolute;
	top: 320px;
	left:50%;
	margin: 0 0 0 80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#bbbbbb;
}

div.special-promotion h1 {
	font-size:24px;
	font-weight:bold;
	color:#ff7ab2;
	text-transform:uppercase;
}

div.special-promotion p {
	width:340px;
}

/* Main Content Area Styles */

div.content {
	position: absolute;
	top: 485px;
	left:50%;
	width: 1000px;
	margin:0 0 0 -500px;
	background: url(images/transparent-white-30.png) repeat top left;
	z-index:4;
}

div.blog-content {
	position: absolute;
	top: 485px;
	left:50%;
	width: 1000px;
	margin:0 0 0 -500px;
	background: url(images/transparent-white-30.png) repeat top left;
	z-index:4;
}

div.content h1 {
	font-size:48px;
	text-transform:lowercase;
	margin: 40px 40px 25px 420px;
	color:#333333;
         
}

div.content h2 {
	font-size:30px;
	text-transform:lowercase;
	font-weight:bold;
	margin: 0px 40px 10px 420px;
}

div.blog-content h2 {
	font-size:30px;
	text-transform:lowercase;
	font-weight:bold;
}

div.content p {
	margin: 0 40px 16px 420px;
}

div.blog-content p {
	margin: 0 40px 16px 0px;
}


div.content img.home-pic {
display:inline;	
float:left;
}


/* Footer Styles */

.footer {
	position:absolute;
	bottom:0px;
	left:50%;
	margin: 0 0 0 -500px;
	width: 1000px;
	background:black;
}


/* Store Main Page Styles */

div.collection-description {
	position:absolute;
	top:585px;
	left: 50%;
	margin: 0 0 0 -500px;
	width:930px;
	height:100px;
	display:block;
	background:black;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:white;
	padding:0px 35px 35px 35px;
}

div.collection-description h2 {
	font-size:24px;
}

div.collection-decription p {
	font-size:14px;
	font-weight:normal;
	color:#cccccc;
}

div.store-nav {
	position:absolute;
	top:485px;
	left: 50%;
	margin: 0 0 0 -500px;
	width:1000px;
	height:100px;
	display:block;
	background:black;
}

div.store-nav p {
	margin: 35px 0 0 35px;
	font-size:24px;
	font-weight:normal;
	color:white;
}

div.store-nav p a {
	font-weight:bold;
	color:#f60068;
	margin-right: 10px;
}

div.store-nav p a:hover {
	color:white;
}

div.store-nav p a.active {
	color:white;
}

div.store-nav img.buy-request {
	position:absolute;
	top:30px;
	right:51px;
	border:none;
}

div.store-nav img.checkout, div.store-nav img.cart {
	position:absolute;
	top:30px;
	border:none;
}

div.store-nav img.checkout {
	right:40px;
}

div.store-nav img.cart {
	right: 40px;
}

div.item-detail {
	position:absolute;
	top: 720px;
	left: 50%;
	margin: 0 0 0 -500px;
	width:1000px;
}

div.collection-list {
	position:absolute;
	top: 585px;
	left: 50%;
	margin: 0 0 0 -500px;
	width:1000px;
}


ul.collection li {
	width: 250px;
	height: 333px;
	float:left;
	display:inline;
}

ul.collection li a {
	opacity: .7;
}

ul.collection li a:hover {
	opacity: 1.0;
}

/* Store Collection Detail Styles */

div.big-picture {
	margin: 0px;
	float:left;
	display:inline;
}

ul.collection-detail li {
	width: 250px;
	float:right;
	display:none;
	background:url(images/transparent-white-70.png);
}

ul.collection-detail li.display-detail {
	display:inline;
}

ul.collection-detail li:nth-child(even) {
	background:url(images/transparent-gray-70.png);
}

ul.collection-detail li .product-info {
	margin: 40px 25px;
	width:200px;
	float:left;
	display:inline;
}

ul.collection-detail li .product-info .letter {
	font-size:48px;
	letter-spacing: -0.06em;
	font-weight:bold;
	text-transform:lowercase;
	margin: 0 5px 0 0;
}

ul.collection-detail li .product-info .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	letter-spacing:-0.06em;
	text-transform:lowercase;
}

ul.collection-detail li .product-info .brand {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -0.06em;
	text-transform:uppercase;
}

ul.collection-detail li .product-info .description {
	font-size:16px;
}

ul.collection-detail li .product-info .price {
	font-size:16px;
	font-weight:bold;
	margin: 0 10px 0 0;
}

/* Cafe Page styles */

div.cafe-content {
	position:absolute;
	top:485px;
	left: 50%;
	margin: 0 0 0 -500px;
	background:url(images/cafe-bg.jpg);
	width:1000px;
	height:502px;
	z-index: 5;
}

div.salon-content {
	position:absolute;
	top:485px;
	left: 50%;
	margin: 0 0 0 -500px;
	background:url(images/salon-bg.jpg);
	width:1000px;
	height:584px;
	z-index: 5;
}


/* Blog Styles */

div.blog-content .categories, div.blog-content .recent-posts {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:black;
	text-shadow: 1px 1px 2px #333;
	float:left;
	display:inline;
	margin: 40px 20px 0px 40px;
	font-size: 14px;
}

div.blog-content .categories h1, div.blog-content .recent-posts h1 {
	font-size:18px;
	font-weight:bold;
	margin:0;
}

.blog-sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:240px;
}

div.blog-content .categories ul li {
	list-style-type:circle;
	list-style-position:inside;
}

div.blog-content .recent-posts ul li {
	list-style-position:inside;
}

div.blog-content .post {
	width: 570px;
	float:right;
	display:inline;
	margin: 40px 0px 40px 0px;
}

div.blog-content .post ol {
padding:0px;
margin:0px;
}

div.blog-content .post ol li {
margin: 20px 10px;
padding:0px;
width: 450px;
}
div.blog-content .post img {
	margin: 10px 10px 0px 0px;
	border:1px solid #555555;
}

div.blog-content .post img.alignleft {
	float:left;
	display:inline;
}

div.blog-content .post img.alignright {
	float:right;
	display:inline;
}

p.wp-caption-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:black;
	font-weight:bold;
}

div.blog-content .post-date {
	width:94px;
	height: 105px;
	float:right;
	display:inline;
	margin: 35px 30px 0px 0px;
	background:url(images/blog-date-bg.png);
}

div.blog-content .post-date p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	padding:20px;
	padding-top:35px;
	width:50px;
	line-height:.8em;
	color:black;
	text-align:center;
}

div.blog-content .post p.post-info {
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.blog-content .post h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 48px;
	letter-spacing: -.06em;
	line-height: .8em;
	margin-bottom: 10px;
}

div.blog-content .post h1 a {
	font-weight:normal;
}

div.blog-content .post h1, div.blog-content .post p.post-info {
	color:#333333;
}

div.blog-content .post ol, div.blog-content .post ul {
	list-style-position:inside;
	margin:20px;
}
	
	
/* Begin Comments*/

.comments_tiny {
	color: #b8b8b8;
	border-bottom: 1px solid silver;
}

li.norm {
	margin: 0;
	padding: 10px;
	background: #111111;
	list-style:none;
}

li.alt {
	background: #222222;
}

.commentlist {
	margin-top: 0px;

}

.commentlist li {
	margin: 5px 0 0 0px;

}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

li.comment {
	font-weight: bold;
	padding: 10px;
	list-style: none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform {
	margin-top: 30px;
}

.commentmetadata {
	font-weight: normal;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
}

.commentbox {
	width: 510px;
	height: 100px;
	background:#111111;
	color:#FFFFFF;
	margin: 20px 0px 0 0;
	padding: 10px;
}

.commentbox:focus {
	background:#333333;
}



/* Global Modifier Styles */

.top-linkbar {
	background-color:#545129;
	width:1000px;
	height:28px;
	position:absolute;
	top:0px;
	left:50%;
	margin: 0 0 0 -500px;
	padding-top: 4px;
}

.top-linkbar a {
	color:white;
	margin: 5px 10px 0px 10px;
	font-size:14px;
}

.top-linkbar a:hover {
	color:#ff7ab2;
}

.top-linkbar a.buy-request {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

.spacing {
	letter-spacing: -0.06em;
}
