/*
Theme Name: Cards By Dr. Sharon
Theme URI: http://cardsbydrsharon.com
Description: Custom Theme for Cards By Dr. Sharon.
Author: Designs By Rachelle
Author URI: http://designsbyrachelle.com
*/




/* basics */

*{margin:0; padding:0;}

body {
	background:#B3192E;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 9pt;
	margin:0px;
	}

#bodybg1 {background: url(images/cpstorehmbg.jpg) #fff repeat-x top center;
width:100%;}

#bodybg2 {background: url(images/cpstorebg.jpg) #fff repeat-x top center;
width:100%;}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt; padding-bottom:20px;}
h3 {font-size: 12pt; color: #B3192E;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; }
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}

code{
	font-family:"Courier New", Courier, monospace;
	}


/* links */

a{
	color:#F05423;
	text-decoration:none;
	}

a:hover{text-decoration: underline;}



/* container */


#containerbg {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	background: url(images/cardbg.png) transparent no-repeat;

	overflow: hidden;
top:50px;
position:relative;
	}
html>body #containerbg {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	background: url(images/cardbg.png) transparent no-repeat;

	overflow: hidden;
top:60px;
position:relative;
	}

#container {
	width: 960px;
	margin: 0 auto;
	padding:0;
	background: transparent;
	color:#333;
	overflow: hidden;
padding-bottom:30px;
	}



	
/* header */

#header {
	background:transparent;
  	width: 960px; 
  	height: 50px;
	color: #333; 
	}

#header h1{
	font:normal 20pt georgia, times;
	padding:20px 0 0 16px;
	margin:0;	
	}
	
#header h1 a{color: #404040; text-decoration: none;}
#header h1 a:hover{color: #666; text-decoration: none;}


#header h2{
	font:normal 10pt georgia, times;
	color:#333;
	padding: 0 0 0 18px;
	margin:0;	
	}

/* main menu */


#menuspcl {
	background:transparent;

	width:760px; 
	overflow:hidden;
margin: 0px auto;
position:relative;
top:100px;}



/* content */


#content {
	float:right;
	width:660px;
	overflow: hidden;
	padding:14px;
margin-top:240px;
	}

#contentsub {
	float:right;
	width:660px;
	overflow: hidden;
	padding:14px;
margin-top:220px;
	}


#contentfull {
	float:left;
	width:100%;
	overflow: hidden;
	padding:14px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 14pt;
margin-right:20px;

	}



	
.post h2{
	font:normal 20pt georgia, times, serif;
color: #B3192E;
	}
	
.post h2 a{
	color: #B3192E;
	text-decoration: none;

	}
	
.post h2 a:hover{
	color: #B3192E;
	text-decoration: none;

	}


.post a{
	color: #B3192E;
	text-decoration: none;

	}

.post ul {}

.post li {}
.entry {margin-left:8px;}
.entry p{margin:12px 0;}

.entrygen {margin-left:8px;}
.entrygen p{margin:12px 0;}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}
	

.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:0px 0;}
.alignright a{float:right; margin:25px 0;}



/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:9pt;
	width:240px;
	float:left;
	margin:0;
	padding: 0;
	border-right: 1px solid #ddd;
margin-top:240px;
line-height:100%;
	}

#sidebar h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#sidebar p {margin:0; padding: 0 6px 0 12px;}

#sidebar img {padding: 0; margin: 0;}

#sidebar ul {
	margin:0px;
	padding:0;
	}

#sidebar ul li {
	margin: 0;
	padding: 0;

	list-style-type: none;
	}

#sidebar ul ul {
	margin:0px 0;
	padding:0;
}

#sidebar ul ul li {
	list-style-type: none;
	}

#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}

#sidebar ul ul ul li{
	padding: 0 0 0 0px;
	list-style-type: square;
	color: #898989;
}



/* comments */


#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */

#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	padding:2px;
	border:1px solid #000;
	}

#searchform input#searchsubmit{
	border:none;
	background:#333;
	color:#fff;
	text-transform:lowercase;
	}


	
/* misc */

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
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* 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;
}




/* footer */

#footer {
	background:#B3192E;
	clear: both;
	width: 100%;
height:100%;
margin: 0px auto;
padding-top:20px;
border-top: #ccc 8px solid;
	}

#footerblocks{width: 960px;
margin: 0 auto;
margin-bottom:60px;
margin-top:30px;}
	
#footer p{padding:14px 0;margin: 0; color: #fff; text-align:center;}
#footer a{color: #E3AF5B;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


#left{width:420px;
float:left;
margin-left:10px;}

#right{width:440px;
float:right;}

.break {clear:both;}

#holiday{background: url(http://cardsbydrsharon.com/wp-content/uploads/2009/09/holiday.png) no-repeat transparent;
float:right;
position:relative;
right:130px;
top:40px;
width:375px;
height:225px;
z-index:99;
}

#featuredbg {background: url(images/featurebg.jpg) no-repeat transparent; 
width:680px;
height:280px;}

#featuretext{
width: 280px;
margin-left: 370px;
padding-top: 115px;}

.newsbox{
background-color: #FFF6C6;
width: 450px;
padding: 10px;
margin-bottom:30px;
border: 0px solid #999; 
}

