/*
Theme Name: Socially Black
Theme URL: http://dotified.com/preview/?wptheme=Socially%20Black
Description: Wordpress theme for personal blogs with ad locations with social bookmarking icons in the footer. Three column blue and black design.
Version: 1
Author: Nick Fish
Author URL: http://www.napfish.ca
Tags: blue, black, custom header, fixed width, three columns, widgets, social bookmark ready
*/
* {margin: 0; padding: 0;}

BODY
{ background:#E9F5F7 url(images/bodybg.jpg) repeat-x;
margin: 0;
padding: 0;
color:#000000;
font-family:Century Gothic, Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
html, body {
	height: 100%;	
}

a { color:#188BAE; text-decoration:underline}
a:visited { color:#444444; text-decoration:none; }
a:hover { color:#000; text-decoration:none; }

p { margin:8px 0; }

img { border:0}
.left { float:left}
.container
{min-height: 100%; 
margin: 0 auto;
background:url(images/containerbg.gif) repeat-y;
width: 980px;
padding:0;
}
#header { background: url(images/header.jpg) no-repeat; color:#FFFFFF; width:980px; height:105px; padding:0; margin:0; }
#headerlt { float:left; width:500px}
#header h1 { font-size:22px; color:#fff; margin:0; padding:10px 0 0 0;}
#header h1 a { font-size:22px; color:#fff; margin:0; padding:10px 0 0 0; text-transform:capitalize;}
#header h1 a:visited { font-size:22px; color:#fff; margin:0; padding:10px 0 0 0;}
#header h1 a:hover { font-size:22px; color:#fff; margin:0; padding:10px 0 0 0; text-decoration:underline;}
#header h2 { font-size:14px; color:#fff; margin:0; padding:6px 0 0 0; text-transform:lowercase;}
#headerrt { float:right; width:300px; padding:50px 0 0 0;  }
input#searchsubmit { background:#000000; border:0; color:#fff; font-size:16px; font-weight:bold;}
input#s { background:url(images/searchbox.gif) no-repeat; padding:2px; height:20px; width:200px; border:0;}

.content
{
margin: 0;
padding: 0;
padding-bottom: 85px;
}

#ltcol { float:left; width:280px; padding:5px 10px 0 10px;}
#ltcol h2 { background:url(images/h2bg.gif) no-repeat; width:108px; padding-left: 18px; line-height:23px; font-size:14px; margin-bottom:3px;}
#ltcol ul, #ltcol li { list-style-type:none; list-style-image:none; }
#ltcol ul { margin-bottom:10px;width:130px;}
#ltcol ul li a { color:#188BAE; text-decoration:none; border-bottom: 1px dotted #188BAE; margin-bottom:4px; padding-bottom:3px; display:block; text-transform:lowercase;   }
#ltcol ul li a:visited { color:#000; text-decoration:none; border-bottom: 1px dotted #188BAE; margin-bottom:4px; padding-bottom:3px; display:block; text-transform: capitalize;   }
#ltcol ul li a:hover { color:#000; text-decoration:none; border-bottom: 1px dotted #188BAE; margin-bottom:4px; padding-bottom:3px; display:block; text-transform:lowercase;   }

#ads img { margin:3px 5px}
.widgetleft { float:left}
.widgetright {float:right}
#designed { float:left; width:280px; font-size:10px;}

#rtcol { float:left; width:650px; padding:5px 10px 0 10px;}
.rtcol-left { width:60px; float:left; padding-right:6px; }
.rtcol-right { width:580px; float:left;  }
#rtcol h2 a { font-size: 20px; line-height:20px; color: #188BAD; text-decoration:none; text-transform:capitalize;}
#rtcol h2 a:visited { font-size: 20px;line-height:20px; color: #000; text-decoration:none; }
#rtcol h2 a:hover { font-size: 20px;line-height:20px; color: #188BAD; text-decoration:underline; }
#rtcol h3, #rtcol h3 a { font-size: 12px; line-height:14px; color: #434343; text-decoration:none; text-transform:lowercase;}
#rtcol h3 a:visited { font-size: 12px; color: #000;  line-height:12px;text-decoration:none; }
#rtcol h3 a:hover { font-size:12px; color: #434343; line-height:12px; text-decoration:underline;}



/* Date Button */
.date { background:url(images/date.jpg) no-repeat; width:44px; height:54px; margin-bottom:6px;}
.month { color:#fff; font-size:14px; text-align:center; text-transform:uppercase; padding-top:2px;}
.day { color:#fff; font-size:20px; text-align:center; font-weight:800; padding-top:4px;}
.comments { background:url(images/comments.jpg) no-repeat; width:44px; height:54px; margin-bottom:6px;}
.comcount { color:#fff; font-size:16px; text-align:center; font-weight:800; padding-top:2px;}
.comcount a, .comcount a:visited, comcount a:hover { color:#fff; text-decoration:none}
.commentlist li { margin-bottom:10px; border: 1px dotted #000; border-left:0px; }

.footer
{
background: #000 url(images/footerbg.png) repeat-x ;
height: 53px;
width:100%;
margin: 0;
padding: 0;
position:fixed;
left:0px;
bottom:0px;
z-index:1;
}
.footerpagebutton { position:fixed;
left:5px;
bottom:0px;
z-index:2;
}

.arrowLeft a { float: left; padding-left: 5px; font-size:1px; background: url(images/left.png) no-repeat left center; color: #000; z-index:2; width:44px; height:40px; }
.arrowRight a { float: left; padding-right: 5px;font-size:1px; background: url(images/right.png) no-repeat right center; color: #000; z-index:2; width:44px; height:40px; }


.footericons { text-align:center}
.footericons img { margin:0 8px;}
.footerrss { position:fixed;
right:5px;
bottom:0px;
z-index:2;
padding:0; margin:0;
}





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.aligncenter, div.aligncenter {
display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* End Images */


.clear { clear:both ; font-size:1px }
* html .container {
	height: 100%;	
}

<!--[if lte IE 6]>
       .footer
{ clear:both;
background: #000 url(images/footerbg.png) repeat-x ;
height: 53px;
width:100%;
margin: 0;
padding: 0;
float: left;
z-index:1;
}
.footerrss { float:right;
z-index:2;
padding:0; margin:0;
}
 <![endif]-->