body {
	font-family:Arial, sans-serif;
	font-size: 100%;
	background-color: #E8E8E8;
	margin:10px;
}



p {


	 font-family: Georgia, serif;


	font-size: 0.875em;


	line-height:1.75em;



}
*
{
  margin: 0;
  padding: 0;
  outline: 0;
}

#text
{
  margin: 0 auto;
  width: 630px;
  margin-bottom: 10px;

  }



h1 {


	font-size: 1.5em;

 
	


	line-height:1.5em;


	font-weight: normal;
	font-family:'Courgette', cursive;


}





h2,h3{


	font-size:1.125em;
	font-weight:lighter;
	text-transform:uppercase;
	letter-spacing:0.2em;


}

h2
{
	color:#990033;
	
}

h3 {


	font-size:0.875em;


	letter-spacing:0.1em;


}
#sidebar h3 {
	color: #990033;
}




p, h1, h2, h3, h4,h5,h6 {

 	

margin-bottom: 20px;



}

 h4,h5,h6{
	 
	 font-weight:lighter;
	text-transform:uppercase;
	text-align:center;
 }

ul {


	font-size: 0.875em;


	/*background-color: #E5DAB3;*/


	list-style-position: inside;


}



ol {


	font-size: 0.875em;


}



#wrap {
	background-color: #9E103F;
	width: 960px;
	margin: 0 auto;
    
	



}




#innerwrap {
	background-color: white;


}



#innerwrap:after{


	content: ".";


	display: block;


	clear: both;


	height: 0;


	visibility: hidden;


}




#masthead {
	background-color: #FFFFFF;
}



#tagline {
	font-family: 'Courgette', cursive;
	font-size: 2em;
	color: #990033;
	font-weight: bold;
	float: right;
	display:inline;
	
	margin: 1.5em 1.5em 0 0;

}


	nav {
	background-color: #FF9999;
	height: 40px;


	}


	nav li {
	float: left;
	width: 118px;
	height: 40px;
	background-color: #FF9999;
	text-align: center;
	border-left: 1px black solid;
	border-right: 1px black solid;
	line-height: 40px;
	font-family:Verdana, sans-serif;
	/*font-weight:bold;*/
	list-style:none;

}



	nav ul li a {
	color: #FFFFFF;
	background-color: #FF9999;
	text-decoration: none;
	display: block;
}



	nav ul li a:hover
	 {
	background-color: #990033;
	color: #FF9999;
	text-align: center;
	
	}


body#home .nav-home, body#about .nav-about,body#contact .nav-contact,body#products .nav-products,body#order .nav-order,body#jewelryofthemonth .nav-jewelryofthemonth,body#sale .nav-sale,body#newitems .nav-newitems
  {
	background-color:#990033;
	color:#FF9999;
	}


.thumbnail
{
 width:199px;
 margin:0 auto;
 float:left;
}
.photo
{
	float:left;
}

#introduction-content
 {
	width: 600px;
	float: right;
	
	text-align: justify;
	


}
/*aside*/
#sidebar {
	float: left;
	width: 300px;
	background-color:#FF9999;
	padding:10px;
	margin-top:20px;
	margin-left:20px;
}



#introduction-content p, #introduction-content h1, #introduction-content h2, #introduction-content h3, #sidebar p, #sidebar h2, #sidebar h3 {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 0.875em;
	text-align: center;

	}
	
#innerwrap p  
{
	text-align: center;
	padding-right: 10px;
}
#innerwrap section#introduction-content p
{
	text-align:left;
}
		 

 aside#sidebar p
 {
	 text-align:left;
 }
 
#sidebar h2
{
	color: #990033;
	padding: 5px;
	font-size: xx-large;
	
	
	
}

#sidebar p
{
	margin: 15px 10px 10px 20px;
	font-size: medium;
		
}
article p {
	font-size: large;
	margin-right:5px;
}
article header h2,article header p, article header h3
{
	text-align:center;
}

