/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Base CSS Styles */
@import url( 'library/media/css/base.css' );

/* ScrollPane CSS Styles */
@import url( 'library/media/css/jScrollPane.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

/*------BASIC HTML--------*/
html { height:100% }

body {
	font:14px/1.6 palatino,'Palatino Linotype','book antiqua',garamond,'times new roman',serif;
	color:#77420d;
	min-height:100%;
}

p { margin:0 0 20px }

a { 
	font-family: 'helvetica neue',calibri,helvetica,arial,sans-serif;
	color:#c67e21;
}

a:hover { color:#4b1d1d; }

li { list-style:none }

/*TESTING STYLES*/
#dimension {position:absolute;color:#fff;}

/*------STRUCTURE-------*/

.container { 
	position:absolute;
	top: 0; left:0;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:2
}

#bg {
	position: absolute; 
	top: 0; left:0;
	z-index: 1; 
	width:100%;
	height:100%;
}

#bg img {
	position:absolute;
	left:0;top:0;
    margin:0;
    width:100%;
	height:100%;
}

/*centers vert and hor, and prevents the content*/
/*from being pulled out of the viewport in small windows*/
/*solution from Paul at Search This*/
/*http://search-this.com/2008/05/15/easy-vertical-centering-with-css/ */
#vertical-position {
	float:left;
    height:50%;
    margin-top:-359px;/* half vertical height of the content including footer*/
    width:100%;
}

#wrapper {
	position:relative;
	width:1100px;/*accommodates gold frame image*/
	height:768px;
	margin:0 auto;
	clear:left;
	overflow:hidden;
}

.header {
	position:relative;
	width:100%;
	height:178px;
	z-index:2;/*above "gold frame" in content layer*/
}

#logo {
	position:absolute;
	left:359px;top:0;
	width:383px;
	height:178px;
	text-indent:-9999px;
}

#logo span {
	position:absolute;
	left:0;top:0;
	background:url(library/media/images/logo.png) no-repeat;
	width:383px;
	height:178px;
}

#tagline {
	position:absolute;
	left:-9999px;
}

#content {
	position:relative;
	top:-20px;
	width:1100px;
	height:565px;
	z-index:1;
}

/*THREE LAYERS OF CONTENT - BG, MAIN, FRAME*/
#content-bg {
	position:relative; 
	left:54px; 
	top:55px;
	width:993px;
	height:454px;
	margin:0; 
	padding:0;
	overflow:hidden;
	z-index:1;
}

#content-frame {
	position:absolute;
	top:0; left:0;
	background:url(library/media/images/goldframe.png) no-repeat;
	width:1100px;
	height:565px;
	z-index:2;
}

#content-main {
	position:absolute;
	left:54px; 
	top:55px;
	width:993px;
	height:454px;
	margin:0; 
	padding:0;
	overflow:hidden;
	z-index:3;
}

.scrollpane {
	width:auto;
	height:364px;
	overflow:auto;
}

.pageid-108 .scrollpane { width:100%; height:322px; }

.archive .scrollpane { height:384px; }

/*-----HEADINGS--------*/

.entry-title { 
	font-size:18px;
	letter-spacing:.1em;
	text-align:center; 
}

.entry-title span { text-transform:none; } /*for tag titles */

.archive .entry-title { text-align:left; margin-bottom:1.25em }

.single .entry-title { margin-bottom:.25em; }

#primary h3 {
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:.1em;
	text-align:center;
	margin:1.25em 0 1em;
}

h4 { 
	font-family:'helvetica neue',calibri,helvetica,arial,sans-serif;
	color:#c67e21; 
	padding-bottom:3px;
	border-bottom:1px dotted; 
	margin:0 0 .75em 
}
#services-menu h4 { text-transform:uppercase }
#services-menu h4 a { font-size:inherit; }

/*-----NAVIGATION-------*/
.nav {
	position:absolute;
	left:200px;
	top:140px;
	background:url(library/media/images/nav.png) no-repeat;
	width:640px;
	height:25px;
	margin:0;
	text-align:center;
	z-index:3;/*above logo in .header layer*/
}

.nav li {
	float:left;
}

.nav li a { 
	position:absolute;
	top:0;
	height:25px;
	text-indent:-9999px;
}

.nav li a:hover {
	background:url(library/media/images/nav.png) no-repeat;
}


#nav-home a {
	left:0;
	width:74px;
	background-position:0 0;
}

#nav-abou a {
	left:74px;
	width:80px;
	background-position:-74px 0;
}

#nav-serv a {
	left:154px;
	width:98px;
	background-position:-154px 0;
}

#nav-jewe a {
	left:252px;
	width:98px;
	background-position:-252px 0;
}

#nav-prai a {
	left:350px;
	width:78px;
	background-position:-350px 0;
}

#nav-cont a {
	left:428px;
	width:100px;
	background-position:-428px 0;
}

#nav-emai a {
	left:528px;
	width:112px;
	background-position:-528px 0;
}

#nav-home a:hover {
	background-position:0 -25px;
}

#nav-abou a:hover {
	background-position:-74px -25px;
}

#nav-serv a:hover {
	background-position:-154px -25px;
}

#nav-jewe a:hover {
	background-position:-252px -25px;
}

#nav-prai a:hover {
	background-position:-350px -25px;
}

#nav-cont a:hover {
	background-position:-428px -25px;
}

#nav-emai a:hover {
	background-position:-528px -25px;
}

/*-----BG AND SLIDESHOWS-----*/
#content-bg { background:url(library/media/images/bg-plain.jpg) no-repeat }

#content-bg li {
	width:993px;
	height:454px;
}

#content-bg li p { 
	padding:75px 600px 75px 40px;
	font:26px/1.8 garamond,palatino,times,serif;
	color:#5a3b22;
	text-align:center;
}

#content-bg li p.right { padding:75px 40px 75px 600px; }

#content-bg li#slide08 p { position:relative;left:30px;top:20px; }

#content-bg li p.light { color:#ceaf86; }


.home #slide01 { background:url(library/media/images/home/slide01.jpg) no-repeat; }
.home #slide02 { background:url(library/media/images/home/cherie.jpg) no-repeat; }	
.home #slide03 { background:url(library/media/images/home/slide03.jpg) no-repeat; }	
.home #slide04 { background:url(library/media/images/home/slide04.jpg) no-repeat; }
.home #slide05 { background:url(library/media/images/home/slide05.jpg) no-repeat; }
.home #slide06 { background:url(library/media/images/home/slide06.jpg) no-repeat; }
.home #slide07 { background:url(library/media/images/home/slide07.jpg) no-repeat; }
.home #slide08 { background:url(library/media/images/home/slide08.jpg) no-repeat; }

.pageid-108 #content-bg { background:url(library/media/images/about/slide01.jpg) no-repeat } /*ABOUT*/
.pageid-5 #content-bg { background:url(library/media/images/services/slide02.jpg) no-repeat }
.parent-pageid-5 #content-bg { background:url(library/media/images/services/slide01.jpg) no-repeat }
.pageid-11 #content-bg { background:url(library/media/images/products/slide01.jpg) no-repeat }
.pageid-21 #content-bg { background:url(library/media/images/testimonials/slide03.jpg) no-repeat }
.pageid-26 #content-bg { background:url(library/media/images/contact/slide01.jpg) no-repeat }


span.drop {
	display:inline-block;
	position:relative;
	width: 80px;
	height: 48px;
	text-indent: -9000px;
	border: none;
	}
	
.dark span.drop { background:url(library/media/images/home/drop-caps-dark.png) no-repeat; }
.light span.drop { background:url(library/media/images/home/drop-caps-light.png) no-repeat; }
	
span.drop.w { left:18px; top:-5px; }
span.drop.b { left:14px; top:-5px; background-position:0 -48px }
span.drop.i { left:18px; top:-5px; background-position:0 -96px }
.dark span.drop.e { left:24px; top:-5px; background-position:0 -144px }
.dark span.drop.o { left:20px; top:-5px; background-position:0 -192px }

