/*-- Heartwood - Ver 4.20 GWJohnson - November 2009 --*/ /* Typography -------------------------------------------------------------------------------------------------------------------*/ body { background:white; color:black; font-family: Arial, sans-serif; border:none; text-align:center; padding:0; margin:0; font-size:small !important; font-size:x-small; } .clear { clear:both } p.right { text-align:right } p.left { text-align:left } p.center { text-align:center } p.full { clear:both } h1 { font-size:1.6em; color:#048; padding:0; margin:.25em 0; } /* site header */ h2 { font-size:1.4em; color:#048; padding:0; margin:.25em 0; } /* page header */ h3 { font-size:1.2em; color:#048; padding:0; margin:1em 0 .25em 0; } /* page subheader */ h4 { font-size:1em; color:#048; padding:0; margin:.25em 0; } /* deck title */ h5 { font-size:1em; color:#666; padding:0; margin:.25em 0; } /* */ h6 { font-size:.85em; font-weight:normal; margin:0; } /* small print */ img { border:0; padding:0; margin:0; } img.right { float:right; display:inline; margin:10px; } a:link { color:navy; text-decoration:none; } a:visited { color:purple; text-decoration:none; } a:hover { color:red; text-decoration:underline; } a:active { color:red; text-decoration:underline; } /* Layout -------------------------------------------------------------------------------------------------------------------*/ #container { width:980px; position:relative; padding:0; margin:0 auto; text-align:left; } #col1 { width:270px; float:left; clear:both; display:inline; position:relative; margin:0 0 0 16px; padding:0; } #col2 { width:520px; float:left; display:inline; position:relative; margin:0 0 30px 10px; padding:0; } #col3 { width:150px; float:left; display:inline; position:relative; margin:0 0 0 10px; padding:0; } #col1 h3 { width:254px; clear:both; display:block; font-size:1em; background:#e7e7e7; padding:4px; } #col2 h2 { margin-left:10px; } #col2 h3 { margin-left:10px; border-top:1px solid silver; border-bottom:1px dotted silver; padding:4px 0; clear:both; } #col2 h4 { margin-left:10px; } #col2 p { margin:8px 15px; } #col2 p.dent20px { margin-left:28px; } #col2 ul { list-style-type:circle; margin:4px 10px; } #col2 li { margin:0 0 0 40px; } #col2 a { text-decoration:underline; } #widecol { width:800px; float:left; clear:both; display:inline; position:relative; margin:0 0 0 16px; padding:0; } h2 { width:520px; float:left; display:inline; margin-top:0; margin-left:15px; } .searchbar { width:270px; float:left; display:inline; margin-top:0; margin-left:15px; } /* Buttons -------------------------------------------------------------------------------------------------------------------*/ a.butt { display:block; float:left; font-weight:bold; padding:6px 12px; margin:4px 0 4px 20px; } a.butt:link, a.butt:visited { background:white url(bg/bgbutt2.png) bottom left repeat-x; color:black; text-decoration:none; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver; border-bottom:1px solid silver; } a.butt:hover, a.butt:active { background:white url(bg/bgbutt1.png) top left repeat-x; color:red; text-decoration:underline; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver; border-bottom:1px solid silver; } a.redbutt { display:block; float:left; font-weight:bold; padding:6px 12px; margin:4px 0 4px 20px; } a.redbutt:link, a.redbutt:visited { background:white url(bg/bgbutt2.png) bottom left repeat-x; color:red; text-decoration:none; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver; border-bottom:1px solid silver; } a.redbutt:hover, a.redbutt:active { background:white url(bg/bgbutt1.png) top left repeat-x; color:blue; text-decoration:underline; border-left:1px solid silver; border-top:1px solid silver; border-right:1px solid silver; border-bottom:1px solid silver; } /* Top of Page - Main Navigation Bar, Searchbar and Tools -------------------------------------------------------------------------------------------------------------------*/ #masthead { width:100%; display:inline; position:relative; padding:0; margin:0; } #masthead img { z-index:10; } #nav { position:relative; top:-12px; left:16px; } #nav ul { z-index:100; display:block; list-style-type:none; padding:10px 0; margin:0; } #nav li { display:inline; font-size:90%; } #nav a { padding:2px 10px; margin:0 2px; background:#eee; border:1px solid #bebebe} #nav a:link, #nav a:visited { color:#333; text-decoration:none; background:#eee } #nav a:hover, #nav a:active { color:black; text-decoration:none; background:#dae9ff; } #home #nav .home a, #rooms #nav .rooms a, #spa #nav .spa a, #specials #nav .specials a, #photos #nav .photos a, #links #nav .links a { color:white; background:#1a5d9f; text-decoration:none; } .addthis_toolbox .vertical { width:136px; padding:0 0 10px 0; border:3px solid #eee; } .addthis_toolbox .vertical h4 { background:#eee; margin:0; padding:5px 10px; } .addthis_toolbox .vertical a { width:102px; padding:4px 0 4px 34px; position:relative; display:block; text-decoration:none; color:blue; } .addthis_toolbox .vertical a:hover { background:#b4d3f8; text-decoration:none; } .addthis_toolbox .vertical span { position:absolute; left:14px; top:4px; } .addthis_toolbox .vertical .more { border-top:solid 1px #eee; padding:10px 0 0 0; margin:10px 10px 0 10px; text-align:center; } .addthis_toolbox .vertical .more a { padding:4px 0; margin:0; } .addthis_toolbox .vertical .more span { display:none; } .adbox { width:136px; margin:10px 0; padding:6px 0; border:3px solid #eee; text-align:center; } .adbox p { margin: 4px; } /* Footer -------------------------------------------------------------------------------------------------------------------*/ #footer { width:100%; clear:both; margin:30px 0; padding:0; text-align:center; position:relative; } #footer p { margin:4px 0; } #footer h6 { color:white; background:#1a5d9f; padding:10px 0; } #footer ul { display:block; list-style-type:none; } #footer li { display:inline; font-size:90%; } #footer a { padding:0 3px; margin:2px; } #footer a:link, #footer a:visited { color:#333; text-decoration:none; } #footer a:hover, #footer a:active { color:blue; text-decoration:underline; } #home #footer .home a, #rooms #footer .rooms a, #spa #footer .spa a, #specials #footer .specials a, #photos #footer .photos a { text-decoration:none; color:#333; } /* Decks with soft shadows -------------------------------------------------------------------------------------------------------------------*/ .deckbox { float:left; display:inline; padding:0; margin:8px 0 0 0; background:white url(bg/bgshadow.png) bottom right no-repeat; font-size:90%; } .deck { width:260px; float:left; display:inline; position:relative; top:-6px; left:-6px; padding:4px; margin:0; border:1px solid #bebebe; } .deck h4 { width:150px; float:right; display:inline; padding:0; margin:2px; } .deck p { width:150px; float:right; display:inline; padding:0; margin:2px; } .deck img { width:88px; float:left; display:inline; padding:0; margin:4px; } /* Text only decks ------------------------------------------------------------------------------------------------*/ .deckbox { float:left; display:inline; padding:0; margin:8px 0 0 0; background:white url(bg/bgshadow.png) bottom right no-repeat; font-size:90%; } .textdeck { width:260px; float:left; display:inline; position:relative; top:-6px; left:-6px; padding:4px; margin:0; border:1px solid #bebebe; } .textdeck h4 { width:250px; float:right; display:inline; padding:0; margin:2px; } .textdeck p { clear:both; width:250px; float:right; display:inline; padding:0; margin:2px; } /* Room pages decks -----------------------------------------------------------------------------------------------*/ #roomscrollbox { float:left; display:inline; width:260px; height:320px; overflow:scroll; border:1px solid #bebebe; margin-bottom:10px; } .roomdeck { width:230px; float:left; display:inline; padding:4px; margin:0; border-bottom:1px solid #bebebe; } .roomdeck h4 { width:125px; float:right; display:inline; padding:0; margin:2px; } .roomdeck p { width:125px; float:right; display:inline; padding:0; margin:2px; } .roomdeck img { width:88px; float:left; display:inline; padding:0; margin:4px; } .inn #inndeck { display:none; } .inn #roomscrollbox { height:500px; } .pinewood a.pw, .maineast a.me, .mainturret a.mt, .uppereast a.ue, .upperturret a.ut, .lowereast a.le, .lowerturret a.lt, .dormer a.do, .cottage a.co, .chancel a.ch { color:red; text-decoration:none; } #spa #col2 p.right { border-bottom:1px solid #ddd; margin-top:-1.5em; } #carcontest .deck h4, #carcontest .deck p { width:250px } #twitter { float:left; display:inline; padding:0; margin:10px 0 10px 0px; } /* Index page specific -------------------------------------------------------------------------------------------------------------------*/ #claims { clear:both; padding:6px 0; margin:0; } #claims img { display:inline; position:relative; padding:0; margin:0 0 0 35px; } /* Photoviewer1 - Index Page -------------------------------------------------------------------------------------------------------------------*/ #photobox1 { display:inline; position:relative; margin:10px 0 10px 8px; padding:0; } #photobox1 .thumbs { position:relative; margin:0; padding:0; border:0; } #photobox1 .thumbs img { width:69px; display:inline; position:relative; margin:0; padding:1px 0 0 1px; } /* Photoviewer2 - Room Pages -------------------------------------------------------------------------------------------------------------------*/ #photobox2 { display:inline; position:relative; margin:10px 0 10px 8px; padding:0; } #photobox2 .thumbs { position:relative; margin:0; padding:0; border:0; } #photobox2 .thumbs img { width:120px; display:inline; margin:3px; padding:0; position:relative } #therules { margin-top:69px } /* Specials -------------------------------------------------------------------------------------------------------------------*/ .pkgbox { width:100%; float:left; display:inline; position:relative; clear:both; } /* Links -------------------------------------------------------------------------------------------------------------------*/ #links #col2 dl { margin:4px 10px 4px 20px; } #links dd.phone { text-align:right; } #links #col1 dl { width:100%; float:left; display:inline; position:relative; padding:0; margin:4px 0; border-top:1px solid silver; } #links #col3 dl { width:136px; margin:10px 0; padding:6px 0; border-top:1px solid silver; } #links #col1 dt, #links #col3 dt { margin:4px 10px; font-weight:bold; color:#048; } #links #col1 dd, #links #col3 dd { margin:4px 10px 4px 16px; } #golf { background:#ecffff url(links/golf.jpg) bottom left no-repeat; } #golf dd.pad { line-height:120px; } #rosebud { background:#fafdf9 url(links/rosebud.jpg) top left repeat-x; } #weather { background:#def url(links/sun.gif) top right no-repeat; } #atlas { background:white url(links/atlas.jpg) bottom left no-repeat; } #atlas dd.pad { line-height:120px; } #wildwest { background:white url(links/wildwest.jpg) bottom left no-repeat; } #wildwest dd.pad { line-height:70px; } #topdown { background:white url(links/topdown.jpg) bottom left no-repeat; } #topdown dd.pad { line-height:100px; } #travelalberta { background:#dfe8ff url(links/travelalta.jpg) bottom center no-repeat; } #travelalberta dd.pad { padding-top:60px; } #hoodoo { background:white url(links/hoodoo.jpg) bottom center no-repeat; } #hoodoo dd.pad { line-height:100px; } #hammerhead { background:white url(links/hhtours.jpg) bottom left no-repeat; } #hammerhead dd.pad { line-height:100px; } #wayne { background:#f6f6f6; } #athens { background:white url(links/athens.jpg) top center no-repeat; border:0; margin:3% 0; padding-bottom:5%; } #athens dt { text-align:center; padding:1.5em 0 0 0; } #athens dd { text-align:center; } /* Photos page - uses one extra column - maybe still needs work... -------------------------------------------------------------------------------------------------------------------*/ #col2a { width:250px; float:left; display:inline; position:relative; margin:0 0 30px 10px; padding:0; } #col2b { width:250px; float:left; display:inline; position:relative; margin:0 0 30px 10px; padding:0; } .photobox { width:240px; float:left; display:inline; padding:0; margin:6px 0; text-align:center; border-top:1px solid silver; border-right:1px solid gray; border-bottom:1px solid gray; border-left:1px solid silver; } #col1 .photobox { float:right; display:inline; margin-right:5px; } .photobox dt { font-size:120%; color:#048; } .photobox dd { margin:4px 2px; } .photobox dd.pic1 { float:left; position:relative; display:inline; margin:5px; } /* end of file -------------------------------------------------------------------------------------------------------------------*/