/* Theme Name: 968 Park Hotel Theme URI: http://www.968parkhotel.com Description: Wordpress theme for 968ParkHotel.com, based on Starkers by Elliot Stocks Author: Alex Mustin Author URI: http://www.alexmustin.com Tags: starkers, clean, basic, 968 Park Hotel, green */ /* UTILITY */ .floatLeft { float:left; } .floatRight { float:right; } .clear { clear:both; } /* LAYOUT */ body { background:url('/images/main_bg.gif') repeat-x left top #64742d; font-family:"Times New Roman", Times, serif; margin:0px auto; } #mainSidebar { width:225px; float:right;} #inner-ecohotel-header { width:856px; height:395px; background:url('/images/ecohotelbanner.jpg') no-repeat left top; } #inner-ecohotel-header div.company_logo { float:left; width:159px; height:239px; display:block; margin:80px 0 0 10px; } #inner-ecohotel-header div.company_logo a { width:159px; height:239px; display:block; } /* WRAPPER */ #wrapper { width:886px; margin:0 auto; position:relative; } .left_shadow { width:15px; height:654px; float:left; background:url('/images/left_shadow.png') repeat-y right top; } .right_shadow { width:15px; height:654px; float:right; background:url('/images/right_shadow.png') repeat-y left top; } .mid_content { width:856px; float:left; } /* NAVIGATION */ #topnavigation { width:856px; float:left; height:37px;margin:0; padding:0; } #topnav ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none;} #topnav li { display:inline; margin:0; padding:0 0 0 0;} /************* home navigation ****************/ #topnav a#home { float:left; background:url('/images/home_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:72px; height:37px; } #topnav a#home:hover { background:url('/images/home_on.gif') no-repeat 0 0;width:72px; height:37px; } #topnav a.active#home { background:url('/images/home_on.gif') no-repeat 0 0;width:72px; height:37px; } /************* ecohotel navigation ****************/ #topnav a#ecohotel { float:left; background:url('/images/eco_hotel_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:101px; height:37px; } #topnav a#ecohotel:hover { background:url('/images/eco_hotel_on.gif') no-repeat 0 0;width:101px; height:37px; } #topnav a.active#ecohotel { background:url('/images/eco_hotel_on.gif') no-repeat 0 0;width:101px; height:37px; } /************* resortrooms navigation ****************/ #topnav a#resortrooms { float:left; background:url('/images/resort_rooms_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:132px; height:37px; } #topnav a#resortrooms:hover { background:url('/images/resort_rooms_on.gif') no-repeat 0 0;width:132px; height:37px; } #topnav a.active#resortrooms { background:url('/images/resort_rooms_on.gif') no-repeat 0 0;width:132px; height:37px; } /************* spa navigation ****************/ #topnav a#spa { float:left; background:url('/images/spa_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:102px; height:37px; } #topnav a#spa:hover { background:url('/images/spa_on.gif') no-repeat 0 0;width:102px; height:37px; } #topnav a.active#spa { background:url('/images/spa_on.gif') no-repeat 0 0;width:102px; height:37px; } /************* events navigation ****************/ #topnav a#events { float:left; background:url('/images/events_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:78px; height:37px; } #topnav a#events:hover { background:url('/images/events_on.gif') no-repeat 0 0;width:78px; height:37px; } #topnav a.active#events { background:url('/images/events_on.gif') no-repeat 0 0;width:78px; height:37px; } /************* laketahoe navigation ****************/ #topnav a#laketahoe { float:left; background:url('/images/lake_tahoe_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:111px; height:37px; } #topnav a#laketahoe:hover { background:url('/images/lake_tahoe_on.gif') no-repeat 0 0;width:111px; height:37px; } #topnav a.active#laketahoe { background:url('/images/lake_tahoe_on.gif') no-repeat 0 0;width:111px; height:37px;} /************* greenfriends navigation ****************/ #topnav a#greenfriends { float:left; background:url('/images/green_friends_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:141px; height:37px; } #topnav a#greenfriends:hover { background:url('/images/green_friends_on.gif') no-repeat 0 0;width:141px; height:37px; } #topnav a.active#greenfriends { background:url('/images/green_friends_on.gif') no-repeat 0 0;width:141px; height:37px; } /************* contact navigation ****************/ #topnav a#contact { float:left; background:url('/images/contact_us_off.gif') no-repeat 0 0; margin:0; padding:0; text-decoration:none;width:119px; height:37px; } #topnav a#contact:hover { background:url('/images/contact_us_on.gif') no-repeat 0 0;width:119px; height:37px; } #topnav a.active#contact { background:url('/images/contact_us_on.gif') no-repeat 0 0;width:119px; height:37px;} /* CONTENT */ div.main_content { background:url('/images/content_bg.jpg') no-repeat left top #64732e; width:856px; height:100%; } div.main_content div.main_content_leftcol { float:left; width:538px; padding:0 29px 0 29px; } div.main_content div.main_content_rightcol { float:left; width:229px; } div.main_content div.contenthead { float:left; width:538px; } div.main_content .contentspot { float:left; margin:0 18px 18px 0; } div.signup { width:229px; text-align:center; padding:15px 0 18px 0; } div.advertisement { width:229px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; text-transform:uppercase; } .bot_img { text-align:center; } ul { margin-left:13px; padding-left:0; margin-top:13px; margin-bottom:24px; } li { margin-left:0; padding-left:0; } ul ul { margin-left:33px; padding-left:0; margin-top:0; margin-bottom:24px; } ul ul li { margin-left:0; padding-left:0; list-style:none; } /* INNER CONTENT */ div.main_inner_content { background:url('/images/innerBg.jpg') repeat-x left top #fffdda; width:856px; height:100%; color:#010100; } div.main_inner_content a { color:#010100; } div.main_inner_content a:hover { color:#010100; text-decoration:none; } div.main_inner_content div.main_content_leftcol { float:left; width:538px; padding:0 29px 0 29px; } div.main_inner_content div.main_content_rightcol { float:left; width:229px; } div.main_inner_content div.contenthead { float:left; width:538px; } div.main_inner_content .contentspot { float:left; margin:0 18px 18px 0; } h1 { font-family:"Times New Roman", Times, serif; font-size:18px; color:#9a3322; text-transform:uppercase; margin:0; padding:0; } /* BLOG ENTRIES */ #homeBlog-title h3 { font-family:Georgia; color:#666666; font-size:24px; font-style:italic; font-weight:normal; } #homeBlog-link a { font-family:Georgia; color:#244093; font-size:16px; font-style:italic; font-weight:normal; } .dateBox { width:45px; float:left; padding:5px; background:#48531f; text-align:center; margin:0 10px 0 0; } .day { font-size:24px; font-weight:bold; font-family:Georgia; font-style:italic; color:#ffffff; line-height:6px; } .month { font-size:15px; font-weight:bold; font-family:Georgia; font-style:italic; color:#ffffff; line-height:4px; } .year { font-size:14px; font-family:Georgia; font-style:italic; color:#ffffff; line-height:4px; } .postBox { width:470px; float:left; text-align:left; } .postTitle a { font-family:Arial; color:#e6bc78; font-size:18px; font-weight:bold; text-decoration:none; } .postBox p { font-family:Arial; font-size:13px; color:#333333; font-weight:normal; line-height:18px; } .postBox p a { color:#e6bc78; text-decoration:none; } .postBox p a:hover { text-decoration:underline; } .postBox .category { font-size:12px; font-style:italic; color:#666666; } .comments { font-family:Arial; font-size:13px; color:#333333; font-weight:normal; line-height:18px; } .comments .dateTime { font-size:12px; } /* WIDGETS */ .widget { width:225px; background-color:#48531f; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-family:Arial; color:#ffffff; margin:0 0 15px 0; } .widget .inside { padding:10px; } .widget h2 { margin-left:10px; padding-top:5px; color:#e6bc78; font-size:18px; font-weight:bold; text-decoration:none; } .widgettitle { margin-left:10px; margin-bottom:4px; padding-top:10px; color:#e6bc78; font-size:18px; font-weight:bold; text-decoration:none; } .widget ul { list-style:none; margin-left:10px; margin-right:10px; padding-bottom:5px; font-size:11px; } .widget ul li { list-style:none; padding-bottom:5px; } .widget a { padding:2px; color:#e6bc78; text-decoration:none; } .widget a:hover { text-decoration:underline; } .widget .widget_categories { } #mainSidebar ul { list-style:none; } #mainSidebar ul li { list-style:none; } #mainSidebar ul li a { text-decoration:none; color:#e6bc78; } #mainSidebar ul li a:hover { text-decoration:underline; } /* FOOTER */ div.footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:10px 0 30px 0; } div.footer a { font-size:12px; color:#fff; text-decoration:none; } div.footer a:hover { color:#ebac5c; text-decoration:none; } #footerleft { margin:0; padding:0 17px 0 0; width:117px; height:45px; float:left; text-align:center; } #footerright { margin:0; padding:0; width:886px; text-align:center; }