Styling Isse with Home Page larger featured content image
Hi, I have been struggling with the css to try and alter my homepage.
I made the featured content gallery image much larger, and tried to move the sidebar down the page, and make the sub featured columns look even, but it still looks a little cockeyed.
I can't figure out how to make the featured content gallery either centered or fill the top part of the page and to fix up the columns below.
Thanks for any input
Jesse
I have the site on maintenance mode, so I don't think you can look at it, but here is the code for the home page and my css
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en" />
<title> Camden Windward House Bed and Breakfast</title>
<link rel="Shortcut Icon" href="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/themes/lifestyle_20/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/themes/lifestyle_20/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Camden Windward House Bed and Breakfast RSS Feed" href="http://maine-bed-and-breakfast.camdenmainebnb.com/feed/" />
<link rel="alternate" type="application/atom+xml" title="Camden Windward House Bed and Breakfast Atom Feed" href="http://maine-bed-and-breakfast.camdenmainebnb.com/feed/atom/" />
<link rel="pingback" href="http://maine-bed-and-breakfast.camdenmainebnb.com/xmlrpc.php" />
<meta name='robots' content='noindex,nofollow' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://maine-bed-and-breakfast.camdenmainebnb.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 2.7" />
<link rel="stylesheet" type="text/css" href="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/cforms/styling/cforms.css" />
<script type="text/javascript" src="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/cforms/js/cforms.js"></script>
<link rel="stylesheet" href="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/content-gallery/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8"/>
<script type="text/javascript" src="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/content-gallery/scripts/mootools.v1.11.js"></script>
<script type="text/javascript" src="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/content-gallery/scripts/jd.gallery.js"></script>
<script type='text/javascript' src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/xmlhttprequest.js'></script>
<script type='text/javascript' src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/ec3.js'></script>
<script type='text/javascript'><!--
ec3.start_of_week=1;
ec3.month_of_year=new Array('January','February','March','April','May','June','July','August','September','October','November','December');
ec3.month_abbrev=new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
ec3.myfiles='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar';
ec3.home='http://maine-bed-and-breakfast.camdenmainebnb.com';
ec3.viewpostsfor="View posts for %1$s %2$s";
// --></script>
<style type='text/css' media='screen'>
@import url(http://maine-bed-and-breakfast.camde...lendar/ec3.css);
.ec3_ec{ background-image:url(http://maine-bed-and-breakfast.camde...alendar/ec.png) !IMPORTANT }
#ec3_shadow0{ background-image:url(http://maine-bed-and-breakfast.camde...ar/shadow0.png) !IMPORTANT }
#ec3_shadow1{ background-image:url(http://maine-bed-and-breakfast.camde...ar/shadow1.png) !IMPORTANT }
#ec3_shadow2{ background-image:url(http://maine-bed-and-breakfast.camde...ar/shadow2.png) !IMPORTANT }
</style>
<!--[if IE]>
<style type='text/css' media='screen'>
.ec3_ec {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/ec.png');
}
#ec3_shadow0, ec3_shadow1, ec3_shadow2{ background-image:none }
#ec3_shadow0 div{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/shadow0.png',sizingMethod='scale') }
#ec3_shadow1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/shadow1.png',sizingMethod='crop') }
#ec3_shadow2 div{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/shadow2.png',sizingMethod='scale') }
</style>
<![endif]-->
<script type="text/javascript"><![CDATA[//><!--
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls = document.getElementById("nav").getElementsByTagName("li");
// if you only have one main menu - delete the line below //
var sfEls1 = document.getElementById("subnav").getElementsByTagName("li");
//
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
// if you only have one main menu - delete the "for" loop below //
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=" sfhover1";
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
}
}
//
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
</head>
<body style="background:#A7A37E url(http://maine-bed-and-breakfast.camde.../side-logo.png) no-repeat fixed left top">
<div id="wrap">
<div id="topnavbar">
<div class="topnavbarleft">
<script src="http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/themes/lifestyle_20/javascript/date.js" type="text/javascript"></script></p>
</div>
<div class="topnavbarright">
 News FeedComments</p>
</div>
</div>
<div id="navbar">
<div id="navbarleft">
<ul id="nav">
[*]Home
<li class="page_item page-item-333">Camden Maine
<li class="page_item page-item-33">About Us
<li class="page_item page-item-36">Blog Page
<li class="page_item page-item-336">Weddings
<li class="page_item page-item-31">Site Map[*]Availability
[/list] </div>
<div id="navbarright">
<form id="searchform" method="get" action="/index.php">
<input type="text" value="Search this website..." name="s" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
<input type="submit" id="searchbutton" value="GO" /></form>
</div>
</div>
<div style="clear:both;"></div>
<div id="subnavbar">
<ul id="subnav">
<li class="cat-item cat-item-51">Activities
<ul class='children'>
<li class="cat-item cat-item-53">Trails Parks & Beaches
[/list]
<li class="cat-item cat-item-3">Rooms
[/list]
</div>
<div style="clear:both;"></div>
<div id="content">
<div id="homepage">
<div id="homepagetop">
<div class="featuredtop">
<div id="featured">
<style>
#myGallery, #myGallerySet, #flickrGallery {
width: 868px;
height: 452px;
z-index:5;
border: 1px solid #000;
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
left: 0;
bottom: 0;
height: 80px;
background: #000;
color: #fff;
text-indent: 0;
overflow: hidden;
}
</style>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<h2>Mt. Battie</h2>
With miles of hiking trails and wonderful scenic vistas, Camden Hills State Park is a must visit attraction in Camden Maine. </p>
</div>
<div class="imageElement">
<h2>Romantic Camden Maine</h2>
Camden Harbor was listed in Travel & Leisure Magazine as one of the top ten prettiest harbors in the entire world! </p>
</div>
<div class="imageElement">
<h2>Coastal Garden Weddings</h2>
Camden Maine Wedding Destination
The beauty of the harbor, the mountains and the maritime village makes Camden Maine a unique wedding destination. The many places to host a wedding ceremony and ...</p>
</div>
<div class="imageElement">
<h2>Windward House B&B Circa 1854</h2>
6 High Street, the Elijah Glover House, is the site of the Windard House Bed and Breakfast, in Camden Maine. </p>
</div>
<div class="imageElement">
<h2>Winjammers in Camden Harbor</h2>
Every labor day weekend Camden holds its annual Windjammer Weekend. Camden has the largest fleet of historic wooden schooners in the world. </p>
</div>
</div>
</div>
</div>
</div>
<div id="homepageleft">
<div class="hpfeatured">
<h3>Featured Maine Travel Package</h3>
Read More Posts From This Category
</div>
</div>
<div id="homepageright">
<div class="hpfeatured_right">
<h3>Make the Perfect Stay Even Better With In-Room Extras</h3>
Read More Posts From This Category
</div>
</div>
<div id="homepagebottom">
<div class="hpbottom">
<h3>Enjoy a Camden Maine Dining Experience</h3>
Read More Posts From This Category
</div>
<div class=".hpbottom_right">
<div id="sidebar">
<div class="newsletter">
<h2>Join Our Newsletter</h2>
Subscribe for Exclusive Offers & News
</div>
<div class="video">
<h3>Featured Video</h3>
</div>
<div class="adsense">
</div>
<div class="widgetarea">
<ul id="sidebarwidgeted">
<li id="event-calendar" class="widget ec3_widget_cal"><h2 class="widgettitle">Event Calendar</h2>
<div id='wp-calendar'>
<table class='nav'><tbody><tr>
<td id='prev'>«Dec</td>
<td>
<a id='wp-calendar-ec3_publish' href='http://maine-bed-and-breakfast.camdenmainebnb.com/feed/ical/' title='Subscribe to iCalendar.'>
</a>
</td>
<td id='next'>Feb»</td>
</tr></tbody></table>
<table id="wp-calendar-ec3_2009_1">
<caption>January 2009</caption>
<thead><tr>
<th abbr='Monday' scope='col' title='Monday'>M</th>
<th abbr='Tuesday' scope='col' title='Tuesday'>T</th>
<th abbr='Wednesday' scope='col' title='Wednesday'>W</th>
<th abbr='Thursday' scope='col' title='Thursday'>T</th>
<th abbr='Friday' scope='col' title='Friday'>F</th>
<th abbr='Saturday' scope='col' title='Saturday'>S</th>
<th abbr='Sunday' scope='col' title='Sunday'>S</th>
</tr></thead>
<tbody>
<tr><td colspan='3' class='pad'></td><td id="wp-calendar-ec3_2009_1_1">1</td><td id="wp-calendar-ec3_2009_1_2">2</td><td id="wp-calendar-ec3_2009_1_3">3</td><td id="wp-calendar-ec3_2009_1_4">4</td></tr>
<tr><td id="wp-calendar-ec3_2009_1_5">5</td><td id="wp-calendar-ec3_2009_1_6">6</td><td id="wp-calendar-ec3_2009_1_7">7</td><td id="wp-calendar-ec3_2009_1_8">8</td><td id="wp-calendar-ec3_2009_1_9">9</td><td id="wp-calendar-ec3_2009_1_10">10</td><td id="wp-calendar-ec3_2009_1_11" class="ec3_postday">11</td></tr>
<tr><td id="wp-calendar-ec3_2009_1_12">12</td><td id="wp-calendar-ec3_2009_1_13">13</td><td id="wp-calendar-ec3_2009_1_14">14</td><td id="wp-calendar-ec3_2009_1_15">15</td><td id="wp-calendar-ec3_2009_1_16">16</td><td id="wp-calendar-ec3_2009_1_17">17</td><td id="wp-calendar-ec3_2009_1_18" class="ec3_postday">18</td></tr>
<tr><td id="wp-calendar-today" class="ec3_today">19</td><td id="wp-calendar-ec3_2009_1_20">20</td><td id="wp-calendar-ec3_2009_1_21">21</td><td id="wp-calendar-ec3_2009_1_22">22</td><td id="wp-calendar-ec3_2009_1_23">23</td><td id="wp-calendar-ec3_2009_1_24">24</td><td id="wp-calendar-ec3_2009_1_25">25</td></tr>
<tr><td id="wp-calendar-ec3_2009_1_26">26</td><td id="wp-calendar-ec3_2009_1_27">27</td><td id="wp-calendar-ec3_2009_1_28">28</td><td id="wp-calendar-ec3_2009_1_29">29</td><td id="wp-calendar-ec3_2009_1_30">30</td><td id="wp-calendar-ec3_2009_1_31">31</td><td colspan='1' class='pad'></td></tr>
</tbody>
</table>
</div>
<script type='text/javascript' src='http://maine-bed-and-breakfast.camdenmainebnb.com/wp-content/plugins/event-calendar/popup.js'></script>
<script type='text/javascript'><!--
ec3.new_calendar('wp-calendar');
--></script>
<li id="ec3-event-list-332485131" class="widget multiwidget_ec3-event-list"><h2 class="widgettitle">Upcoming Events</h2>
<ul class='ec3_events'>[*]No events.[/list]
[/list]
</div>
<div id="l_sidebar">
<ul id="l_sidebarwidgeted">
<li id="links">
<h2>Quick Navigation Links</h2>
<ul>
[*]Room Rates & Availability
[/list]
<li id="meta">
<h2>Admin</h2>
<ul>
[*]Site Admin [*]Log out
[*]WordPress
[*]XHTML
[/list]
[/list]
</div>
<div id="r_sidebar">
<ul id="r_sidebarwidgeted">
<li id="ads">
<h2>Advertisement</h2>
[/list]
</div>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div id="footer">
Copyright © 2009 · All Rights Reserved · Lifestyle theme by Brian Gardner · Powered by WordPress · Log out</p>
</div>
</div>
</body>
</html>
and the CSS file is
/*
Theme Name: Revolution Lifestyle
Theme URL: http://www.revolutiontwo.com/themes/lifestyle
Description: Revolution Lifestyle is a 3-column Widget-ready theme created for WordPress.
Author: Brian Gardner
Author URI: http://www.briangardner.com
Version: 2.0
Tags: three columns, fixed width, white, tan, teal, purple, sidebar widgets
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Changelog:
v2.0 - 12.07.08
Second Release of Revolution Lifestyle, to ensure compatibility with WordPress 2.7
*/
body {
background: #A7A37E url(../../uploads/2009/01/revised_long_logo.png) no-repeat fixed left top;;
width: 980px;
color: #002F2F;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
#wrap {
background: #EFECCA;
width: 960px;
margin: 10px auto 10px;
padding: 0px;
position: relative;
border: 10px solid #D4CFBB;
}
/************************************************
* Hyperlinks *
************************************************/
a, a:visited {
color: #7A3254;
text-decoration: none;
}
a:hover {
color: #778D7C;
text-decoration: underline;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
/************************************************
* Top Navbar *
************************************************/
#topnavbar {
background: #035B7C url(images/topnav.png);
width: 960px;
height: 30px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#topnavbar a, #topnavbar a:visited {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
#topnavbar a:hover {
text-decoration: underline;
}
#topnavbar p {
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.topnavbarleft {
width: 230px;
float: left;
margin: 0px;
padding: 8px 0px 0px 10px;
}
.topnavbarright {
width: 600px;
float: right;
margin: 0px;
padding: 7px 10px 0px 0px;
text-transform: uppercase;
text-align: right;
}
.topnavbarright a img {
border: none;
margin: 0px 3px 3px 0px;
padding: 0px;
}
/************************************************
* Header *
************************************************/
#header {
background: #99956A url(images/header.png);
width: 960px;
height: 100px;
color: #FFFFFF;
font-size: 11px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#header h1 {
color: #FFFFFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px;
padding: 15px 0px 0px 20px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #FFFFFF;
font-size: 36px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#header h1 a:hover {
color: #FFFFFF;
text-decoration: none;
}
#header h3 {
color: #7A3254;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#header p {
color: #FFFFFF;
padding: 0px 0px 5px 20px;
margin: 0px;
line-height: 20px;
}
.headerleft {
width: 460px;
float: left;
font-size: 14px;
margin: 0px;
padding: 0px;
}
.headerleft a img {
border: none;
margin: 0px;
padding: 0px;
}
.headerright {
width: 486px;
float: right;
margin: 0px;
padding: 18px 0px 0px 0px;
font-weight: bold;
}
.headerright a img {
border: none;
margin: 0px 0px 3px 0px;
padding: 0px;
border: 1px solid #FFFFFF;
}
/************************************************
* Navbar *
************************************************/
#navbar {
background: #E1DCCA url(images/navbar.png);
width: 960px;
height: 35px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 0px;
}
#navbarleft {
width: 680px;
float: left;
margin: 0px;
padding: 0px;
}
#navbarright {
width: 280px;
font-size: 11px;
float: right;
margin: 0px;
padding: 6px 0px 0px 0px;
}
#nav {
margin: 0px;
padding: 0px;
}
#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #778D7C;
display: block;
font-size: 16px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
margin: 0px;
padding: 9px 15px 8px 15px;
}
#nav li a:hover, #nav li a:active {
background: #EBE6D4 url(images/navhov.png);
color: #778D7C;
margin: 0px;
padding: 9px 15px 8px 15px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #E1DCCA;
width: 150px;
color: #778D7C;
font-size: 14px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#nav li li a:hover, #nav li li a:active {
background: #99956A;
color: #FFFFFF;
padding: 7px 10px 7px 10px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}
#nav li li {
}
#nav li ul a {
width: 140px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
/************************************************
* SubNavbar *
************************************************/
#subnavbar {
background: #002F2F;
width: 960px;
height: 24px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#subnav {
margin: 0px;
padding: 0px;
}
#subnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
#subnav li a, #subnav li a:link, #subnav li a:visited {
color: #FFFFFF;
display: block;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 5px 0px 0px;
padding: 6px 13px 6px 13px;
}
#subnav li a:hover, #subnav li a:active {
background: #99956A;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 6px 13px 6px 13px;
}
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #002F2F;
width: 140px;
float: none;
margin: 0px;
padding: 6px 10px 6px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#subnav li li a:hover, #subnav li li a:active {
background: #99956A;
margin: 0px;
padding: 6px 10px 6px 10px;
}
#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}
#subnav li li {
}
#subnav li ul a {
width: 140px;
}
#subnav li ul a:hover, #subnav li ul a:active {
}
#subnav li ul ul {
margin: -25px 0 0 161px;
}
#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
left: -999em;
}
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
left: auto;
}
#subnav li:hover, #subnav li.sfhover {
position: static;
}
/************************************************
* Homepage *
************************************************/
#homepage {
float: left;
width: 950px;
margin: 0px;
padding: 0px;
}
#homepage p {
margin: 0px;
padding: 0px;
}
#homepage p img {
border: none;
float: left;
margin: 0px;
}
#homepage ul {
list-style-type: square;
margin: 0px;
padding: 0px 0px 15px 0px;
}
#homepage ul li {
list-style-type: square;
margin: 0px;
padding: 0px;
}
.hpdate {
font-size: 11px;
margin: 0px;
padding: 0px;
}
#homepagetop {
background: #FFFFFF;
float: left;
width: 885px;
margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid #DDDDDD;
}
#homepagetop p {
font-size: 12px;
margin: 0px;
padding: 0px 0px 0px 10px;
}
.featuredtop {
float: left;
margin: 0px;
padding: 10px;
display: inline;
}
.featuredtop img {
border: none;
margin: 0px;
}
#homepagebottom {
background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
float: left;
width: 940px;
margin: 10px 0px 10px 0px;
padding: 0px;
border: 1px solid #DDDDDD;
}
#homepagebottom p {
font-size: 12px;
margin: 0px;
padding: 0px;
}
.hpbottom {
float: left;
width: 590px;
margin: 0px;
padding: 10px;
display: inline;
}
.hpbottom_right {
float: right;
width: 250px;
margin: 0px;
padding: 10px;
display: inline;
}
.hpbottom img {
border: none;
margin: 0px;
}
#homepageleft {
float: left;
width: 425px;
margin: 0px;
padding: 0px;
}
.hpfeatured {
background: #FFFFFF;
float: left;
width: 425px;
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #DDDDDD;
}
.hpfeatured_right {
background: #FFFFFF;
float: right;
width: 400px;
margin: 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #DDDDDD;
}
.hpfeatured img {
border: none;
margin: 0px;
}
#homepageright {
float: right;
width: 425px;
margin: 0px;
padding: 0px;
}
/************************************************
* Content *
************************************************/
#content {
width: 940px;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
line-height: 18px;
}
#content h1 {
color: #778D7C;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 0px;
}
#content h1 a, #content h1 a:visited {
color: #778D7C;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 0px;
}
#content h1 a:hover {
color: #7A3254;
text-decoration: none;
}
#content h2 {
background: #000000;
color: #FFFFFF;
font-size: 20px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px;
}
#content h3 {
background: #035B7C url(images/headline.png);
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 7px;
}
#content h4 {
color: #778D7C;
font-size: 22px;
font-family: Georgia, Times New Roman;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 0px;
}
#content img.wp-smiley {
float: none;
border: none;
margin: 0px;
padding: 0px;
}
#content img.wp-wink {
float: none;
border: none;
margin: 0px;
padding: 0px;
}
#contentleft {
float: left;
width: 600px;
margin: 0px;
padding: 0px 0px 20px 0px;
}
#contentleft a img {
border: none;
}
blockquote {
background: #E8E8E8;
margin: 0px 25px 15px 25px;
padding: 10px 20px 0px 15px;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #002F2F;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #002F2F;
}
#content blockquote p {
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postarea {
background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.postarea p {
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postarea ul {
list-style-type: square;
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postarea ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px;
}
.postarea ul ul {
list-style-type: square;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.postarea ol {
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postarea ol li {
margin: 0px 0px 0px 20px;
padding: 0px;
}
.breadcrumb {
float: left;
width: 590px;
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}
#contentwide {
float: left;
width: 940px;
margin: 0px;
padding: 0px 0px 10px 0px;
}
.postareawide {
background: #FFFFFF url(images/fullwidthtop.gif) top no-repeat;
float: left;
width: 920px;
margin: 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.postareawide p {
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postareawide ul {
list-style-type: square;
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postareawide ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px;
}
.postareawide ul ul {
list-style-type: square;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.postareawide ol {
margin: 0px;
padding: 0px 0px 15px 0px;
}
.postareawide ol li {
margin: 0px 0px 0px 20px;
padding: 0px;
}
.breadcrumbwide {
float: left;
width: 920px;
font-size: 11px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 3px 0px;
border-bottom: double #EAEAEA;
}
.date {
width: 590px;
float: left;
margin: 0px;
padding: 5px 0px 0px 0px;
}
.dateleft {
width: 380px;
float: left;
margin: 0px;
padding: 0px;
}
.dateright {
width: 200px;
float: right;
margin: 0px;
padding: 0px;
text-align: right;
}
.time {
background: #FFFFFF url(images/icon_time.gif) no-repeat top left;
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 20px;
}
.icomment {
background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 18px;
}
.tags {
background: #FFFFFF url(images/icon_tags.gif) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
.category {
background: #FFFFFF url(images/icon_category.gif) no-repeat top left;
margin: 0px;
padding: 0px 0px 0px 18px;
}
.postmeta {
width: 590px;
font-size: 12px;
padding: 5px 0px 0px 0px;
margin: 0px;
border-top: double #EAEAEA;
}
.postmeta2 {
width: 590px;
font-size: 12px;
padding: 5px 0px 40px 0px;
margin: 0px;
border-top: double #EAEAEA;
}
.archive {
float: left;
width: 275px;
margin: 0px;
padding: 0px 0px 20px 0px;
}
.adsense-post {
background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.comments {
background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
float: left;
width: 590px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
/************************************************
* Images *
************************************************/
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
img.alignnone {
padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}
img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}
img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
/************************************************
* Sidebar *
************************************************/
#sidebar {
float: right;
width: 320px;
margin: 0px;
padding: 0px 0px 10px 0px;
display: inline;
}
#sidebar h2 {
background: #035B7C url(images/headline.png);
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 7px;
}
#sidebar p {
margin: 0px;
padding: 0px 0px 0px 45px;
}
#sidebar a img {
border: none;
margin: 0px;
padding: 0px;
}
#sidebar ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sidebar ul li li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
#sidebar ul li ul li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
.widgetarea {
background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.video {
background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.adsense {
background: #FFFFFF url(images/sidebartop.gif) top no-repeat;
float: left;
width: 300px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
.newsletter {
background: #FFFFFF url(images/newsletter.gif) top no-repeat;
float: left;
width: 300px;
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px solid #DDDDDD;
}
/************************************************
* Left Sidebar *
************************************************/
#l_sidebar {
background: #FFFFFF url(images/leftsidebartop.gif) top no-repeat;
float: left;
width: 150px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 0px 10px;
border: 1px solid #DDDDDD;
display: inline;
}
#l_sidebar p {
margin: 0px;
padding: 0px 0px 10px 0px;
}
#l_sidebar a img {
border: none;
margin: 0px;
padding: 0px;
}
#l_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#l_sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#l_sidebar ul li li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
#l_sidebar ul li ul li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
/************************************************
* Right Sidebar *
************************************************/
#r_sidebar {
background: #FFFFFF url(images/rightsidebartop.gif) top no-repeat;
float: right;
width: 120px;
margin: 0px;
padding: 10px 10px 0px 10px;
border: 1px solid #DDDDDD;
display: inline;
}
#r_sidebar p {
padding: 0px 0px 10px 0px;
margin: 0px;
}
#r_sidebar a img {
border: none;
margin: 0px;
padding: 0px;
}
#r_sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#r_sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#r_sidebar ul li li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
#r_sidebar ul li ul li {
background: #FFFFFF url(images/icon.gif) no-repeat top left;
padding: 0px 0px 5px 20px;
margin: 0px;
}
/************************************************
* Footer *
************************************************/
#footer {
background: #035B7C url(images/topnav.png);
width: 960px;
height: 30px;
margin: 0px;
padding: 0px;
text-align: center;
}
#footer p {
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 9px 0px 0px 0px;
}
#footer a, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}
/************************************************
* Search Form *
************************************************/
#searchform {
margin: 0px;
padding: 0px;
overflow: hidden;
display: inline;
}
#searchbox {
background: #EFECCA !important;
width: 220px;
color: #778D7C;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 4px 0px 3px 5px;
border-top: 1px solid #759697;
border-right: 1px solid #A3BAB9;
border-left: 1px solid #759697;
border-bottom: 1px solid #A3BAB9;
display: inline;
}
#searchbutton {
background: #035B7C url(images/topnav.png);
color: #FFFFFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0px 0px 0px 5px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border-top: 1px solid #A3BAB9;
border-right: 1px solid #759697;
border-left: 1px solid #A3BAB9;
border-bottom: 1px solid #759697;
}
#subscribe {
margin: 0px;
padding: 5px 0px 0px 0px;
overflow: hidden;
}
#subbox {
background: #EEEEEE !important;
width: 250px;
color: #778D7C;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border-top: 1px solid #759697;
border-right: 1px solid #A3BAB9;
border-left: 1px solid #759697;
border-bottom: 1px solid #A3BAB9;
display: inline;
}
#subbutton {
background: #035B7C url(images/topnav.png);
color: #FFFFFF;
font-size: 11px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0px 0px 0px 7px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border-top: 1px solid #A3BAB9;
border-right: 1px solid #759697;
border-left: 1px solid #A3BAB9;
border-bottom: 1px solid #759697;
}
#author, #email, #url {
background: #EEEEEE !important;
width: 250px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border-top: 1px solid #759697;
border-right: 1px solid #A3BAB9;
border-left: 1px solid #759697;
border-bottom: 1px solid #A3BAB9;
display: inline;
}
#submit {
background: #7B7B7B url(images/subbutton.gif);
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #002F2F;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #002F2F;
}
#comment {
background: #EEEEEE;
width: 460px;
color: #202020;
font-size: 12px;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border-top: 1px solid #759697;
border-right: 1px solid #A3BAB9;
border-left: 1px solid #759697;
border-bottom: 1px solid #A3BAB9;
display: inline;
}
/************************************************
* Comments *
************************************************/
.commentlist li ul li {
font-size: 12px;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 0px 0px 10px;
padding: 2px;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 12px;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}
.commentmetadata {
font-weight: normal;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
}
#commentform {
margin: 5px 10px 0px 0px;
}
#commentform textarea {
width: 98%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
#commentform p {
margin: 5px 0px 5px 0px;
}
#commentform #submit {
margin: 0px;
float: left;
}
.alt {
margin: 0px;
padding: 10px;
}
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0px;
padding: 0px;
}
.children {
margin: 0px;
padding: 0px;
}
.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}
.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 40px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.thread-alt {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}
.thread-even {
background: #EEEEEE;
margin: 0px;
padding: 0px;
}
.depth-1 {
border: 1px dotted #BBBBBB;
margin: 0px;
padding: 0px;
}
.even, .alt {
border-top: 1px dotted #BBBBBB;
border-bottom: 1px dotted #BBBBBB;
border-left: 1px dotted #BBBBBB;
margin: 0px;
padding: 0px;
}
the site is http://maine-bed-and-breakfast.camdenmainebnb.com/
Thanks
|
01-19-2009, 02:51 PM
Threaded Mode
Similar Threads