* {
 margin: 0;
 padding: 0;
}

body {
 background-color: #969;
 color: #000;
 font-family: verdana,arial,helvetica,sans-serif;
 font-size: 0.8em;
 line-height: 1.5em;
 text-align: center;
}

#container-upper {
 background-image: url(../images_/shadow-u.png);
 background-position: top center;
 background-repeat: repeat-y;
 margin: 0 auto;
 width: 780px;
}

#container-lower {
 background-image: url(../images_/shadow-l.png);
 background-position: top center;
 background-repeat: no-repeat;
 margin: 0 auto;
 width: 780px;
 height: 25px;
}

#contentcontainer {
 background-color: #fff;
 margin: 0 auto;
 text-align: left;
 width: 750px;
}

#header {
 background-color: #ede;
 background-image: url(../images_/natty_jewels_logo.jpg);
 background-position: top left;
 background-repeat: no-repeat;
}

#header h1 {
 display: none;
 font-size: 2em;
 letter-spacing: 2px;
 padding: 50px 5px 0;
}

#header h2 {
 font-size: 1.2em;
 padding: 125px 0 10px;
 text-align: center;
}

.content#home {
 padding-top: 0;
 background-color: #646;
 clear: both;
}

.content p {
 padding: 5px;
}

.content ul {
 padding: 0 5px 10px 35px;
}

#latest-container {
 width: 220px;
}

#box-container {
 text-align: center;
 width: 240px;
}

#about-container {
 width: 290px;
}

#latest-container,
#box-container,
#about-container {
 display: inline;
 float: left;
 margin: 0;
 padding: 0;
}

#latest-container .item-header {
 background-image: url(../images_/new1.png);
}

#about-container .item-header {
 background-image: url(../images_/welcome1.png);
}

.item-header {
 background-color: #ede;
 background-position: top left;
 background-repeat: no-repeat;
 height: 30px;
}

.inner {
 background: #ede;
 border: 1px solid #969;
 margin: 5px;
}

#about-container dd {
 padding: 0 0 10px 15px;
}

#latest-container dt {
 font-weight: 700;
}

#latest-container dd {
 padding: 0 0 0 15px;
}

#latest-container small {
 display: block;
 text-align: right;
}

img#addition {
 border: none;
 float: none;
 margin: 0;
 padding: 0 5px;
}

#box-container img {
 border: 1px solid #969;
 margin: 10px 0;
}

.info-box {
 background: #fff;
 display: inline;
 float: right;
 margin: 5px;
 width: 360px;
}

#contact fieldset {
 border: none;
 padding: 5px;
}

#contact #txt-name,
#contact #txt-email,
#contact #txt-message {
 border: solid 1px #969;
 margin: 0 0 10px;
 width: 360px;
}

.item-box-left,
.item-box-right {
 background: #fff;
 border: solid 1px #969;
 margin: 5px;
 width: 360px;
}

.item-box-left {
 display: inline;
 float: left;
}

.item-box-right {
 display: inline;
 float: right;
}

.item-box-left dt,
.item-box-right dt {
 background: #969;
 color: #fff;
 font-size: 1em;
 padding: 0 5px;
}

.item-box-left dd,
.item-box-right dd {
 padding: 0 5px 0 0;
}

.item-box-left img,
.item-box-right img {
 border: 1px solid #969;
 display: inline;
 float: left;
 margin: 5px;
}

.item-box-left small,
.item-box-right small {
 clear: both;
 display: block;
 text-align: right;
}

.shows {
 background: #fff;
 border: solid 1px #969;
 margin: 5px;
}

.shows h3 {
 background: #969;
 color: #fff;
 font-size: 1em;
 padding: 0 5px;
}

.shows h3 span {
 display: inline;
 float: right;
 font-size: 1em;
 font-weight: 400;
 padding: 0;
}

#shows small {
 clear: both;
 color: #969;
 display: block;
 text-align: right;
 padding: 0 5px;
}

