/*---------------------------------------------------------------------------------
 CSS Document
 
 Default Stylesheet for H & H Jewelry Design
 
 version: 1.1
 website: http://www.hhjewelrydesign.com
 CSS Author: Jillian Caywood
 
 Webpages Primary Colors:
	Dark Green: #26362c
    Medium Green: #4f8363
	Light Green (Mint): #93b39f
	Brown: #9b784f
	Grey (Lines): #929a95
	Faded Purple: #cbc9cc
	Goldish: #dfce94
	Goldish-light: #f1e6b4
	White: #FFFFFF
    Black: #000000

 --------------------------------------------------------------------------------*/
 

/* General Settings 
---------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000; /*black*/
  font-size: small;
  background-image: url(images/background/pattern4.jpg);
  background-repeat: repeat;
  /*background-color: #003300; /*brown*/
  height: 100%;
}

body, td, div {
  font-size: small;
}

p {
  font-size: small;
  padding: 5px;
}

h1 {
  color: #26362c; /*Dark Green*/ 
  padding: 5px;
  font-weight: bold;
  font-size: large;
}

h2 {
  color: #4f8363; /* Medium Green*/
  font-weight: bold;
  font-size: medium;
  padding: 5px;
}

h3 {
  color: #26362c; /*Dark Green*/ 
  padding: 5px;
  font-size: small;
} 

h4, h5, h6 {
  color: #000000; /*black*/
  font-weight: bold;
  padding: 5px;
}

code, pre {
  font-family: courier, monospace;
  color: #CCCCCC; /*light grey*/
}
 
img {
  display: block;
  border: 0;
}

/*#content ul, ol {
  margin-left: 30px;
  padding: 5px;
}*/

ul, ol {
  margin-left: 15px;
}

.clear {
  clear: both;
}



/* Default Link Attributes
Note: a:visited must be placed before a:hover to work properly
---------------------------------------------------------------------------------*/

a {
  font-weight: normal;
}

a:link, a:visited {
  text-decoration: underline;
  color: #000000; /*black*/
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a img { 
  border: none;
}
 
/* Main Containers
---------------------------------------------------------------------------------*/

#wrapper {
  background-image: url(images/side-background.gif);
  background-repeat: repeat-y;
  background-color: #ffffff; /* white */
  text-align: left;
  border-left: 2px solid #26362c; /*Dark Green*/
  border-right: 2px solid #26362c; /*Dark Green*/
  border-top: 2px solid #26362c; /*Dark Green*/
  width: 801px;  
  left: 50%;
  margin: 0 0 0 -399px;
  position: relative;
  min-height: 100%;
}

#wrapper-special {
  background-color: #ffffff; /* white */
  text-align: left;
  border-left: 2px solid #26362c; /*Dark Green*/
  border-right: 2px solid #26362c; /*Dark Green*/
  border-top: 2px solid #26362c; /*Dark Green*/
  width: 801px;  
  left: 50%;
  margin: 0 0 0 -399px;
  position: relative;
  min-height: 100%;
} /* wrapper-special is for the pages that do not use a side menu. the only difference is there is no yellowish bar down the side*/

* html #wrapper {
  height: 100%;
}

* html #wrapper-special {
  height: 100%;
}

#header { 
  margin: 0; /* top 20px for green */
  /*border-bottom: 2px solid #ffffff;*/
  /*border-top: 2px solid #ffffff;*/
  background-color: #26362c; /*Dark Green*/
}

/*#top { 
  /*background-color: #4f8363; /* Medium Green*/
/*}*/

.logo {
float: left;}

#header img { 
 display: inline;
 vertical-align: top;
 /*border: 1px solid #CC0000;*/
}

#header ul {
  /*border: 1px solid #CC0000;*/
  /*margin-left: 210px;
  vertical-align: top;*/

}

