/*
Theme Name: OUAT
Theme URI: http://onceuponatablenj.com/
Description: Showcase site for Once Upon A Table, a designer furniture retailer in Chester, NJ
Version: 1.0
Author: Bad Feather Inc.
Author URI: http://badfeather.com/
Tags: photo gallery, furniture, interior decorator
*/

/* structure */
* {
margin: 0;
padding: 0;
}
/* html {
height: 100%;
}
#upper {
position: relative;
min-height: 100%;
}
* html #upper {
height: 100%;
} */


body {
height: 100%;
font-size: 62.5%; /* resets to 10px */
font-family: Arial, Helvetica, sans-serif;
color: #333;
background: #CDC8AF url(images/OUT_bkgd_pattern.jpg) repeat;
}
#header, #content, #nav, #footer {
width: 978px;
margin: 0 auto;
border-color: #BFBBA3;
border-width: 0 1px;
border-style: solid;
}
#header {
height: 141px;
background: #E8E4D1 url(images/header_bg.jpg) no-repeat;
position: relative;
}
#content {
padding: 25px 0;
background: #E8E4D1 url(images/OUT_content_bg.jpg) repeat-y;
overflow: hidden;
border-top-width: 1px;
}
#main {
width: 500px;
padding: 0 35px 0 0;
float: right;
}
body.single #main {
float: none;
margin: 0 auto;
padding: 0;
}
#sidebar {
width: 375px;
margin: 0 0 0 35px;
float: left;
}
#main.home {
width: 625px; 
padding: 0 35px 0 0;
}
#sidebar.home {
width: 210px;
margin: 0 0 0 35px;
padding: 20px 20px;
background: #EBE7DB url(images/home_sidebar_bg.jpg) repeat-y;
border: 1px solid #CCC;
}
#sidebar.home img {
padding: 3px;
border: 1px solid #BFBBA3;
}
#main.gallery, #main.category {
width: 680px;
padding: 0 35px 0 0;
min-height: 600px;
}
#sidebar.gallery, #sidebar.category {
width: 195px;
margin: 0 0 0 35px;
padding: 210px 0 0 0;
}
#sidebar.category {
padding: 0;
}
#sidebar.gallery.furgal {
background: url(images/OUT_SIL_CHAIR.png) no-repeat top left;
}
#sidebar.gallery.intdesign {
background: url(images/OUT_SIL_CHAND.png) no-repeat top left;
}
#sidebar.gallery.cafe {
background: url(images/OUT_SIL_CUP.png) no-repeat top left;
padding-top: 125px;
}
.block {
background: #F3F1E4;
width: 100%;
overflow: hidden;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
}
#footer {
background: #A59D86 url(images/nav_footer_bg.jpg) repeat-x;
padding: 10px 0 50px;
border-bottom-width: 1px;
}
#footer p {
width: 932px;
overflow: hidden;
color: #F4F4EF;
padding: 0 23px;
}
#footer p a {
color: #F4F4EF;
}
#footer p a:hover {
text-decoration: underline;
}

/* typography */
p, ul, ol {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
#nav, h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
a {
color: #8F733B;
text-decoration: none;
}
a:hover, .current_page_item a, #nav li.current_page_parent a {
color: #333;
}
a img {
border: none;
}
h1, h2 {
font-style: italic;
color: #8F733B;
}
h1 {
font-size: 3.2em;
line-height: 1em;
margin-bottom: .5625em;
}
h2 {
font-size: 2.4em;
line-height: 1em;
margin-bottom: .75em;
}
h3 {
font-size: 1.5em;
line-height: 1.2em;
margin-bottom: .6em;
}
h4 {
font-size: 1.1em;
}


/* header */
h5 {
font-size: 2.4em;
line-height: 1em;
}
h5 a {
display: block;
width: 464px;
height: 0px !important;
height /**/:137px;
padding-top: 137px;
background: transparent;
overflow: hidden;
}
h2.mailing_list {
width: 160px;
text-align: center;
padding: 5px;
background: #EBE7DB;
border: 1px #BFBBA3 solid;
position: absolute;
right: 35px;
top: 70px;
font-size: 1.4em;
line-height: 1em;
color: #8d8a7c;
font-style: italic;
}
h2.mailing_list a {
color: #8d8a7c;
}
h2.mailing_list a:hover {
text-decoration: underline;
}
#nav {
list-style: none;
font-size: 1.4em;
line-height: 1em;
padding: 8px 0;
text-align: center;
background: #A59D86 url(images/nav_footer_bg.jpg) repeat-x;
border-bottom: 1px solid #BEB8A5;
}
#nav li {
display: inline;
padding: 0 10px 0 23px;
text-transform: uppercase;
background: url(images/nav_bullet.jpg) no-repeat left center;
}
#nav li.first {
background: none;
padding: 0 10px 0 0;
}
#nav li a {
color: #FFF;
text-decoration: none;
}
#nav li a:hover, #nav li.current_page_item a {
color: #333;
}

/* images and floats */
p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* #main */
#main ul {
padding-left: 1em;
list-style: none;
}
#main ul.menu {
list-style: none;
padding-left: 0;
}
#main ul.menu li {
margin-bottom: 1em;
}
#main ul.menu ul {
margin-bottom: 0;
font-size: 1em;
list-style: disc;
}
#main ul.menu ul li {
margin-bottom: 0;
}

/* #sidebar */
#sidebar ul {
list-style: none;
padding-left: 2em;
}
#sidebar h2, #sidebar h3 {
font-style: normal;
}
#sidebar h2 {
font-size: 1.4em;
line-height: 1em;
padding: 10px 0;
border: 1px #DAD5C2 double;
border-width: 3px 0;
color: #8d8a7c;
text-transform: uppercase;
text-align: center;
}
#sidebar.gallery h3 {
padding-left: 1em;
}


#sidebar.home p img {
max-width: 200px;
}
#sidebar.home .gallery-item, #main.category .gallery-item {
width: 100%;
padding: 0;
margin: 0 0 .9em 0;
text-align: left;
}
#main.category .gallery-item {
margin: 0 0 1.8em 0;
}
.slideshow {
width: 375px;
background: #EBE7DB url(images/slideshow_bg.jpg) repeat-y;
z-index: 10;
position: relative;
border: 1px solid #CCC;
}
.gallery-item {
width: 325px;
padding: 25px;
text-align: center;
overflow: hidden;
}
.gallery-item img {
border: 1px solid #BFBBA3;
padding: 3px;
margin: 0 auto;
}

/* main */

#intro {
width: 910px;
height: 300px;
margin: 0 35px 25px 35px;
z-index: 10;
position: relative;
background: #FFF;
}
#intro .gallery-item {
width: 910px;
padding: 0;
}
#intro .gallery-item img {
border: none;
margin: 0;
padding: 0;
}

/* footer */
#footer p {
font-size: 1.1em;
}

/* Mailing List Form */

fieldset {
text-align: left;
border: none;
font-size: 1.2em;
line-height: 1.5em;
}
.mc-field-group, .mc-address-group {
padding: .5em 0;
}
fieldset ul {
font-size: 1em;
margin: 0;
clear: both;
}
fieldset p {
font-size: 1em;
}
fieldset label {
display: block;
width: 150px;
float: left;
}