trying to get the content to stretch to 100% height trying just about everything, no luck. Why is something like this so impossible??? aaarrrgh! can you tell I'm frustrated? ;-)
Code:
/*
Theme Name: Allure Dark WordPress Theme
Theme URL: http://www.studiopress.com/themes/allure
Description: Allure is a 2-column Widget-ready theme created for WordPress.
Author: StudioPress
Author URI: http://www.studiopress.com
Version: 1.0
Tags: two-columns, fixed-width, sidebar-widgets, threaded-comments
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Changelog:
v1.0 - 4/20/09
*/
html,body {
min-height: 100%;
background-color: #eaeaea;
height: 100%;
background-image: url(images/spacer.gif);
background-repeat: repeat-y;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 0px;
}
#wrap {
background: #CCCCCC url(images/wrap.png) center repeat-y;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
#container {
padding: 0px;
margin: 0px;
height: 100%;
background-image: url(images/spacer.gif);
background-repeat: repeat-y;
min-height: 100%;
bottom: 0px;
top: 0px;
}
#wrapfull {
background: #eaeaea center repeat-y;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}
/************************************************
* Hyperlinks *
************************************************/
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none
}
/************************************************
* Header *
************************************************/
#header {
background-repeat: no-repeat;
background: #333333 url(images/header.jpg);
width: 960px;
height: 188px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}
#header h1 {
color: #FFFFFF;
font-size: 36px;
font-family: Times New Roman, Georgia, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 20px 0px 0px 10px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
color: #FFFFFF;
font-size: 36px;
font-family: Trebuchet MS, Arial, Tahoma;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}
#header h1 a:hover {
color: #FFFFFF;
text-decoration: none;
}
.headerleft {
width: 450px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.headerleft p {
color: #FFFFFF;
font-size: 14px;
margin: 0px;
padding: 0px 0px 0px 10px;
line-height: 20px;
}
.headerright {
width: 485px;
float: right;
margin: 0px;
padding: 5px 15px 0px 0px;
text-align: right;
}
.headerright a, .headerright a:visited {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.headerright a:hover {
text-decoration: underline;
}
.headerright p {
font-size: 11px;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px;
}
.headerright a img {
border: none;
margin: 0px 3px 0px 0px;
padding: 0px;
}
.headerright .widget a img {
border: none;
margin: 0px;
padding: 0px;
}
.headerright ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.headerright li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/************************************************
* Navbar *
************************************************/
#navbar {
background-color: #cecece;
width: 960px;
height: 35px;
color: #FFFFFF;
margin: 1px auto 0px;
padding: 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: #FFFFFF;
display: block;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-size: 14px;
margin: 0px;
padding: 9px 15px 9px 15px;
text-decoration: none;
}
#nav li a:hover, #nav li a:active {
background: #EEEEEE;
color: #222222;
display: block;
margin: 0px;
padding: 9px 15px 9px 15px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #EEEEEE;
width: 170px;
color: #333333;
float: none;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 7px 10px 7px 10px;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#nav li li a:hover, #nav li li a:active {
background: #CCCCCC;
color: #FFFFFF;
padding: 7px 10px 7px 10px;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 190px;
margin: 0px;
padding: 0px;
}
#nav li li {
}
#nav li ul a {
width: 160px;
}
#nav li ul a:hover, #nav li ul a:active {
}
#nav li ul ul {
margin: -32px 0 0 191px;
}
#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;
}
/************************************************
* Homepage *
************************************************/
#homepage {
float: left;
width: 638px;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#homepage a, #homepage a:visited {
color: #EF3471;
text-decoration: none;
}
#homepage a:hover {
color: #EF3471;
text-decoration: underline;
}
#homepage p {
margin: 0px;
padding: 0px;
}
#homepage h1 {
color: #EF3471;
font-size: 14px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 24px;
}
#homepage h1 a {
color: #EF3471;
text-decoration: none;
border: none;
}
#homepage h1 a:hover {
color: #EF3471;
text-decoration: underline;
border: none;
}
#homepage h2 {
color: #FFFFFF;
font-size: 22px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px;
padding: 10px 0px 5px 0px;
}
#homepage h3 {
background: #CCCCCC;
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding: 3px 0px 3px 10px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#homepage h4 {
color: #222222;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0px 5px 0px;
padding: 0px;
}
#homepage embed, #homepage object {
width: 250px;
height: 205px;
margin: 10px 0px 5px 0px;
padding: 0px;
}
#homepage ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}
#homepage ul li {
background: url(images/arrowhome.gif) no-repeat top left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 5px 0px;
}
.homepageleft {
float: left;
width: 356px;
margin: 0px;
padding: 0px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.homepageright {
float: right;
width: 270px;
margin: 0px;
padding: 0px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.homebox {
background: #FFFFFF;
margin: 0px;
padding: 10px 10px 10px 10px;
}
#fcg {
background: #EEEEEE;
margin: 0px 0px 10px 0px;
padding: 10px;
}
#fcg p {
color: #FFFFFF;
margin: 0px;
padding: 0px 10px 0px 10px;
font-size: 12px;
}
/************************************************
* Content *
************************************************/
#content {
min-height: 100%;
height: 100%;
background-color: white;
width: 960px;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
line-height: 20px;
}
#contentleft {
float: left;
width: 618px;
margin: 0px 0px 15px 0px;
padding: 10px 0px 20px 10px;
display: inline;
}
#contentwide {
height: 100%;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
min-height: 100%;
background-color: white;
float: left;
width: 960px;
}
#contentwide a, #contentwide a:visited {
color: #EF3471;
text-decoration: none;
}
#contentwide a:hover {
color: #EF3471;
text-decoration: underline;
}
#contentleft h1, #contentwide h1 {
color: #222222;
font-size: 22px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft h1 a, #contentwide h1 a {
color: #222222;
text-decoration: none;
border: none;
}
#contentleft h1 a:hover, #contentwide h1 a:hover {
color: #EF3471;
text-decoration: none;
border: none;
}
#contentleft h2, #contentwide h2 {
color: #222222;
font-size: 20px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft h3, #contentwide h3 {
color: #222222;
font-size: 18px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft h4, #contentwide h4 {
color: #222222;
font-size: 16px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft h5, #contentwide h5 {
color: #222222;
font-size: 14px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft h6, #contentwide h6 {
color: #222222;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 24px;
}
#contentleft img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#contentleft img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
.postarea p {
padding: 0px 0px 10px 0px;
margin: 0px;
}
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {
color: #EF3471;
text-decoration: none;
}
.postarea a:hover, .postcomments a:hover {
color: #EF3471;
text-decoration: underline;
}
.postarea ol {
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}
.postarea ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 5px 0px;
}
.postarea ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px 0px 10px 0px;
}
.postarea ul ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.postarea ul li {
background: url(images/arrow.gif) no-repeat top left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 5px 0px;
}
.postarea ul ul li {
background: url(images/arrow.gif) no-repeat top left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 5px 0px;
}
blockquote {
background: #EEEEEE;
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
border: 1px solid #CCCCCC;
}
#content blockquote p {
margin: 0px;
padding: 10px 0px 10px 0px;
}
.postauthor {
margin: 0px 0px 10px 0px;
padding: 0px;
}
.postmeta {
background: #EEEEEE;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 50px 0px;
padding: 5px 10px 5px 10px;
border: 1px solid #CCCCCC;
}
.postmeta p {
margin: 0px;
padding: 0px;
}
code {
color: #222222;
background: #F6F3EE;
font-size: 11px;
margin: 0px;
padding: 10px;
display: block;
font-family: Verdana, Tahoma, Verdana;
border: 1px solid #E9E2D7;
}
.archive {
float: left;
width: 275px;
margin: 0px;
padding: 0px 25px 20px 0px;
}
/************************************************
* 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 #CCCCCC;
text-align: center;
background: #EEEEEE;
padding: 5px 0px 5px 0px;
}
.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: 272px;
margin: 0px;
padding: 0px;
line-height: 20px;
}
#sidebar a, #sidebar a:visited {
color: #EF3471;
text-decoration: none;
}
#sidebar a:hover {
color: #EF3471;
text-decoration: underline;
}
#sidebar h2 {
color: #222222;
font-size: 14px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar p {
margin: 0px;
padding: 0px;
line-height: 20px;
}
#sidebar a img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: none;
}
#sidebar .widget {
background: #EEEEEE;
margin: 0px 0px 10px 0px;
padding: 5px 10px 5px 10px;
border: 1px solid #CCCCCC;
}
#sidebar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#sidebar ul ul li a, #sidebar ul ul li a:visited {
color: #333333;
text-decoration: none;
}
#sidebar ul ul li a:hover {
color: #EF3471;
text-decoration: underline;
}
#sidebar ul ul {
list-style-type: none;
margin: 0px 0px 0px 5px;
padding: 0px;
}
#sidebar ul ul ul {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#sidebar ul li li {
background: url(images/arrow2.gif) no-repeat top left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}
#sidebar ul li ul li {
background: url(images/arrow2.gif) no-repeat top left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}
#sidebar .textwidget {
margin: 0px;
padding: 0px;
}
.postform {
background: #F5F5F5;
width: 250px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 0px 0px 0px;
padding: 1px;
display: inline;
border: 1px solid #DDDDDD;
}
#cat {
background: #FFFFFF;
color: #222222;
margin: 5px 0px 5px 0px;
}
.widget_tag_cloud {
margin: 0px;
padding: 0px 0px 0px 10px;
}
.adsensesidebar {
margin: 0px 0px 10px 0px;
padding: 0px;
}
/************************************************
* Footer Background *
************************************************/
#footerbg {
background: #eaeaea center repeat-y;
}
/************************************************
* Footer *
************************************************/
#footer {
width: 960px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}
#footer p {
margin: 0px;
padding: 0px;
}
.footertop {
background-color: #dedede;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
margin: 0px;
padding: 20px 0px 20px 20px;
}
.footertop a {
color: #FFFFFF;
text-decoration: none;
}
.footertop a:hover {
color: #FFFFFF;
text-decoration: underline;
}
/************************************************
* Search Form *
************************************************/
#subscribe {
margin: 0px;
padding: 10px 0px 5px 0px;
overflow: hidden;
}
#subbox {
background: #F5F5F5 !important;
width: 185px;
color: #222222;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 5px 0px 5px 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline;
border: 1px solid #DDDDDD;
}
#subbutton {
background: #333333 url(images/homelink.png);
color: #FFFFFF;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
margin: 0px 0px 0px 5px;
padding: 3px 5px 4px 5px;
border: 1px solid #333333;
}
#searchform {
color: #222222;
font-size: 14px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 0px 0px 5px 0px;
}
#searchformheader {
margin: 0px;
}
#s {
background: #FFFFFF;
width: 180px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 3px 0px 0px;
padding: 2px 0px 2px 3px;
display: inline;
border: 1px solid #E6E6E6;
}
#searchsubmit {
background: #EF3471;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 2px 1px 2px;
border: 1px solid #EF3471;
}
#submit {
background: #CCCCCC;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Trebuchet MS, Arial, Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 5px 2px 5px;
border: 1px solid #CCCCCC;
}
#author, #email, #url {
background: #EEEEEE !important;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 4px;
border: 1px solid #CCCCCC;
}
#comment {
background: #EEEEEE !important;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 0px 5px 0px;
padding: 4px;
border: 1px solid #CCCCCC;
}
/************************************************
* Comments *
************************************************/
.commentlist li ul li {
font-size: 12px;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
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 0px 10px 0px;
padding: 0px;
}
.children {
margin: 0px;
padding: 0px;
}
.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}
.reply a, .reply a:visited {
background: #CCCCCC;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Trebuchet MS, Arial, Tahoma;
font-size: 11px;
text-decoration: none;
margin: 0px;
padding: 2px 5px 2px 5px;
border: 1px solid #CCCCCC;
}
.reply a:hover {
background: #EF3471;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #EF3471;
}
.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.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 solid #CCCCCC;
margin: 0px;
padding: 0px;
}
.even, .alt {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: 0px;
padding: 0px;
}