.light span.drop.o { left:20px; top:-5px; }
span.drop.f { left:18px; top:-5px; background-position:0 -48px }
.light span.drop.e { left:24px; top:-5px; background-position:0 -96px }
span.drop.t { left:18px; top:-5px; background-position:0 -144px }
	
span.shift { position:relative;left:-18px; }
span.shift-more { position:relative;left:-25px; }

/*----JEWELRY SECTION-------*/

#category-details { 
	float:left;
	width:260px;
}

#jewelry-thumbs { position:absolute; left:80px; top:25px; width:412px; }
.archive #jewelry-thumbs { position:static; float:right; width:618px; }

#jewelry-thumbs li { position:relative; float:left; background:url(library/media/images/bg-thumb.png) no-repeat;width:170px;height:175px;padding:14px 15px 16px 21px; }
.archive #jewelry-thumbs li { position:relative; float:left; background:url(library/media/images/bg-thumb-detail.png) no-repeat;width:170px;height:241px;padding:14px 15px 0 21px; }

#jewelry-thumbs li h2 { font:12px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align:center }
#jewelry-thumbs li p { margin:5px; font-size:.8em;line-height:1;text-transform:uppercase;text-align:center }
.archive #jewelry-thumbs li p { position:static; }

#jewelry-thumbs li p a:hover { text-decoration:none }

.main-image { position:absolute; top:50px; left:50px; width:495px; }

.main-image p { margin:0 0 1em; font-size:.8em;text-transform:uppercase;text-align:center }

.jewelry-price { margin:0 0 .5em; font-size:16px; font-style:italic; color:#4b1d1d; text-align:center; } 

.breadcrumb, .nav-next, .nav-previous { font-size:.8em; margin-bottom:5px; }
.breadcrumb a, .nav-next a, .nav-previous a { color:#999 }
/*Images*/
	
#primary img {
	}

.wp-caption.alignleft, 
.wp-caption.alignright, 
.wp-caption.aligncenter {
	text-align:center;
	padding:10px 5px 10px 10px;
	}

img.alignleft {
	margin:5px 15px 10px 0;
	float:left
	}

img.alignright {
	margin:5px 0 10px 15px;
	float:right
	}

.wp-caption.alignleft {
	float:left;
	margin:5px 22px 10px 0;
	}
	
.wp-caption.alignright {
	float:right;
	margin:5px 0 10px 22px;
	}

.wp-caption.aligncenter, img.aligncenter {
    margin: 0 auto;
	display:block;
	float:none
   	}
		
p.wp-caption-text {
	margin:0;
	font:.9em italic Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding:5px 0;
	}	

.wp-caption img {
	float:none;
	margin:0;
	}	
/*-----PAGE SPECIFIC STYLES--------*/
#primary { padding:30px; }

#primary.textright {
	padding:40px 40px 50px 580px;
}

#primary.textleft { padding:40px 630px 50px 40px }

.pageid-5 #primary.textleft { padding:40px 460px 50px 40px; }
.parent-pageid-5 #primary.textleft { padding:40px 580px 50px 40px; }

/* ABOUT PAGE TABS */
ul#about-subnav {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}
ul#about-subnav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 32px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 32px; /*--Vertically aligns the text within the tab--*/
	overflow: hidden;
	position: relative;
}
ul#about-subnav li a {
	text-decoration: none;
	display: block;
	padding: 0 10px;
}

html ul#about-subnav li.active, html ul#about-subnav li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*color:#c67e21;*/
}

/* ABOUT PAGE TAB PANES */
.tabContent {
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
}


/*----------MISC STYLES-----------*/

.article ul li { margin:.5em 0 1em; line-height:1.2; }

.services-link { 
	display:block; 
	margin:1em 0; 
	font:.9em/1 'helvetica neue',calibri,helvetica,arial,sans-serif;
	color:#4b1d1d;
	text-decoration:none;
}

