/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background: #fff;
   color: #000; 
}

#main {
   background: url('images/greyline.png') repeat-y 0px 0px;
}

#content {
   font-family: Verdana, "Lucida Grande", Arial, sans-serif;
   line-height: 1.5em;
	padding: 36px 4px 36px 18px;
}

p {
	margin: 0 0 1.5em 0;
}

#calendar-link {
float: right;
}

.srssfetcher-timestamp {
font-weight: bold;
color: #5B5B5B;
}


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

.srssfetcher-item {
	clear: both;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 18px;
}

textarea {
width:390px;
height:100px;
padding:5px;
}  

.shop-remove-item {
font-weight: bold;
color: #5B5B5B;
background: none;
border: none;
cursor: pointer;
padding: 0;
margin: 0;
text-align: left;
width: 90%;
}
			   
.shopping_cart {
border: 1px solid #B1230F;
}		  

.shopping_cart_bot {
background:transparent url(images/sidebar-bot4.png) repeat-x scroll center bottom;
}

.shopping_cart_bot p {
margin: 0;
padding: 0;
font-size: 12px;
}

/* width of first product col on checkout section*/
table.productcart tr.firstrow td.firstcol {
	width: 440px;
}

.retreat-login-box {
padding: 5px;
}

hr.shop-item {
border-top: 1px solid #B1230F;
}

input[type="submit"] {
background: url('images/sidebar4.png') repeat-x 0px 0px;
color: white;
font-weight: bold;
border: 1px solid #808080;
}

.alignleft {
float: left; 
}

.clear {
clear: both;
}

#community-page .alignleft {
float: left; 
}

#community-page img{
	width: 100px;
	height: auto;
	margin-top: 4px;
}

#community-page .biog{
float: left; 
width: 500px;
margin-bottom: 18px;
}

p img {
margin-top: 9px;
}

.tarots {
margin-right: 18px;
}

.additional_description {
margin-bottom: 36px;
}

/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 80%; 
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
}

h1 { 
  color: #B1230F; /* red */
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;   
}

h2,h3,h4,h5,h6 {
clear: both; 
  color: #5B5B5B; /* grey */
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;  
}

h1 {font-size:1.8em;line-height:1;margin-bottom:1em;clear:both;}
h2 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;font-weight:bold;clear:both;}
h3, h4, h5, h6 {font-size:1em;font-weight:bold;}



/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a img {border: none;}
a {	
color: #B1230F;
text-decoration: underline;
font-weight: normal;
}

a:hover {
color: #707070;
}

a.blog-title  {
font-weight: bold;
}

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: none;}

li {
      list-style: disc;
}


/********************************************************************************
				Calendar table
********************************************************************************/

#retreat-list table {
clear: left;
border-collapse: collapse;
margin: 0px;
}

#retreat-list th {background: #C0C0C0; padding: 3px; vertical-align: middle; text-align: center; border-style: solid; border-width: 1px; border-color: #4B4B3D;}

#retreat-list td {
padding: 3px;
vertical-align: middle;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #4B4B3D;
}

/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}

/********************************************************************************
                Header
********************************************************************************/

#header {
background: url('images/padmasambhava-header-texture2.jpg') no-repeat 0 0;
height: 130px;
}

#header-top {
z-index: 0;		
background: url('images/curves-top.png') no-repeat 0 0;
height: 30px;
}

#header-left {
background: url('images/lotus-logo.png') no-repeat 32px 28px;
height: 130px;
}

img.lotus {
position: relative;
left: 32px;
top: 28px;
}

#header-right {
background: url('images/padmaloka-retreat-centre.png') no-repeat 28px 58px;
height: 130px;
}

/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar {
padding: 36px 12px 36px 0px;
border-right: 2px #343434 solid;	/* old #b1230f */
margin: 0;
background: #ffffff;
float: right;
}

#sidebar a {	
color: #000;
text-decoration: none;
font-weight: normal;
}

#sidebar a:hover {
color: #B1230F;
} 

#sidebar h2{
   font-size: 1em;
   color: #ffffff;
   font-weight: bold;
   margin-bottom: 0em;
   background: url('images/sidebar4.png') repeat-x 0px 0px;
   padding: 3px 10px 4px 21px;
}

#sidebar a {padding-left: 0px; border-bottom: none;}

#sidebar ul {
	padding: 0px 0px 18px 0px;
    margin: 0px 0px 18px 0px;
	border-top: none;
	line-height: 18px;
   background: url('images/sidebar-bot4.png') repeat-x bottom;
}

#sidebar li {
	border-left: 2px solid #B1230F;
	border-right: 2px solid #B1230F;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
/*	background: url('images/line.png') repeat-x bottom; */
	list-style:none;
/*	background:url(images/bullet.png) no-repeat 5px 12px; */
   font-family: Verdana, "Lucida Grande", Arial, sans-serif;
}

table.shoppingcart   {
border-collapse: collapse;
margin-bottom: 1.4em;
border:0.1em solid #808080; 
}

table.shoppingcart th, table.shoppingcart td   { 
height: 1em; 
padding:0.2em 0.4em; 
border:0.1em solid #808080;
}

table.shoppingcart th      { 
font-weight:bold; 
background: #C0C0C0; 
}


/********************************************************************************
                Footer
********************************************************************************/

#footer {
background: #343434;
/* lighter red #B1230F */
font-weight: normal;
color: #ffffff;
}

#footer-end {
clear: both;
background: url('images/footer01.jpg') no-repeat bottom;
height: 70px;
}

#footer-left, #footer-right {
padding: 0;
}

#footer-left p, #footer-right p{
padding: 18px 18px 0 18px;
}

#footer a {	
color: #fff;
text-decoration: underline;
font-weight: normal;
}

#footer a:hover {
color: #707070;
}

#footer ul, #footer li {
list-style: none;
margin: 0;
padding: 0;
}

#footer ul {
padding: 10px;
}