/* ------------------------ */
/* Soft Blue 1.0            */
/* 14 January 2009          */
/* Ripe Template            */
/* CSS Document             */
/* By Steven Parish         */
/* JMEZ media               */
/* steve@freshervisions.com */
/* ------------------------ */



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

    BODY     {font-family: arial, 'Microsoft Sans Serif'; font-size: 10pt; color: rgb(26,26,26); line-height: 160%; background-color: rgb(53,53,53); margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } 
    
    a        {text-decoration: none; color: rgb(124,199,222); font-weight: bold;}
    a:hover  {#537cbb; color: #6791d1;}
    
    h1       {color: rgb(90,95,124); font-family: Arial; margin-bottom: 10px; margin-top: 0px; font-size: 24px; display: block; border-bottom: 1px dotted rgb(223,223,223);}
    h2       {color: rgb(63,63,63); font-family: Arial; margin-bottom: 10px; font-size: 18px; }
    h3       {color: rgb(90,95,124); font-family: Arial; margin-bottom: 10px; font-size: 16px; }
    h4       {color: rgb(63,63,63); font-family: Arial; margin-bottom: 10px; font-size: 14px; }
    
    img       {border: none;}
    .clear    { clear: both; } 
    .input_hp {display: none;} /* hide honey pot inputs */

    /* ripe notices such as 'thank you for form submition' */
    .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} 


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



/* LAYOUT BOXES ------------------------------------------------------------------ */
   
    #contain      {background-color: white; background-image: url(images/bg.gif);}
    .block        {display: block; line-height: 0; margin: 0 auto; width:941px; margin-top: 10px; background-color: rgb(53,53,53); border: 6px solid rgb(53,53,53); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
    #top-head     {height: 10px; margin-bottom: 1px; background-color: rgb(53,53,53);}
    #header       {height: 259px; background-image: url(images/yateheader3.jpg); background-repeat: no-repeat; background-position: center;}
    #menubar      {height: 31px; background-color: rgb(53,53,53);}
    #content-box  {background-color: white; line-height: 160%; background-image: url(images/cbg.gif); background-repeat: repeat-x; padding: 30px;}
    #footer       {background-color: rgb(53,53,53); padding: 30px; color: rgb(153,153,153)}
    .transBar     {height: 18px; background-color: rgb(53,53,53); filter:alpha(opacity=20); }
    .transBar     {background-color: rgba(53,53,53, 0.2);}
    
    .container    {width:941px; margin: auto;}

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



/* MENU ------------------------------------------------------------------------ */

 
    
    #menubar      {height: 31px; background-color: rgb(53,53,53); z-index:500;}
    
    .navlist            {list-style: none; height: 31px; margin:0; padding: 0; z-index:500;}
    .navlist li         {list-style: none; padding-top: 7px; margin:0px; float: left;}
    .navlist a          {display: block; padding: 3px; padding-right: 15px; padding-left: 15px; font-size: 11pt; border-right: 1px solid rgb(124,199,222); vertical-align: middle; line-height: 14px;}
    .navlist a:hover    {color: white;}
    .navlist a span     {padding: 2px;}
    .navlist .nav_on > a > span {color: rgb(53,53,53); background-color: rgb(83,83,83); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
    
    .subnavlist         {position:absolute; z-index:500; display: none; padding: 0px; margin:0px; color: rgb(53,53,53); background-color: rgb(83,83,83); border: 2px solid rgb(53,53,53); border-top: 10px solid rgb(53,53,53); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
    .subnavlist li      {display: block; float: none; padding-top: 0px; clear: both; width: 150px;}
    .subnavlist li a    {float: none; border: none; display: block; height: auto; font-size: 11px; padding-top: 5px; padding-bottom: 5px;}
    .subnavlist a:hover {background-color: rgb(243,244,239); color: #6791d1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
    .navlist li:hover .subnavlist {display: block; }
    .subnavlist .nav_on > a > span {color: rgb(53,53,53); background: none;}
    
    

    #ie6menu      {height: 31px; background-color: rgb(53,53,53); z-index:500;}



    

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


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

    .art              {margin-bottom: 30px;}
    .art_feat         {margin-bottom: 30px;}
    .art_title        {}
    .dateline         {font-family: Arial; color: rgb(100,100,100); 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;}
    

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




/* forms -------------------------------------------------------------------- */
    .ripeFormBox             {width:99%;}
    .ripeFormBox table       {width:99%;}
    .ripeFormBox .formLabels {width:120px;}
    .ripeFormBox .textbox    {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    .ripeFormBox .textarea   {width:99%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;}
    
    #searchBox {float: right; padding-top: 3px;}
    #ripe_search #search_term {width: 130px; height: 18px; background-image: url(images/srch_box.gif); border: 0px solid #8d8d8d; padding: 4px; padding-left: 10px;}



/* Events ------------------------------------------------------- */
    #events_component  {list-style: none; width: 217px; height: 235px; background-color: rgb(145,184,217); float: right; line-height: normal; padding: 5px; margin:0px;}
    .eventsC_row       {clear: left;}
    .eventsC_date      {width: 35px; height: 43px; float: left; background-color: rgb(125,164,197); margin: 2px; text-align: center;}
    .eventsC_date1     {font-weight: bold; font-size: 16px;}
    .eventsC_date2     {font-size: 14px;}
    .eventsC_event     {width: 166px; height: 39px; float: left; background-color: rgb(125,164,197);margin: 2px; padding: 2px; font-weight: bold; font-size: 14px;}