.services-link:hover { text-decoration:underline; }
.service-details { font:.9em helvetica, arial,sans-serif; margin:5px 0 5px 5px; color:#c67e21; }
#services-menu a { font:.8em/1.2 helvetica, arial,sans-serif; text-transform:uppercase; }
#services-menu a:hover { text-decoration:none; }
.tinytext { font:.8em helvetica, arial,sans-serif; text-transform:uppercase; color:#c67e21; }

#wpstats { display:none }

/*SERVICES PRICE TABLES*/
.prices {
	width:92%;
	border:none;
	margin:0 5% .5em 3%;
	padding:0;
}
.prices td { vertical-align:top; padding:5px 5px 5px 0; font:.9em/1 helvetica,arial,sans-serif; }
.prices .service { width:50%; } 
.prices .price { width:70px; text-align:right; }


.testimonial { margin:30px 0; }
.testimonial p { margin:1em 0 0 }
.testimonial .author { font-style:italic; font-size:.9em; text-align:right; margin-top:.25em; }

/*-----ARCHIVES------*/
.archive-listing {
	margin:0 0 2em;
	padding:5px;
	overflow:hidden
}
.archive-listing .thumbnail {
	float:left;
	margin:0 1em 1em 0;
	border:1px solid #d2a649;
}

.archive-listing h2, .archive-listing h2 a {
	font-weight:normal;
	margin:0 0 .25em;
}

.archive-listing h2 a:hover {
	text-decoration:underline;
}
/*-----FORMS-------*/
#emailSignup { 
	background:url(library/media/images/bg-email-signup.jpg) no-repeat;
	width:500px;
	height:190px;
	margin:0 auto; /*for non-js version of page*/
	padding-top:210px;
	}
		
#emailSignup h1, #emailSignup h2 { position:absolute; top:0; left:-9999px }
	
form#signup { 
	width:500px;
	height:190px;
	}

#signup p {
	width:440px;
	margin:0 30px 10px;
	line-height:1.2;
}

/*Labels*/
#email-input label { 
	position:absolute;
	top:0;
	left:-9999px; 
}

/*List items*/
#email-input { 
	position:relative;
	background:url(library/media/images/bg-email-input.png) no-repeat;
	height:36px; 
	width:403px;
	margin-left:45px;
}


/*Inputs*/

input#email { 
	position:absolute; 
	top:8px; 
	left:145px; 
	width:255px; 
	height:24px;
	background:none;
	border:none;
	font:14px/24px palatino,'Palatino Linotype','book antiqua',garamond,'times new roman',serif;
	color:#77420d;
}

input#signupSubmit { 
	float:left; 
	background:url(library/media/images/button-register.gif) no-repeat; 
	width:80px; 
	height:25px;
	margin:20px 0 0 180px;
	border:1px solid #e5cfac;
	border-bottom:1px solid #dac198;
	border-left:1px solid #dac198;
	cursor:pointer;
}

input#signupSubmit:hover { 
	background-position:0 -25px;
	border:1px solid #e5cfac;
	border-top:1px solid #dac198;
	border-right:1px solid #dac198;
}

/* AJAX/FORM RESULTS */
#emailSignup label.error { 
	position:absolute; 
	top:-25px; 
	left:150px;
	color:red;
}

.errorlist { color:red; }

#output p { margin:0 30px 20px; }


/*-----FOOTER------*/
.footer {
	position:relative;
	top:-25px;
	width:960px;
	margin:0 auto;
}

.footer p, .footer a { font: normal 14px/1.2 palatino,'Palatino Linotype','book antiqua',garamond,'times new roman',serif; text-align:center; color:#4b1d1d; }

#site-credits {
	background:url(library/media/images/bg-site-credits.jpg) no-repeat;
	width:440px;
	height:190px;
	padding:210px 30px 30px;
}

#site-credits h4 { font: normal 16px/1 palatino,'Palatino Linotype','book antiqua',garamond,'times new roman',serif; text-align:center; color:#4b1d1d; text-align:center; border:none; padding:0; margin:0 0 15px; }

#site-credits p { text-align:center; margin:0 0 15px; }