/*  
Theme Name: Adam Rio
Theme URI: http://wordpress.org/
Description: The Rio Gems theme..
Version: 2.0
Author: Adam Altman
Author URI: http://adamaltman.com/

	Rio v2.0
	 http://www.riogems.com/gemblog/

	This theme was designed and built by Adam Altman,
	whose blog you will find at http://www.riogems.com/gemblog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body {margin: 0; padding: 0; background: #fff; font-family: verdana, sans-serif;}
form {margin: 0; padding: 0;}

.hidden, span {display: none;}

a {color: #0071BC;}
a:hover {color: #004877; text-decoration: none;}

img {border: none;}
#content img {border: none;}

#wrapper {width: 780px;}

#header {width: 780px; background: #F4F4F4 url("i/bg_header.gif") no-repeat 195px 2px; margin: 0;
padding: 0; border-bottom: 1px solid #C5C5C5; position: relative;}

#menu {list-style: none; margin: 0; padding: 0; background: url(../../g/bg/navigation.jpg) no-repeat; height: 22px; width: 584px; overflow: hidden; position: absolute; right: 0; bottom: 0;}
#menu li {float: left; list-style: none; margin: 0; display: inline;}
#menu li a {display: block; float: left; padding: 35px 0 0; overflow: hidden; height: 0px !important; height /**/: 35px; /* for IE5/Win */; margin: 0; font-size: 10px; width: 117px;}
#menu li#m-gemstones a {background: url("i/m_gemstones.gif") no-repeat;}
#menu li#m-gemstones a:hover {background: url("i/m_gemstones.gif") no-repeat -117px 0;}
#menu li#m-jewelry a{background: url("i/m_jewelry.gif") no-repeat;}
#menu li#m-jewelry a:hover {background: url("i/m_jewelry.gif") no-repeat -117px 0;}
#menu li#m-giftideas a {width: 116px; background: url("i/m_giftideas.gif") no-repeat;}
#menu li#m-giftideas a:hover {background: url("i/m_giftideas.gif") no-repeat -116px 0;}
#menu li#m-education a {width: 117px;background: url("i/m_education.gif") no-repeat;}
#menu li#m-education a:hover {background: url("i/m_education.gif") no-repeat -117px 0;}
#menu li#m-contactus a {background: url("i/m_contactus.gif") no-repeat;}
#menu li#m-contactus a:hover {background: url("i/m_contactus.gif") no-repeat -117px 0;}

h1 {background: url("i/logo.gif") no-repeat; margin: 0; width: 197px; height: 81px; padding: 0; overflow: hidden;}
h1 a {display: block; margin: 0; padding: 0; width: 197px; padding-top: 81px; overflow: hidden;}
h3 {font-size: 11px;}

#header p#bag {background: url("i/btn_bag.gif") no-repeat; margin: 0; width: 132px; height: 0; height: 59px; overflow: hidden; position: absolute; right: 0; bottom: 22px;}
#header p#bag a {display: block; margin: 0; width: 132px; padding-top: 59px;}

#sidebar {width: 187px; float: left; font-size: 10px; margin-bottom: 10px;}
#content {width: 589px; float: right; margin-bottom: 10px;}

#sidebar ul {padding: 0 0 5px 0; margin: 0 0 0 5px; list-style-type: none; border: 1px solid #E0E0E0; border-top: 0;}

#sidebar li {font-size: 11px; background: url("i/bullet.gif") no-repeat 5px 7px; padding-left: 20px; line-height: 17px;}

#sidebar #h_gemstone {background: url("i/h_gemstone.gif") no-repeat; margin: 0 0 0 5px; height: 22px;}
#sidebar #h_jewelry {background: url("i/h_jewelry.gif") no-repeat; margin: 0 0 0 5px; height: 21px;}
#sidebar #h_color {background: url("i/h_color.gif") no-repeat; margin: 0 0 0 5px; height: 21px;}
#sidebar #h_confidence {background: url("i/h_confidence.gif") no-repeat; margin: 0 0 0 5px; height: 27px;border-right: 1px solid #E0E0E0;}
#sidebar #h_newsletter {background: url("i/h_newsletter.gif") no-repeat; margin: 10px 0 0 10px; height: 16px;}