#sidebar img
 {
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid;


}


section#introduction-content article footer p
{
	text-align:left;
	
}
section#introduction-content article footer p a,section#introduction-content footer p a,div#innerwrap footer p a, section#introduction-content p a
{
	color:#326500;
	text-decoration:none;
}
section#introduction-content article footer p a:hover,section#introduction-content footer p a:hover,
div#innerwrap footer p a:hover,section#introduction-content p a:hover
{
	color: #FF00CC;
	
}
	
section#introduction-content article p
{
	text-align:left;
}
section#introduction-content article aside.articleaside p
{
	text-align:left;
}

#introduction-content h1,#introduction-content h2#mission,#introduction-content h2#aboutus,#introduction-content h2#contactus,#introduction-content h2#customerservice,#introduction-content h2#newitems,#introduction-content h2#privacy,#introduction-content h2#products,#introduction-content h2#sales,#introduction-content h2#specials,#introduction-content h2#useragreement,#introduction-content h2#orderheading
{
	margin-top: 15px;
	font-family: 'Courgette', cursive;
	font-size: 2em;
	font-weight: bolder;
	color: #990033;
	text-transform: uppercase;
}
	
	
#introduction-content h2, #sidebar h2 {
	margin-top: 15px;
	font-family:'Courgette',cursive;
	font-size: 1.25em;
	font-weight: lighter;

}



.articleaside	{
	float: left;
	clear:both;
	display:inline;
	width: 12em;
	background-color: #FF9999;
	padding: 1em 0 1em 1em;
	margin: 0 0.5em 0.2em 1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
section#introduction-content article aside.articleaside h3 {
	text-align:center;
}


section#introduction-content article aside.articleaside p 	{


	margin: 6px;
	text-align:center;


}
section#introduction-content article aside.articleaside p a
{
	color:#326500;
	text-decoration:none;
}
section#introduction-content article aside.articleaside p a:hover {
	color: #FF00CC;
	
}



/*footer*/
	#siteinfo {
	clear: both;
	width: 960px;
	/*height: 129px;*/
	/*padding-top: 10px;*/	
	/*position:relative*/
	margin-top:4px;
	padding-top:9px;
	padding-bottom:10px;
	background-color:#990033;



	}


	/*footer p*/
	#siteinfo p {
	margin:5px 0 5px 0;
	/*padding: 3px;*/
	/*width: 315px;*/
	font-family: Geneva, sans-serif;
	font-size: 0.689em;
	color: #FFFFFF;
	text-align:center;
	
}

	#siteinfo p a 
	{
	color: #FFFFFF;
	text-decoration:none;
	}
	
	#siteinfo p a:hover
	{
	color: #FF9999;
	/*color:#000000;*/
	}
	
	#sidebar p a 
	{
		color: #000000;
		text-decoration:none;
	}
	#sidebar p a:hover
	{
		color: #990033;
		
	}
		

#sidebar p strong {
	font-weight:normal;
		color:#990033;
	
}
/*beginning of form styles*/
#contactform {
	width:300px;
	margin-top:10px;
	margin-left:155px;
	background-color: #FF9999;
	padding: 20px;
	border: solid #6E3E4D 2px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#contactform li {
	font-family:Arial, sans-serif;
	font-size:.8em;
}
.formlist {
	list-style:none;
}
input#submit
{
	margin-left:90px;
	margin-right:10px;
	margin-bottom:10px;
}

section#introduction-content form#contactform fieldset#contactinfo h2.formheading 
{
	margin-top:10px;
	margin-left:0px;
	padding:10px;
	padding-left:15px;
	font-family: Georgia, serif;
	font-size:1.1em;
	color:#990033;
}
section#introduction-content form#contactform fieldset#contactinfo ul.formlist p
{
	font-size:medium;
}
fieldset {
	border:none;
}
#contactform label {
	width:110px;
	display:inline-block;
	/*text-align:right;*/
	margin-left:0px;
	font-size: 13px;
	margin-top:5px;
	margin-bottom:10px;
	/*margin-right:2px;*/
	font-family:Arial, sans-serif;
}
#contactform label[for=yes],#contactform label[for=no] 
	{
		float:none;
	}

	

	
