@import url('reset-fonts.css'); /* YUI browser reset + fonts http://developer.yahoo.net/yui/license.txt  */


body{
background-color:#ffffff;
color:#2D2D2D;
font-family:verdana, arial, san-serif;
text-align:center;
margin:0;
background-image:url('../layout-images/tangentine-bg.gif');

}

/* layout styles */

#content-container{
width:100%;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#site-container{
width:850px;
margin-left:auto;
margin-right:auto;

}


    #header{
		width:100%;
}

#header a img, #header a:hover img{
border:none;
}
    	#logo{
			text-align:left;
			display:block;
}

    #site-content{
		border-left:3px solid #B82025;
			border-right:3px solid #B82025;		
			background-color:#ffffff; 
		
			background-image:url('../layout-images/site-content-bg.gif');
			
}

#product-nav{
padding:0;
margin:0;
}
 				#product-nav ul{
				text-align:right;
				margin-left:380px;
				
				}
				
									
        #product-nav ul li{
				display:block;
				float:left;
				list-style:none;
				height:48px;
			
					
}
        	
						 		#bracelets-button a{
								background-image:url(../layout-images/bracelets-button.png);
								background-position:0 0;
								background-repeat: no-repeat;			
								display:block;				 
								height:48px;
								width:123px;
}
 								

 								#bracelets-button a:hover, #bracelets-button.active  a:hover, #bracelets-button.active  a{
								background-image:url(../layout-images/bracelets-button.png);
								background-position:0 -52px;
								background-repeat: no-repeat;			
								height:48px;
										
								
}
								#necklaces-button a{
								background-image:url(../layout-images/necklaces-button.png);
								background-position:0 0;
								background-repeat: no-repeat;			
								display:block;				 
								height:48px;
								width:123px;
								
}

 								#necklaces-button a:hover, #necklaces-button.active a:hover, #necklaces-button.active a{
								background-image:url(../layout-images/necklaces-button.png);
								background-position:0 -52px;
								background-repeat: no-repeat;					
								height:inherit;		 
}

 								#rings-button a{
								background-image:url(../layout-images/rings-button.png);
								background-position:0 0;
								background-repeat: no-repeat;			
								display:block;				 
								height:48px;
								width:94px;
																 
}

 								#rings-button a:hover, #rings-button.active a:hover, #rings-button.active a{
								background-image:url(../layout-images/rings-button.png);
								background-position:0 -52px;
								background-repeat: no-repeat;			
}								
								#earrings-button a{
								background-image:url(../layout-images/earrings-button.png);
								background-position:0 0;
								background-repeat: no-repeat;			
								display:block;				 
								height:48px;
								width:112px;
																 
}

 								#earrings-button a:hover, #earrings-button.active a:hover, #earrings-button.active a{
								background-image:url(../layout-images/earrings-button.png);
								background-position:0 -52px;
								background-repeat: no-repeat;								 
}
				