#details h2,
#post h2 {
 font-size: 1.2em;
 padding: 10px 5px;
}

#post h4 {
 font-size: 1em;
 color: #999;
 padding: 0 5px;
 font-weight: normal;
}

#post img {
 border: 1px solid #969;
 display: inline;
 float: left;
 margin: 5px;
}

#details img {
 border: 1px solid #969;
}

#details #image {
 border: none;
 display: inline;
 float: left;
 margin: 0 0 10px;
}

#prev-next-nav {
 color: #ccc;
 display: inline;
 float: right;
 padding: 10px 5px;
}

#pagination-top-container {
 margin: 0;
 padding: 0;
}

#pagination-top-container ul#sort-by-type {
 color: #969;
 display: inline;
 float: right;
 padding: 0 5px;
}

#pagination-top-container ul#sort-by-type li {
 display: inline;
}

#pagination-top {
 color: #999;
 font-size: .85em;
 margin: 0;
 padding: 0 5px;
}

#pagination-bottom {
 color: #969;
 margin: 0;
 padding: 0 5px;
}

#blog ul {
 display: inline;
 float: right;
 list-style: none;
 padding: 5px;
 width: 125px;
}

#blog h4 {
 font-size: 1.1em;
 font-weight: 400;
 padding: 5px;
}

#blog dl {
 background: #fff;
 border: solid 1px #969;
 margin: 5px;
 width: 600px;
}

#blog dt {
 background: #969;
 color: #fff;
 font-size: 1em;
 padding: 0 5px;
}

#blog dt span {
 display: inline;
 float: right;
 font-size: 1em;
 font-weight: 400;
 padding: 0;
}

#blog dd img {
 border: 1px solid #969;
 display: inline;
 float: left;
 margin: 5px 10px 10px 0;
}

#blog dd {
 padding: 0 5px;
}

#blog dd small {
 clear: left;
 color: #969;
 display: block;
 text-align: right;
}

#footer {
 color: #969;
 padding: 0 5px;
 text-align: right;
 clear: both;
}

#popup {
 background: #ede;
 padding: 0 5px;
}

#popup p {
 font-size: 0.7em;
 text-align: right;
}

#popup h1 {
 font-size: 1em;
 text-align: left;
}

#popup img {
 border: 1px solid #969;
 margin: 5px auto;
}

hr,
.item-header h2 {
 display: none;
}

.clear,
.content {
 clear: both;
}

#about-container dl,
#latest-container dl {
 margin: 5px;
}

a,
a:link,
a:visited,
a:active {
 background: transparent;
 color: #969;
 text-decoration: none;
}

a:hover {
 background: transparent;
 color: #4c2;
 text-decoration: none;
}

#prev-next-nav a,
#prev-next-nav a:link,
#prev-next-nav a:visited,
#prev-next-nav a:active,
#pagination-bottom a,
#pagination-bottom a:link,
#pagination-bottom a:visited,
#pagination-bottom a:active {
 border: 1px solid #969;
 padding: 0 5px;
}

#prev-next-nav a:hover,
#pagination-bottom a:hover {
 border: 1px solid #4c2;
 padding: 0 5px;
}

#prev-next-nav span,
#pagination-bottom span {
 border: 1px solid #ccc;
 padding: 0 5px;
}

/*
navigation
*/

#navcontainer {
 background-color: #969;
 float: left;
 font-weight: 700;
 width: 100%;
}

#navcontainer ul {
 color: #000;
 margin: 0;
 padding: 0;
}

#navcontainer ul li {
 display: inline;
}

#navcontainer ul li a {
 background-color: #969;
 border-right: 1px solid #ede;
 color: #fff;
 float: left;
 padding: 0.2em 10px;
 text-decoration: none;
}

#navcontainer ul li a:hover {
 background-color: #ede;
 color: #000;
}

#navlist li a:hover,#navlist li a:active {
 background: #ccc;
 color: #000;
 text-align: left;
 text-decoration: none;
}

#navcontainer li#active a {
 background: #fff;
 color: #000;
}