/*
Theme Name: Business Blog
Description: Business Blog Wordpress Theme by www.bestratecds.com.
Version: 1.0.0
Author: bestratecds.com
Author URI: http://www.bestratecds.com/
Tags: fixed-width, two-columns, left-sidebar, custom-header
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
Copyright (C) 2009 bestratecds.com
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .
*/
/*structure
FFF
****************************************** */
#stars {
background-image: url('images/stars1.jpg');
background-repeat:no-repeat;
}
.bottomHeader{
margin-top:-9px;
}
.twoColFixRtHdr #header {
background-image: url('images/header_bg.png');
background-repeat:repeat-x;
/*height:178px;*/
height: 100px;
font-size:1.3em;
padding: 15px;
/*border-top: 12px solid #000;
border-bottom: 10px solid #000;*/
font-size: .87em;
margin:0;
}
body {
font: Tahoma, Geneva, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url('images/stars2.jpg');
font-size:.83em;
}
.twoColFixRtHdr #container {
width: 900px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*border: 1px solid #000000;*/
padding-top:15px;
text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainBody {
background:#545454;
}
.twoColFixRtHdr #mainContent {
margin: 0;
float: right; /* since this element is floated, a width must be given */
width: 650px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
padding: 0px 10px 0 0;
background:#3a0d7d;
/*margin-right:6px;*/
}
.twoColFixRtHdr #sidebar1 {
margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
background:#545454;
min-height: 400px;
width:230px;
padding:5px;
}
.twoColFixRtHdr #footer {
padding: 9px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background:#FFF;
height:55px;
display:block;
clear:both;
margin-bottom:-5px;
}
.twoColFixRtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#banner {
/*width:990px;
height:225px;
padding-top:12px;
display: block;
margin-left: auto;
margin-right: auto;
clear:both;*/
}
#titleInfo{
}
.titleLink{
padding:5px;
float:left;
}
.description{
display:inline;
float:right;
height:30px;
}
.postTimestamp{
text-align:right;
/*margin-right:20px;
padding-right:20px; */
background-image:url('images/date.png');
background-repeat:no-repeat;
background-position:right;
}
/*.postTimestamp a{
color:#FFF;
}*/
.gBox {
margin-top: 3px;
margin-bottom: 4px;
margin-left: 5px;
width: 210px;
}
.gBox-in {
padding: 5px;
/*margin: 7px;*/
}
h4.gBoxHeader {
/*display: block;*/
margin-top: -4px;
margin-left: auto;
margin-right: auto;
}
.linkcat h2{
display: block;
margin: -4px auto 2px auto;
font-weight:600;
letter-spacing:.1em;
color:#72F1F8;
}
ul {
list-style-type:none;
margin:0px;
padding: 0px 0px 5px 0px;
}
.entry {
padding: 0 19px 0 10px;
color: #FFF;
width:646px;
}
.postTitle, .postTimestamp, .postOuter, .postTop {
width:652px;
}
.postTitle {
padding: 4px;
font-size:.92em;
height:26px;
background-image: url('images/title_bg.png');
color: #FFF;
}
.postTimestamp {
height:10px;
background-color: #c8c7c5;
color: #FFF;
}
#respond {
margin-top:-5px;
padding:5px;
}
/****************************** font colors and sizes *******************************/
body {
font-family: Arial, Helvetica, Verdana;
color: #CCC;
}
#bigcon{
/*background: #050503;*/
}
#main {
font-size: 1.2em;
line-height: 1.3em;
/*background: #050503;*/
}
#footer {
font-size: 1em;
color: #EEE;
}
.postTimestamp{
font-size:10px;
font-weight:400;
color:#999;
}
li, h2 {
line-height: 1.1em;
font-weight:normal;
}
.postOuter{
margin-bottom:12px;
}
.postOuter li, .postOuter ul{
list-style-type:square;
margin: 1px 0px 1px 8px;
}
h4.gBoxHeader {
color: #525252; /*the gray*/
}
img {
border:4px #FFF solid;
margin: 5px;
}
IMG.no_border {
border:0;
margin:0 0 -3px 0;
padding:0;
}
.wpSearchbox{
padding-left:10px;
}
.gBox {
/*background-color: #080808;*/
border: 2px inset #666;}
.gBox-in {
background-color:#DE03BD;
height:auto;
}
.postTitle a{
font-size: 1.5em;
}
.gBox a{
color:#FFF;
font-size:.8em;
}
.linkcat h2{
color:#CCC;
font-size:1.1em;
}
#topNav ul{
display:block;
font-size:1.1em;
list-style-type: none;
}
#topNav li{
display: inline;
border:1px solid #999;
padding:2px 1px 2px 4px;
}
.titleLink a:hover{
color:#000; /*white with gray*/
background-color:#CCC;
}
a.plain {
color:#F20792;
}
a:hover.plain{
background-color:inherit;
}
table
{
font-family: inherit; /*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
font-size: 10px;
margin: 0px auto 0px auto;
padding: 10px 0px 0px 0px;
width: 460px;
text-align: center;
border-collapse: collapse;
display: block;
}
th
{
font-size: 10px;
font-weight: bold;
padding: 8px;
background: #575757;
border-top: 4px solid #2A2A2A;
border-bottom: 1px solid #2A2A2A;
color: #719973;
}
td
{
padding: 8px;
background: #40372F;
border-bottom: 1px solid #333;
color: #000;
border-top: 1px solid transparent;
}
tr:hover td
{
background: #B6ABD9;
color: #339;
}
table.cad
{
font-family: inherit; /*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
font-size: 10px;
text-align: center;
border-collapse: collapse;
display: block;
margin-left:0px;
}
table.cad th
{
font-size: 10px;
font-weight: bold;
background: #575757;
border-top: 4px solid #2A2A2A;
border-bottom: 1px solid #2A2A2A;
color: #719973;
}
table.cad td
{
background: #40372F;
border-bottom: 1px solid #333;
color: #000;
border-top: 1px solid transparent;
}
table.cad tr:hover
{
background: #B6ABD9;
color: #339;
}
/*wordpress css*/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
color:#333;
background-color: #333;
padding-top: 4px;
margin: 5px 0px 5px -5px;
/* optional rounded corners for browsers that support it */
-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 p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.b1 hr{
height: 5px;
}
.gray1{
background-image: url('images/brainspawn_button3.png');
background-repeat:no-repeat};
.gray2{
background-image: url('images/brainspawn_button3.png');
background-repeat:no-repeat;
}
.gray1, .gray2{
display:block;
width:230px;
height:20px;
color:#0F0;
font-size:.8em;
font-weight:bold;
padding:7px 0 0 2px;
margin-left: -4px;
text-align:center;
font-stretch:extra-expanded;
}
a{
color:#727170;
text-decoration:none;
}
#topNav a{
color:#888;
font-weight:800;
padding: 1.5px;
}
#topNav a:hover{
background-color:#EFEFEF;
}
a:hover{
/*background-color:#CCC;*/
color:#000;
}
/*.titleLink a{
color:#808080;
font-size:2.3em;
}*/
.sidebarUC a{
color:#aaaaaa;
padding-left:7px;
}
#footer a, #footer{
color:#aaaaaa;
font-size: .8em;
padding-left:7px;
}
.sidebarUC a:hover, .sidebar hr{
color:#006;
}
.postTop {
background-color:#200959;
display:block;
height:20px;
padding:3px;
margin:0;
}
h2.pagetitle {
margin: 4px;
font-size:.84em;
}