.newsfooter{
background: url(media/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
.post10 { 
    position: relative;
    margin-left: 4.8em;
}

.entryDate { 
    border: 0px solid #999; 
    font-family: Georgia,"Times New Roman", serif; 
    left: -4.8em; 
    line-height: 1; 
    position: absolute; 
    top: 0; 
    width: 3.5em;
}
.entryDate span { 
    display: block; 
    text-align: center; 
}
.postMonth { 
    text-transform: uppercase; 
    font-size: 1.2em;
    padding-top: 0.3em; 
}
.postDay { font-size: 2em; }
.postYear { 
    background-color: #B3192E; 
    color: #FFF; 
    font-size: 1.2em; 
    padding: 0.3em 0; 
    margin-top: 0.3em;
}

h2.pagetitle{
	font:normal 15pt tahoma, verdana, arial, san-serif;
color: #B3192E;
	}

#customnav{width: 960px;
	margin: 0 auto;
padding-top:100px;
}

#customnavleft{width: 400px;
z-index:99;	
float:left;}

#customnavright{width: 370px;
z-index: 99;
float:right;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border-bottom-width: 0;
width: 180px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 10px Verdana;
padding: 3px 2px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #E3AF5B;
text-decoration: none;
border-bottom: 1px dotted #E3AF5B;
}

.wireframemenu a:visited{
color: #E3AF5B;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
color: #fff;
}




.wireframemenu2{
border-bottom-width: 0;
width: 180px;
}

* html .wireframemenu2{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

.wireframemenu2 ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu2 a{
font: bold 10px Verdana;
padding: 3px 2px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #E3AF5B;
text-decoration: none;
border-bottom: 1px dotted #E3AF5B;
text-align:right;
}

.wireframemenu2 a:visited{
color: #E3AF5B;
}

html>body .wireframemenu2 a{ /*Non IE rule*/
width: auto;
}

.wireframemenu2 a:hover{
color: #fff;
}


/*Top Manual Nav*/

#block1{float: left;
width:190px;}

#block2{float: left;
width:180px;
}

#block3{float:right;
width:200px;
}

#block4{float:right;
width:200px;
}



/*Shop Categories*/

#category a{color:#000 !important;
padding: 3px 2px;
display:block;
width: 100%; /*Define width for IE6's sake*/
}

#category li{
color:#000 !important;
border-top: 1px dotted #E3AF5B;
border-bottom: 1px dotted #E3AF5B;
}




html>body #category li{ /*Non IE rule*/
color:#000 !important;
border-top: 0px dotted #E3AF5B;
border-bottom: 1px dotted #E3AF5B;
}

#category{
border-bottom-width: 0;
width: 200px;
}

* html #category{ /*IE only rule. Original menu width minus all left/right paddings */
width: 194px;
padding: 0px 0px;
}

#category ul{
padding: 0;
margin: 0;
list-style-type: none;
}


#category ul li ul {
margin-left:10px;
}


/*Shop Categories Widget*/

* html #sidebar ul{ /*IE only rule. Original menu width minus all left/right paddings */
width: 194px;
padding: 0px 0px;
}

#sidebar ul{
padding: 0;
margin: 0;
list-style-type: none;
width: 200px;

}

#sidebar li a{color:#000 !important;
padding: 3px 2px;
display:block;
width: 100%; /*Define width for IE6's sake*/
line-height:100%;
}

#sidebar li{
color:#000 !important;

border-bottom: 1px dotted #E3AF5B;
padding:0px;
margin:0px;
line-height:100%;
}


html>body #sidebar li{ /*Non IE rule*/
color:#000 !important;
border-top: 0px dotted #E3AF5B;
border-bottom: 1px dotted #E3AF5B;
}

#shoppingcart{
 font-size: 9pt;
 border: 1px solid #ccc;
 background-color: #efefef;
 height: 100%;
 width: 148px;
 text-align: left;
 padding: 0px 6px 0px 0px; 
 position: relative;
 z-index: 9;
clear:right;}


#products_page_container {float:left !important;
width:460px !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div.productdisplay {
	margin: 0 0 12px;
	padding: 0;
	clear: both;
border-bottom: 1px dashed #ccc;
}

h2.prodtitles a{font-weight:bold;}


/* HOME PAGE STYLES */

#catalogbox {border-top: 1px solid #ccc;
width:100%;
padding: 10px 10px 10px 10px;
margin: 2px 0px 2px 0px;}

#catalogbox h2 {padding-bottom:8px !important;}

.catalognav{
border-bottom-width: 0;
width: 180px;
float:right;
}

* html .catalognav{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

.catalognav ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.catalognav a{
font: bold 12px Verdana;
padding: 5px 4px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #B3192E;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

.catalognav a:visited{
color: #B3192E;
}

html>body .catalognav a{ /*Non IE rule*/
width: auto;
}

.catalognav a:hover{
color: #000;
}






#homeboxes {
width: 100%;
border-top: 1px solid #ccc;
padding: 10px 10px 10px 10px;
margin: 2px 0px 20px 0px;
border-bottom: 1px solid #ccc;}

td.hometable {
	border-bottom: 1px solid #CCCCCC;
padding:10px;
}

/*************wp-ecommerce theme css hacks***********************/

.wpsc_category_boundary {display:none;}
.wpsc_product_title h2 a {font-family: tahoma, verdana, arial, sans-serif;}