/*
Theme Name: Basic
Theme URI: http://www.webvanta.com/smartthemes/basic
Description: A great place to start if you want lots of features all set up but plan to provide all your own styling. Includes frameworks (jQuery, BlueprintCSS, menus) and pre-built blog, photo gallery, video player, calendar, and contact form. (Want a little more styling already in place? Try the Classic or InfoPortal SmartThemes. Or, if you want to start bare, check out the minimalist SmartThemes.)
Author: Webvanta Inc.
Author URI: http://www.webvanta.com/
Version: 2.0

Default stylesheet assumes Blueprint CSS has been loaded first
(if using our  standard templates they  take care of that)

*/
                                          
/* For main navigation see dropdown-menu.css */


/************** BACKGROUNDS (you can remove  these) *****************/  
body { background-color:#fff; }
#header { background:#aaa url('/webvanta/smartthemes/com.webvanta.theme.0010.basic.02/assets/webvanta_images/background.jpg'); }
#main_nav  { background:#eee; }
#footer  { background:#aaa url('/webvanta/smartthemes/com.webvanta.theme.0010.basic.02/assets/webvanta_images/background.jpg'); }

/************** BASIC STYLES **************/
body { font-family: "museo-sans-1","museo-sans-2","arial",sans-serif; }
/*h1, h2, h3, h4, h5 { font-family:  "Trebuchet  MS", Arial, Helvetica, sans-serif; }*/
h1, h2, h3, h4, h5 {  
  font-family: "museo-slab-1","museo-slab-2","arial",sans-serif; 
  font-weight:normal;
}
/*h1 {  font-size: 26px; }
h2 {  font-size: 22px; }
h3 {  font-size: 19px; }
h4 {  font-size: 17px; }
h5 {  font-size: 14px; }*/
a { 
  color:#009;
  text-decoration:none;
}
a:hover { 
  color:#009;
  text-decoration:underline; 
}

#feature_list { 
  font-size:21px; 
  font-weight:bold;
}

/**************  STRUCTURAL (just a little padding to space things out) **************/
#body,  #left, #right { margin-top:20px; }

#header { padding-top: 20px; }

#main_content {
  margin-bottom:10px;
}

#main_nav {
  margin-bottom:10px;
}


/************** FOOTER (you can replace this)  **************/
#footer ul{
  margin: 0;
  padding:0;
  list-style:none;
}
#footer ul li {
  padding: 0 12px 0 0;
  margin:10px 10px 10px 0;
  list-style: none;
  float: left;
  border-right:1px solid #000;
}
#footer ul li.last {
  padding: 0;
  margin:10px  0;
  border-right:0px #000;
}
#footer ul li a {
  text-decoration: none;
  padding: 10px 0;
}
#footer ul li a:hover {
  text-decoration: underline;
}


/** Video Player **/
#player {
    display: block;
    width: 640px;
    height: 480px;
    border: 2px solid #666;
}

/*******  CONTACT FORM *********/

#contact_form  #submit_button {
  margin: 10px 0 10px 130px;
}
#contact_intro {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
#contact_form label {
  width: 120px;
  display: block;
  float: left;
  text-align:  right;
  clear: left;
  text-transform: uppercase;
  font-weight:  bold;
  font-size:12px;
  padding-right: 10px;
}
#contact_form input, #contact_form textarea {
  background-color: #fff;
  padding: 3px;
  margin: 0;
  border: 1px solid #c9c9c9;
  height: auto;
}
#contact_form .indent {
  margin-left: 130px;
}
#contact_firstname, #contact_lastname  {
  width: 200px;
}
#contact_company, #contact_email, #contact_subject, #contact_message, #contact_subject, #contact_message  {
  width: 410px;
}
#contact_form input#submit_button  {
  background: none;
  border: none;
}
#contact_form  p{
  margin: 0;
  padding: 8px 0;
  background-color: #eee;
}
#contact_form  p.alt{
  background-color: #eee;
}

/******* Pagination ***********/

div.pagination  {
  clear:both;
  margin:0 0 20px 0;
  padding-bottom: 20px;
  text-transform:lowercase;
}
div.pagination a, div.pagination span {
  display:block;
  float:left;
  padding:0 5px;
}

/**********  BLOG *************/

.blog_article {
  border-bottom: 1px solid #000;
  padding-bottom:15px;
  margin-bottom: 25px;
  clear: left;
}
.blog_article h1  {
  margin-bottom:5px;
}
h3.article_title {
  margin-bottom:5px;
}
.blog_article  p a:link,.blog_article  p a:visited {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:2px 4px;
  font-size:.9em;
  text-decoration:none;
  font-weight:bold;
}
.blog_article p  a:hover {
  background-color: #b9b9b9;
  color:#fff;
}
.blog_article p.byline{
  color: #000;
  font-size:.9em;
  text-transform:uppercase;
}
.blog_article  p.byline a {
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  padding:0px;
  border:0px solid #c2c2c2;
  font-style:italic;
  color: #000;
  text-decoration:underline;
}
.blog_article  p.byline a:hover {
  background-color:transparent;
  color: #000;
  text-decoration:none;
}
.article-icon  {
  float:left;
  padding: 0 15px 5px 0;
}
#share-widgets  {
  height: 75px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}

/*********** COMMENT FORM ************/

.comment_form  {
  border: 0px solid #fff;
  margin: 0px;
}
.comment_form  h3{
  color: #000;
}
.comment_form  label {
  display: block;
  width: 80px;
  text-align:  right;
  float: left;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  clear: left;
  padding: 0 5px 0 0;
}
input#feedback_name,  input#feedback_email,  input#feedback_subject, textarea#feedback_body {
  background-color: #fff;
  padding: 3px;
  margin: 0;
  border: 1px solid #c9c9c9;
}
.comment_form .indent {
  margin-left: 85px;
}
.comment_form  #submit_button {
  margin: 12px 0 0 90px;
}
#comment_email2 {
  display: none;   /* spam robot trap */
}
input#feedback_subject {
  width: 80%;
}
.comment_form p  {
  padding: 8px 0px;
  background-color: #fff;
}
.comment_form p.alt {
  background-color: #fff>;
}
textarea#feedback_body  {
  width: 80%;
  height: auto;
}
.form_note {
  font-size: 80%;
}
div#comments  {
  border-top: 0px solid #000;
  padding-top: 10px;
  margin-top:  35px;
}
div#comments h2{
  margin-bottom:0px;
}
div#comments  .comment-title{
  margin-bottom:15px;
}
div#comments  h3{
  margin-bottom:1px;
  color: #000;
}
div#comments  p.byline{
  color: #000;
  font-size:.9em;
  text-transform:uppercase;
}
div#comments  .comment-box{
  background-color:#f3f3f3;
  border:1px solid #dfdfdf;
  border-left-width:0px;
  border-right-width:0px;
  margin-bottom:30px;
  padding:12px;
}

/*********  Example styles for RTE Styles drop-down   *************/
/* These styles are invoked by the Styles drop-down  in the       */
/* rich text  editor. See the XML file webvanta-editor-styles.xml */
/* and the article  http://www.webvanta.com/article/23724         */

.large_headline  {
  font-size: 36px;
}
.large_body {
  font-size: 16px;
}
.highlighted_text {
  font-weight:  bold;
  color: #900;
}
.image_left {
  float: left;
  padding: 0 10px 10px 0;
}


/**********  CALENDAR LAST ROW FIX **************/
#calendar table  {
  margin:0;
}

.listing-thumb  {
  float:left;
  clear:left;
  padding: 0 15px 10px 0;
}