﻿body 
{
    background-color: #333330;
    font-family:"Trebuchet MS";
	font-size:8.5pt;
	color:#333333;
	margin:20px;
	margin-left: 0px;
	margin-top: 10px;
	text-align: center;
}

a.TopLinks:link, a.TopLinks:visited {
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-decoration:none;
}

a.TopLinks:hover {
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-decoration:underline;
}

.settingName
{
    font-size:9pt;
    color:#333333;
}

.settingPrice
{
    font-size:8pt;
    color:#333333;
}

h3
{
    color:#627282;
}

h4
{
    color:#000000;
}

h2
{
    color:#627282;
}

h5
{
    color:#627282;
}

.pricejewelry
{
    color:#627282;
}

.sectionTitles
{
    color:#333333;
    font-weight:bold;
}

a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #333333;
	text-decoration:underline;
}
a:active {
	color: #333333;
	text-decoration:none;
}

.toplinks 
{
    font-size:8pt;
}

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("images/magminus.cur"), pointer;
}

.sidelinks
{
    font-size:9pt;
    font-family:Trebuchet MS;
}
.featured
{
    color:#32679B;
    font-size:9pt;
    font-family:Trebuchet MS;
}
.featuredprice
{
    color:#32679B;
    font-size:14pt;
    font-family:Trebuchet MS;
}
.featuredgray
{
    color:Gray;
    font-size:9pt;
    font-family:Trebuchet MS;
}

/* ----------------------------------------------------------------------
								MAINPANE/POSTS
-------------------------------------------------------------------------*/
#contentPane	
{
	float: left;
	width: 100%;
	margin-right: -300px;
}

#posts 
{
	margin-right: 300px;
	padding:0px 32px 32px 32px;
	background:#fff url('image/background_content.jpg') center repeat-y;
}

#posts .post
{
	margin-top:32px;
	padding:12px 0px 0px 16px;
	background: #FFF url(post-bg.png) repeat-x;
	border:solid 1px #EEEEEE;
}

#posts h4.dayHeader
{
	font:1.0em 'Trebuchet MS', Verdana, sans-serif;
	margin:0px;
	padding:0px;
	font-style:italic;
	color:#aaaaaa;
}

.post h2.title
{
	padding:12px 0px 0px 0px;
}

.post .author
{
	padding:12px 0px 0px 24px;
	color:#999;
}

.post .content
{
	padding:12px 0px 0px 0px;
}

.post .tags
{
	padding:12px 0px 0px 24px;
	color:#999;
}

.post .tags a
{
	text-decoration:underline;
}

.post .content p	
{
	padding:8px;
}

.blogEntryEditLinks
{
	margin:12px;
	padding:4px 4px 4px 12px;
	background-color:#f0fae4;
}
.balloon  {
	width: 315px;
}
.balloonmiddle {
	width: 295px;
	background-image: url(../images/balloonmiddle.gif);
	background-repeat: repeat-y;
	font-family: tahoma, arial;
	font-size: 10px;
	font-style: normal;
	padding-left:10px;
	padding-right:10px;
}
.balloontop {
	width: 315px;
	background-image: url(../images/balloontop.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.balloonbottom {
	width: 315px;
	background-image: url(../images/balloonbottom.gif);
	height: 30px;
	background-repeat: no-repeat;
}

/* New Drop Down Menu Styles */
#menu {
width: 900px;
height:25px;
background: #000000;
margin-left:auto;
margin-right:auto;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 112px;
float: left;
}

#menu a, #menu h2 {
text-align:center;
font: bold 11px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
border:none;
}

#menu h2:hover {
color:#FFFFFF;
background: #336699;
text-transform: uppercase;
}

#menu a {
color: #FFF;
background: #596976;
text-decoration: none;
}

#menu a:hover {
color: #FFF;
background: #756148;
}

#menu li {
	position: relative;
	border:1px solid #000000;
}

#menu ul ul {
position: absolute;
z-index: 500;
width:250px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
	display: none;
}
div#menu ul li a
{
    border:1px solid #000000;
    margin:0px;
    padding:0px;
}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
	text-align:left;
	border:1px solid #000000;
}