Extra White Space At The Bottom of The Page Wordpress

4 replies [Last post]

Wed, 2012-02-15 17:50

zalamo

Offline

newbie

Last seen: 11 years 15 weeks ago

Timezone: GMT-8

Joined: 2012-02-15

Posts: 1

Points: 2

Hi guys can someone please assist with getting rid of the extra white space at the bottom of the page. I'm using Wordpress

site

body {
background: #FFF url(images/bg.png) repeat-x;
color: #444444;
font-size: 12px;
font-family: Arial, Helvetica, Tahoma, sans-serif;
margin: 0 auto 0;
padding: 0;
line-height: 20px;
height:540px;
}

/***** Hyperlinks ********************/

a, a:visited {
color: #53689B;
text-decoration: none;
}

a:hover {
color: #53689B;
text-decoration: underline;
}

a img {
border: none;
}

a:focus, a:hover, a:active {
outline: none;
}

/***** Wrap ********************/

.home #wrap, .home-page #wrap, .blog #wrap {
background:#fff;
margin: 0 auto 0;
padding: 0;
}

#wrap {
background: #FFF;
margin: 0 auto 0;
padding: 0;
}

/***** Header ********************/

#header {
background: #FFF top center repeat-x;
margin: 0 auto 0;
padding: 0;
}

#header .wrap {
width: 960px;
height: 115px;
margin: 0 auto 0;
}

#title-area {
width: 340px;
float: left;
margin: 0;

padding: 20px 0 0 0;
overflow: hidden;
}

#title-area #title {
font-size: 20px;
font-weight: normal;
line-height: 34px;
margin: 0;
padding: 0 0 0 20px;
}

#title-area #title a {
color: #FFFFFF;
margin: 0;
padding: 0;
text-decoration: none;
}

#title-area #title a:hover {
color: #FFFFFF;
text-decoration: none;
}

#title-area #description {
color: #FFFFFF;
font-size: 14px;
font-style: italic;
font-weight: normal;
margin: 0;
padding: 0 0 0 20px;
}

#header .widget-area {
width: 610px;
color: #FFFFFF;
float: right;
margin: 25px 0 0 0;
padding: 0;
}

#header .widget-area a, #header .widget-area a:visited {
color: #FFFFFF;
text-decoration: underline;
}

#header .widget-area a:hover {
color: #FFFFFF;
text-decoration: none;
}

#header .widget-area p {
margin: 0;
padding: 0 0 5px 0;
}

#header .widget-area h4 {
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
margin: 10px 0 0 0;
padding: 0;
text-decoration: none;
}

#header .widget-area ul {
margin: 0;
padding: 0;
}

#header .widget-area ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}

/***** Image Header - Partial Width ********************/

.header-image #header #title-area {
background: url(images/logo.png) left top no-repeat;
}

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
display: block;
float: left;
width: 340px;
height: 114px;
margin: 22px 0 0 0;
padding: 0;
text-indent: -9999px;
overflow: hidden;
}

.header-image #title-area #description {
display: block;
width: 0;
height: 0;
overflow: hidden;
}

/***** Image Header - Full Width ********************/

.header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
width: 960px;
}

/***** Header Right Navigation ********************/

#header ul.nav, #header ul.menu {
width: auto;
float: right;
list-style: none;
color: #FFFFFF;
margin: 0;
padding: 45px 0 0 0;
}

#header ul.nav li, #header ul.menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#header ul.nav li a, #header ul.nav li a:visited, #header ul.menu li a, #header ul.menu li a:visited {
color: #FFFFFF;
display: block;
font-family: Arial, Tahoma, Verdana;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 6px 10px 5px 10px;
text-decoration: none;
position: relative;
}

#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
background: #00B8DE;
color: #FFFFFF;
text-decoration: none;
}

#header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul {
padding-right: 20px;
}

#header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 12px;
right: 5px;
}

#header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {
background: #00B8DE;
width: 148px;
color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
margin: 0;
padding: 5px 10px 5px 10px;
border-left: #20343f 1px solid;
border-right: #20343f 1px solid;
border-bottom: 1px solid #72D4EA;
text-transform: none;
position: relative;
border-top: #20343f 1px solid;
}

#header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active {
background: #72D4EA;
color: #FFFFFF;
}

#header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}

#header ul.nav li ul, #header ul.menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}

#header ul.nav li ul a, #header ul.menu li ul a {
width: 150px;
}

#header ul.nav li ul ul, #header ul.menu li ul ul {
margin: -31px 0 0 169px;
}

#header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul {
left: -999em;
}

#header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul {
left: auto;
}

#header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover {
position: static;
}

/***** Nav Menu ********************/

#nav {
background: #455884 url(images/sample-nav-bg.png) top left repeat-x;
border-top: #20343f 1px solid;
border-bottom: #FFF 10px solid;
clear: both;
color: #FFFFFF;
margin: 0 auto 0;
padding: 0;
}

#nav .wrap {
width: 960px;
height: 40px;
margin: 0 auto 0;
}

.nav-outer {
background: #677FAE;
padding: 2px 0;
border-top: #20343f 1px solid;
border-bottom: #20343f 1px solid;
margin: 18px 0 0 0;
}

#nav li.home {
border-left: 1px solid #20343f;
}

#nav li.current_page_item {
background: #323c5a;
}

#nav ul {
width: 950px;
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
}

#nav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#nav li a {
color: #FFFFFF;
display: block;
font-family: 'Numans', sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
border-left: #465988 1px solid;
border-right: #20343f 1px solid;
margin: 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
position: relative;
}

#nav li a:hover, #nav li a:active {
background: #677FAE;
border-top: #777777;
color: #FFFFFF;
}

#nav li a.sf-with-ul {
padding-right: 20px;
}

#nav li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 19px;
right: 5px;
}

#nav li a:hover .sf-sub-indicator {
background: url(images/arrow-down-hover.png);
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #677FAE;
color: #FFFFFF;
width: 156px;
font-size: 12px;
margin: 0;
padding: 6px 10px 6px 10px;
text-transform: none;
position: relative;
border-top: #20343f 1px solid;
border-right: #20343f 1px solid;
border-left: #20343f 1px solid;
}

#nav li li a:hover, #nav li li a:active {
background: #455884;
color: #FFFFFF;
}

#nav li li a .sf-sub-indicator, #nav li li a:hover .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}

#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#nav li ul a {
width: 140px;
}

#nav li ul a:hover, #nav li ul a:active {
}

#nav li ul ul {
margin: -33px 0 0 158px;
}

#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;
}

#nav li.right {
float: right;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 10px 25px 10px 0;
text-transform: uppercase;
}

#nav li.right a {
display: inline;
margin: 0;
padding: 0;
border: none;
background: none;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#nav li.right a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#nav li.date {
font-family: Arial, Tahoma, Verdana;
}

#nav li.rss a {
background: url(images/rss.png) no-repeat left center;
margin: 0 0 0 10px;
padding: 3px 0 3px 18px;
}

#nav li.search {
padding: 0 10px 0 10px;
}

#nav li.twitter a {
background: url(images/twitter-nav.png) no-repeat left center;
padding: 3px 0 1px 20px;
}

ul#nav li.home.current_page_item {
border-left: #20343f;
background: #000;
}

/***** SubNav Menu ********************/

#subnav {
clear: both;
color: #FFFFFF;
margin: 0 auto 0;
padding: 0;
}

#subnav .wrap {
background: #00A8D1;
width: 960px;
height: 40px;
margin: 0 auto 20px;
}

#subnav ul {
width: 950px;
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
}

#subnav li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#subnav li a {
color: #FFFFFF;
display: block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
position: relative;
}

#subnav li a:hover, #subnav li a:active {
background: #72D4EA;
color: #FFFFFF;
}

#subnav li a.sf-with-ul {
padding-right: 20px;
}

#subnav li a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 12px;
right: 5px;
}

