/* CSS for Mathew Jewelers by Roc Dornbrook */

/* Meyerweb CSS Reset - v1.0 | 20080212 - Thanks! */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}


/************************/
/* BASE STYLES */
/************************/

body {
  background: #fff;
  color: #808080;
  font: 0.625em Palatino, Palatino Linotype, Georgia,serif;	
  text-align: center;
}

/* links  */

a { text-decoration: underline; color: #113465; }
a:hover { color: #9F2214; }

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* classes */
.error { color: red; }
.clr {clear:  both;}

/* page structure & layout */
#container { margin:0 auto; text-align:left; width:940px; }
#header { position: relative; } 
#wig {margin:0 auto;width:1020px;position:relative;}
.breadcrumb{font-family: Trebuchet, sans-serif; font-size: 10px; text-transform: uppercase; padding: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;}
#info{background:#76AAC9;border-bottom:3px solid #93CCEA;color:#E4EEF4;font-size:1.2em;line-height:2.0em;position:relative;padding:20px 230px 20px 30px;}
#page{font-size:1.2em;padding:20px 0;border-bottom:1px solid #DBDFE0;}
#content{}
#sidebar{}
#footer{color:#aaa;padding: 20px 0 8px 0;background: url("images/web-patt.gif") repeat-x scroll 0 bottom #F2F2F2;}
#shoes {margin:0 auto; text-align:left; height: auto;width:940px;min-height:180px;line-height: 2em;}
.signature {font-family: "Lucida Grande", Lucida, Lucida Sans Unicode, Verdana, sans-serif;clear: both;}

/* header */
#header .title {margin-top:40px;}
#header .logo-sm {}
#header .jewel-icon {position:absolute; right:0px; top:20px; }

/* navigation header */
#header .menu {border-top:1px solid #EBEBEB;padding:16px 0;}
#header .menu ul { }
#header .menu li{display: inline;list-style:none;}
#header .menu li a{color:#808080;font-size:1.2em;font-weight:normal;text-decoration:none;text-transform:uppercase;margin:0 10px;}
#header .menu li a:hover,
#header .menu li a.current {color: #BE9535;}
#header .menu li.contact {position:absolute;right:28px;}
#header .menu li.socialinks {position:absolute;right:0px; margin-top:-2px;}
#header .menu li.about{position:absolute;right:100px;}
#header .menu li.custom-designs a{margin-left: 0px;}

.submenu {border-top:1px solid #EBEBEB;padding:10px 0;}
.submenu ul { }
.submenu li{display: inline;list-style:none;}
.submenu li a{color:#808080;font-size:1.2em;font-weight:normal;text-decoration:none;margin:0 8px 0 0;}
.submenu li a:hover,
.submenu li a.current {color: #BE9535;}


/* navigation footer */
#footer .menu {}
#footer .menu ul { }
#footer .menu li{}
#footer .menu li a{color:#113465;font-size:1.2em;font-weight:bold;text-decoration:none;text-transform:uppercase;}
#footer .menu li a:hover,
#footer .menu li a.current {color: #BE9535;}

/* breadcrumb */
#breadcrumb a{color:#4c7897;text-decoration:none;}

/* info */
#info a{color:#E4EEF4;}

/* content */
#content h2{color:#9F2214;font-size:2.4em;font-weight:normal;letter-spacing:-1px;}
#content h2 a{color:#76aac9;text-decoration:none;}
#content h2 a:hover{color:#7C90A1;}
#content h3{color: #9F2214; font-size: 2em; font-weight: normal;}
#content h4{}
#content p{line-height:1.5em;}
#content ol{line-height:1.8em;margin:0 30px 20px 50px;}
#content ul{line-height:1.8em;margin:0 30px 20px 30px;}
#content ul li{line-height:1.8em;list-style:square;padding-left:2px;}
#content .full p {font-size: 1.4em; color:#B3B3B3;}

/* secondary content */
#sidebar h2,#sidebar h3{color:#444;font-size:1.5em;font-weight:normal;margin:20px 0 5px 0;padding:7px 0 7px 0;}
#sidebar p { margin: 0; }
#sidebar ul{margin:7px 0 20px 20px;}
#sidebar ul li{line-height:18px;list-style:square;}
#sidebar a{color:#4B798B;}
#sidebar a:hover { color: #231f20; }

/* logo bottom */
#container .logo { text-align: center;}

/* footer */
#footer h5 {color: #113465; font-weight: normal;}
#footer p{line-height:1.5em;font-family: "Lucida Grande", Lucida, Lucida Sans Unicode, Verdana, sans-serif;}
#footer a{color:#aaa;text-decoration:underline;}
#footer .col {width: 220px; float: left; margin-right: 10px;font-size: 1.2em; }
#footer .last {margin-right: 0;}
#footer .menu {font-size: 1em;}

/* misc */
a img { border: none; }
acronym { cursor: help; }
blockquote{background:url(quote.gif) no-repeat 10px 0;color:#76aac9;border-left:2px solid #76aac9;line-height:1.5em;margin:0 10px 20px 10px;padding:0 10px 0 10px;}

hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }


/* newsletter subscribe form */
form#subscribe p { line-height:26px;text-align:right;font-size:10px; }


/* classes */
.right{}
.left{}
.full {}
.bottom{width: 100%;clear: both;}


/* comment */
.comment-form-body{width:450px;}

/* section layout & style customization */
body {background:url("images/top-grad-patt.jpg") repeat-x scroll center top transparent;}

#home {background:none;}
#home #page {border-bottom: none;padding: 0;}
#home #header {}
#home #header .menu {}
#home #header .title {margin-top:30px;text-align:center;}
#home #header .menu li.custom-designs a{margin-left: 10px;}
#home #content { border-top:1px solid #FAFAFA;color:#BE9535;font-style:italic;font-weight:bold;line-height:1.5em;padding:10px;
}

#products h2 { visibility:hidden; line-height: 0;}
#products .left {width: 320px; float: left;}
#products .right {width:620px;float: right;}
#products .left p {line-height:1.5em;margin:0 0 20px 0; font-size: 1.1em;}
#products .entry {background: #f2f2f2; width: 280px;float: left; border: 1px solid #ccc; -moz-border-radius: 3px; -moz-webkit-radius: 3px;margin:0 0 20px 20px;padding:1px 1px 10px 1px; }
#products .entry h4 {text-transform: uppercase; font-weight: normal;padding: 10px 10px 0 10px;}
#products .entry p { font-size: .9em; padding: 0 10px; font-family: "Lucida Grande", Lucida, Lucida Sans Unicode, Verdana, sans-serif; }
#products .bottom {text-align:center;}
#products .bottom ul {margin: 0 0 20px;}
#products .bottom ul li {display:inline;font-size:1.3em;border-left:1px solid #F2F2F2;padding:10px 6px 10px 8px}
#products .bottom ul li:first-child {border:none;}

#products-cat h2 {text-transform: uppercase;}
#products-cat ul.photos {margin: 20px 0;}
#products-cat ul.photos li {float: left;width: 222px;height: 222px;;list-style: none;margin:0 5px 10px;padding:0;border:1px solid #f2f2f2;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;}
#products-cat ul.photos li img {padding: 1px;}

#about h2 { visibility:hidden; line-height: 0;}
#about h4 {text-transform: uppercase; font-weight: normal;color: #3B4C4A}
#about .left {width: 460px; float: left;}
#about .column {width: 220px; float: left;}
#about .column p { font-size: .9em; margin: 0 0 20px 0; font-family: "Lucida Grande", Lucida, Lucida Sans Unicode, Verdana, sans-serif;line-height: 1.8em;  }
#about .first {margin-right: 20px;}
#about .right {width:460px;float: right;font-family: Palatino, Palatino Linotype, Georgia,serif;}
#about .right p {font-size:1.8em;font-weight:normal;color: #3B4C4A;line-height:1.2em; margin: 0 0 20px 0;}


#contact h2 { visibility:hidden; line-height: 0;}
#contact h4 {text-transform: uppercase; font-weight: normal;color: #3B4C4A}
#contact .left {width: 460px; float: left;}
#contact .column {width: 220px; float: left;}
#contact .column p { font-size: .9em; margin: 0 0 20px 0; font-family: "Lucida Grande", Lucida, Lucida Sans Unicode, Verdana, sans-serif;line-height: 1.8em;  }
#contact .first {margin-right: 20px;}
#contact .right {width:460px;float: right;font-family: Palatino, Palatino Linotype, Georgia,serif;}
#contact .intro p {font-size:1.8em;text-align: center;font-weight:normal;color: #3B4C4A;line-height:1.2em; padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: 2px dotted #ebebeb;}


#default #content { margin:0 60px 20px;padding:40px;}
#default #content .full p { color: #666; }


#notification #content { background: lightgoldenRodYellow;border:4px double white;margin:0 100px 20px;padding:40px;}
#notification #content .full p { color: #666; }


/* slider panels */
#slider {position: relative;margin:0 0 40px;}
#slider #nav { left:5px;bottom:-20px;position:absolute;z-index:99; }
#slider #nav li { display: inline; margin: 0 10px; }
#slider #nav img {-moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;}

/*  THANK YOU NIALL!
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */
	
	.coda-slider-wrapper { }
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 940px; height: 385px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #fff; color: #A38989; padding: 8px; -moz-border-radius: 5px; -moz-webkit-radius: 5px;border:2px solid #fff; }
	.coda-nav-left a:hover, .coda-nav-right a:hover { background: #CCBA8F; color: #fff; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #633737; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left { position: absolute; left: -10px; top: 60px; }
	.coda-nav-right { position: absolute; right: -10px; top: 60px; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }