/* Theme Name: Socially Black Theme URL: http://www.dotified.com/index.php?wptheme=Blue_Tropic Description: Wordpress theme for personal blogs with social bookmarking icons. Two column colourful design. Version: 1 Author: Nick Fish Author URL: http://www.napfish.ca Tags: blue, black, custom header, fixed width, two columns, widgets Terms: You may not resale this theme. Thank You! Purchase: To purchase this theme please visit http://www.dotified.com */ * {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%; }