/* hide the html text from display but have it visible for screen readers and search engine bots */				
#bracelets-button a span, #bracelets-button a:hover span, #necklaces-button a span, #necklaces-button a:hover span, #rings-button a span, #rings-button a:hover span, #earrings-button a span, #earrings-button a:hover span{
								display:none;
								height:0;
								width:0;
								}
												
       #primary-nav{
			 padding-left:5px;
			 height:42px;
			 background-color:#B82025;
			 clear:left;
			
			 
}

 			#primary-nav ul{
			float:left;
			width:790px;
			}
			 #primary-nav ul li{
			 float:left;
			 display:block;
			 list-style:none;
			 text-align:right;		
			 margin-left:12px;
} 
     	 					
								#blog-button{
								/*
								changed display to have single primary nav - keeping this in case I change my mind
								float:right;
								padding-right:5px;*/
								}
 								
								#home-button a{
								background-image:url(../layout-images/home-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;			
								width:50px;		
								height:35px;
								display:block;
								border-bottom:3px solid #B82025;
								}

 								#home-button a:hover, #home-button.active a:hover, #home-button.active a{
								background-image:url(../layout-images/home-button.gif);
								background-position:0 0px;
								background-repeat: no-repeat;			
								border-bottom:3px solid #ffffff					 
}								

								#about-button a{
								background-image:url(../layout-images/about-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;			
								width:52px;		
								height:35px;		 
								display:block;					 
								border-bottom:3px solid #B82025;
}

 								#about-button a:hover, #about-button.active a:hover, #about-button.active a{
								background-image:url(../layout-images/about-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;		
								border-bottom:3px solid #ffffff;						 
}

 								#contact-button a{
								background-image:url(../layout-images/contact-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;				
								width:67px;		
								height:35px;		 
								display:block;			
								border-bottom:3px solid #B82025;	 
}

 								#contact-button a:hover, #contact-button.active a:hover, #contact-button.active a{
								background-image:url(../layout-images/contact-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;	
								border-bottom:3px solid #ffffff;							 
}

 								#blog-button a{
								background-image:url(../layout-images/blog-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;				
								width:38px;		
								height:35px;		 
								display:block;			
								border-bottom:3px solid #B82025;	 
}

 								#blog-button a:hover, #blog-button.active a:hover, #blog-button.active a{
								background-image:url(../layout-images/blog-button.gif);
								background-position:0 0;
								background-repeat: no-repeat;	
								border-bottom:3px solid #ffffff;							 
}
					
			#home-button a span, #home-button a:hover span, .active #home-button a:hover span,#about-button a span, #about-button a:hover span, .active #about-button a:hover span, #contact-button a span, #contact-button a:hover span, .active #contact-button a:hover span, #blog-button a span, #blog-button a:hover span, .active #blog-button a:hover span{
			display:none;
			height:0;
			width:0;
			}
			
			 		
      #content{
			width:100%;	
			padding:0 0 5px 0;	
					
			
		
}
     #content .two-col #left-col{
			width:620px;
			margin:5px;
			
			float:left;
			min-height:500px;
}
      #content .two-col #right-col{
			width:180px;
			margin:5px;
			float:left;
			
		
}




       
      
        #footer{
				background-color:#B82025;
				height:30px;
				padding-left:2px;
				clear:both;
}
						#copyright{
						float:left;
						width:49%;
						padding-top:5px;
						color:#ffffff;
						font-weight:bold;
}
						 #terms{
						 	float:left;
							width:49%;		
							text-align:right;
							padding-top:5px	
}

/* full screen template*/
#content .full-screen #left-col{
width:800px;
background-color:red;
border-right:none;
}

#terms a{color:#ffffff; text-decoration:none;}
#terms a:hover{color:#ffffff; text-decoration:underline;}

