/*
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;
}