#subnav li a:hover .sf-sub-indicator {
background: url(images/arrow-down-hover.png);
}

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
background: #00A8D1;
color: #FFFFFF;
width: 156px;
font-size: 12px;
margin: 0;
padding: 6px 10px 6px 10px;
border-left: 1px solid #72D4EA;
border-right: 1px solid #72D4EA;
border-bottom: 1px solid #72D4EA;
text-transform: none;
position: relative;
}

#subnav li li a:hover, #subnav li li a:active {
background: #72D4EA;
color: #FFFFFF;
}

#subnav li li a .sf-sub-indicator, #subnav li li a:hover .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}

#subnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#subnav li ul a {
width: 140px;
}

#subnav li ul a:hover, #subnav li ul a:active {
}

#subnav li ul ul {
margin: -33px 0 0 158px;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul {
left: -999em;
}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul {
left: auto;
}

#subnav li:hover, #subnav li.sfHover {
position: static;
}

/***** Inner ********************/

.home #inner {
margin: 0 auto;
overflow: hidden;
padding: 0px;
width: 970px;
}
#inner {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
}
#inner {
border-color: transparent #C8C6C9;
border-style: solid;
border-width: 0 1px 1px;
}

/***** Inner Backgrounds ********************/

.content-sidebar #inner {
}

.sidebar-content #inner {
}

.content-sidebar-sidebar #inner {
}

.sidebar-sidebar-content #inner {
}

.sidebar-content-sidebar #inner {
}

.full-width-content #inner {
}

/*****Sub Pages*********************/
ul.subpages-navi .hitarea {
display: inline;
width: 18px;
height: 19px;
margin-left: -3px;
float: left;
cursor: pointer;
background-image: url(images/subpages-navigation-hitarea.gif);
background-repeat: no-repeat;
}

ul.subpages-navi a:hover {
text-decoration:none;
}
/***** Home Top ********************/
#home-top {
width: 960px;
color: #444444;
margin: 0 auto 0;
padding: 0 0 30px 0;
overflow: hidden;
}

#home-top a, #home-top a:visited {
color: #FFFFFF;
text-decoration: none;
}

#home-top a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#home-top .more-link {
background: url(images/btn_readmore.gif);
color: #ffffff;
font-size: 12px;
font-weight: normal;
margin: 8px 0 0 0;
padding: 8px 15px 8px 15px;
text-decoration: none;
line-height: 20px;
display: block;
}

#home-top .more-link:hover {
background: url(images/btn_readmore.gif);
text-decoration: none;
}

#home-top p {
margin: 0;
padding: 0 0 10px 0;
}

#home-top h2 {
color: #FFFFFF;
font-size: 26px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
line-height: 30px;
}

#home-top h2 a, #home-top h2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#home-top h2 a:hover {
color: #72D4EA;
text-decoration: none;
}

#home-top .home-top-right h4 {
color: #53689B;
font-size: 18px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 4px 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #DDDDDD;
}

#home-top ul {
list-style-type: none;
margin: 0;
padding: 0 0 10px 0;
}

#home-top ul li {
margin: 0;
padding: 5px 0 0 0;
}

#home-top .byline {
margin: 0;
padding: 0;
}

#home-top .textwidget {
margin: 0;
padding: 0;
}

#home-top li.widget_tag_cloud div {
margin: 0;
padding: 0 0 10px 0;
}

#home-top .featuredpost .post, #home-top .featuredpage .page {
clear: both;
}

#home-top .featuredpost, #home-top .featuredpage {
clear: both;
}

#home-top .featuredpost img, #home-top .featuredpage img {
background: #FFFFFF;
padding: 7px;
border: 1px solid #BBBBBB;
}

.home-top-left {
background: #fff;
width: 520px;
height: 280px;
float: left;
margin: 15px 0 0 0;
padding: 0;

}

.home-top-left .widget {
padding: 0px;
}

.home-top-right {
width: 410px;
float: right;
margin: 0;
padding: 10px 0 0 0;
}

/***** Taxonomy Description ********************/

.taxonomy-description {
background: #E8E8E8;
margin: 0 0 30px 0;
padding: 10px;
border: 1px solid #DDDDDD;
}

#content .taxonomy-description p {
margin: 0;
padding: 0;
}

/***** Content-Sidebar Wrapper ********************/

#content-sidebar-wrap {
width: 790px;
margin: 0;
padding: 0;
float: left;
}

.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
width: 960px;
}

.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
float: right;
}

/***** Content ********************/

#content {
width: 500px;
margin: 0;
padding: 0;
float: left;
font-size:16px;
}

.sidebar-content #content, .sidebar-sidebar-content #content {
float: right;
}

.sidebar-content #content, .content-sidebar #content {
width: 670px;
padding: 0;
}

.full-width-content #content {
width: 960px;
}

#content img, #content p img {
max-width: 100%;
}

#content blockquote {
background: #E8E8E8;
margin: 0 15px 15px 15px;
padding: 10px 20px 0 15px;
}

#content .post {
margin: 0 0 40px 0;
padding: 0;
}

#content .page {
margin: 0;
padding: 0 0 15px 0;
}

#content .post p {
margin: 0;
padding: 0 0 10px 0;
}

#content .post ul, #content .page ul {
list-style-type: square;
margin: 0;
padding: 0 0 15px 0;
}

#content .post ul li, #content .page ul li {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
}

#content .post ul ul, #content .page ul ul {
list-style-type: square;
margin: 0;
padding: 0;
}

#content .post ol, #content .page ol {
margin: 0;
padding: 0 0 15px 0;
}

#content .post ol li, #content .page ol li {
margin: 0 0 0 20px;
padding: 0;
}

#content .post ol ol, #content .page ol ol {
margin: 0;
padding: 0;
}

#content .entry-content {
overflow: hidden;
}

#content .entry-content .post-image {
padding: 4px;
border: 1px solid #DDDDDD;
}

#content .post-image {
margin: 0 10px 10px 0;
padding: 4px;
border: 1px solid #DDDDDD;
}

#content .archive-page {
float: left;
width: 45%;
margin: 0;
padding: 20px 20px 0 0;
}

.clear {
clear: both;
}

/***** Headlines in Content ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #53689B;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px 0;
padding: 0;
}

#content h1 {
font-size: 24px;
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0 0 5px 0;
}

#content h2 {
font-size: 22px;
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 0 0 5px 0;
}

#content h2 a, #content h2 a:visited {
color: #444444;
text-decoration: none;
}

#content h2 a:hover {
color: #53689B;
text-decoration: none;
}

#content h3 {
font-size: 18px;
}

#content h4 {
font-size: 16px;
}

#content h5 {
font-size: 14px;
}

#content h6 {
font-size: 12px;
}

/***** Post Icons ********************/

.time {
background: url(images/icon-time.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 2px 18px;
}

.post-comments {
background: url(images/icon-comments.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 2px 18px;
}

.categories {
background: url(images/icon-categories.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 2px 18px;
}

.tags {
background: url(images/icon-tags.png) no-repeat top left;
margin: 0 0 0 3px;
padding: 0 0 2px 18px;
}

/***** Images ********************/

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0;
}

img.alignnone {
padding: 0;
margin: 0 0 10px 0;
display: inline;
}

img.alignleft {
background-color: #FFFFFF;
border: 5px solid #DADADA;
clear: both;
display: inline;
margin: 5px 10px 10px 0;
padding: 2px;}

img.alignright {
padding: 0;
margin: 0 0 10px 10px;
display: inline;
}

.aligncenter {
display: block;
margin: 0 auto 10px;
}

.alignleft {
float: left;
margin: 0 10px 0 0;
}

.alignright {
float: right;
margin: 0 0 0 10px;
}

.wp-caption {
background: #F4F4F4;
text-align: center;
padding: 5px 0 0 1px;
border: 1px solid #DDDDDD;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0;
}

.wp-caption p.wp-caption-text {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
line-height: 12px;
}

img.wp-smiley, img.wp-wink {
float: none;
border: none;
margin: 0;
padding: 0;
}

/***** Post Navigation ********************/

.navigation {
width: 100%;
margin: 0;
padding: 20px 0 20px 0;
overflow: hidden;
}

.navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.navigation li {
display: inline;
}

.navigation li a {
color: #0067A2;
padding: 5px 8px 5px 8px;
border: 1px solid #DDDDDD;
}

.navigation li a:hover {
background: #0067A2;
color: #FFFFFF;
border: 1px solid #DDDDDD;
text-decoration: none;
}

.navigation li.disabled {
margin: 0;
padding: 5px 8px 5px 8px;
border: 1px solid #DDDDDD;
}

.navigation li.active a {
background: #0067A2;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #DDDDDD;
}

/***** Primary & Secondary Sidebars ********************/

#sidebar {
width: 270px;
float: right;
margin: 0;
padding: 0;
display: inline;
}

#sidebar-alt {
width: 150px;
float: left;
margin: 0;
padding: 0;
display: inline;
}

.sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {
float: left;
}

.content-sidebar-sidebar #sidebar-alt {
float: right;
}

#sidebar .widget, #sidebar-alt .widget {
background: #fafbfd url(images/sidebar-bg.gif) top left repeat-x;
margin: 0 0 15px 0;
padding: 10px 15px 5px 15px;
}

#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {
color: #444444;
font-size: 20px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0;
padding: 0;
}

#sidebar h2 a:hover, #sidebar-alt h2 a:hover {
color: #0067A2;
text-decoration: none;
}

#sidebar h4, #sidebar-alt h4 {
color: #444444;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}

#sidebar .widget p, #sidebar-alt .widget p {
margin: 0;
padding: 0 0 10px 0;
}

#sidebar .textwidget p, #sidebar-alt .textwidget p {
margin: 0;
padding: 0 0 10px 0;
}

#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {
border: none;
margin: 0;
padding: 0;
}

#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {
list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {
margin: 0;
padding: 0;
}

#sidebar li, #sidebar-alt li {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #DDDDDD;
}

/***** Tag Cloud ********************/

#home-middle .widget_tag_cloud div, #sidebar .widget_tag_cloud div div, #sidebar-alt .widget_tag_cloud div div, #footer-widgeted .widget_tag_cloud div div {
padding: 0;
}
/*************************************************************/
/***** Home Middle ********************/

/*#home-middle-bg {
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #FFF;
background-image: url("images/home-bottom-bg.png");
background-position: 0 0;
background-repeat: repeat;
border-top-color: #DDD;
border-top-style: solid;
border-top-width: 10px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
*/
#home-middle {
background-attachment: scroll;
background-color: #FFFFFF;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
width: 970px;
}
.more-link{
background: url("images/btn_readmore.gif") no-repeat scroll 0 0 transparent;
display: block;
height: 24px;
/*margin: 10px 0;*/
text-indent: -9999px;
width: 105px;
margin-left: auto;
margin-right:auto;
}
#home-middle a, #home-middle a:visited {
color: #FFF;
text-decoration: none;
}

#home-middle a:hover {
color: #FFF;
}

#home-middle p {
margin: 0;
padding: 0 0 10px 0;
}

#home-middle h2 {
color: #FFF;
font-size: 18px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
text-decoration: none;
}

#home-middle h2 a, #home-middle h2 a:visited {
color: #FFF;
text-decoration: none;
text-transform: none;
font-style: normal;
}

#home-middle h2 a:hover {
color: #FFF;
text-decoration: none;
}

#home-middle h4 {
color: #FFF;
font-size: 18px;
font-family:'Droid Serif', Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #DDDDDD;
}

#home-middle ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#home-middle ul li {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #FFF;
}

#home-middle ul ul {
list-style-type: none;
margin: 0;
padding: 0 0 10px 0;
}

#home-middle ul li ul li {
margin: 0;
padding: 5px 0 0 0;
}

#home-middle .widget {
margin: 0;
padding: 0 0 5px 0;
}

#home-middle .textwidget {
margin: 0;
padding: 0;
}

#home-middle .featuredpost .post, #home-middle .featuredpage .page {
clear: both;
}

#home-middle .featuredpost, #home-middle .featuredpage {
clear: both;
}

#home-middle .featuredpost img {
background: #FFFFFF;
margin: 0;
padding: 1px;
border: 4px solid #EEEEEE;
}

