/*----------------------------------------
 Main stylesheet for: Longhill
 Author: Libby Chapman
 Email: Libby@simb.com.au
 Author website: http://www.simb.com.au  
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Typography
 > Section details
    --> Gallery    
    --> Sidebar   
    --> Footer
    --> Post footer (copyright statement etc)
 > Tables     
 > Misc     
 
 Note: navigation detail is included in the dropdown.css file
 ----------------------------------------*/ 
 
 /*----------------------------------------
 Color master list:
   Grey (headings): #20393c;
   Yellow: #ffc80b;
   Orange: #c88502;
 ----------------------------------------*/     
    
/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

html
{  
   margin-left: -1px;
   overflow-y: scroll;
}
    
body 
{                      
   background-color: #999;    
   color: #000;        
   font: 62.5%/1.5em Helvetica, Arial, sans-serif; 
}
   
/* Main layout -------------------------------------------------------------------------------------  */ 

   #outer
   {
      background: #999 url(../images/bk_outer.png) top center repeat-y;       
      width: 100%;
   }

   #wrapper
   {     
      background: url(../images/bk_content.png) top center repeat-y;    
      clear: both;
      margin: 0 auto;  
      position: relative;             
      width: 960px;           
   }
   
   #intro
   {
      background: #fbf3d7 url(../images/bk_main.png) top right no-repeat;     
      height: 270px;
      position: relative;
   }   
  
	.adminintro
	{
	   background: #fbf3d7 url(../images/admin_bk.gif) top right no-repeat;     
	   height: 192px;
	   position: relative;
	}
  
    a#logo
    {
       border: 0 none;
       position: absolute;
         top: 20px;
         left: 20px;
    }    
    
    #nav
    {           
       list-style: none;       
       position: absolute;
         top: 15px;
         right: 10px;
    }
    
   #phone
   { 
      color: #ffc80b;
      display: block;
         height: 20px;
         width: 130px;
      font-size: 17px;  
      font-weight: bold;
      line-height: 20px;    
      text-align: right;
      overflow: hidden;
      padding-right: 20px;
      position: absolute;
         top: 219px;
         right: 0;
   }    
    
    #gallery
    {
       list-style: none;
       position: absolute;
         top: 83px;
         left: 271px;
    }
    
        
   #content
   {
      float: left;
      padding: 0 20px 30px;            
      position: relative;
      width: 650px;
   }
   
   #sidebar
   {
       float: right;
      padding: 10px 20px 30px;   
      width: 230px;
   }    

    #footer
    {         
      background-color: #1f1f1f;          
      clear: both; 
      color: #808080;
      min-height: 30px;
      overflow: hidden;
      padding: 20px;   
      position: relative;                       
      width: 920px;               
    }
    
    #post
    {
      background: #999 url(../images/bk_post.png) top center no-repeat;
      clear: both;
      font-size: 11px;  
      height: 20px;     
       width: 938px;
       margin: 0 auto;
       padding: 10px 25px 5px;
       position: relative;
    }  
    
/* Typography -------------------------------------------------------------------------------------  */

