/*
Theme Name: Lucidity
Theme URI: http://www.sandboxdev.com/
Description: Lucidty:adjective - clear, obvious, sensible.  This theme will make working with WordPress even easier with easy to use admin panels and theme files.
Version: 1.1
Author: Jennifer Zelazny/SDAC Inc.
Author URI: http://www.sandboxdev.com/
Tags: white, custom header, fixed width, two columns, widgets


/*
JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[4] Main Content - All things specific to the main content
[6] Sidebar - Things which are specific to the sidebar.
[7] Footer - Things which are page and section specific.

Questions/Comments: http://www.sandboxdev.com/forums/
*/

/*---------[1]General---------*/

body {background:#fff;font:.8em/1.5em Helvetica, 'Lucida Grande',Arial, sans-serif;color: #333;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,form,ul,ol,p {line-height:normal; margin:0; padding:0;}

a {color:#99491d;text-decoration:none;}
a:hover {color:#e27c0e;text-decoration:underline;}
a img {border:0;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

blockquote {border-left: 5px solid #ddd;margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite {display: block;margin: 5px 0 0;}

p img {max-width:99%;}

.alignright {float:right;margin-left:5px;}
.alignleft, .alignnone {float:left;margin-right:5px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clearjz {clear:both;}


.center {text-align: center;}
.hidden {display: none;}

.screen-reader-text {position: absolute;left: -1000em;}

.wp-caption, .gallery-caption {font-size:.75em;font-weight:bold !important;margin-bottom:10px;}
p.wp-caption-text {margin:5px 0 0 0 !important;padding:0 !important;}

#container {background: url('images/bg-container.gif') repeat-y;width:1015px;margin:0 auto;}

/*---------[2]Header---------*/

#header {background: url('images/bg-header.gif') no-repeat;height:197px;margin-left:15px;}
#header h1 {padding:75px 0 0 35px;}
#header h1 a {background: url('images/logo.png') no-repeat;display:block;width:220px;height:55px;text-indent:-9999px;overflow:hidden;}

#nav {float:left;list-style-type:none; margin-top:37px; padding:0; width:740px; height:30px;}
#nav li {position:absolute; margin:0; padding:0;}
#nav a {position:absolute; top:0; background:url('images/bg-nav.png') no-repeat; height:30px; text-indent:-9999px; overflow:hidden;}
#nav a.current {height:39px;}
	
#nav-home a {left:0; width:188px; background-position:0 0;}
#nav-featured a {left:188px; width:216px; background-position:-188px 0;}
#nav-brands a {left:404px; width:167px; background-position:-404px 0;}
#nav-stores a {left:571px; width:169px; background-position:-571px 0;}

#search {float:right;display:inline;width:230px;margin-top:40px;}
#search input#s {border:1px solid #333; width:180px;color:#aaa;font-size:.75em;padding:2px;}


/*---------[3]Main Content---------*/

#content {float:left;display:inline;width:560px;margin: 0 90px 0 65px;}

.post-categories {display:inline;margin:0;padding:0;}
.post-categories li {display:inline;list-style-type:none;padding:0;margin:0;}

.post {margin-top:30px;}
.post input#s {border:1px solid #bbb;width:510px;padding:2px;}
.post h2 {font-size:1.5em;font-weight:normal;margin-bottom:15px;}

.meta {margin-bottom:10px;padding-bottom:5px;}
.meta h4 {text-transform:uppercase;font-size:.85em;font-weight:normal;margin:3px 0 3px 0;}

.sep {padding:0 5px 0  5px;}

.entry p {line-height:1.5em;margin:0 0 15px 0;padding:0;}
.entry ul, .entry ol {margin:5px 0 5px 25px;padding:0;}
.entry ul li {list-style:square; margin-bottom:10px;}
.entry ol li {margin-bottom:10px;}
.entry img {padding:0;max-width: 550px;margin-bottom:25px;}

.tags {clear:both;border-top:1px solid #8f8f90;border-bottom:1px solid #8f8f90; margin-top:10px;padding:10px 0 8px 0;}
.tags h4 {text-transform:uppercase;font-size:.85em;font-weight:normal;line-height:normal;}

.more {height:30px;margin-bottom:20px;}
.more .readMore {float:left;display:inline;width:84px;margin:8px 65px 0 0;}
.more .buy {float:left;display:inline;}



#commentSection h3 {margin-top:25px;}

.commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;}

.comment.odd {background:#f8f8f8;}

#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;line-height:21px;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;}
#commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;}
#commentform #submit {margin: 0 0 15px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}


.post.misc {padding-bottom:10px;}
.post.misc h2 {border-bottom:1px solid #8f8f90;margin-bottom:10px;padding-bottom:5px;}
.post.misc h3 {margin:15px 0 10px 0;text-transform:uppercase;}

.navigation {margin: 40px 0 60px 0;}

.wp-pagenavi {text-transform:uppercase;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border:none;color: #99491d;background-color: inherit;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border:none;color: #99491d;background-color: inherit;}
.wp-pagenavi a:hover {border:none;color: #000000;background-color: inherit;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px;text-decoration: none;border:none;color: #99491d;background-color: inherit;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;font-size:1.1em;color: #000000;border:none;background-color: inherit;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;border:none;color: #000000;background-color: inherit;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px;border:none;color: #000000;background-color: inherit;}


/*--HOME--*/
#featuredProducts {float:left;width:875px;margin:35px 0 0 65px;padding-bottom:10px;}

#featuredHead {float:left;display:inline;width:500px;}
#featuredHead h2 {font-weight:normal;text-transform:uppercase;}

#shopping {float:right;display:inline;}
#shopping p {font-size:.85em;line-height:30px;}
#shopping p img {vertical-align:middle;}

#featuredList {float:left;width:875px;border-top:1px solid #8f8f90;padding-bottom:10px;border-bottom:1px solid #8f8f90;}

.product {float:left;display:inline;height:80px;width:275px;margin:15px 15px 5px 0;}
.product h3 {font-size:.9em;text-transform:uppercase;}
.product .thumb {width:76px;height:76px;margin-right:15px;}
.product .productText {height:62px;overflow:hidden;margin-bottom:5px;}
.product .productText p {margin-top:5px;font-size:.9em;}

/*---------[4]Sidebar---------*/

#sidebar {float:left;display:inline;width:230px;font-size:.9em;color:#858585;}
#sidebar #face {margin:25px 0 5px 65px;}

#sidebar h2 {font-size:1.1em;font-weight:normal;letter-spacing:1px; text-transform:uppercase;color:#99491d;}
#sidebar ul {margin:10px 0 0 0;padding:0;list-style:none;}
#sidebar ul ul {margin-left:5px;padding:0;}
#sidebar ul ul li {background: url('images/bullet-list.gif') no-repeat; padding-left:15px;}
#sidebar ul ul ul li {list-style:square;background:none;padding:0;}
#sidebar ul ul ul {margin:5px 0 0 15px;}
#sidebar li {margin-bottom:5px;}
#sidebar a {color:#858585;font-weight:normal;}
#sidebar a.maps {font-size:.85em;color:#99491d;}
#sidebar li.widget {margin:10px 20px 50px 15px;}
#sidebar .textwidget {margin-top:10px;line-height:1.7em !important;}
#sidebar .textwidget p {margin-bottom:10px;line-height:1.7em !important;}
#sidebar li.widget_links li {background:none; padding-left:0;}
#sidebar form {height:30px;margin-top:20px;}
#sidebar input#signUp {border:1px solid #000;width:140px;padding:0 4px 7px 4px;}
#sidebar input#go {vertical-align:top;} 



/*---------[5]Footer---------*/

#footer {clear:both;background: url('images/bg-footer.gif') no-repeat;height:25px;width:1015px;margin:0 auto;}
p#SDAC {text-align:center;color:#333;font-size:.9em;text-transform:uppercase;margin:10px 0 20px 0;}
p#SDAC a {color:#666;font-weight:normal;}
p#SDAC a:hover {color:#3e88a2;text-decoration:none;}
