/*   
Theme Name: Dodson's Jewelers
Theme URI: http://dodsonsjewelers.com
Description: Foundry Interactive produced theme for Dodson's Jewelers
Author: Michael Susz
Author URI: http://squaredesign.com/
Version: 1.0
.
.(c) Copyright 2009 Dodson's Jewelers - All Rights Reserved
*/


/* debug selectors: remove this space to activate->* /
#container {background:red}
#banner {background:yellow}
#logo {background:fuchsia}
#page {background:purple}
#content {background:green}
#sidebar {background:dodger-blue}
#footer {background:blue}/* */
/* end debug selectors */

/* ================ overrides from reset or grid =============== */



/* ================ default styles for elements ================ */
img {border:none;}
img.left, img.alignleft {float:left;}
img.right, img.alignright {float:right;}
em {font-style: italic; line-height: normal; font-size:1.1em; padding-right:0.1em;}
strong {font-weight: bold;}

/* =============== widely scoped utility classes =============== */
.hide {display:none;visibility:hidden;}

/* floating elements left/right */
.left, ul.left li, 
img.alignleft {float:left;}
	img.alignleft {margin-right: 8px; margin-bottom:8px;}

.right, div.right, input.right,
img.alignright {float:right;}
	img.alignright {margin-left: 8px; margin-bottom:8px;}

/* aligning contents left/right */
.alignleft {text-align:left;}
td.left, th.left, p.left {float:none;text-align:left;}

.alignright {text-align:right;}
div.alignright, p.alignright, ul.alignright, li.alignright {text-align:right;}
td.right,th.right, p.right {float:none;text-align:right;}

/* verical align for table elements */
td.bottom, th.bottom {vertical-align:bottom !important;}
td.top, th.top {vertical-align:top !important;}
td.middle, th.middle {vertical-align:middle !important;}

/* centering elements vs. centering content */
.aligncenter {text-align:center;}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* intuitive classes that add layout to elements */
.padleft {margin-left:1em;}
.padright {margin-right:1em;}
.nopad, img.alignleft.nopad, img.alignright.nopad {padding:0;margin:0;}
.no-line {text-decoration:none !important;}
.full {width:100%;}
.auto {width:auto !important;}
.justify {text-align:justify;}
.block {display:block !important;}
.inline, ul.inline li {display:inline;}
.smaller {font-size:88%;}
.min1 {min-height:1em;}

.normal {font-weight:normal;}
.italic, .cite {font-style:italic;}
.cite {font-size:0.9em;}

/* clearing */
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}



/* ================ buttons and forms ========================== */

input.button {
	background:#691811;
	color:#fff;
	border:0;
	margin-top:4px;
	padding:2px 3px;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}

/* ================ sprites, icons, glyphs, typography ========= */


/*
	#e3e2bf - page background
	#466980 - logo / top navigation
	#d4cf95 - content border, sidebar border

	#6a1811 - sidebar headers [Natura Bold] 14pt - rendered
	#6a1811 - sidebar subhead [Natura Bold] 16pt - rendered
	#e3e2bf - sidebar background
	#424242 - sidebar text [Arial] 13pt
	#424242 - sidebar 'read more' links (underline) [Arial] 13pt
	#000000 - sidebar anchor links (no underline) [?] ? - rendered
	#e5dbba - sidebar testimonial text

	#000000 - body text [Verdana]
	#6a1811 - content links (underline)

	#121e2c - footer background
	#ffffff - footer text (bold) [Verdana] 12pt
	#bcd5e6 - footer links (no underline) 12pt

	#424242 - homepage 1/2 boxes, text [Arial] 13pt
	#424242 - homepage 1/2 boxes, 'More' link (bold) [Arial] 13pt
	

*/

body {
	background:#e3e2bf url('images/background.4.gif') top left;
	line-height:1.2em;
}

#content p, #content ul {
	margin-bottom:1em;
	line-height:1.3;
}

#content ul {
	list-style-type:disc;
	margin-left:20px;
}
#content ul li {
	margin-bottom:0.5em;
}

#content hr {
	height:1px;
	border:0;
	background-color:transparent;
	background-image:url('images/hr.png');
	background-position:top center;
	background-repeat:no-repeat;
}

a {color:#6a1811;}
a:hover {text-decoration:underline;}

a[name], a[name]:hover {text-decoration:none !important;}

h1,h2,h3,h4,h5,h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	margin-top:6px;
	color:#6a1811;
	text-decoration:none;
}

#content h2 {
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.2;
}

#content h2, #content h2 a{color:#000;}

#content h1 {margin-bottom:1em;margin-top:1.2em;}
#content h2 span {font-weight:normal;}
h1:first-child,h2:first-child,h3:first-child,
h4:first-child,h5:first-child,h6:first-child {margin-top:0;margin-bottom:6px;}

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

h1 {font-size: 1.2em;}
h2 {font-size: 1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

#content h2 {color:#000;}

#banner {
	background-color:#ffffff;
}

#sidebar .banner {
	display:block;
	width:200px;
	height:23px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-image:url('images/sidebar.banner.gif');
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
}

#postcard {
	z-index:2;
	margin-top:-18px;
	margin-left:-23px;
	margin-bottom:-8px;
}

#sidebar ul {
	text-align:center;
}

/* .home #sidebar ul li.widget_randomwidget, */
#sidebar ul li {
	display:block;
	width:188px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#e3e2bf;
	background-image:url('images/sidebar.separator.png');
	background-position: top center;
	background-repeat: no-repeat;
	border-left:1px solid #d4cf95;
	border-right:1px solid #d4cf95;
	border-bottom:1px solid #d4cf95;
	padding:10px 10px 10px 0;
	margin-bottom:-1px;
}

#sidebar ul li:first-child {background-image:none;}

#sidebar ul li.widget_boxwidget,
#sidebar ul li.widget_subscriptionwidget,
#sidebar ul li.widget_latestwidget {
	width:178px;
	padding-left:10px;
}

li.widget {clear:left;}
li.widget_subscriptionwidget input#ttira-ttira {
	border:0;
	width:164px;
	padding:4px 2px;
	margin:4px 0;
}

.widget_subscriptionwidget p, .widget_boxwidget p,
.widget_latestwidget p {
	font-size:85%;
}

.widget_latestwidget p span.date {
	display:block;
	float:left;
	clear:left;
	width:45px;
}

.widget_latestwidget p a {
	display:block;
	float:left;
	width:168px;
}

#confirmation {margin-top:0.5em;font-style:italic;}

#sidebar ul li.widget_randomwidget,#sidebar ul li.widget_text .box-dark {
	text-align:center;
	font-family:Georgia, serif;
	font-size:1.1em;
	line-height:1.3;
	color:#e1d4a8;
	background-image:none;
	background-color:#6a1811;
	width:180px;
	border:0;
	padding-left:10px;
	margin-top:10px;
}

#sidebar ul li.widget_text {
	background:none;
	border:0;
}

#sidebar ul li.widget_text .box-dark {
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.2;
	padding-bottom:4px;
}

#sidebar ul li.widget_text .box-dark .quote {
	font-style:italic;
}

#sidebar ul li.widget_text .box-dark h3 {
	font-family:Georgia, serif;
	font-weight:normal;
	color:#e1d4a8;
	padding:8px 0;
	font-size:1.2em;
}

#sidebar ul li.widget_text .box-dark p {
	font-size:0.9em;
	margin-bottom:1em;
}

#sidebar ul li.widget_text .box-clear {
	font-family:Georgia, serif;
	color:#6a1811;
	padding:10px 0 10px 10px;
}

/*
.home #sidebar ul li.widget_randomwidget {
	text-align:center;
	width:178px;
	background-color:#e3e2bf;
	color:#6a1811;
	margin-top:0;
	padding:15px 10px 0 10px;
}
*/

#sidebar ul li.widget_randomwidget .customer {
	font-size:0.9em;
}

#sidebar ul li.current_page_item a {
	background-color:#e3e2bf;
	background-image:url('images/sidebar.arrow.png');
	background-position:left 2px;
	background-repeat:no-repeat;
}

#sidebar ul li ul li.current_page_item a {
	background-position:left 0.2em;
}

#sidebar ul li a {
	display:block;
	padding-left:10px;
}

#sidebar ul li p a {
	padding-left:0;
	display:inline;
}

#sidebar ul li a.more, #sidebar ul li a.more+span {
	color:#000;
	font-size:85%;
}

#sidebar h2.widgettitle, #sidebar ul li.page_item a {
	color:#6a1811;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
	font-family:Georgia, serif;
}
#sidebar ul li.page_item a:hover {text-decoration:underline;}

#sidebar ul li.page_item ul li a {
	font-family:Verdana,Arial,sans-serif;
	color:#000;
	font-size:0.9em;
	font-weight:normal;
}

#sidebar ul li.widget_randomwidget .customer {
	margin:0.5em;
	font-style:italic;
}

/* reset for sub-nav items in sidebar */
#sidebar ul li ul li {
	background:none;
	border:none;
	padding:0;
}

#sidebar ul li ul li a {
	color:#000;
	text-decoration:none;
	padding:0 0 0 20px;
}
#sidebar ul li ul li a:hover {text-decoration:underline;}