h1, h2, h3, h4, h5, h6
{
   clear: left; 
   font-size: 1.7em;
    line-height: 1.4em;
    padding: 0 0 0.1em 0;
}

   h1
   {
      color: #fff;
      font-weight: bold;
      position: absolute;
         top: 169px;
         left: 20px;    
      text-transform: uppercase;           
   }
   
   h2
   {
      color: #20393c;
      font-size: 1.4em;      
      font-weight: bold;    
   }   
   
      #intro h2
      {
         position: absolute;
            top: 238px;
            left: 20px;   
      } 
      
      h2.subhead
      {
         background: url(../images/bk_subhead.png) center left no-repeat;
         height: 20px;         
         margin-left: -20px;
         overflow: hidden;
         padding-bottom: 10px;
         padding-top: 8px;
         padding-left: 20px;
         width: 622px;
      }    
   
   h3
   {
      color: #c88502;
      font-size: 1.3em;      
      font-weight: bold; 
      padding-top: 0.8em;   
   }
   
   h4, h5, h6
   {
      font-size: 1.3em;
      font-weight: bold;
      margin-top: 0.8em;
   }

   
   p
   {
      color: #000;
      font-size: 1.2em;
      line-height: 1.6em;
      padding: 0.4em 0; 
   }  
   
   a
   {
      border-bottom: 1px dotted;
      color: #002f36; 
      font-weight: bold;
      text-decoration: none;
      outline: none;
   }  
   
   a.image
   {
      border: 0 none;
   } 
   
   a.arrow
   {
      background: url(../images/bk_link.png) top left no-repeat;  
         background-position: 0 4px;
      padding-left: 10px;
   }

    a:hover
    {
        color: #3e6d74;
    }     

 /* Section details -------------------------------------------------------------------------------------  */
         
         /* Gallery -------------------------------------------------------------------------------------  */           
         
         .gallery
         {
            list-style: none;
            position: absolute;
               top: 52px;
               left: 270px;
            width: 164px;               
         }
         
         .gallery li
         {
            position: absolute;
               top: 0;
               left: 0;
         }
         
         #g2
         {
            left: 435px;
         }
         
         #g3
         {
            left: 600px;
         }
         
         #g4
         {
            left: 765px;
         }                  
         
         /* Sidebar -------------------------------------------------------------------------------------  */ 
         
         #sidebar h4
         {
            color: #4c4c4c;
            font-size: 1.5em;
            font-weight: bold;
            line-height: 1.6em;
         }
         
         #sidebar h5
         {
            color: #000;
            font-size: 1.3em;
            font-weight: bold;
            margin-top: 30px;
            text-transform: uppercase;
         }         
         
         #sidebar img
         {
            border: 10px solid #fff;
            margin: 10px 0;
         }  
         
         #sidebar li.address, #sidebar li.email, #sidebar li.phone
         {
            background: url(../images/i_sb_home.jpg) center left no-repeat;
            min-height: 36px;
            margin: 10px 0;
            padding-left: 40px;
         }  
         
         #sidebar li.email
         {
            background: url(../images/i_sb_email.jpg) center left no-repeat;
            line-height: 36px;            
         }  
         
         #sidebar li.phone
         {
            background: url(../images/i_sb_phone.jpg) center left no-repeat;
            line-height: 36px;            
         }
         
         #sidebar ul li
         {
            font-weight: normal;
         }                    
         
         /* Footer -------------------------------------------------------------------------------------  */            
         
         #footer h5
         {
            color: #ffc80b;
            font-size: 1.4em;
            font-weight: bold;
            width: 100%;
         } 
         
         #footer p
         {
            color: #ffffff;
         }
         
         .footerIntro
         {
            display: block;
            width: 220px;
         }
         
         #footer .highlight
         {
            color: #ffc80b;
            font-weight: bold;
         }
         
         #contactDetails
         {
            list-style: none;            
            position: absolute;
               top: 50px;
               left: 260px;
         }
                  
         
         #contactDetails li
         {
            color: #b2b2b2;
            font-size: 1.2em;
            margin-bottom: 10px;
            min-height: 25px;
            padding-left: 34px;
         }
         
         #contactDetails a
         {
            border: 0 none;
            color: #b2b2b2;     
            font-weight: normal;    
            text-decoration: none;
         }
         
         #contactDetails a:hover
         {
            text-decoration: underline;
         }         
         
         #contactDetails .address
         {
            background: url(../images/fi_addie.png) top left no-repeat;
         }  
         
         #contactDetails .email
         {
            background: url(../images/fi_email.png) top left no-repeat;
            line-height: 25px;
         }    
         
         #contactDetails .phone
         {
            background: url(../images/fi_phone.png) top left no-repeat;
            line-height: 25px;            
         }  
         
         #testimonial
         {
            background: url(../images/bk_testimonials.png) top left no-repeat;
            color: #999999;
            padding: 10px 20px;
            float: right; 
            width: 410px;
         }  
         
         #testimonial, #testimonial p
         {
            color: #999999;
            font-size: 13px;
            line-height: 1.4em;
         }         
         
         #testimonial p:last-child                  
         {
            font-size: 12px;
            font-style: italic;
            text-align: right;
         }
         
         
         /* Post footer -------------------------------------------------------------------------------------  */  
         
         #post p
         {
            color: #333;
            font-size: 11px;
            position: absolute;
               top: 10px;
               left: 32px;
         } 
         
         #post ul
         {
            position: absolute;
               top: 10px;
               right: 32px;
            list-style: none
         } 
         
         #post li
         {
            border-left: 1px solid #4c4c4c;
            color: #333;            
            float: left;
            font-size: 11px;            
            padding: 0 5px;
         } 
         
            #post li:first-child
            {
               border-left: none;
            }
         
         #post a
         {
            background-image: none;
            color: #333;
            font-weight: normal;
            padding-left: 0;
         } 
         
         #post a:hover
         {
            color: #000;
         }
         
         
img.featuredImg
{
   border: 10px solid #fff;
   float: left;
   margin: 0 10px 20px 0;
}        
        
#content ul, #sidebar ul
{
   list-style: none;
   padding-left: 20px;
   padding-bottom: 0.8em;
}

#sidebar ul
{
   padding-left: 0;
}
           
   #content li, #sidebar li
   {
      background: url(../images/bullet.png) top left no-repeat;
         background-position: 0 0.5em;
      color: #000;      
      font-weight: bold;
      font-size: 1.2em;
      line-height: 1.3em;      
      padding: 0.1em 0 0.4em 12px;       
   } 
   

ol
{
   list-style: decimal;
   padding-left: 20px;
   padding-bottom: 0.8em;   
}   
   
   #content ol li, #sidebar ol li
   {
      background-image: none;
      font-size: inherit;
      font-weight: inherit;
      padding-left: 0;
   }          
         
em, strong
{
    font-weight: bold;
    font-style: normal;
} 

.clear
{
   clear: both;
   width: 920px;
}        
.logo
{
	border: 0 none;
	left: 20px;
	position: absolute;
	top: 20px;
}

 ul li
{
list-style:none outside none;
}