/*=STRUCTURE
=== === === === === === === === === === */
body {
  font: normal 12px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #82796B;
  border-top: 5px solid #82796B;
  background: url('../images/pagebg.jpg') repeat-x;
}
#container {
  width: 890px;
  margin: 0 auto;
  text-align: left;
}
.col_full{
  /* when content takes up full site width */
  /* can aslo be used to wrap inner colums if container hook isn't enough */
  width: 100%;
  float: left;
  clear: both;
}
.col_large {
  /* when content is with one sidebar */
  float: left;
  padding:0 0 50px 0 ;
  width: 626px;
}
.col_medium {
  /* when content is with two sidebars */
  float: left;
	padding-top: 20px;
  width: 400px;
  overflow:hidden;
}
.col_small {
  /* sidebar next to content */
  float: left;
  width: 230px;
  padding:0 7px;
}
.spacing{
  /* set basic spacing for all content elements */
  padding: 0 5px 5px 5px;
}

/*=COMMON
=== === === === === === === === === === */
p{
  line-height: 150%;
  margin-top: 0;
}
h1, h2, h3, h4, h5, h6{
  line-height: 150%;
}
img {
  border: 0;
}
a:link, a:visited {
  color: #8DC54C;
  text-decoration: none;
}
a:hover, a:active {
  color: #70A435;
  text-decoration: underline;
}
blockquote {
  font-style: italic;
  border: 1px solid #cccccc;
  padding: 10px;
}
form {
  clear: both;
  padding: 0;
  margin: 0;
}
form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
form fieldset input.submitbutton {
  margin: 0 0 0 5px;
}

/*=HEADER
=== === === === === === === === === === */
#header h1 {
  font-size: 2em;
  font-weight: normal;
  line-height: 100%;
  margin: 4px 0 2px 0;
}
#title {
  float: left;
  background: url('../images/logo.jpg') no-repeat top left;
  padding: 0 0 0 64px;
  margin: 16px 0 0 0;
}
#title p {
  line-height: 8px;
  font-size: 0.9em;
}

/*=SEARCH BOX
=== === === === === === === === === === */
#search_site {
  float: right;
  margin-top: 3px;
  padding: 8px 0;
  width: 230px;
  background: url('../images/searchbox.jpg') no-repeat bottom;
}
#search_site #search {
  margin-bottom: 0;
}
#search_site form fieldset {
  padding: 0 10px;
}
#search_site .textfield {
  width: 104px;
  display: inline;
}
#search_site .submitbutton {
  font-size: 11px;
  display: inline;
}

/*=PROMO
unique areas such as home page banner
=== === === === === === === === === === */
#promo {  
  border-top: 3px solid #F5F3F1;
  border-bottom: 1px solid #D9D5D0;
}
#promo img {
  border-bottom: 1px solid #FFFFFF;
}

/*=NAVIGATION
=== === === === === === === === === === */

#navigation .menu_primary {
  border-bottom: 3px solid #82796B;
  text-transform: uppercase;
}

#navigation .menu_secondary {
  border-bottom: 1px solid #D9D5D0;
  background-color: #F5F3F1;
}

#navigation .menu_primary,
#navigation .menu_secondary {
  float: left;
  width: 100%;
  margin: 0;
  padding: 10px 0;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}

#navigation .menu_primary ul li,
#navigation .menu_secondary ul li {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}

#navigation a { text-decoration: none; }

/*=BODYAREA
=== === === === === === === === === === */
#bodyarea .col_full {
  background: url('../images/contentbg.jpg') repeat-x;
  width: 890px;
  border-bottom: 1px solid #E0DDDA;
}
#bodyarea h2 {
  clear: both;
  display: block;
  border-bottom: 2px solid #82796B;
  font-size: 1.5em;
  margin-top: 10px;
  margin-bottom: 5px;
}
#bodyarea h3 {
  clear: left;
  display: block;
  border-bottom: 1px solid #82796B;
  font-weight: normal;
  font-size: 1.5em;
  margin: 10px 0 5px 0;
}

#bodyarea p {
  padding: 10px 0;
}