.page-id-4 #sidebar .banner,
.parent-pageid-4 #sidebar .banner	{background-position:0 -25px;}
.page-id-6 #sidebar .banner,
.parent-pageid-42 #sidebar .banner,
.parent-pageid-6 #sidebar .banner	{background-position:0 -50px;}
.page-id-8 #sidebar .banner,
.parent-pageid-8 #sidebar .banner	{background-position:0 -75px;}
.page-id-10 #sidebar .banner,
.parent-pageid-141 #sidebar .banner,
.parent-pageid-10 #sidebar .banner	{background-position:0 -100px;}
.page-id-12 #sidebar .banner,
.parent-pageid-12 #sidebar .banner,
.parent-pageid-115 #sidebar .banner,
.parent-pageid-118 #sidebar .banner {background-position:0 -125px;}
.parent-pageid-1218 #sidebar .banner {background-position:0 -125px;}
.page-id-14 #sidebar .banner,
.parent-pageid-14 #sidebar .banner	{background-position:0 -150px;}

#footer {
	color:#ffffff;
	background-color:#121e2c;
	font-size:85.7%;
	line-height:14px;
}

#footer .contact {
	padding:1em 0;
}

#footer .navigation {margin:1em 0;}

#footer .navigation li {
	margin-left:2px;
	padding-left:6px;
	border-left:1px solid #bcd5e6;
}

#footer .navigation li:first-child {
	margin-left:none;
	padding-left:none;
	border-left:none;
}

#footer .navigation a {
	color:#bcd5e6;
	text-decoration:none;
}

#logo {
	text-indent:-9999px;
	background:transparent url('images/logo.png') top left no-repeat;
}

#content {
	background:#ffffff;
	border:1px solid #d4cf95;
}

.home #content {
	border:0;
	background:none;
}

#content .thumbnail img {
	margin-left:13px;
/* 	margin-bottom:13px; */
	border:1px solid #d2c8a4;
}

body #content .thumbnail:first-child img, #subgallery a.first img {
	margin-left:0;

/* 	clear:left; */
}

#subgallery .wp-caption {
	float:left;
	margin-left:2px;
	width:129px;
}

#subgallery .wp-caption.first {
clear:left;
}

.wp-caption-text {
	width:121px;
	font-size:90%;
	text-align:center;
}


.page-id-8 #content .thumbnail img, .page-id-1044 #content .thumbnail img {
	margin-left:6px;
}

.page-id-34 #content .thumbnail img {
	margin-left:6px;
}

#content .post {
	margin-bottom:15px;
}

body {
	font-family:Verdana, Arial, sans-serif;
	font-size:14px;
}

#footer {text-align:center;}

/* ================ navigation elements ======================== */

#banner .navigation {
	margin-top:50px;
}


#banner .navigation li {
	float:left;
	padding-left:1px;
	background:transparent url('images/navigation.divider.png') left 5px no-repeat;
}

#banner .navigation ul li:first-child {background:none;}

#banner .navigation ul li a {
	display:block;
	text-indent:-9999px;
	height:52px;
	background-image:url('images/navigation.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#banner .navigation .page-item-16 a	{width:78px;background-position:0px 0px;}
#banner .navigation .page-item-16 a:hover,
#banner .navigation .page-item-16 a.hover,
#banner .navigation .page-item-16 a.ie-active,
#banner .navigation .page-item-16.current_page_item a,
#banner .navigation .page-item-16.current_page_ancestor a
{background-position:0px -52px;}

#banner .navigation .page-item-4 a	{width:94px;background-position:-120px 0px;}
#banner .navigation .page-item-4 a:hover,
#banner .navigation .page-item-4 a.hover,
#banner .navigation .page-item-4 a.ie-active,
#banner .navigation .page-item-4.active a,
#banner .navigation .page-item-4.current_page_item a,
#banner .navigation .page-item-4.current_page_ancestor a
{background-position:-120px -52px;}

#banner .navigation .page-item-6 a	{width:112px;background-position:-240px 0px;}
#banner .navigation .page-item-6 a:hover,
#banner .navigation .page-item-6 a.hover,
#banner .navigation .page-item-6 a.ie-active,
#banner .navigation .page-item-6.active a,
#banner .navigation .page-item-6.current_page_item a,
#banner .navigation .page-item-6.current_page_ancestor a
{background-position:-240px -52px;}

#banner .navigation .page-item-8 a	{width:82px;background-position:-360px 0px;}
#banner .navigation .page-item-8 a:hover,
#banner .navigation .page-item-8 a.hover,
#banner .navigation .page-item-8 a.ie-active,
#banner .navigation .page-item-8.active a,
#banner .navigation .page-item-8.current_page_item a,
#banner .navigation .page-item-8.current_page_ancestor a
{background-position:-360px -52px;}

#banner .navigation .page-item-10 a	{width:104px;background-position:-480px 0px;}
#banner .navigation .page-item-10 a:hover,
#banner .navigation .page-item-10 a.hover,
#banner .navigation .page-item-10 a.ie-active,
#banner .navigation .page-item-10.active a,
#banner .navigation .page-item-10.current_page_item a,
#banner .navigation .page-item-10.current_page_ancestor a
{background-position:-480px -52px;}

#banner .navigation .page-item-12 a	{width:106px;background-position:-600px 0px;}
#banner .navigation .page-item-12 a:hover,
#banner .navigation .page-item-12 a.hover,
#banner .navigation .page-item-12 a.ie-active,
#banner .navigation .page-item-12.active a,
#banner .navigation .page-item-12.current_page_item a,
#banner .navigation .page-item-12.current_page_ancestor a
{background-position:-600px -52px;}

#banner .navigation .page-item-14 a	{width:100px;background-position:-720px 0px;}
#banner .navigation .page-item-14 a:hover,
#banner .navigation .page-item-14 a.hover,
#banner .navigation .page-item-14 a.ie-active,
#banner .navigation .page-item-14.active a,
#banner .navigation .page-item-14.current_page_item a,
#banner .navigation .page-item-14.current_page_ancestor a
{background-position:-720px -52px;}


/* begin dropdowns */
#banner .navigation ul li {
	font-size:95%;
}
#banner .navigation ul li ul {
	padding:5px 10px;
	background-color:#e3e2bf;
	position:absolute;
	display:none;
	width:150px;
}

