/*
Client Name: Gail Ross
Client URL: http://www.thecafemedium.com
Description: Spiritual Readings Site
Version: 1.0
Author: Steve Ross - http://www.srwebtec.com
Datum: June 2009
*/

/* ------------------ reset margins & padding ------------------ */

* { 
		margin: 0; 
		padding: 0;
}

/* ------------------ layout ------------------ */


body {
		font-family: Arial, Helvetica, sans-serif;
		background: #fff url("../img/xgoldvic.gif") repeat;
		text-align: center;
}

#hdr {
		background: #ffd url("../img/xgoldvic.gif") repeat;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: #adb085 solid 1px;
}

#masthead {
		background: #ffd url("../img/thecafemedium.gif") no-repeat 20px center;
		width: 760px;
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;
		height: 150px;
		border-bottom: #adb085 solid 0px;
}

#content {
		background: #fff;
		width: 760px;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		text-align: left;
		min-height: 600px;
}

* html #content {
		height: 600px; /* for ie6 and below */
}

#content_left {
		background: #fff;
		float: left;
		width: 420px;
		text-align: left;
		margin: 20px 0 15px 20px;
		padding: 0;
		display: inline;
}

#content_right	{
		background: #fff;
		float: right;
		width: 250px;
		text-align: left;
		margin: 20px 20px 15px 0;
		padding: 0;
		display: inline;
}	

#footer {
		clear: both;
		background: #ffd;
		width: 100%;
		padding: 10px 0 10px 0;
		text-align: right;
		border-top: 1px solid #adb085;
}

#footer_int {
		text-align: right;
		width: 720px;
		margin: 0 auto 0 auto;
		color: #666;
		font-weight: normal;
		font-size: 0.9em; 	
}


#footer_int .copyright {
		float: left;
}


#footer_int a {  
		text-decoration: none;
		color: #800000;
		font-weight: bold;
		padding-bottom: 1px;
		border-bottom: #800000 1px dotted;
		background: transparent;
}

#footer_int a:hover {
		text-decoration: none;
		color: #000;
		padding-bottom: 1px;
		border-bottom: #000 1px solid;
		background: transparent;
}


/* ------------------navigation----------------- */ 

ul#main_nav {
		font-family: Georgia, serif, Constantia, "Lucida Bright", Lucidabright, 
		"Lucida Serif",	Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif";
		margin: 0;
		padding: 10px 20px 0 0;
		list-style-type: none;
		text-align: right;
		background: transparent;
}

ul#main_nav li { display: inline; }
	
ul#main_nav a {
		display: block;
		float: right;
		padding: 0 0.5em 0 0.5em;
		margin: 0;
		text-decoration: none;
		font-weight: bold;
		color: #999;
		background: transparent;
}
	
ul#main_nav a:hover {
		color: #000;
		text-decoration: none;
		background-color: transparent;
		padding-bottom: 1px;
		border-bottom: #000 1px dotted;
}

ul#main_nav a.current {
		color: #800000;
		font-weight: bold;
		background: transparent;
}	


/* ------------------general----------------- */ 


blockquote {
		background: url("../img/start_quote.png") top left no-repeat;
}

div.blockquote {
		background: url("../img/end_quote.png") bottom right no-repeat;
        font: normal 0.9em/1.2em Georgia, serif, Constantia, "Lucida Bright", Lucidabright, 
		"Lucida Serif",	Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif";
		color: #666;
		margin: 20px 0 20px 0;
		padding: 0 30px 0 30px;
		text-align: justify;
}

.clearboth { 
		clear: both; 
}

.clearleft {
		clear: left;
}

.clearright {
		clear: right;
}


/* images */

img {
		border: none;
		padding: 0;
		margin: 0 0 20px 0;
}


/* lists */


ul.list, ol.list { 
		margin: 10px 0 20px 20px;
}

ul.list li, ol.list li {
		color: #666;
		font-size: 0.9em; 
		padding: 0 0 5px 0;
}


/* ------------------ typography ------------------ */


h1 {
		font: bold 1.6em/1.6em Georgia, serif, Constantia, "Lucida Bright", Lucidabright, 
		"Lucida Serif",	Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif";
		padding: 0;
		margin: 0 0 0.25em 0;
		color: #666;
}

h2	{
		font: bold 1.3em/1.3em Georgia, serif, Constantia, "Lucida Bright", Lucidabright, 
		"Lucida Serif",	Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif";
		padding: 0;
		margin: 0 0 0.25em 0;
		color: #800000;
}
	
h3 {
		font: bold 1.0em/1.3em Georgia, serif, Constantia, "Lucida Bright", Lucidabright, 
		"Lucida Serif",	Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif";
		padding: 0;
		margin: 0 0 0.25em 0;
		color: #800000;
}
	
p {
		font: normal 0.9em/1.2em Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0 0 1em 0;
		color: #666;
		text-align: justify;
}

.bold {
		font-weight: bold;
}


/* ------------------ inline page links ------------------ */


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

a:hover {
		color: #000;
		text-decoration: none;
}

p a { 	
		border-bottom: 1px dotted #800000;
		padding-bottom: 1px;
}

p a:hover { 
		border-bottom: 1px solid #000;
		padding-bottom: 1px;
		background: #ffd;
}