#header li {
  list-style: none;
  display: block;
  border-bottom: 1px solid #333333; /*dark grey*/
  border-top: 1px solid #333333; /*dark grey*/
  border-left: 2px solid #333333; /*dark grey*/
  width: 98px;
  text-align: center;
  float: left;
  height: 39px;
  background-color: #93b39f; /*Light Green (Mint)*/ 
}

#header a {
  color: #333333;
}

#header a:link, a:visited {
  text-decoration: none;
}

#header a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

#header a:active {
  text-decoration: none;
}


/* Sub Menu
---------------------------------------------------------------------------------*/



#sub-nav {
  width: 201px;
  float: left;
  /*background-color: #f1e6b4;*/
  padding-bottom: 20px;
  /*border: 1px solid #000000;*/
}

#sub-nav ul li {
  list-style-type: none;
  margin: 0 0 2px 10px;
  padding: 0 0 5px 0;
  /*border: 1px solid #000000;*/
  display: block;
}

#sub-nav h1 {
  font-size: small;
  padding: 20px 0 5px 15px;
}

#sub-nav h2 {
  font-size: small;
  color: #006600;
  padding: 20px 0 5px 15px;
}

#sub-nav a {
  font-weight: normal;
  text-decoration: none;
}

#sub-nav a:link, a:visited {
  text-decoration: none;
  color: #000000; /*black*/
}

#sub-nav a:hover {
  text-decoration: none;
  color: #4f8363; /* Medium Green*/
}

#sub-nav a:active {
  text-decoration: none;
}

#sub-nav a img { 
  border: none;
}
 


/* Main Content Area
---------------------------------------------------------------------------------*/

#content {
  /*border: 1px solid #000000;*/
  margin: 0 0 0 203px;
  padding-left: 10px;
  padding-top: 15px;
  width: 585px;
  min-height: 400px;
  padding-bottom: 500px; /*This effects the page scrolling and footer- was 90  JCW*/
}


#content h1 {
  float: right;
  font-size: x-large;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
  padding: 15px;
  color: #006600;
}

#content h5 {
  padding: 10px 0 20px 0;
}

#content-side img {
  padding: 3px;
  float: right;
  border: 1px solid #929a95; /* Grey (Lines) */
}

#content-side {
  float: right;
  text-align: right;
   /*border: 1px solid #929a95; /* Grey (Lines) */
  width: 295px;
  font-size: x-large;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
  padding: 0 0 0 15px;
}

#content ul {
 padding-left: 15px;
}

#content-fullpage {
  padding-left: 10px;
  padding-top: 15px;
  min-height: 400px;
  padding-bottom: 90px; /*This effects the page scrolling and footer*/
}

#content-fullpage h1 {
  float: right;
  font-size: x-large;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
  padding: 15px;
  color: #006600;
}

#content-fullpage h5 {
  padding: 10px 0 20px 0;
}

#specialiframe {
  margin: 0 0 0 -9px;
  padding: 0 0 0 0;
}

/* HOMEPAGE Content Area
---------------------------------------------------------------------------------*/

#content-home {
  /*border: 1px solid #000000;*/
  /*margin: 0 0 0 203px;*/
  padding: 10px 10px 130px 10px;
  /*width: 496px;*/
  /*padding-bottom: 90px; /*This effects the page scrolling and footer*/
}

#content-home h1 {
  float: right;
  font-size: x-large;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
  padding: 15px;
  color: #006600;
}

#content-home h5 {
  padding: 10px 0 20px 0;
}

#content-side-home {
  float: right;
  margin-bottom: 10px;
  text-align: center;
  /*border: 1px solid #929a95; /* Grey (Lines) */
  width: 270px;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
}

#feature {
  margin-bottom: 10px;
  border: 1px solid #26362c; /*Dark Green*/
}