/*end of form tags*/

	.posttime {


	color: gray;


	}
	#logo
	{
		background-image:url(images/baubles_galore_logo.png);
		background-repeat:no-repeat;
		height:150px;
		width:300px;
		
	}
	#logo a
	{
		  display: block;
  width: 100%;
  height: 100%;
  border:0;
	}
	.pink {
	color: #FF9999;
	}
	#author {
		color:#990033;
	}
	.bold
	{
		font-weight:bold;
	}
	#mobilenav{
		display:none;
	}

	figure{
float: right;
display: inline;
/* border: 1px solid gray; */
padding: 0.23em;
margin: 0 1.5em 1.5em 0;
display: block;
text-align: center;
margin-left: 10px;
}
	
	figure div
	{
		text-align:center;
	}
	figure div div img
	{
		text-align:center;
	}
	figcaption {
		text-align:center;
		font:italic 0.9em Georgia, "Times New Roman", Times,serif;
		
		
	}
	
	strong  {
		font-weight:normal;
		color:#4C9C00;
	}
	
	
	/*for moblile*/
@media only screen and (max-device-width: 480px){
		/*@media only screen and (max-width: 480px){*/	
	
	
	body
	{
		padding:5px;
		margin:10px;
		width:auto;
		font-size:100%;
		display:block;
		
		
		
	}
		#wrap
	{
		width:auto;
		margin-top:20px;
		/*text-align:center;*/
		
		
	}
		
	
	
	#logo
	{
	background-image:url(images/baubles_galore_mobile_logo.png);
		width:300px;
		height:79px;
		display:block;
		margin:0 auto;
		background-repeat:no-repeat;
		
		
				
		
	
	}
	#logo a
	{
	  display: block;
  width: 100%;
  height: 100%;
	}
	#introduction-content 
	{
		text-align:center;
		width:auto;

		

	}
	
		
	#introduction-content h1
	{
	margin: 0 auto;
	padding:5px;
	font-family: 'Courgette',cursive;
	/*font-weight: bolder;*/
	text-align: center;
	/*margin-left:45px;*/
	}
#introduction-content h2
	{
		text-align:center;
		/*padding:5px;*/
	}
	 
#tagline,nav,nav li,#sidebar p a,#sidebar h3,#sidebar h2,#sidebar img,#sidebar p img,#sidebar p strong,aside#sidebar p img,aside#sidebar p span.pink,#innerwrap aside#sidebar h2,aside#sidebar p,aside#sidebar,#sidebar
{
	display:none;
}
	
	
	
	#mobilenav{
	display: block;
	background-color: #990033;
	clear: none;
	color:#FFFFFF;

	}
	header #masthead
	{
		margin:0 auto;
		display:block;
	}
	#mobilenav li{
		float:none;
		width:auto;
	}
	#mobilenav ul {
	list-style: none;
	border-top: 1px solid #990033;
	/*margin-bottom: 15px;*/
}
#mobilenav ul li, #mobilenav ul li a {
	border-bottom: 1px solid #990033;
	text-align: center;
	font-weight: bold;
	/*background-color:#990033;*/
	color:#FFFFFF;
	font-size:1.5em;
}
#mobilenav ul a, nav ul a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	width: auto;
	text-decoration: none;
	background-color: #FF9999;
	font-family:"Arial", sans-serif;
}
#mobilenav ul a:hover, nav ul a:active, nav ul a:focus {
	background-color: #990033;
	color: #FF9999;
}

	
	
	h3 
	{	
		text-align:center;
		font-size:0.875em;
		letter-spacing:0.1em;
	}
	h2
	{
		text-align:center;
	}
	#siteinfo {
	clear: none;
	width: auto;
	height:auto;
	padding-top: 10px;
	text-align:center;
	padding-right:20px;
	
	}
	#siteinfo p {
	/*margin: 10px 0 0 20px;*/
	/*padding: 3px;*/
	width: auto;
	font-family: Geneva, sans-serif;
	font-size: 0.5em;
	color: #FFFFFF;
	text-align: center;
}

	#siteinfo p a {
	color: #FFFFFF;
	text-decoration:underline;
	
	}
	#siteinfo p a:hover
	{
	color: #FF9999;

	}

	
	
	footer,
	footer p 
	{
		clear:none;
		width:auto;
		height:auto;
		background-image:none;
		padding-top:20px;
		margin-top:0px;
		text-align:center;
	}
	p.jewel
{
	
	
	margin:0 auto;
	
}
#text
{
  margin: 0 auto;
  width: auto;
  height:auto;
 /* margin-bottom: 10px;*/

  }
	
	figure img,figure figcaption b,figure figcaption ,figure 
	{
		display:none;
	}

	
	#introduction-content article
 	{
		text-align:center;
	}
	
	



	