#banner .navigation ul li ul li {
	display:block;
	float:none;
	background-image:none;
	margin:2px 0 3px;
	padding-top:2px;
}

#banner .navigation ul li ul li a {
	display:inline;
	background-color:transparent;
	background-image:none;
	font-weight:bold;
	text-decoration:none;
	text-indent:0;
	line-height:1.3;
	height:auto;
}
#banner .navigation ul li ul li a:hover {text-decoration:underline;}

#banner .navigation ul li ul li ul {
	position:relative;
	padding:3px 6px 0px;
	width:138px;
}

#banner .navigation ul li ul li ul li {
	margin:1px 0 2px;
	padding-top:1px;
}

#banner .navigation ul li ul li ul li a {
	font-weight:normal;
	color:#000;
	line-height:1.2;
}

#banner .navigation ul li.active ul {
	display:block;
}

/* end dropdowns */

#banner #address {
	float:right;
	clear:both;
	width:340px;
	height:23px;
	margin-top:3px;
	background:transparent url('images/banner.address.png') top left no-repeat;
}

#banner #address a, #banner #address span, #banner #address div {display:none;}

#footer .navigation li {display:inline;}
#footer .navigation {margin-left:auto;margin-right:auto;width:auto;}

/* ================ page containers and layout ================= */

.inner, #page {
	margin-left:auto;
	margin-right:auto;
}

#banner {
	width:100%;
	margin-bottom:28px;
}

#banner .inner {
	width: 948px;
}

#logo {
	float:left;
	width:160px;
	height:120px;
	margin:12px 0;
}

#banner .navigation {
	float:left;
}

#page {
	clear:left;
	width:854px;
	padding-bottom:20px;
}

#content {
	float:left;
	width:546px;
	padding:13px;
	margin-bottom:20px;
	margin-right:20px;
}

.home #content {
	width:572px;
	padding:0;
	margin-right:46px;
}

#content.subgallery #subgallery {
	float:right;
	width:262px;
	margin-left:10px;
	min-height:300px;

}

#sidebar {
	float:left;
	width:234px;
	margin-bottom:20px;
	text-align:center;
}


#footer {
	clear:both;
	min-height:200px;
	margin-top:20px;
}

#footer .inner {
	width:808px;
	padding:0 20px;
}

#footer .copyright {clear:left;}

#footer .logo {padding:1em 0 2em;}

/* ================ page-specific elements ===================== */

body.page-id-26 table {
	width:100%;
}

body.page-id-26 table thead tr td {
	background:#f4f3e5;
	font-weight:bold;
}

body.page-id-26 table td {
	padding:4px 2px;
	text-align:center;
	
}

body.page-id-26 table td img {
	vertical-align:middle;
}

body.page-id-26 table tbody tr td {
	border-bottom:1px solid #9ea2a7;
}


/* ================ utility / referenced code ======= */
/* suckerfish menus - based on http://www.alistapart.com/articles/dropdowns/
	with son-of-suckerfish mods http://htmldog.com/articles/suckerfish/dropdowns/ */
#navigation li ul {
	position:absolute;
	margin-top:-1px;
	left:-9999em;
	z-index:6;
	height:2em;
}

#navigation li ul li {
	display:block;
	float:left;
	padding-top:1px;
}

#navigation li:hover ul, #navigation li.active ul {left:auto;}