#feature h1 {
  padding: 3px;
  font-family: cursive, Georgia, Palatino Linotype, MS Serif, New York, serif;
  width: 263px;
  font-size: medium;
  font-weight: normal;
  background-color: #26362c; /*Dark Green*/
  color: #f1e6b4; /* Light Green (Mint)*/
}

#feature img {
  padding: 3px 0 0 20px;
  clear: both;
}

#specials {
  text-align: left;
  height: 242px;
  border: 1px solid #26362c; /*Dark Green*/
}

#specials h1 {
  padding: 3px;
  font-family: cursive, Georgia, Palatino Linotype, MS Serif, New York, serif;
  text-align: center;
  width: 263px;
  font-size: medium;
  margin-bottom: 15px;
  font-weight: normal;
  background-color: #26362c; /*Dark Green*/
  color: #f1e6b4; /* 93b39f Light Green (Mint)*/
}

#specials h2 {
  width: 243px;
  font-size: medium;
  color: #26362c; /*Dark Green*/
}

#specials img {
  padding: 3px 0 0 20px;
  clear: both;
}

#content ul-home {
 padding-left: 15px;
}

#specials p {
  padding-left: 20px;
}

#news h2 {
  background-color: #f1e6b4;
  color: #000000;
}

#news h3 {
  font-weight: bolder;
  color: #4f8363; /*Medium Green*/ 
  font-size: medium;
 }
 
#news .event {
  border-bottom: 1px dotted #93b39f;
  padding-top: 10px;
}

 a {
  border-bottom: 1px dotted #93b39f;
  padding-top: 10px;
}

#news .event a {
  color: #333333;
  text-decoration: underline;
}

#news .event a:link, a:visited {
  text-decoration: underline;
}

#news .event a:hover {
  text-decoration: none;
  color:  #333333;
}

#news .event a:active {
  text-decoration: underline;
}

/*#content-home {
  padding: 10px;
}

#content-side-home {
  float: right;
  text-align: right;
  width: 209px;
  font-size: x-large;
  font-family: Georgia, Palatino Linotype, MS Serif, New York, serif;
  padding: 0 0 0 15px;
}
*/



/* Forms
---------------------------------------------------------------------------------*/

fieldset {
  background: #DCE5E5;
  border: 1px solid #666666;
  margin: 10px 0;
  padding: 15px;
  width: 460px;
}

legend {
  font-weight: bold;
}

label {
  display: block;
}

textarea {
  width: 400px;
  height: 100px;
}

input.checkbox {
  float: left;
  margin-right: 5px;
}

input:focus, textarea:focus {
  background: #D1F1F3; /*Light Turquoise*/
}

input[type="text"], textarea {
  border: 2px solid #CCCCCC;
}


/* Footer Area
---------------------------------------------------------------------------------*/

#footer {
  /*background-color: #C30;/* #26362c; /*Dark Green*/
  color: #f1e6b4;
  border: 0; /*1px solid #C30;
  /*border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-left: 2px solid #ffffff;*/
  
  margin: -95px 0 0 -399px;
  		/*-37px 0 0 -399px
		negative top margin + footer container outside of wrapper + bottom margin on content 
		container = keeps footer stuck to the bottom of the page. This is the footerStickAlt trick:
		http://www.themaninblue.com/writing/perspective/2005/08/29/ */
  position: relative;
  left: 50%; 
  		/*this + left margin centers footer on page*/
  width: 803px;
  /*height: 85px; /*logos 291x55*/
  /*border: 1px solid #000000;*/
}

.right {
text-align:right;
}

.smicon img {
display: inline;
}

.smicon {
height: 80px;
}

#footer p {
}

#footer table {
width: 100%;
/*border-bottom: 2px solid #ffffff;*/
font-size: x-small;
background-color: #26362c; /*Dark Green*/
}

#footer table td {
font-size: x-small;
padding: 5px 10px;
}

.copyright {
  text-align: right;
}

.address {
  width: 160px;
  }

#footer p a {

}

#footer p a:hover {

}