#footer {background: url("i/bg_footer.gif") repeat-x; font-size: 10px; padding: 10px 0; color: #898989;}
#footer #jvc, #footer #cards, #footer #rights {float: left; margin-right: 20px; margin-top: 10px;}
#footer #cards {font-weight: bold; color: #000;}

fieldset {border: none;}

.clearer {clear: both; height: 1px; margin: 0; padding: 0; overflow: hidden;}
.clearer2 {background: url("i/bg_clearer.gif") repeat-x; clear: both; height: 3px; margin: 2px 0 0 0; padding: 0; overflow: hidden;}

/* BLOG SPECIFIC STYLES */
#postmetadata p, a {color: #004877; font-size: 11px;}
#entrytext p {font-size: 11px;}
#content p {font-size: 11px; line-height: 140%;}


/* OLD SIDEBAR
#sidebar p, #sidebar fieldset {margin-left: 5px;}
#sidebar p {line-height: 140%; margin-top: 5px; margin-left: 5px; margin-bottom: 5px;}
#sidebar fieldset {margin-left: 5px; margin-bottom: 5px;}
#sidebar fieldset p {margin: 0; padding: 0;}
*/

#sidebar p, #sidebar fieldset {margin-left: 5px;}
#sidebar p {line-height: 140%; margin-top: 5px; margin-left: 5px; margin-bottom: 5px;}
#sidebar fieldset {margin-left: 5px; margin-bottom: 5px;}
#sidebar fieldset p {margin: 0; padding: 0;}

#sidebar fieldset {padding: 0; margin: 0; position: relative; height: 60px; width: 180px;}
#f-name {width: 159px; height: 18px;}
#f-email, #f-search {width: 124px; height: 18px;}
#sidebar fieldset .s-n {padding-left: 10px;}

/* SEARCH BOX */
#search {width: 180px; margin: 5px 0 0 0; padding: 0; border: none; overflow: hidden; float: left; background: url("i/bg_search.gif") repeat-x bottom left;}
#h_search {background: url("i/h_search.gif") no-repeat; margin: 0 0 0 10px; height: 14px; padding: 0;}
#search fieldset {padding: 0; margin: 0; position: relative; height: 35px;}
.s-l {margin: 0; width: 135px; padding: 0; position: absolute; left: 10px; bottom: 5px;}
.s-r {margin: 0; width: 35px; padding: 0; position: absolute; right: 0; bottom: 5px; height: 24px;}


/* NOTE */
#note {width: 589px; float: right; margin: 5px 0 0 0;}
#note strong {font-size: 11px; font-weight: bold; background: url("i/icon_car.gif") no-repeat 4px 4px; padding: 4px 4px 4px 35px; border: 1px solid #E5E5E5; display: block; margin: 0;}

/* CONTENT BOX */
#content h2 {background: #E7F3FB; border: 1px solid #BBDAEE; color: #0974B8; font-size: 13px; padding: 5px 10px; margin: 0;} 
#content h2#related {border: 2px solid #BBDAEE; margin: 10px 0;}
#content p, #content h3 {padding: 0 5px;}
#content #text p {font-size: 11px; line-height: 140%;}
#content #text {border: 1px solid #BBDAEE; padding: 5px; margin: 1px 0 0 0;}

#status {text-align: center; margin: 10px auto; width: 270px;}
#status p, #status h3 {margin: 2px; font-weight: normal;}
#status h3 {margin-bottom: 5px;}
#status p label {width: 88px; display: block; float: left; margin: 0; text-align: right;}

