/*
---------------------------------------------------------------------------------

	ISADORA'S
	global screen styles

	created: dec '08
	updated: mar '08
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/

body { margin-top: 32px; font-family: "Helvetica Neue", arial; }

#top-contact { background: url('../img/top-bg.png') repeat-x; height: 32px; position: absolute; top: 0; left: 0; width: 100%; font-weight: 300; letter-spacing: 0.3px; }
#top-contact .container_16 { padding-top: 6px; color: #e9d4e3;  }
#top-contact table { width: 100% }
#top-contact td { width: 49.5% }
#top-contact #email-phone { text-align: right;   }
#top-contact #email-phone a { color: #e9d4e3 }
#top-contact #email-phone a:hover { text-decoration: none; }
#top-contact #email-phone span { margin: 0 6px; }

#header { position: relative; height: 140px; padding-top: 10px }
#header h1, #header h2 { text-indent: -9999px; }

#logo { position: absolute; left: -26px  }

#nav {  }
#nav ul { position: absolute; right: 4px; top: 40px; display: block; width: 448px; height: 65px; }
#nav li { list-style-type: none; display: inline }
#nav a { display: block; float: left; background: url('../img/nav.png'); height: 65px; text-indent: -9999px;  }

#nav a#nav-aboutus { width: 111px; background-position: 0px top; }
#nav a#nav-jewelry { width: 117px; background-position: -111px top; }
#nav a#nav-bridal { width: 116px; background-position: -228px top; }
#nav a#nav-contact { width: 104px; background-position: -344px top; }

#nav a:hover#nav-aboutus, #nav a.active#nav-aboutus { background-position: 0px -65px; }
#nav a:hover#nav-jewelry, #nav a.active#nav-jewelry { background-position: -111px -65px; }
#nav a:hover#nav-bridal, #nav a.active#nav-bridal { background-position: -228px -65px; }
#nav a:hover#nav-contact, #nav a.active#nav-contact { background-position: -344px -65px; }

strong { font-weight: bold }

body.home .ring { height: auto; }

body.single #page img { border: 1px solid #666;}
body.single #page table { width: 100%; margin-top: 20px; }
body.single #page td { width: 50% }

#explore h2 { font-weight: 300; font-size: 28px; letter-spacing: -0.75px; color: #4b312b; line-height: 32px;  }
a#explore-button { display: block; height: 42px; width: 221px; background: url('../img/explore-button.png') no-repeat; margin-bottom: 20px; }
a#explore-button:hover { background-position: bottom; }

a#learnmore-purchase { display: block; height: 42px; width: 221px; background: url('../img/learnmore-purchase.png') no-repeat; margin-bottom: 10px; }
a#learnmore-purchase:hover { background-position: bottom; }

#send-friend { margin: 0 0 10px 0; position: relative; height: 26px; }
#send-friend a { margin: 0 0 0 10px }
#send-friend img { position: absolute; left: 0; bottom: 5px; }

#stats { font-size: 16px; border-bottom: 1px dotted #ccc; padding: 0 0 10px 20px; margin: 0 0 20px 0; }
#tags { border-top: 1px dotted #ccc; padding: 10px 0 0  0; margin: 20px 0 0 0; }

.floater { float: left; display: inline;  }

#explore { background: url('../img/homemain-bg.jpg') repeat-x; margin-top: 20px;  }

#welcome { height: 300px; width: 350px; padding: 25px 20px 0 30px; }

#categories { width: 240px; margin-top: 20px; }
#categories li { padding: 6px 4px; border-bottom: 1px dotted #dbd5d1; list-style: url('../img/li-arrow.png'); }
#categories li a { font-size: 18px; color: #4b312b; font-weight: 300; text-decoration: none;  }
#categories li a:hover { text-decoration: underline }




p { font-size: 16px; line-height: 22px; color: #444; font-weight: 300; }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline }

h1 { font-size: 36px; letter-spacing: -1px; margin: 0 0 0.5em 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; line-height: 1.1em; }
a { color: #8c3c77; font-weight: 500; }
a:hover { text-decoration: none; }

small { font-size: 10px; padding: 4px 0 0 0; color: #666; display: block; }

.ring img { padding: 10px; border: 1px solid #ccc; }
.ring a:hover img { border-color: #6d4061; }
.ring h3 { font-size: 20px; font-weight: 300; line-height: 22px; margin: 8px 0 0 10px; width: 200px }
.ring h3 a { color: #555 }
.ring h4 { font-size: 14px; font-weight: 500; color: #6d4061; margin: 0 0 0 10px; }
.ring { width: 235px; float: left; display: block; height: 300px; }

.bridal-item img { padding: 10px; border: 1px solid #ccc; }
.bridal-item a:hover img { border-color: #6d4061; }
.bridal-item h3 { font-size: 20px; font-weight: 300; line-height: 22px; margin: 8px 0 0 10px; width: 200px }
.bridal-item h3 a { color: #555 }
.bridal-item h4 { font-size: 14px; font-weight: 500; color: #6d4061; margin: 0 0 0 10px; }
.bridal-item { width: 235px; float: left; display: block; height: 550px }

#featured-rings { width: 200px }
#featured-rings .ring { width: 200px; float: left; height: 290px; }


#footer { margin-top: 40px; padding-top: 20px; background: #efefef; height: 400px; border-top: 4px solid #eaeaea; color: #666; }
#footer iframe { border-top: 4px solid #ccc; border-bottom: 2px solid #ccc; }

#footer-nav ul { margin: 0; padding: 0; }
#footer-nav li { font-size: 14px; list-style: none; padding: 3px 5px; border-bottom: 1px solid #ccc; }

#address-map h2 { font-size: 18px; margin: 0 }
#address-map td { padding-right: 2em; }
#address-map p { font-size: 14px; line-height: 18px; }

.wp-pagenavi { margin-bottom: 1em; display: block; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { color: #6d4061; border-color: #6d4061; }
.wp-pagenavi a:hover { background: #893172; border-color: #893172; color: white; }

#search { margin: -10px 0 1em 0; padding: 1em; background: #efefef; border: 1px solid #ccc; position: relative; }
#search.wide { width: 100%; }

h1.search-result span { background: yellow }

.credits { display: none }

#moving-note { margin: -30px auto 2em auto; padding: 1.25em 2em; background: #d7f1e9; border: 1px solid #79b8a5; width: 600px; position: relative; }
#moving-note h2 { margin: 0; padding: 0 10px 0 0; font-weight: 300; line-height: 24px; text-align: right; }
#moving-note p { margin: 0; padding: 0 }

#tagcloud ul { margin: 0; padding: 0; }
#tagcloud ul li { list-style: none; margin: 0; padding: 0 1em 10px 0; }
#tagcloud ul li { line-height: 16px; }
#tagcloud ul li a { display:block; background: #fff; }
#tagcloud ul li a:hover { background: #efefef; }

p.error { padding: 2em; background: #feffe9; border-top: 4px solid #dbdcc2 }