/* Theme Name: bLight Description: Nice and simple WordPress Theme by webdemar and Martin. Author: webdemar & maddin Author URI: http://webdemar.com Tags: simple, clean, fixed width, widget ready, widgets, dropdown menu, right sidebar, two columns, gravatars, valid XHTML, valid CSS Version: 1.0 */ /* - GENERAL - BASIC LAYOUT - HEADINGS - HEADER - CONTENT + CONTENT LEFT + CONTENT RIGHT + WORDPRESS CSS - FORMS - COMMENTS - FOOTER - USEFUL /* ################################## GENERAL ################################## */ body { position: relative; width:auto; height:auto; margin:0; padding:0; background:#fff url(img/body.png) repeat-x left top; font:11px/18px Verdana, Tahoma, sans-serif; color:#606060; } a { color:#253F66; outline: none; } a:hover { text-decoration:none; } blockquote { margin:0 0 0 20px; padding: 0 0 0 20px; border-left: 5px solid #f3f4f0; } img { border: none; } ul, ol { margin: 0 0 20px 20px; padding: 0px; } /* ################################## BASIC LAYOUT ################################## */ #header { position:relative; width:939px; height:153px; margin: 0 auto; background:url(img/header.png) no-repeat bottom right; } #content { width: 940px; height: auto; margin: 0 auto; padding: 0px; } #content-left { float:left; width:560px; height:auto; padding: 40px 0 0 0; } #content-right { float:right; width:340px; height:auto; } #footer { padding: 20px 0; background:#353535; } /* ################################## HEADINGS ################################## */ #header h1 { position:absolute; bottom:45px; left:0px; margin: 0px; color: #fff; font:bold 28px/28px Helvetica, Arial, sans-serif; } #header h1 a { color: #fff; text-decoration: none; } #header h2 { position: absolute; bottom: 30px; left: 5px; margin: 0px; color: #577db5; font:11px/11px Verdana, Tahoma, sans-serif; } h2, h3, h4 { margin:0 0 20px 0; } .box-left h2 { color:#253F66; font:bold 24px/34px Georgia, "Times New Roman", Times, serif; } .box-left h2 a { text-decoration:none; } .box-left h2 a:hover { text-decoration:underline; } .box-left h3 { margin: 0 0 20px 0; color:#253F66; font:bold 14px/14px Georgia, "Times New Roman", Times, serif; } .box-left h4 { color:#577db5; font:11px/11px Verdana, Tahoma, sans-serif; } .box-right h3 { color:#253F66; font:bold 12px/12px Verdana, Tahoma, sans-serif; text-transform:uppercase; } /* ################################## HEADER ################################## */ /* ################################## CONTENT ################################## */ /** CONTENT LEFT */ .box-left { margin: 0 0 40px 0; } p.tags { clear: both; font:11px/11px Verdana, Tahoma, sans-serif; } /** CONTENT RIGHT */ #box-rss { height: 80px; margin: 0 0 20px 0; background: url(img/bg-rss.gif) no-repeat left top; } #box-rss a { display: block; height: 50px; padding: 30px 0 0 55px; font:18px/18px Verdana, Tahoma, sans-serif; text-decoration: none; } .box-right { margin:20px 0; font:11px/11px Verdana, Tahoma, sans-serif; background: url(img/bg-box-right.gif) repeat-y left top; } .box-right h3 { padding: 20px 20px 0 20px; background: url(img/bg-box-right-top.gif) no-repeat left top; } .box-right-content { margin: 0 20px; } .box-right-bottom { height: 20px; background: url(img/bg-box-right-bottom.gif) no-repeat left top; } .box-right ul { margin:0; padding:0; list-style:none; } .box-right li { line-height:24px; } .box-right ul li ul { margin:0; padding:0 0 0 20px; list-style:none; } .box-right ul li ul li ul { margin:0; padding:0 0 0 20px; list-style:none; } .box-right p { margin: 20px 0 0 0; } /* ################################## FORMS ################################## */ label { display: block; margin: 0 0 5px 0; } .text { width: 350px; margin: 0 0 10px 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; } textarea { width: 450px; height: 150px; margin: 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; } .submit { width: auto; padding: 5px; color: #fff; background: #253F66; border: 0; } /** SEARCH FORM */ #search { width: 190px; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; } #search-submit { width:auto; padding:5px; color:#fff; background:#253F66; border:0; } /* ################################## COMMENTS ################################## */ .comment { margin: 0 0 20px 0; padding: 20px; background: #f7f7f7; border: 1px solid #ccc; } .comment p { margin: 0px; } .comment-details { } .comment img { float: none; vertical-align: middle; } img.avatar { float: left; margin: 0 10px 10px 0; } /* ################################## FOOTER ################################## */ #footer p { width:940px; margin:0 0 0 100px; padding:0; color:#fff; text-align:center; } #footer p a { color: #fff; } /* ################################## USEFUL ################################## */ .clear { clear:both; } /** WORDPRESS CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .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: #f3f4f0; padding-top: 4px; } .wp-caption img { float: none; margin: 0; padding: 0; border: 0 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; } #wp-calendar caption { margin: 0 0 10px 0; padding: 5px; background: #253F66; color: #fff; }