/* JEWELRY-GEMSTONE PAGE START */
#path2 {background: #E7F3FB; border: 1px solid #BBDAEE; font-size: 13px; padding: 5px 10px; margin: 0; font-weight: bold;}

#productpic {text-align: center;}

#productdesc {float: right; width: 295px;}
#productdesc table {width: 295px; background: #F0F0F0; font-size: 11px;} 
#productdesc caption {background: #E7E7E7; font-size: 12px; color: #525252; text-align: left; font-weight: bold; padding: 5px; border-bottom: 1px solid #fff;}
#productdesc th {background: url("i/bullet.gif") no-repeat 6px 6px; font-weight: normal; padding: 3px; text-align: left; padding-left: 20px;} 
#productdesc td {padding: 3px;} 

#productdetails {float: left; width: 270px;}
#productdetails h2 {text-decoration: underline; color: #0071BC; font-family: times, serif; font-size: 17px; border: none; background: none; padding: 0; margin: 5px 3px;}
#productdetails p {color: #525252; padding: 0; margin: 0 3px; text-align: justify;}
#productdetails p strong {color: #0071BC; font-size: 12px;}
#productdetails p#thumbdesc {color: #000; font-size: 10px; text-align: center;}
#productdetails #bag2 {text-align: right; margin: 0 3px;}
#productdetails em {text-decoration: line-through; font-style: normal;}
#productdetails #thumb {margin: 10px 3px;}
#productdetails #thumb a {padding: 0; display: block; float: left; margin: 0;}
#productdetails #thumb a img {margin: 0; padding: 2px; border: 1px solid #CECECE;}

#productdesc-gem {float: right; width: 320px;}
#productdesc-gem caption {background: #E7E7E7; font-size: 12px; color: #525252; text-align: left; font-weight: bold; padding: 5px; border-bottom: 1px solid #fff;}
#productdesc-gem table {width: 317px; background: #F0F0F0; font-size: 11px;} 
#productdesc-gem th {background: url("i/bullet.gif") no-repeat 6px 6px; font-weight: normal; padding: 3px; text-align: left; padding-left: 20px;} 
#productdesc-gem td {padding: 3px;} 
#productdesc-gem h2 {text-decoration: underline; color: #0071BC; font-family: times, serif; font-size: 17px; border: none; background: none; padding: 0; margin: 5px 3px;}
#productdesc-gem p {color: #525252; padding: 0; margin: 0 3px; text-align: justify;}
#productdesc-gem p strong {color: #0071BC; font-size: 12px;}
#productdesc-gem p#thumbdesc {color: #000; font-size: 10px; text-align: center;}
#productdesc-gem #bag2 {text-align: right; margin: 0 3px;}
#productdesc-gem em {text-decoration: line-through; font-style: normal;}
#productdesc-gem #thumb {margin: 10px 3px;}

#productdetails-gem {float: left; width: 240px; padding-top: 3px;}
#productdetails-gem h2 {text-decoration: underline; color: #0071BC; font-family: times, serif; font-size: 17px; border: none; background: none; padding: 0; margin: 5px 3px;}
#productdetails-gem p {color: #525252; padding: 0; margin: 0 3px; text-align: justify;}
#productdetails-gem p strong {color: #0071BC; font-size: 12px;}
#productdetails-gem p#thumbdesc {color: #000; font-size: 10px; text-align: center;}
#productdetails-gem #bag2 {text-align: right; margin: 0 3px;}
#productdetails-gem em {text-decoration: line-through; font-style: normal;}
#productdetails-gem #thumb {margin: 10px 3px;}
#productdetails-gem #thumb a {padding: 0; display: block; float: left; margin: 0;}
#productdetails-gem #thumb a img {margin: 0; padding: 2px; border: 1px solid #CECECE;}
/* JEWELRY-GEMSTONE PAGE END */

/* PRODUCT LIST PAGE START */
#path {font-size: 12px; font-weight: bold; margin: 0 10px 10px 10px;}

