/*
Theme Name: www.BusinessCardsCenter.info Theme
Theme URI: http://www.BusinessCardsCenter.info
Description: Make the Blog look like the site.
Version: 1.5
Author: Haden McCabe & Mark Meyers
*/

/* 	************************************************************************ */
/*	Below are the items you should change if you want to modify the          */
/*	colors or fonts displayed in the blog  									 */
/* 	************************************************************************ */

/* 	This sets the background image which appears underneath the date */

.busCardCtrFeature{
	padding: 0px 0px 10px 10px;
	background-image: url('../../../../images/cyanheader.gif');
	background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

/*	This sets the colour and size for the site name */

h1{
	font-size: 130%;
	color: #2D3373;	
	padding: 5px 0px 5px 10px;
	margin-bottom: 10px;	
	
}

/*	This sets the color for the date */

h2{
 font-size: 120%;
 color: #8C133C;
}

/* 	************************************************************************ */
/*	These elements set the color of the hyperlinks							 */
/* 	************************************************************************ */

/* mem a {                      */
/* mem 	color: #8C133C;         */
/* mem 	text-decoration: none;  */
/* mem }                        */

a img {
	border: none;
}

/* mem                           */  
/* mem a:visited {               */
/* mem	color: #8C133C;          */
/* mem	text-decoration: none;   */
/* mem }                         */

/* mem a:hover {                    */
/* mem 	color: #001E6A;             */
/* mem 	text-decoration: underline; */
/* mem }                            */

a {
/* 	color: #2d3373;	*/
/*	text-decoration: none;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}

a:link, a:visited {
/*	color: #2d3373;	*/
/*	text-decoration: none;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}

a:hover {
/*	color: #2d3373;	*/
	color: #0000FF;		
	text-decoration: underline;	
}


/* 	************************************************************************ */
/* 	News Engine        							 	                         */
/* 	************************************************************************ */

/*	These elements are used by the news engine and control how your news items
	look when displayed on screen */
	
.break {
	clear: both; 
}

/*	This surrounds the whole news section */

.busCardCtrNewsBox {
	/*border: 1px solid #c3c3c3;*/
	/*padding: 20px;*/
	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
}

/* 	This surrounds the whole news item */

.busCardCtrNewsItem {
	background: #ffffff;
	margin-bottom: 10px;
}

.busCardCtrNewsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
}

/* This changes the colors of the links */

.busCardCtrNewsTitle a:link, a:visited {
/*	color: #8C133C;	*/
/*	font-weight: bold;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}

.busCardCtrNewsTitle a:hover {
/*	color: #001E6A;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}

/* You can use this to change the description
	colors, spacing, padding etc. */
	
.busCardCtrNewsDescription {
	color: #000000;
}

/* 	This changes the more news link */

.busCardCtrMoreNews a:link, a:visited {
/*	color: #800000;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}

.busCardCtrMoreNews a:hover {
/*	color: #001E6A;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;	
}



/* 	************************************************************************ */
/*	These elements control the menu which appears on the right of the screen */
/* 	************************************************************************ */

/* This defines the whole menu block */

#busCardCtrMenu{
    float:right;
/* 	width: 150px;         */
/*	width: 20%;		*/
	width: 26%;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0 0 0 0;
}


/*	This sets how the title of
	the menu looks */

.busCardCtrMenuTitle{
	color: #FFFFFF;
	background-color: #A8A8A8;
	padding: 5px;
	padding-left: 8px;
	display: block;
	font: 12px Tahoma, sans-serif;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: left;
}



/* 	This sets the background color for your menu */
	
#busCardCtrMenuContainer {
	background-color:#EEF2F4;
}

/*	This is what the menu item 	looks like normally */
	
.busCardCtrMenuItems a {
	color: #2f2f2f;
	background-color: #EEF2F4;
	padding: 4px;
	padding-left: 10px;
	border-bottom: 1px solid #A8A8A8;
	display: block;
	font: 11px Tahoma, sans-serif;
	/*font-weight: bold;*/
	text-decoration: none;
	text-align: left;
}

/*	This is what happens when a link has previously been clicked on */
	
.busCardCtrMenuItems a:visited {
	color: #2f2f2f;
	font: 11px Tahoma, sans-serif;
}

/*	This is what happens when the mouse goes over the menu */
	
.busCardCtrMenuItems a:hover {
	background-color: #A8A8A8;
	color: #ffffff;
	text-decoration: none;
}

.busCardCtrMenuItems li {
	font: Arial,sans-serif;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom: 0px; /*border-bottom: dotted 1px #ccc;*/
}

.busCardCtrMenuItems li a {
	font: Arial,sans-serif;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom: 0px; /*border-bottom: dotted 1px #ccc;*/
}

/*	This element sets the color and indentation of the other blog menu		*/
/*	Options such as categories and meta									    */

#menu ul {
	color: #8C133C;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	text-transform: lowercase;
}

/* 	************************************************************************ */








