/* Theme Name: blackGlobe Theme URI: http://www.thedotstar.com/webblog/ Description: Black Business and Globe theme by Rankerz SEO Company Version: 1.0.2 Author: Rankerz SEO Company Author URI: http://www.rankerzseo.com Tags: black, clean, simple, two columns, fixed width, valid CSS, valid XHTML, widgets, widget-ready */ /* ######## GENERAL ######## */ body { margin: 0px; padding: 0px; background: #000 url(img/bg-body.jpg) repeat-x left top; font-size: 62.5%; } a { color:#5e5e5e; background: transparent; outline: none; } p { margin: 0 0 20px 0; padding: 0px; } ul, ol { margin-bottom: 20px; } blockquote { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 5px solid #c3c39d; } /* ############# BASIC LAYOUT ############# */ #wrap { width: 940px; margin: 0 auto; padding: 200px 0 40px 0; background: transparent url(img/bg-wrap.jpg) no-repeat left top; font:normal 1.2em/1.6em Arial, sans-serif; color: #5e5e5e; } #header-top { height: 10px; background: url(img/bg-header-top.gif) no-repeat left top; } #header { position: relative; height: 30px; background: #eaeacd; } #new-header { position: relative; width: 940px; } #content { padding: 10px 0 0 0; background: #eaeacd; } #content-left { float: left; width: 580px; } #content-right { float: right; width: 320px; } #footer { } /* ######### HEADINGS ######### */ h1 { position:absolute; bottom: 100px; left: 520px; margin: 0px; padding: 0px; line-height: 1; } h1 a { text-decoration: none; color: #c3c39d; } h2#blog-description { position: absolute; bottom: 80px; left: 520px; margin: 0px; padding: 0px; font:normal 1.0em/1.0em Arial, sans-serif; color: #CCCCCC; } h2 { margin: 0 0 20px 0; padding: 0 20px; } h3 { margin: 0 0 20px 0; } h3 a { text-decoration: none; } h3 a:hover { text-decoration: underline; } h4 { margin: 0 0 10px 0; } /* ####### HEADER ####### */ #header ul { position: absolute; bottom: 0px; left: 0px; width: 900px; height: 50px; margin: 0px; padding: 0 20px; list-style: none; background: url(img/bg-menu.gif) repeat-x left top; border-top: 5px solid #2b667f; } #header li { float: left; margin: 0 2px 0 0; padding: 0px; } #header li#first { background: url(img/bg-menu-a.gif) no-repeat left top; } #menu .page_item a { display: block; float: left; height: 27px; margin: 0px; padding: 8px 22px 0 22px; background: url(img/bg-menu-a.gif) no-repeat right top; text-decoration: none; text-align: center; } #menu .page_item a:hover { text-decoration: underline; } #rss { top: 40px; bottom: 80px; right: 200px; width: 900px; height: 40px; text-align: right; } #rss p { margin: 0px; padding: 1px 0 0 0; } #rss img { float: right; margin: 0 0 0 10px; } /* ####### CONTENT ####### */ /** content left */ .box-left { margin: 0 0 40px 20px; } .box-left img { float: left; margin: 0 10px 10px 0; } .meta { clear: both; padding: 10px; background: #d9d9bc url(img/bg-meta.gif) repeat-x left top; color: #5e5e5e; } .meta-date { padding: 0 10px 0 15px; background: url(img/bg-meta-date.gif) no-repeat 0px 2px; } .meta-categories { padding: 0 10px 0 15px; background: url(img/bg-meta-categories.gif) no-repeat 0px 2px; } .meta-comments { padding: 0 10px 0 15px; background: url(img/bg-meta-comments.gif) no-repeat 0px 2px; } p.tags { clear: both; } /** content right */ .box-right { margin: 0 20px 40px 0; } .box-right ul { margin: 0px; padding: 0px; list-style: none; } .box-right li { display: inline; /* white space bug IE6 */ } .box-right li a { display: block; margin: 0px; padding: 5px; border-bottom: 1px solid #b6cdd7; text-decoration: none; } .box-right li a:hover { background: #d9d9bc; } .box-right li ul { margin: 0px; padding: 0 0 0 20px; } /* ######### COMMENTS ######### */ #commentform label { display: block; margin: 0 0 5px 0; } #commentform input.text, #commentform textarea { width: 500px; margin: 0 0 10px 0; } #commentform .text { height: 22px; padding: 6px 6px 0 6px; background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; } #commentform textarea { height: 150px; padding: 6px 6px 0 6px; background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; } #commentform .button { width: 90px; height: 30px; margin: 0px; padding: 0px; background: #fff url(img/bg-button.gif) no-repeat left top; border: none; color: #5e5e5e; } .comment-meta { padding: 10px 10px 0 10px; background: #d9d9bc url(img/bg-meta.gif) repeat-x left top; color: #5e5e5e; } .comment-meta .avatar { float: left; margin: 0 10px 0 0; } .comment-text p { margin: 0; padding: 10px; } /* ########### SEARCHFORM ########### */ #searchform #search { float: left; width: 186px; height: 22px; padding: 6px 6px 0 6px; background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; } #searchform #search-submit { width: 90px; height: 30px; margin: 0px; padding: 0px; background: #fff url(img/bg-button.gif) no-repeat left top; border: none; color: #5e5e5e; } /* ####### FOOTER ####### */ #footer { width: 900px; margin: 0 auto; padding: 20px 20px 0 20px; background: #eaeacd; border-top: 5px solid #2b667f; } #legal { float: left; width: 400px; } #webdemar { float: right; width: 380px; text-align: right; } #footer-bottom { width: 940px; height: 20px; margin: 0 auto; background: url(img/bg-footer-bottom.gif) no-repeat left bottom; } /* ####### USEFUL ####### */ .clear { clear:both; } /** WORDPRESS CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .aligncenter { margin: 0 0 10px 0; } .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f7f7f7; padding-top: 4px; } .wp-caption img { float: none; margin: 0px; padding: 0px; border: none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px; margin: 0px; } /** WIDGETS CSS */ #calendar_wrap table { width: 100%; } #calendar_wrap td { text-align: center; }