#home-middle .user-profile .avatar {
background: #FFFFFF;
margin: 0 0 -5px 0;
padding: 1px;
border: 4px solid #EEEEEE;
}
/********************************/
/***** Sidebar( Category Dropdown ********************/

#cat {
background: #FFFFFF;
color: #444444;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
margin: 0 0 5px 0;
padding: 3px;
display: inline;
border: 1px solid #DDDDDD;
}

#sidebar #cat {
width: 238px;
}

#sidebar-alt #cat {
width: 148px;
}

/***** Sidebar( Featured Post/Page ********************/

#sidebar .featuredpost, #sidebar .featuredpage, #sidebar-alt .featuredpost, #sidebar-alt .featuredpage {
margin: 0 0 15px 0px;
padding: 0;
clear: both;
}

#sidebar .featuredpost .post, #sidebar .featuredpage .page, #sidebar-alt .featuredpost .post, #sidebar-alt .featuredpage .page {
margin: 0;
padding: 15px;
clear: both;
}

#sidebar .featuredpost .avatar, #sidebar .featuredpage .avatar, #sidebar-alt .featuredpost .avatar, #sidebar-alt .featuredpage .avatar {
margin: 0;
padding: 4px;
border: 1px solid #DDDDDD;
}

#sidebar .featuredpost img, #sidebar .featuredpage img, #sidebar-alt .featuredpost img, #sidebar-alt .featuredpage img {
margin: 0;
padding: 4px;
border: 1px solid #DDDDDD;
}

/***** Sidebar( User Profile ********************/

#sidebar .user-profile, #sidebar-alt .user-profile {
overflow: hidden;
}

#sidebar .user-profile .avatar, #sidebar-alt .user-profile .avatar {
background: #F4F4F4;
float: left;
margin: 0;
padding: 4px;
border: 1px solid #DDDDDD;
}

#sidebar .user-profile .posts_link, #sidebar-alt .user-profile .posts_link {
margin: 0;
padding: 0 0 10px 10px;
}

/***** Search Form( ********************/

.searchform {
margin: 0;
}

#header .searchform {
float: right;
padding: 7px 0 0 0;
}

#sidebar .searchform {
padding: 5px 0 10px 0;
}

#nav .searchform {
float: right;
padding: 2px 0 0 0;
}

.s {
background: #FFFFFF url(images/search.png) right no-repeat;
width: 170px;
color: #666666;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
margin: 5px 5px 0 0;
padding: 5px 0 5px 7px;
border: 1px solid #DDDDDD;
}

#header .s {
width: 250px;
}

.searchsubmit {
background: url(images/button.png);
color: #FFFFFF;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin: 3px 0 0 0;
padding: 5px 5px 5px 5px;
border: 1px solid #53689B;
}

.searchsubmit:hover {
background: url(images/button-hover.png);
border: 1px solid #20343f;
}

/***** eNews & Updates Widget ********************/

.enews {
margin: 0;
padding: 0;
}

#header .enews {
width: 250px;
float: right;
margin: 0;
padding: 0;
}

.enews #subscribe {
margin: 0;
padding: 0 0 10px 0;
overflow: hidden;
}

.enews #subbox {
width: 190px;
color: #777777;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
margin: 0 5px 0 0;
padding: 6px 0 6px 7px;
border: 1px solid #DDDDDD;
}

.enews #subbutton {
background: #FFFFFF url(images/button.png);
color: #FFFFFF;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 5px 5px 4px 5px;
border: 1px solid #53689B;
}

.enews #subbutton:hover {
background: #FFFFFF url(images/button-hover.png);
border: 1px solid #53689B;
}

/***** Latest Tweets Widget ********************/

#header .latest-tweets {
width: 450px;
float: right;
margin: 0;
padding: 0;
}

#sidebar .latest-tweets {
margin: 0 0 15px 0;
padding: 10px 15px 5px 15px;
}

/***** Calendar ********************/

#wp-calendar {
margin: 0;
padding: 0;
width: 100%;
}

#wp-calendar a,#wp-calendar a:visited {
color: #FFFFFF;
text-decoration: underline;
}

#wp-calendar a:hover {
color: #FFFFFF;
text-decoration: none;
}

#wp-calendar caption {
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-style: italic;
font-weight: normal;
margin: 0;
padding: 2px 5px 0 0;
text-align: right;
}

#sidebar #wp-calendar caption {
color: #333333;
}

#wp-calendar caption {
color: #FFFFFF;
}

#sidebar #wp-calendar th {
color: #333333;
}

#wp-calendar th {
color: #FFFFFF;
}

#wp-calendar thead {
margin: 10px 0 0 0;
font-weight: bold;
}

#sidebar #wp-calendar thead {
color: #F7F7F7 !important;
}

#wp-calendar thead {
background: none;
color: #FFFFFF;
}

#wp-calendar td {
font-weight: normal;
text-align: center;
margin: 0;
padding: 2px;
}

#sidebar #wp-calendar td {
}

#wp-calendar td {
background: none;
}

#wp-calendar tfoot td {
background: none;
margin: 0;
padding: 0;
}
/***** Footer ********************/

#footer {
background:#8FA6D0 url(images/jrap.png);
border-top: 10px solid #DDD;
color: #FFF;
font-size: 12px;
margin: 0;
padding: 5px 0 5px 0;
overflow: hidden;
clear: both;
text-align:center;
}
#footer .inner {
margin: 0 auto;
overflow: hidden;
padding: 10px 25px 0 20px;
width: 960px;
}
#footer .wrap {
width: 960px;
margin: 0 auto;
}

#footer a, #footer a:visited {
color: #FFF ;
text-decoration: none;
}

#footer a:hover {
color: #FFF;
text-decoration: none;
}

#footer p {
margin: 0;
padding: 0;
}

#footer .gototop {
width: 200px;
float: left;
margin: 15px 0 10px 0;
padding: 0 0 0 5px;
}

#footer .gototop a {
margin: 0;
padding: 2px 0 2px 18px;
background: url(images/footer-top.png) no-repeat left center;
}

#footer .creds {
width: 740px;
float: right;
margin: 15px 0 10px 0;
padding: 0 10px 0 0;
text-align: right;
}

#footer-widget-areas {
border-bottom: 1px dotted #4D676F;
padding: 10px 0 15px 0;
}

#footer-widget-areas h4 {
border-bottom: 1px dotted #4D676F;
color: #FFFFFF;
font-size: 16px;
font-style: normal;
font-weight: bolder;
margin: 0 0 8px;
padding: 0;
}
/***** Comments ********************/

#comments {
margin: 0 0 15px 0;
padding: 0;
}

#respond {
margin: 0 0 15px 0;
padding: 0;
}

#author, #email, #url {
background: #F4F4F4 !important;
width: 250px;
color: #444444;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
padding: 3px 0 3px 3px;
margin: 5px 5px 0 0;
border: 1px solid #DDDDDD;
}

#comment {
background: #F4F4F4 !important;
width: 98%;
height: 150px;
color: #444444;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
padding: 3px 0 3px 3px;
margin: 5px 0 5px 0;
border: 1px solid #DDDDDD;
}

#submit {
background: url(images/button.png);
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 5px;
border: 1px solid #53689B;
}

#submit:hover {
background: url(images/button-hover.png);
border: 1px solid #53689B;
}

.comment-list {
margin: 0;
padding: 0;
}

.ping-list {
margin: 0 0 40px 0;
padding: 0;
}

.comment-list ol, .ping-list ol {
margin: 0;
padding: 10px;
}

.comment-list li, .ping-list li {
font-weight: bold;
margin: 15px 0 5px 0;
padding: 10px 5px 10px 10px;
list-style: none;
}

.comment-list li ul li {
margin-right: -6px;
margin-left: 10px;
}

.comment-list p, .ping-list p {
font-weight: normal;
text-transform: none;
margin: 10px 5px 10px 0;
padding: 0;
}

.comment-list li .avatar {
background: #F4F4F4;
float: right;
border: 1px solid #DDDDDD;
margin: 0 5px 0 10px;
padding: 4px;
}