#bodyarea p.meta {
  font-size: 85%;
  color: #666666;
  margin-top: 0;
}
#bodyarea p.subscribe {
  font-size: 85%;
  color: #666666;
  clear: both;
}
#bodyarea a.edit:link,
#bodyarea a.edit:visited {
  color: #cc0000;
}
#bodyarea a.edit:hover,
#bodyarea a.edit:active {
  color: #ff0000;
}
#bodyarea .functions p {
  font-size: 85%;
  font-weight: bold;
  margin-top: 0;
}
#bodyarea #searchcontent form fieldset input {
  font-size: 85%;
  color: #666666;
}
#bodyarea #searchcontent form fieldset input.submitbutton {
  margin: 0 0 0 5px;
}
#bodyarea #paginate {
  clear: both;
  font-weight: bold;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  font-size: 85%;
}
#bodyarea #paginate .next {
  float: right;
}
#bodyarea #paginate .previous {
  float: left;
}
#bodyarea .newsitemsmall {
  float: left;
  margin: 0 10px 10px 0;
  display: block;
}
#bodyarea .imagecaption {
  float: right;
  width: 270px;
}
#bodyarea .imagecaption img {
  display: block;
  margin: 5px 0 0 10px;
}
#bodyarea .imagecaption p {
  font-size: 85%;
  padding: 5px 20px 10px 10px;
  color: #666666;
}
#bodyarea .sort ul{
  margin: 0 0 10px 0;
  padding: 0;
}
#bodyarea .sort ul li {
  display: inline;
  margin: 0 10px 0 0;
}
#bodyarea .sort ul li form {
  display: inline;
}
#bodyarea .thumb {
  float: left;
  padding: 9px 9px;
}
#bodyarea .thumb img {
  display: block;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
  clear: both;
  border-top: 1px solid #E0DDDA;
}
#footer p, #login {
  font-size: 85%;
  color: #D1CEC8;
  text-align: center;
}


/*=CALENDAR
=== === === === === === === === === === */
#event_calendar {
  clear: both;
}
#event_calendar table {
  border-collapse: collapse;
  margin: 0;
}
#event_calendar table th {
  border-bottom: 2px solid #666666;
  vertical-align: top;
  font-size: 85%;
  color: #666666;
  width: 75px;
}
#event_calendar table td {
  border-bottom: 1px solid #666666;
  vertical-align: top;
}
#event_calendar table td p{
  padding: 0;
  margin: 0;
  font-size: 85%;
}
#bodyarea #event_calendar table td ul {
  font-size: 85%;
  margin: 0;
  padding: 5px 0 0 0;
  list-style: none;
}
#bodyarea #event_calendar table td ul li {
  padding: 0 0 10px 0;
  line-height: 100%;
}

/*=BODYAREA
=== === === === === === === === === === */
#bodyarea #buysteps{
  background-color: #82796B;
  margin: 0 0 10px 0;
  color: #fff;
  font-size: 85%;
}
#bodyarea #buysteps ul {
  padding: 4px 10px;
  margin: 0;
  list-style: none;
}
#bodyarea #buysteps ul li {
  padding: 0 10px 0 0;
  display: inline;
}
#bodyarea #buysteps ul li.current {
  font-weight: bold;
}

/*=STORE
=== === === === === === === === === === */
.store_main {
  float:left;
  padding:0 7px;
  width:626px;
}
.store_sidebar {
  float:left;
  padding:0 5px;
  width:230px;
}

#bodyarea ul.products_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#bodyarea ul.products_list li {
  padding: 10px 0 0 0;
  margin: 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#bodyarea ul.products_list li .product_img {
  float: left;
  width: 120px;
}
#bodyarea ul.products_list li .product_img img {
  display: block;
  margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc {
  float: left;
  width: 240px;
}
#bodyarea ul.products_list li p{
  padding: 0 0 10px 0;
  margin: 0;
}
#bodyarea #cart p {
  text-align: right;
  font-size: 85%;
  margin: 0;
  padding: 10px 20px 0 20px;
}
#bodyarea table.products_list,
#bodyarea .summary table {
  margin: 0 0 40px 0;
  border-collapse: collapse;
  width: 450px;
}
#bodyarea table.products_list th,
#bodyarea .summary table th {
  padding: 3px;
}
#bodyarea table.products_list td,
#bodyarea .summary table td {
  padding: 3px;
  border-top: 1px solid #ccc;
}

.products_list li {
  border:none !important;
}
.news_widget_photo {
  padding-top:10px;
}

.news_widget_photo img {
  padding-top:16px !important;
}