/* structure styles */
* { padding: 0; margin:0; text-decoration: none}
#page { width: 710px; margin: auto; }
#banner { background:url('images/clanmurry_banner.jpg') no-repeat;
          margin-bottom: 0px; height: 265px; position: relative}
/* banner is x+y height, menu is y height.
   menu is transparent with replace mechanism
   which means that banner can be dynamically changed.
   title is embedded in the banner and the h1 is hidden
   */
#menu { height:30px; width: 710px; position: absolute; bottom: 0px; border-bottom: 5px solid #007;}
#content { position: relative; padding-top:5px;}
#blog { position: relative; background-color: #c1d1c1;}
#footer { border-top:5px solid #000077; color: #777; }
div { clear: both; }

/* sitewide styles */
img { border: 0;}

/* */
h1 {position: absolute; top: -1000px; left: 0;}
h1 a { position: absolute; top: 1000px; 
       width: 200px; height: 60px; left: 0px;}
/* menu styles */
#menu img {position: absolute; left: 0; top: 0 }
#menu ul { position: absolute; left: 0; top: 0; list-style: none }
#menu li { height: 30px;  float: left; display: block;}
#menu li a { display: block; height: 30px; text-decoration: none; float: left}
li#interior, li#interior a {
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/interior_li.png);
    width:76px; } 
li#bedroom, li#bedroom a {
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/bedrooms_li.png);
    width:86px;}
li#gardens, li#gardens a {width:74px;
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/gardens_li.png);
    } 
li#location, li#location a {width:72px;
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/location_li.png);
    } 
li#reservations, li#reservations a {width:96px;
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/reservations_li.png);
    }
li#contact, li#contact a {width:70px;
    background-image: url(/wordpress/wp-content/themes/clanmurry/images/contact_li.png);
    }
/* content styles */
#content h2 {font: normal 1.8em "Lucida Grande", Verdana, Verdana; color: #007;
             padding-top: 5px; padding-bottom: 6px;}
#content p { font: normal 0.95em "Georgia"; padding-bottom: 6px; }
#content img { padding: 3px; border: 1px fine grey;}
ul#other_pages { position:absolute; top: 0px; right: 0; list-style: none;
           padding: 2px; margin: 0; clear: both; width: 150px;
           background-color: #c1d1d1; }
ul#other_pages li { color: #007; font: normal 0.8em "Lucida Grande", Verdana; font-weight: bold;}
ul#other_pages li a,
ul#other_pages li a:link,
ul#other_pages li a:visited,
ul#other_pages li a:active,
ul#other_pages li a:hover {font-weight: normal; text-decoration: none; color: #007;}


img.right{ float: right}
img.left{ float: left}

/* blog styles */
#blog { overflow: auto; }
#blog div#blog_piece {width: 530px; display: block;  float: left;}
#blog ul#blog_list {width: 150px;padding-left:10px; display: block;  float: left; }
#blog h2 { padding: 3px; clear: right;
           font: normal 1.8em "Lucida Grande", Verdana; }
#blog h2 a,
#blog h2 a:link,
#blog h2 a:visited,
#blog h2 a:active,
#blog h2 a:hover { text-decoration: none; color: #007; }
#blog_piece small { padding: 10px; clear: left;}
#blog_piece img {position: absolute; left: -130px;
                 border: none;  padding: 3px; width: 120px;
                 padding-left: 6px; padding-top: 0; float: left}
#blog_piece div.entry {position: relative; margin-left: 130px; font: normal 0.95em "Georgia"; display:block; height: 150px;}
.clearer { display:block; clear:both; height:15px; overflow: hidden;}
#blog ul { position:absolute; bottom: 15px; right: 0; list-style: none;
           padding: 0; margin: 0; clear: right; width: 150px;}
#blog li { color: #007; font: normal 0.8em "Lucida Grande", Verdana}
#blog li a,
#blog li a:link,
#blog li a:visited,
#blog li a:active,
#blog li a:hover {text-decoration: none; color: #007;}
/* footer styles */
span.leftfooter {display: block; float: left; width: 350px;
                 font: normal 0.8em "Lucida Grande", Verdana; }
span.rightfooter {display: block; float: left; text-align: right;
                  clear: right; width: 350px;
                  font: normal 0.8em "Lucida Grande", Verdana; }
img.footnote {float: right; padding: 5px;}

#page-thumbs { display: block; list-style: none; width: 515px;
               clear: right}
#page-thumbs li { float: left; border: 1px solid grey;
                  padding: 2px; margin-right: 3px; margin-bottom: 3px;
                  background-color: lightgrey }
#content p {clear: left; }