.comment-list cite, .comment-list cite a, .ping-list cite, .ping-list cite a {
font-weight: bold;
font-style: normal;
}

.commentmetadata {
font-size: 11px;
font-weight: normal;
}

#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.alt {
margin: 0;
padding: 10px;
}

.children {
margin: 0;
padding: 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.reply a, .reply a:visited {
background: url(images/button.png);
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
margin: 0;
padding: 3px 5px 3px 5px;
border: 1px solid #53689B;
}

.reply a:hover {
background: url(images/button-hover.png);
text-decoration: none;
border: 1px solid #53689B;
}

#comments .navigation {
display: block;
margin: 10px 0 0 0;
}

.thread-alt, .thread-even {
margin: 0;
padding: 0;
}

.depth-1 {
border: 1px solid #DDDDDD;
margin: 0;
padding: 0;
}

.even, .alt {
border: 1px solid #DDDDDD;
margin: 0;
padding: 0;
}
/***** Portfolio ********************/

#content .portfolio {
width: 210px;
margin: 0 15px 20px 15px !important;
float: left;
overflow: hidden;
}

.page-template-pageportfolio-php #content .portfolio p {
margin: 0;
padding: 0;
}

#content .portfolio .entry-title {
font-size: 18px;
margin: 10px 0 0 0;
line-height: 22px;
}

#content .portfolio .more-link {
background: url("images/btn_readmore.gif") no-repeat scroll 0 0 transparent;
display: block;
height: 24px;
margin: 10px 0;
text-indent: -9999px;
width: 105px;
}

#content .portfolio .more-link:hover {
background: url("images/btn_readmore.gif");
}
#inner {
width: 960px;
margin: 20px auto 20px;
padding: 0;
overflow: hidden;
}

Tags:

Styling CMS and Social Sites

Thu, 2012-02-16 00:08

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

And a lot of white space in

And a lot of white space in your post here it seems Guessing you didn't figure out adding code to posts?

Then again that may have been unfair. post looks as though it should display and editing it didn't resolve things hmm.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Thu, 2012-02-16 01:34

gary.turner

Offline

Moderator

Dallas

Last seen: 2 years 13 weeks ago

Dallas

Timezone: GMT-6

Joined: 2004-06-25

Posts: 9776

Points: 3858

Something screwy

How odd, I got it to display, but not properly formatted. I don't know why. If nothing else, the link shows.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Thu, 2012-02-16 01:54

gary.turner

Offline

Moderator

Dallas

Last seen: 2 years 13 weeks ago

Dallas

Timezone: GMT-6

Joined: 2004-06-25

Posts: 9776

Points: 3858

WP screwiness?

I don't think this has anything to do with your issue, but I have no clue about its purpose:

#content-sidebar-wrap {
    float: left;
    margin: 0;
    padding: 0;
    width: 790px;
}

Delete all these properties, and I see no effect. :shrug:

I'm not sure what you mean by the white space, unless you're talking about the space between the content and footer. If so, there is the bottom margin on the p elements, the 15px bottom padding here:

#content .page {
    margin: 0;
    padding: 0 0 15px;
}

and the 20px bottom margin here:

#inner {
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    width: 960px;
}

That's 16px + 15px + 20px = 51px of white space between the text and the footer, and that's the only white space I see.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Thu, 2012-02-16 09:39

Hugo

Offline

Moderator

London

Last seen: 8 years 21 weeks ago

London

Joined: 2004-06-06

Posts: 15668

Points: 2806

Odd not sure how you managed

Odd not sure how you managed to get the post showing Gary I edited what I thought were issues and zilch.

@OP methinks you are possibly thinking your footer should be at bottom of the viewport? It shouldn't, it's where it's meant to be according to the flow; sticky footers are another things altogether and require tricks to break the normal behaviour of elements and then when that's achieved you would want that banner slider centered? But I may be misreading things completely.

Extra White Space At The Bottom of The Page Wordpress

And a lot of white space in

Something screwy

WP screwiness?

Odd not sure how you managed

User login

Navigation