/* Theme Name: BBCC Theme Theme URI: http://lordtime.com/blog/products Description: Professional theme for advanced bloggers: easy to read, customizable blogroll in header, social bookmarking buttons, custom logo, theme options. By lordtime and no prescription pharmacy. Version: 1.1 Author: Volodymyr Danylyuk Author URI: http://www.lordtime.com/ Tags: purple, silver, fixed-width, three-columns, right-sidebar, custom-header, theme-options The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #f0f0f0; color: #333; margin: 0; padding: 0; } #site { margin: 0 auto 0 auto; width: 970px; padding: 0 10px 0 10px; background-color: #fff; } #header { background: url(images/hdr-bg.jpg) repeat-x left bottom; height: 90px; } #menu { background: url(images/hdr-menu.jpg) repeat-x left bottom; height: 40px; } #page { background-color: #dbdbdb; border-top: 1px solid white; border-bottom: 1px solid white; padding: 15px 0 15px 0; clear: both; } #main { margin: 0 0 0 15px; width: 625px; float: left; background: url(images/ct-top.gif) top left no-repeat; background-color: #fff; padding: 0; } #right { width: 300px; margin: 0 0 0 655px; background-color: white; /*background-image: url(images/sb-hdr-bg-rev.gif); background-position: left top; background-repeat: repeat-x;*/ } a, a:link, a:visited, a:active, a:hover { color: #4D3870; } a:hover { color: #664A95; } /* page */ h1, h2, h3, h4, h5, h6 { color: #4D3870; margin: 0 0 5px 0; padding: 3px 0 3px 0; line-height: 150%; } h1 { font-size: 1.7em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; } .pt { background: url(images/ct-top.gif) top left no-repeat; margin: 0; padding: 0; display: block; height: 5px; } .pb { background: url(images/ct-bot.gif) bottom left no-repeat; margin: 0; padding: 0; display: block; height: 5px; clear: both; } .page { margin: 10px 10px 10px 10px; font-size: 1.2em; line-height: 1.4; overflow: hidden; clear: both; } .post { margin: 10px 10px 10px 10px; font-size: 1.2em; border-bottom: 5px solid #bbb; padding: 0 0 20px 0; line-height: 1.4; overflow: hidden; clear: both; } .post h1 { font-size: 1.5em; } .post .date { padding: 0 5px 10px 5px; border-bottom: 1px dotted #ccc; color: #600000; background: url(images/sb-hdr-bg.gif) left bottom repeat-x; line-height: 150%; font-size: 0.9em; } .post .date img { width: 16px; margin: 0 5px 0 5px; border: 0; } .post img { margin: 5px; border: 0; } .post .date a, .post .date a:link, .post .date a:visited, .post .date a:active, .post .date a:hover { text-decoration: none; } .post h1 a, .post h1 a:link, .post h1 a:visited, .post h1 a:active, .post h1 a:hover { text-decoration: none; color: #007700; } .post .postmeta { margin: 5px 0 5px 0; padding: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: url(images/sb-hdr-bg-rev.gif) left top repeat-x; line-height: 150%; font-size: 0.9em; color: #600000; } .post .postmeta small{ font-size: 0.9em; } .post .postmeta a, .post .postmeta a:link, .post .postmeta a:visited, .post .postmeta a:active, .post .postmeta a:hover { text-decoration: none; } .entry { clear: both;} .cmt { text-align: right; } /* sidebar */ h2.cellhdr { background: url(images/sb-hdr-bg.gif) left bottom repeat-x; height: 35px; line-height: 25px; margin: 0 0 0 0; padding: 5px 5px 0 5px; font-size: 1.5em; color: #4D3870; } .cell1 { background: url(images/sb-top.gif) top left no-repeat; height:5px; } .cell2 { background: url(images/sb-bot.gif) bottom left no-repeat; height:5px; } #subfooter{ height: 40px; background: url(images/footer-br.jpg) left top repeat-x; color: #fff; border-bottom: 1px solid #fff; clear: both; } #subfooter a, #subfooter a:active, #subfooter a:link, #subfooter a:visited, #subfooter a:hover { color: white; } .footer-in { padding: 5px 10px 0 5px; font-size: 1.1em; line-height: 1.5; color: #ccc; } #footer{ height: 50px; background-color: #303030; color: #ccc; } #footer a, #footer a:active, #footer a:link, #footer a:visited, #footer a:hover { color: #ccc; } ul.sidebar { margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 1.2em; } ul.sidebar li { margin: 0; padding: 0; list-style: none; } ul.sidebar li h2 { background-color: #eee; border-top: 1px solid #ccc; font-size: 1.2em; padding: 3px; } #sideleft { float: left; width: 140px; margin: 10px 0 0 5px; } #sideright { width: 140px; margin: 10px 0 0 155px; } .clear { clear: both;} ul.widgedz { margin: 0; padding: 0; list-style-type: none; font-size: 1.1em; } ul.widgedz li { margin: 0 0 10px 0; padding: 0; list-style-type: none; } ul.widgedz li h2 { font-size: 1.2em; margin: 0; padding: 0 5px 2px 5px; background-color: #efefef; background: url(images/ibg2.gif) repeat-x left top; border-bottom: 1px dotted #ccc; border-top: 1px dotted #f0f0f0; } ul.widgedz li h2 { font-size: 1.2em; margin: 0 0 5px 0; padding: 0 5px 2px 5px; background: url(images/hdr-bg.jpg) repeat-x left top; color: white; border: 0; -moz-border-radius: 2px; } ul.widgedz li ul { margin: 0; padding: 5px 0 5px 10px; } ul.widgedz li ul li { margin: 0 0 5px 15px; padding: 0; list-style-image: url(images/bullet.gif); } .central { width: 280px; border-top: 1px solid #ccc; min-height: 30px; padding: 10px; background: url(images/sb-hdr-bg-rev.gif) left top repeat-x; } ul.widgedz li.widget_tag_cloud { padding: 0 5px 0 5px; } ul.widgedz li.widget_tag_cloud h2{ margin: 0 -5px 5px -5px; } /* other */ .search-bar { float:right; margin: 10px 10px 0 10px; padding: 0; } input#search-button, input#searchsubmit { background: url(images/ibg1.gif) repeat-x left top; margin: -3px 5px 0 5px; border: 1px solid #ccc; width: 60px; padding: 3px 8px 3px 8px; border: 1px solid #bbb; height: 25px; float: left; -moz-border-radius: 2px; } input#search, #searchform #s { margin: 0 5px 0 0; border: 1px solid #999; width: 220px; float: left; } #searchform { margin: 0 0 30px 0; } #searchform label { cursor: pointer; padding: 0 0 5px 0; display: block; font-size: 1.6em; color: #4D3870; font-weight: bolder; } #menu ul { list-style: none; display: block; margin: 0 0 0 10px; padding: 0; font-size: 1.4em; line-height: 40px; } #menu ul li { list-style-type: none; display: block; margin: 0; padding: 0 5px 0 5px; float: left; } #menu ul li.current_page_item { font-weight: bolder; } #menu a, #menu a:link, #menu a:active, #menu a:visited, #menu a:hover { color: #444; font-weight: bolder; padding: 3px 8px 3px 8px; border: 1px solid #bbb; background-color: #f0f0f0; text-decoration: none; background: url(images/ibg2.gif) repeat-x left top; -moz-border-radius: 2px; } #menu a:hover { color: #444; background: url(images/ibg1.gif) repeat-x left top; } #menu ul li.current_page_item a, #menu ul li.current_page_item a:link, #menu ul li.current_page_item a:visited, #menu ul li.current_page_item a:active, #menu ul li.current_page_item a:hover { color: #006600; background: url(images/ibg1.gif) repeat-x left top; } #toplinks { display: block; margin: 0 0 0 15px; position: absolute; padding: 0; top: 7px; list-style: none; overflow: hidden; } #toplinks li { display: block; list-style-type: none; padding: 0 0 0 5px; margin: 0 10px 0 -6px; float: left; border-left: 1px dotted white; } #toplinks li a, #toplinks li a:link, #toplinks li a:active, #toplinks li a:visited, #toplinks li a:hover { color: white; text-decoration: none; } #logo { position: absolute; top: 10px; margin: 0 0 0 15px; color: white; font-size: 2.4em; } #logo a, #logo a:link, #logo a:visited, #logo a:active, #logo a:hover { color: white; text-decoration: none; } #logo img { border: 0; } #header .def { position: absolute; margin: 55px 0 0 15px; color: white; font-size: 1.1em; } #rightlinks { display: block; margin: 10px 10px 0; padding: 0 0 0 24px; list-style: none; float: right; overflow: hidden; } #rightlinks li { display: block; list-style-type: none; padding: 0 7px 0 7px; margin: 0 -5px 0 5px; float: left; border-right: 1px dotted white; } #rightlinks li a, #rightlinks li a:link, #rightlinks li a:active, #rightlinks li a:visited, #rightlinks li a:hover { color: white; text-decoration: none; } .subscribe-link { background: url(images/25.png) left no-repeat; padding: 4px 0 4px 18px; } /**/ code { font: 1.1em 'Courier New', Courier, Fixed; display: block; color: #060; padding: 10px 5px 10px 20px; margin: 1px 0 10px 0; border: 1px dotted #ccc; } blockquote { font-size: 1em; display: block; padding: 10px 5px 10px 20px; margin: 1px 0 10px 0; } pre { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; display: block; font-size: 1.1em; color: #363; padding: 5px 0 10px 0px; margin: 5px 0 5px 0; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } img.centered { 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 } .navigation { line-height: 30px; margin: 5px 10px 5px 10px; font-size: 1.2em; } .subpage { margin: 10px; font-size: 1.2em; } /* comments */ #author, #email, #url { border: 1px solid #999; margin: 0 5px 0 0; width: 200px; } #comment { width: 90%; border: 1px solid #999; } #respond h3 { color: #600000; } #respond label small { font-size: 1.1em; } ol.commentlist { margin: 10px 0 10px 0; padding: 0 0 0 20px;; font-size: 0.95em; } ol.commentlist li{ margin: 10px 10px 10px 5px; padding: 5px 5px 0 10px; line-height: 1.4; border-bottom: 1px dotted #ccc; } ol.commentlist li.even { background-color: #f8f8f8; } img.avatar { float: left; margin: 0 10px 10px 0; } .vcard { color: #333; line-height: 1.9; } .vcard a, .vcard a:link, .vcard a:visited, .vcard a:active, .vcard a:hover { text-decoration: none; } .vcard a.url { border-bottom: 1px dashed #333; } .social-links { margin: 10px 0 10px 0; } .social-links img { width: 24px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }