/* Theme Name:bbxpress Theme URI:http://bbxdesign.com/bbxpress/ Description:A clean, simple, all-around theme. Version:1.0 Author:Jeremy Thomas Author URI:http://bbxdesign.com/ Tags:blue, light, two-columns, fixed-width bbxpress 1.0 http://bbxdesign.com/bbxpress/ This theme was designed and built by Jeremy Thomas, whose blog you will find at http://bbxdesign.com/ */ /* Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th { text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;} q:before,q:after { content:'';} abbr,acronym { border:0;} body{ /**/background:#ebeced url(hab/page.png) top center repeat-y; color:#404040/*404040*/; font-family:Arial,Verdana,sans-serif; font-size:12px;} a{ color:#006f9f; text-decoration:none;} h1{ font-size:24px; font-weight:bold; letter-spacing:-.05em; line-height:20px; margin-bottom:20px;} h1 span{ color:#808080;} h3{ font-size:24px; font-weight:bold; letter-spacing:-.05em; line-height:20px; margin-bottom:10px;} /* Post */ .post{ border-bottom:1px solid #cdcfd3; margin-bottom:20px; padding-bottom:10px; position:relative;} .post h2{ font-size:24px; font-weight:bold; letter-spacing:-.05em; line-height:20px; margin-bottom:10px; width:450px;} .post h2 .edit{ font-size:20px;} .post h2 a:hover{ color:#404040;} .post-comments{ font-weight:bold; position:absolute; right:-2px; text-align:right; top:3px;} .post-comments a{ background:url(hab/icon-chat.png) 0px 2px no-repeat; color:#364150; padding:2px 2px 2px 20px;} .post-info, .post-meta{ color:#9ba0a8; font-weight:bold; margin-bottom:10px;} .post-info a, .post-meta a{ color:#808080;} .post-info{ background:url(hab/icon-info.png) 0px 0px no-repeat; padding-left:20px;} .post-meta{ background:#ebecee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px;} .post-meta a{ padding:2px;} .post-meta a:hover{ background:#fff;} .post-content{ font-size:14px; line-height:20px; padding:10px 0;} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6{ font-weight:bold; letter-spacing:-.05em; margin-bottom:10px !important;} .post-content h1{ font-size:24px; line-height:25px;} .post-content h2{ font-size:22px; line-height:25px;} .post-content h3{ font-size:20px; line-height:20px;} .post-content h4{ color:#808080; font-size:18px; line-height:20px;} .post-content h5{ color:#808080; font-size:18px; line-height:20px;} .post-content h6{ color:#808080; font-size:16px; line-height:20px;} .post-content a:hover{ text-decoration:underline;} .post-content p, .post-content pre{ margin-bottom:10px;} .post-content ol, .post-content ul, .post-content dl{ margin:0 20px 10px 20px;} .post-content ol{ list-style-type:decimal;} .post-content ul{ list-style-type:disc;} .post-content blockquote{ background:#e6e6e6; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-style:italic; margin:0 20px 20px 20px; padding:15px;} .post-content blockquote p{ margin:0;} .post-content strong{ font-weight:bold;} .post-content em{ font-style:variant;} /* Widgets */ .widget{ background:url(hab/widget-border.png) bottom center repeat-x; font-size:11px; margin-bottom:10px; padding-bottom:10px;} .widget ol, .widget ul{ margin:0 5px;} .widget a{ color:#364150; font-weight:bold;} .widget li{ display:inline;/*ie6*/ line-height:12px;} .widget li a{ background:url(hab/icon-arrow.png) 0px 4px no-repeat; display:block; padding:5px 5px 5px 20px;} .widget li a:hover{ background-color:#fff;} .widget li ol, .widget li ul{ font-size:10px; margin:0 15px;} .widget li li{ line-height:10px;} .widget li li a{ background:none; display:block; padding:5px;} .widgettitle, #wp-calendar caption{ color:#808080; font-size:14px; font-weight:bold; letter-spacing:-.05em; line-height:20px;} #wp-calendar{ width:100%;} #wp-calendar *{ text-align:center;} #wp-calendar th{ font-weight:bold;} #wp-calendar td{ background:#fff; border:1px solid #ebecee; padding:2px;} #wp-calendar td.pad{ background:none;} #tag_cloud{ text-align:justify;} #tag_cloud .widgettitle{ text-align:left;} #tag_cloud a{ padding:2px;} #tag_cloud a:hover{ background:#fff;} #recentcomments li{ display:block; margin-bottom:5px;} #recentcomments li a{ background:none;} /* Structure */ #global{ margin:0 auto; width:770px;} #header{ background:#ebeced url(hab/body.png) top center repeat-x; font-weight:bold; height:50px; letter-spacing:-.05em; line-height:18px; padding:10px 0 30px 5px;} #header .wrap{ margin:0 auto; width:770px;} #header a *{ display:block; font-weight:bold;} #header a strong{ color:#808080; font-size:20px;} #header a em{ color:#bfbfbf; font-size:16px;} #header a:hover *{ color:#006f9f;} #nav{ background:url(hab/nav.png) top left no-repeat; height:37px; overflow:hidden;/*ie6*/ padding:0 5px;} #nav li{ display:inline;} #nav a{ background:url(hab/nav-a.png) top left no-repeat; color:#fff; display:block; float:left; font-size:12px; font-weight:bold; height:37px; line-height:40px; margin-right:5px; padding-left:15px;} #nav a:hover{ text-decoration:underline;} #nav a span{ background:url(hab/nav-a.png) top right no-repeat; display:block; padding-right:20px;} #sub{ background:url(hab/sub.png) top left no-repeat; clear:left; color:#808080; height:28px; line-height:26px; overflow:hidden; padding:0 5px 0 20px; position:relative;} #sub ul{ width:730px;} #sub li{ display:inline;} #sub a{ color:#9ba0a8; font-weight:bold; margin-right:5px;} #sub a:hover{ text-decoration:underline;} #sub #rss{ display:block; height:24px; position:absolute; right:8px; top:1px; width:24px;} #sub #rss:hover{ text-decoration:none;} #sub #rss span{ visibility:hidden;} #page{ background:#fff url(hab/page.png) top center repeat-y; clear:left;} #page .top{ background:url(hab/page-top.png) top center no-repeat;} #page .bottom{ background:url(hab/page-bottom.png) bottom center no-repeat; padding:0 5px;} #page a:hover{ color:#006f9f !important;} #main{ float:left; padding:20px; width:500px;} #side{ float:left; padding:20px 10px; width:200px;} #footer{ background:#333 url(hab/footer.png) top left no-repeat; clear:both; color:#9ba0a8; font-size:10px; font-weight:bold; height:30px; line-height:30px; overflow:hidden; padding-left:10px; position:relative; text-align:left;} #footer a{ color:#fff;} #footer a:hover{ color:#fff !important; text-decoration:underline;} #footer .bbxdesign{ height:30px; position:absolute; right:0; top:0; width:94px;} #footer .bbxdesign a{ display:block; height:30px; width:94px;} #footer .bbxdesign a:hover{ text-decoration:none;} #footer .bbxdesign a span{ visibility:hidden;} #searchform{ height:20px; line-height:20px;} #searchform #s{ background:url(hab/search-input.png) top left no-repeat; border:none; color:#006f9f; display:block; float:left; font-size:12px; height:18px; line-height:20px; padding:2px 0 0 20px; width:140px;} #searchform #searchsubmit{ float:left; margin-left:10px;} /* Home */ #main.home{ } /* Archive */ #main.archive{ } #main.archive .post{ margin-bottom:10px; padding-bottom:0;} #main.archive .post h2{ font-size:20px; margin-bottom:0;} /* Single */ #comments{ background:url(hab/icon24-chat.png) bottom left no-repeat; line-height:25px; padding-left:30px;} .commentlist{ padding-left:40px;} .commentlist em{ background:#fffbcc; border:1px solid #e6db55; display:block; margin:2px 0; padding:2px;} .commentlist li{ background:#ebecee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; margin-bottom:20px; padding:10px; position:relative;} .commentlist li .comment-author cite{ font-weight:bold;} .commentlist li .comment-author .avatar{ left:-40px; position:absolute; top:0px;} .commentlist li .comment-author .says{ display:none;} .commentlist li .comment-meta{ display:none;} .commentlist li p{ font-size:14px; padding:5px;} #commentform{ background:#ebecee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:20px; padding:30px;} #commentform p{ padding:5px;} #commentform input, #commentform textarea{ border:1px solid #9ba0a8; color:#006f9f;} #commentform label{ font-size:12px; font-weight:bold;} #commentform label span{ color:red; font-size:11px;} #commentform #comment{ font-family:Arial,Verdana,sans-serif; padding:5px; width:414px;} #commentform #submit{ background:none; border:none;} .trackback{ color:#808080;} /* Search */ #main.search h1{ margin-bottom:5px;} #main.search #searchform{ margin-bottom:20px;} #main.search .post h2{ margin-bottom:0;} /* Page */ #main.page{ } #main.page h2{ margin-bottom:20px;} /* WordPres Requirement */ .aligncenter { display:block; margin-left:auto; margin-right:auto;} .alignleft { float:left;} .alignright { float:right;} .wp-caption { background-color:#f3f3f3; border:1px solid #ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px; padding-top:4px; text-align:center;} .wp-caption img { border:0 none; margin:0; padding:0;} .wp-caption-dd { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}