/*=STRUCTURE
=== === === === === === === === === === */
body {
/*  background-repeat: no-repeat;*/
/*  background-image: url(../../assets/images/bg_body.jpg);*/
  background-color: #787878;
/*  background-position: top;*/
  font: normal 12px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #cccccc;
}
#container{
  width: 805px;
  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;
  background-color: #111111;
  background-repeat: repeat-x;
  background-image: url(../../assets/images/bg_content.gif);
  background-position: top;
}
.col_large, .store_main {
/* when content is with one sidebar */
  float: left;
  width: 500px;
  padding: 10px 0px 30px 0px;
}
.col_medium {
/* when content is with two sidebars */
  float: left;
  width: 300px;
}
.col_small, .store_sidebar {
/* sidebar next to content */
  float: left;
  width: 295px;
  padding-top:20px !important;
}
#search {
  margin-bottom: 5px;
}
#search input.textfield {
  width: 150px;
}
#rightsidebar {
  padding-right: 5px;
}
/*=COMMON
=== === === === === === === === === === */
p{
  line-height: 150%;
  margin: 0;
  padding: 0 30px 10px 0px;
}
h1, h2, h3, h4, h5, h6{
  line-height: 150%;
  margin: 0;
  padding: 10px 0px 0 20px;
  color: #666666;
  font-weight: normal;
  font-family: "Trebuchet MS", "Trebuchet", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
img {
  border: 0;
}
a:link, a:visited {
  color: #3377ff;
}
a:hover, a:active {
  color: #0055ff;
}
blockquote{
  margin: 0 20px 10px 20px;
  padding: 10px;
  font-style: italic;
  border: 1px solid #666666;
}
form{
  clear: both;
  padding: 0;
  margin: 0;
}
form label {
padding:0pt 20px;
}
form fieldset{
  border: none;
  padding: 0 20px 5px 20px;
  margin: 0;
}
form fieldset input{
  font-size: 85%;
  color: #333333;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
form fieldset label{
  font-size: 85%;
  display: block;
  padding: 0;
  color: #cccccc;
}
form fieldset textarea{
  width: 90%;
  font-size: 85%;
  margin: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #333333;
}
form fieldset input.textfield{
  width: 90%;
}
form fieldset input.submitbutton{
  margin: 5px 0 10px 0;
}

/*=HEADER
=== === === === === === === === === === */
#header .col_full {
  background-image: url(../../assets/images/bg_header.jpg);
  background-color: #111111;
  background-position: top;
}
#header h1{
  padding: 10px 0 0 20px;
  color: #ffffff;
}
#header p{
  color: #aaaaaa;
  padding: 0px 30px 10px 20px;
  font-size: 85%;
}
/*=PROMO
unique areas such as home page banner
=== === === === === === === === === === */
#promo {
  float: left;
  width: 100%;
  clear: both;
}
#promo img{
  display: block;
  width:805px;
}
/*=NAVIGATION
=== === === === === === === === === === */
#navigation {
  background-image: url(../../assets/images/bg_navigation.jpg);
  background-color: #111111;
  background-position: top;
  padding: 4px 0 4px 0;
  clear: both;
}
#navigation .menu_primary {
  text-transform: uppercase;
  border-bottom: 1px solid #333333;
}

#navigation .menu_primary,
#navigation .menu_secondary {
  float: left;
  width: 100%;
  padding: 5px 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;
  margin-right: 10px;
}

#navigation a {
  text-decoration: none;
}

#navigation .menu_primary ul a:link,
#navigation .menu_primary ul a:visited{
  color: #aaaaaa;
  text-decoration: none;
}
#navigation .menu_primary ul a:hover,
#navigation .menu_primary ul a:active {
  color: #3377ff;
  text-decoration: underline;
}

#navigation .menu_secondary ul a:link,
#navigation .menu_secondary ul a:visited{
  color: #666666;
  text-decoration: none;
}
#navigation .menu_secondary ul a:hover,
#navigation .menu_secondary ul a:active{
  color: #3377ff;
  text-decoration: underline;
}
/*=BODYAREA
=== === === === === === === === === === */
#bodyarea {
  
}
#bodyarea ul{
  padding: 0;
  margin: 0 0px 10px 35px;
}
#bodyarea h2{
  clear: both;
  font-size: 200%;
}
#bodyarea h3{
  clear: left;
  font-size: 150%;
  padding:0;
}
#bodyarea h4{
  clear: left;
  font-size: 125%;
  padding: 0 30px 0 00px;
}
#bodyarea p.meta{
  padding: 0 20px 5px 20px;
  margin: -3px 0 0 0;
  font-size: 85%;
  color: #666666;
}
#bodyarea p.subscribe{
  margin: 0;
  padding: 0 0 10px 20px;
  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%;
  padding: 3px 20px 5px 0px;
}
#bodyarea .functions p a:link,
#bodyarea .functions p a:visited{
  color: #cc0000;
}
#bodyarea .functions p a:hover,
#bodyarea .functions p a:active{
  color: #ff0000;
}
#bodyarea #searchcontent form{
  margin: 0;
  padding: 0;
}
#bodyarea #searchcontent form fieldset{
  margin: 0;
  border: none;
  padding: 0 0 0 20px;
}
#bodyarea #searchcontent form fieldset input{
  font-size: 85%;
  color: #666666;
}
#bodyarea #searchcontent form fieldset input.textfield{
  width: 250px;
  margin: 0;
}
#bodyarea #searchcontent form fieldset input.submitbutton{
  margin: 0 0 0 5px;
}
#bodyarea #paginate{
  clear: both;
  padding: 10px 20px 0 20px;
  font-weight: bold;
}
#bodyarea #paginate .next{
  float: right;
  padding: 0 0 10px 0;
}
#bodyarea #paginate .previous{
  float: left;
  padding: 0 0 10px 0;
}
#bodyarea #datehighlight h3{
  
}
#bodyarea #datehighlight h4{
  
}
#bodyarea #datehighlight p{
  
}
#bodyarea #datehighlight ul{
  
}
#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: 18pt 20px 10px 20px;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #666666;
  padding: 3px 0;
  background-color: #333333;
}
#bodyarea .sort ul li{
  display: inline;
  margin: 0 0 0 5px;
  font-size:85%;
}
#bodyarea .sort ul li.current{
  background:black;
  padding:2px 7px 7px;
}
#bodyarea .sort ul li form{
  display: inline;
}
#bodyarea .sort ul li form select{
  
}
#bodyarea .thumb{
  float: left;
}
#bodyarea .thumb img{
  margin: 5px 0 15px 20px;
  display: block;
}