body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0px 0px; padding:0px;
	text-align:center;
	background-image: url('../../../../images/grey_background.gif');
	background-repeat: repeat-y;
	font-size: 14px;
}

#busCardCtrContainer{
	margin: 10px auto;
	text-align: left;
	padding: 18px;
/*	width:650px;      */
	width:90%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#busCardCtrContent{
    float:left;
/*	width: 450px;      */
/*	width: 75%;	*/
	width: 67%;
	margin-right: 10px;
	padding: 0 10px 20px 0;
}

#busCardCtrContentleft{
	float: left;
/*	width: 360px;         */
	width: 80%;
}

#busCardCtrContentright{
	float: left;
/*	width: 140px;         */
	width: 30%;
	margin-left: 10px;
	padding: 0px;
	text-align:center;
}


.post {
	margin-left: 15px;
}

.feature{
	padding: 0px 0px 10px 10px;
	background-image: url('../../../../images/cyanheader.gif');
	background-repeat: no-repeat;
}

.feature h2{
	padding: 05px 50px 4px 5px;
	border-bottom: 1px solid #ccc;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.feature p {
	padding-left: 5px;
	padding-right: 5px;
}




h3{
 font-size: 110%;
 color: #2D3373;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
} 

/************* #Footer ************************/


#busCardCtrFooter{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 100%;
/*	font-weight: bold;		*/
	color: #000000;
	padding: 10px 10px 0px 10px;
	text-align: center;
}

#busCardCtrFooter a:link, a:visited {
/*	color: #2d3373;	*/
/*	text-decoration: none;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;
}

#busCardCtrFooter a:hover {
/*	color: #2d3373;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;
}

#indent {
	margin-left: 5px;
}

#comments {
	margin-left: 10px;
}

#postcomment {
	margin-left: 10px;
}

#commentform {
	margin-left: 10px;
}



acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


cite {
	font-size: 100%;
	font-style: normal;
}


ol#comments li p {
	font-size: 100%;
}

p, li, .feedback {
	font-family: Arial,sans-serif;
	font-size: 100%;
	/*letter-spacing: -1px;*/
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
/*	color: #fff;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;
}

.feedback {
	margin-bottom:10px;
	color: #cccccc;
	/*text-align: right;*/
	/*clear: both;*/
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	font-size: 120%;
}

.storytitle a {
/*	text-decoration: none;	*/
/*	color: #0000FF;		*/
/*	text-decoration: underline;	*/
	color: #000000;
	text-decoration: none;
}

.storycontent {
	font-size: 100%;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

/*
#content {
	margin: 30px 13em 0 3em;
	padding-right: 60px;
}
*/



#menu{
    float:right;
/*	width: 150px;       */
	width: 20%;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0 0 0 0;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #8C133C;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	text-transform: lowercase;
}

#menu li {
	font: Arial,sans-serif;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom: 0px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul li {
	font: Arial,sans-serif;
	letter-spacing: 0.1em;
	margin-top: 0px;
	padding-bottom: 0px; /*border-bottom: dotted 1px #ccc;*/
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: Arial,sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 0px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 2px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}


.busCardCtrGoogleAd-Right {
	width: 340px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.busCardCtrGoogleAd-Left {
	width: 340px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.busCardCtrSq255-Left {
	width: 255px;
	float: Left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: solid;
	border-color: green;
	border-width: thick;
	padding: 5px;
}

.busCardCtrGoogleSqAd-Right {
	width: 255px;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.busCardCtrLinksLeft {
	float: left;
	width: 50%;
	margin-bottom: 10px;
	margin-top: 10px;
}

.busCardCtrLinksRight {
	float: right;
	width: 50%;
	margin-bottom: 10px;
	margin-top: 10px;
}


.busCardCtrDirLeft {
	float: left;
	width: 32%;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial,sans-serif;
	color: #000000;
	font-size: 10px;
}

.busCardCtrDirMiddle {
	float: none;
	width: 33%;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial,sans-serif;
	color: #000000;
	font-size: 10px;
}

.busCardCtrDirRight {
	float: right;
	width: 32%;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial,sans-serif;
	color: #000000;
	font-size: 10px;
}


.busCardCtrSPreHead p {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	color: blue;
	background-color: yellow;
	display: block;
}

.busCardCtrSHead p {
	text-align: center;
	font-size: 200%;
	color: red;
	font-weight: bold;
	background-color: white;
}

.busCardCtrSPostHead p {
	text-align: center;
	font-size: 125%;
	color: black;
	font-weight: bold;
	background-color: white;
}

.bccDashedMiddle {
	width: 80%;
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 4%;
	margin-top: 4%;
	border-style: dashed;
	border-color: red;
	border-width: thick;
	padding: 5px;
	align: center;
} 

.bccDashedLeft {
	width: 92%;
	margin-left: 1%;
	margin-right: 8%;
	margin-bottom: 4%;
	margin-top: 4%;
	border-style: dashed;
	border-color: red;
	border-width: thick;
	padding: 5px;
	align: left;
}