/*two col box HP*/
.two-col-container #two-col-block-2{border-left:1px solid #B82025}
.my-other-sites{border-bottom:1px solid #B82025}
#my-other-sites-last{border:none}
.two-col-container .full-box{width:400px; margin:5px 0; padding:5px; float:left}
.two-col-container .full-box h2{padding:5px 0 5px 5px; margin:0;}
.two-col-container .full-box .description{float:left; margin:5px; width:200px;}
.two-col-container .full-box img{float:left; margin:5px;}
.two-col-container .full-box .description .etsy-button{display:block;clear:both; text-align:right;}
.two-col-container .shim{clear:both}
#content .two-col .full-box h2 a, #content .two-col  .full-box h2 a:hover{color:#ffffff; text-decoration:none;}

/* boxes */

.full-box{width:587px; margin:5px 0;}
.full-box h2{padding:5px 0 5px 5px; margin:0;}
.full-box .description{float:left; margin:5px;width:260px;}
.full-box img{float:left; margin:5px;}
.full-box .descriptions .etsy-button{display:block;clear:both; text-align:right;}
.shim{clear:both}
#content .full-box h2 a, #content .full-box h2 a:hover{color:#ffffff; text-decoration:none;}

/*Section specific styles*/
/* Bracelets */
.bracelets h1{color:#FF9933}  	
.bracelets .full-box{border:1px solid #FF9933}	
.bracelets .full-box h2{background-color:#FF9933;color:#ffffff;} 

/* Necklaces */
.necklaces h1{color:#339999}  	
.necklaces .full-box{border:1px solid #339999}	
.necklaces .full-box h2{background-color:#339999;color:#ffffff;} 

/* Rings */
.rings h1{color:#99CC33}  	
.rings .full-box{border:1px solid #99CC33;}	
.rings .full-box h2{background-color:#99CC33;color:#ffffff;} 
	
/* Earrings */
.earrings h1{color:#333366}  	
.earrings .full-box{border:1px solid #333366; }	
.earrings .full-box h2{background-color:#333366;color:#ffffff;} 	

/*generic html*/
h1{color:#B82025; font-weight:bold; font-size:140%;margin:5px 0;}
h2{color:#333333; font-weight:bold;font-size:120%;margin:5px 0;}
h3{color:#333333; font-weight:bold;font-size:110%;margin:12px 0;}
#content p,#content ul{margin:8px 0;}
#left-col p{width:95%;}

strong{font-weight:bold;}
#content ul li{list-style:none;margin:2px 0 2px 15px;}
#content a{color:#B82025;text-decoration:none;}
#content a:hover{color:#B82025;text-decoration:underline;}

/* form elements styling */
fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
}
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
fieldset.submit {  
border-style: none;
}

label {  
display: block;
}


.submit
{
padding: 0.25em;
background-color: #B82025;
color: #ffffff;
font-size: 75%;
font-weight: bold;
} 

/* buy on etsy button */
.buy-on-etsy{width:100%;
text-align:right;
}

.buy-on-etsy a span{
display:none;
height:0;
width:0;
}

.buy-on-etsy a{
background-image:url(../layout-images/buy-on-etsy.gif);
background-position:0 0;
background-repeat: no-repeat;
width:74px;
height:33px;
text-align:left;
float:right;
padding:0;
 }
 
 .buy-on-etsy a:hover{
background-image:url(../layout-images/buy-on-etsy.gif);
background-position:0 -32px;
background-repeat: no-repeat;
width:74px;
height:30px;
 }
 
 .block{
 padding:5px 0 8px 0;
 border-bottom:1px solid #cc3333;
 
 }
 
 #right-col .block{
 width:180px;

 }
 
 .link_block{
 padding:5px 0 8px 0;
 }
 .link_block a{
 display:block;

 }
 
 #content ul li{
 list-style:disc;

 }
 
 #content #mycarousel li{
 list-style:none;
 }
 
/*widgets */
.name_block a{color:#b82025 !important}

 /* blog specific css */
/* Comments */
#comments{}
.navigation{width:95%;}
.navigation .alignleft{width:49%; float:left;}
.navigation .alignright{width:50%; float:left; text-align:right}
.commentlist{width:95%;}
.commentlist li{padding: 5px 0; margin: 8px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.reply{width:100%;margin: 5px 0;}
#respond{width:95%;}
.cancel-comment-reply{}

/* comment form*/
#commentform{}
/*textarea in the form*/
#commentform #comment{width:95%;}
#commentform #submit, #searchform #searchsubmit, #submit{background-color:#B82025;color:#ffffff;font-weight:bold;border:1px solid #B82025}

.wordpress-text{margin-top:10px;color:#2d2d2d}
.wordpress-text a{text-decoration:none; color:#000000;}
.wordpress-text a:hover{text-decoration:underline;color:#000000;}

/*images uploaded through editor*/
.wp-caption{border:1px solid #e2e2e2; float:right;margin:5px; padding:0;}
.wp-caption img{text-align:center; display:block; padding:5px;}
.wp-caption-text{font-weight:bold; text-align:center;}
/*right-col*/

th{background-color:#e1e1e1} 
table tr{font-weight:bold; border:1px solid #333333}