.largecontent p {padding-left: 20px;}

.search-results {padding:10px 20px 30px;}
.search-results p {color: #ccc;}

/*=FOOTER
=== === === === === === === === === === */
#footer {
  clear: both;
  padding: 10px 30px 20px 20px;
}

#footer .creds{
  font-size: 85%;
  color: #333333;
  text-align: center;
}

#footer a:link,
#footer a:visited{
  color: #333333;
}

#footer a:hover,
#footer a:active{
  color: #000000;
}
#footer .col_full{
  background: none;
}
/*=CALENDAR
=== === === === === === === === === === */
#event_calendar{
  padding: 10px 20px 10px 20px;
  clear: both;
}
#event_calendar table {
  background: #333333 none repeat scroll 0%;
  border-collapse: collapse;
  margin: 0;
}
#event_calendar table th{
  border-bottom: 2px solid #666666;
  vertical-align: top;
  font-size: 85%;
  color: #666666;
  width: 75px;
  background:none;
}
#event_calendar table td{
  border-bottom: 1px solid #666666;
  vertical-align: top;
  height:65px;
  font-size:80%;
}
#event_calendar table td#datehighlight{
  
}
#event_calendar table td#datehighlight p{
  
}
#event_calendar table td#datehighlight ul{
  
}
#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%;
}
.podcast_links {
  float:right;
  margin-top:5px;
  margin-bottom:-25px;
}
.podcast_links a {
  text-decoration: none;
}
/*=STORE
=== === === === === === === === === === */
#bodyarea ul.products_list{
  list-style: none;
  padding: 0;
  margin: 0 20px;
}
#bodyarea ul.products_list li{
  padding: 10px 0 0 0;
  margin: 0;
  width: 100%;
  border-top: 1px solid #333;
}
#bodyarea ul.products_list li .product_img{
  float: left;
  width: 140px;
}
#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: 300px;
}
#bodyarea ul.products_list li p{
  padding: 0;
  margin: 0;
}
#bodyarea #cart p{
  text-align: right;
  font-size: 85%;
  margin: 0;
  padding: 15px 10px 10px 10px;
}
#bodyarea table.products_list,
#bodyarea .summary table{
  margin: 0 20px 20px 20px;
  border-collapse: collapse;
}
#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 #333;
}
#bodyarea #buysteps{
  font-size:95%;
}
#bodyarea #buysteps ul{
  margin: 0 20px 10px 20px;
  border-top: 2px solid #333333;
  padding: 2px 0 4px 0;
  background-color: #222222;
}
#bodyarea #buysteps ul li{
  display: inline;
  margin: 0 0 0 5px;
}
#bodyarea #buysteps ul li.current{
  font-weight: bold;
}
.view_links{
  margin-top:-20px;
}

.themed_pagination{
  margin: 0px 0px 10px 20px;
}

.article-group-page-nav{
  margin: 10px 20px;
}

.article-group-page-nav a{
  margin-left: 5px;
}
.flash_player {
  margin-left:20px;
}

.news_widget_photo img {
  padding-left:20px !important;
}

.news_img {
  padding-left:20px !important;
}

.news_desc {
  padding-left:20px;
}

.view_more_links {
  padding:10px 0 0px 20px !important;
}

ul.subscribe_nav {
  padding:5px 0px 0px 0px !important;
}
ul.subscribe_nav {
  margin:0 !important;
  padding-left:20px !important;
}
.view_more_link {
  padding:10px 0 5px 20px !important;
}

.sort {
  padding:5px 0 10px 0 !important;
}

.photo_album {
  padding:10px 20px !important;
  margin:0 !important;
}

#article {
  padding:10px 20px 30px 20px;
}

ul.products_list h3 {
  padding-left:0px !important;
}

ul.external-podcast-list {
  padding-left:20px !important;
}

ul.external-podcast-list h2 {
  font-size:125% !important;
}

div.store_main_content {
  padding-right: 10px;
}

div#order_info {
  padding-right: 20px;
}

.news_list h3, .upcoming_events h3, .upcoming_events h4, .upcoming_events p, p.pages, embed, .bump, .store_main h3{
  padding-left:20px !important;
}

.store_main h3 {
  padding-top:10px !important;
}

.news_widget_photo img{
  padding-left:0 !important;
}