.articleaside, .articleaside p,.articleaside p a:hover, article aside.articleaside h3,article aside.articleaside {
	display:none;
}
	

	form 
	{
	margin: 0 0 0 0;
	padding: 0;
	}
	form#contactform
	{
		margin:8px;
	}
	#contactform 
	{
	
	width:auto;
	/*border: solid #6E3E4D 2px;*/
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	margin:auto;
	
	}
	#contactform fieldset 
	{
	margin-bottom:20px;
	width:auto;	
	}
	#contactform label 
	{
	font-size: 13px;
	width: auto;
	/*margin-right: 40px;*/
	/*text-align: left;*/
	
	}
	input#email
	{
		margin-left:30px;
	}
	input#phone
	{
		margin-left:27px;
	}
	
	input#city
	{
		margin-left:39px;
	}
	
	 select#state
	{
		margin-left:50px;
		margin-right:29px;
	}
	
	input#zip
	{
		margin-left:65px;
		margin-right:82px;
	}
	
	input#submit,input#reset
	{
		margin-right:20px;
		margin-left:10px;
	}
	
	
	
	#contactform label[for=yes],#contactform label[for=no] 
	{
		float:none;
		/*margin-right:5px;*/
		padding-right:30px;
	}
	
	label[for=no]
	{
		margin-right:5px;
		
	}
	
	input#necklaces
	{
		margin-left:30px;
		/*padding-left:10px;*/
	}
	label[for="rings"],label[for="necklaces"]
	{
		padding-right:10px;
	}


	legend 
	{
	color: #990033;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
	width:auto;
	
	}
	

section#introduction-content article footer p a,section#introduction-content footer p a,div#innerwrap footer p a ,section#introduction-content p a
{
	color:#326500;
	text-decoration:underline;
	width:auto;
	
}

	
	
.thumbnail
{
	float:none;
	margin:0 auto;
	width:auto;
	
	
		

}
.photo
{
	float:none;
	width:auto;
	
}
body#order #introduction-content p {
	/*text-align: left;*/
	font-family: Verdana, sans-serif;
	margin-left:90px;
	padding-left:45px;
	
}
table
{
	margin-left:30x;
	padding-left:85px;
	margin-right:10px;
	padding-right:5px;
	width:auto;
}
	

	
#introduction-content p {
	text-align: left;
	font-family: Verdana, sans-serif;
	/*margin-left:30px;*/
	/*padding-left:80px;*/
}
#innerwrap #sidebar p {
	text-align: left;
}
#innerwrap #sidebar p.pink {
	text-align:center;
}
p img
{
width:80%;
  left:0;
  right:0;
  display:block;
  margin:0 auto;
  height:auto;
  border:thin 1px black solid;
}
#introduction-content h2#orderheading
{
	margin-left:115px;
}
		}