/* ------------------------ */
/* FV08 1.0                 */
/* 17 March 2008            */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* steve@freshervisions.com */
/* ------------------------ */

/* GLOBAL PROPERTIES ----------------------------------------------------------- */

    BODY     {font-family: arial, 'Microsoft Sans Serif'; line-height: 180%; background-color: rgb(251,244,237); background-image: url(images/bg.gif); background-repeat: repeat-x; font-size: 12px; color: rgb(5,5,5); margin-top: 30px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    
    a        {text-decoration: none; color: rgb(112,0,14); }
    a:hover  {text-decoration: underline; }
    
    h1       {color: rgb(112,0,14); font-family: "Georgia",Times,serif; margin: 0px; margin-bottom: 10px; font-size: 24px; display: block;  font-weight: normal;  line-height: 120%;}
    h2       {color: rgb(26,26,26); font-family: "Georgia",Times,serif; margin: 0px; font-size: 20px; font-weight: normal;}
    h3       {color: rgb(112,0,14); font-family: "Georgia",Times,serif; margin: 0px; margin-bottom: 5px; font-size: 18px; font-weight: normal; }
    h4       {color: rgb(26,26,26); font-family: "Georgia",Times,serif; margin: 0px; font-size: 16px; font-weight: normal;}
    .clear   { clear: both; }
    
    img {border: none;}
    
/* ripe stuff ------------------------------------------------------------------ */
    .input_hp {display: none;} /* hide honey pot inputs */
    .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ripe notices such as thank you for form submition */
/* ----------------------------------------------------------------------------- */

/* CONTAINERS ------------------------------------------------------------------ */
   
    #maincontain   {width: auto; text-align: center;}
    .container1    {width:795px; height: 100%; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px;}
    .container2    {width:795px; height: 100%; background-image: url(images/toppart.gif); background-repeat: no-repeat; padding-left: 50px; padding-right: 50px;}
    .container3    {width:895px; height: 100%; background-image: url(images/cbg.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; margin-top: 9px;}
/* ----------------------------------------------------------------------------- */

/* HEADER ---------------------------------------------------------------------- */
    #logo         {text-align: left; height: 30px; background-image: url(images/logo.gif); background-repeat: no-repeat;}
    #slogan       {height: 20px; text-align: left; color: #bf737c;}
    
/* ----------------------------------------------------------------------------- */


/* MENU ------------------------------------------------------------------------ */
    
    #menu {display:block; width:100%; height: 26px; font-size:12pt; line-height:normal; padding: 12px;}
    #menu ul {margin:0px; padding:0px; list-style:none;}
    #menu li {float:left; display:block; margin:0px; padding:0px; position: relative;}
    #menu a {display:block; position: relative; margin:0; height:44px; text-decoration:none; color: white;  line-height:34px;}
    #menu a span {height: 44px; display:block; padding-left: 21px; padding-right: 21px; cursor:pointer;}
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu ul.navlist li a:hover        {background-image: url(images/tab-right.gif); background-repeat: no-repeat; background-position: right;}
    #menu ul.navlist li a span:hover   {background-image: url(images/tab-left.gif); background-repeat: no-repeat;}
    #menu ul.navlist li.nav_on a       {background-image: url(images/tab-right.gif); background-repeat: no-repeat; background-position: right;}
    #menu ul.navlist li.nav_on a span  {background-image: url(images/tab-left.gif); background-repeat: no-repeat;}
    
    #menu ul.navlist li ul.subnavlist {float: none; font-size:10px; padding: 0px; margin: 0px; position: absolute; background-color:rgb(10,10,10); width: 100px;}
    #menu ul.navlist li ul.subnavlist li {text-align:left; width: 100px; padding: 0px; margin: 0px; position: relative;}
    #menu ul.navlist li ul.subnavlist li a {padding: 0px; margin: 0px; background-image:none; border-left: 3px solid rgb(158,198,48); height: 100%; }
    #menu ul.navlist li ul.subnavlist li a span{background-color: rgb(10,10,10); background-image:none; border-top: 1px solid rgb(30,30,30); }

    #menu ul.navlist li ul.subnavlist li a:hover {border-left: 3px solid rgb(131,172,202);}
    #menu ul.navlist li ul.subnavlist li a:hover span{background-color: rgb(144,180,207); border-top: 1px solid rgb(144,180,207);}
    #menu ul.navlist li ul.subnavlist li ul.subnavlist {padding: 0px; margin: 0px; margin-left:100px; margin-top: -20px; }
    
/* ----------------------------------------------------------------------------- */

/* CONTENT --------------------------------------------------------------------- */

    #content        {float: left;  text-align: left; width: 450px; margin-top: 30px;}
    #rightside      {float: right; text-align: right; width: 300px; height: 100%; margin-top: 30px;}
        
/* ----------------------------------------------------------------------------- */


/* ARTICLES -------------------------------------------------------------------- */

    .art              {border-bottom: 1px dotted rgb(100,100,100); padding-bottom: 15px;}
    .art_feat         {border-bottom: 1px dotted rgb(100,100,100); padding-bottom: 15px;}
    .art_title        {color: rgb(112,0,14); font-family: "Georgia",Times,serif; font-size: 24px; font-weight: normal;  line-height: 120%;}
    .dateline         {font-family: Arial; font-size: 11px; } 
    
    .comment01        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment02        {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;}
    .comment01:hover,
    .comment02:hover  {background-color: white;  border: 1px solid rgb(112,0,14); border-left: none; border-right: none;}
    .com_author       {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;}
    .com_subject      {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; }
    .com_date         {color: rgb(128,128,128); font-size: 10px; text-align: right;}
    .com_rate         {float: right; font-size: 18px;}
    .com_hide         {color: rgb(187,187,187);}
    .com_post_table   {text-align: left; }
    
    #com_post_box     {text-align: left; display:none;}
    
/* ----------------------------------------------------------------------------- */

/* FOOTER ---------------------------------------------------------------------- */ 
    
    #bottompart           {width:895px; height: 35px; background-image: url(images/bottompart.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
    #footer               {width: auto; text-align: center; padding: 30px; font-size: 12px; color: rgb(120,120,120);}


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


/* forms -------------------------------------------------------------------- */
    .ripeFormBox             {width:100%;}
    .ripeFormBox table       {width:100%;}
    .ripeFormBox .formLabels {width:100px;}
    .ripeFormBox .textbox    {width:90%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    .ripeFormBox .textarea   {width:100%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    
    #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
/* ----------------------------------------------------------------------------- */


* html a:hover{
  visibility:visible
}