#description {float: right; width: 380px; text-align: right; margin: 0; padding: 0;}
#description h2 {margin: 0; padding: 0; color: #0071BC; font-family: georgia, serif; font-size: 32px; background: none; border: none; font-weight: normal;}
#description p {font-size: 12px; text-align: left; line-height: 140%;}

#results {float: left; width: 180px; overflow: hidden; font-size: 11px; margin: 0; padding: 0;}
#results ul {color: #0071BC; margin: 0; padding: 0; padding-left: 15px;}
#results li {list-style-type: none; line-height: 140%; padding: 1px;}
#results p {margin: 0; padding: 1px; padding-left: 16px; line-height: 140%;}

#productlist {padding: 0 0 0 5px; margin: 10px 0 0 0;}
#productlist p {border-top: 1px solid #D4D4D4; text-align: right; font-size: 12px; padding-top: 3px; margin: 0 0 10px 0;}

.productline {float: left; width: 190px; margin-bottom: 20px;}
.productline h3 {font-size: 12px; margin: 5px 0; width: 140px; line-height: 140%;}
.productline a {text-decoration: none; line-height: 140%;}
.productline p a {font-size: 11px;}
#productlist .productline p {font-size: 10px; margin: 0; width: 140px; border: none; text-align: left; line-height: 140%;}
.productline p strong {color: #0071BC;}
.productline em {text-decoration: line-through; font-style: normal;}
/* PRODUCT LIST PAGE END */

/* HOME PAGE START */
#h-featured {border: 1px solid #E5E5E5; background: url("i/bg_h-featured.jpg") no-repeat; height: 260px; overflow: hidden; margin: 0 0 10px 0; position: relative;}
#h-featured h2 {background: url("i/h_h-featured.gif") no-repeat; border: none; margin-left: 235px; height: 48px; margin-top: 10px;}
#h-featured h3, #h-featured p {margin: 5px; margin-left: 230px; margin-right: 150px;}
#h-featured h3 {font-size: 12px; margin-right: 10px;}
#h-featured .product {position: absolute; right: 5px; top: 95px; margin: 0;}
#h-featured .bag2 {position: absolute; right: 120px; bottom: 5px; margin: 0;}
#h-featured p {font-size: 10px; line-height: 140%;}
#h-featured p strong {color: #0071BC;}
#h-featured p em {text-decoration: line-through; font-style: normal;}

#h-popular {float: right; width: 200px; background: none;}
#h-collections {float: left; width: 380px; background: none;}

#h-popular h2, #h-collections h2 {display: none;}

#h-collections .productline {float: left; width: 185px; margin-bottom: 25px;}
#h-collections .productline h3 {font-size: 12px; margin: 5px 15px; line-height: 140%;}
#h-collections .productline a {text-decoration: none;}
#h-collections .productline p a {font-size: 11px;}
#h-collections .productline p {font-size: 10px; margin: 0 15px; border: none; text-align: left; line-height: 140%;}
#h-collections .productline p strong {color: #0071BC;}
#h-collections .productline em {text-decoration: line-through; font-style: normal;}

#h-popular .productline {width: 185px; margin-bottom: 25px;}
#h-popular .productline h3 {font-size: 12px; margin: 5px 15px; line-height: 140%;} 
#h-popular .productline a {text-decoration: none;}
#h-popular .productline p a {font-size: 11px;}
#h-popular .productline p {font-size: 10px; margin: 0 15px; border: none; text-align: left; line-height: 140%;}
#h-popular .productline p strong {color: #0071BC;}
#h-popular .productline p strong {color: #0071BC;}
#h-popular .productline em {text-decoration: line-through; font-style: normal;}

#columns {background: url("i/bg_columns.gif") repeat-y;}

#columns-h {background: url("i/bg_columns-h.gif") no-repeat; height: 33px; margin: 0;}
#columns-f {background: url("i/bg_columns-f.gif") no-repeat; height: 1px; overflow: hidden; margin: 0;}