/*
// define colors
$col_lightgreen =  '#7C5';
$col_purple = '#4B0E42';
$col_lightpurple = '#862C88';
$col_grey = '#777';
$col_green = '#070';
*/

/*
This page contains the actual styles
Use PHP routines to adjust font sizes
*/

body{
	width: 100%;
	font: normal normal normal 100% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #ffffff none;
	color: #000000;
	text-align: left;
	margin: 0;
	padding: 0
}
   
#textblock{
	margin: 122px 135px 30px 387px;
	width: 475px;
}

.inlinepic{
	border: 0;
	display: inline;
	float: left;
	margin: 0 27px 12px 0;
}

#bahaidate{
	position: absolute;
	top: 2.5em;
	left: 40.4em;
	width: 15em;
	margin: 0;
}

#bahaidate p{
	padding: 0.1em 0;
	margin: 0;
	background: #ddaacc none;
	color: #4b0e42;
	text-align: center;
	font-size: 0.7em;
}

.ddsg-pagenav p,
.ddsg-pagenav li,
.ddsg-pagenav li a,
.ddsg-wrapper,
.ddsg-wrapper ul,
.ddsg-wrapper ul li,
.ddsg-wrapper ul li a {font-size: 0.7em;}

#pagehead{
	position: absolute;
	top: 3em;
	left: 2.4em;
	border: none;
}

.imginline {display: inline;}

.inlinebanner{
	float: left;
	text-align: center; 
	padding: 115px 4px 2px 4px; 
}

.inlinebanner small{
	font-size: 8pt;
	font-weight: bold;
	text-align: center; 
	padding: 0 8px 2px 8px; 
}

.inlinebanner h5{
	margin: 6px 0 18px 0;
	font-size: 7pt;
}

.linkbutton{
	display: block;
	background-color: #660055;
	color: #ffffff;
	text-align: center;
	padding: 0.3em 0.5em;
}

.linkbutton a{
	color: #ffffff;
	text-decoration: none;
}

.linkbutton a:hover {color: red;}

.quoteblock{
	width: 422px;
	text-align: right;
}

.quotetop{
	font-family: "Times New Roman", Times, serif; 
	font-size: 1em;
	font-weight: bold;
	line-height: 1.15em;
	color: #592f54;
}

.quotebottom{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.65em;
	font-weight: normal;
	line-height: 1.3em;
	color: #000000;
	margin-top: 2.7em;
}

.quoteattrib{
	display: inline;
	background-color: #660055;   
	color: #ffffff;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.7em;
	padding: 1px 4px 1px 4px;
	width: auto;
}

.infointro, .infotext {}

.infointro{
	font-family: "Times New Roman", Times, serif; 
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #592F54;
}

.infotext{
	font-family: "Times New Roman", Times, serif; 
	font-style: italic;
	font-size: 14px;
	line-height: 19px;
	color: #555;
}

.miniblog{
	text-align: right;
	margin: 2em 0 0 0;
	font-size: 1em;
}

#leftblock{
	position: absolute;
	top: 29em;
	left: 2em;
	width: 22em;
}

#run1{
	float: left;
	width: 93px;
	height: 370px;
}

#rightblock{
	position: absolute;
	left: 442px;
	top: 138px;
	width: 407px;
}

#fronttextblock {}

#fronttextblock .post{
	text-align: right;
	margin: 0 0 0 12px;
}

#fronttextblock .post .posttitle{
	font-family: 'Arial Black', Arial, Sans-Serif;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 105%;
	text-align: right;
	margin: 2px 0 2px 0 ;
}

#fronttextblock .post .posttitle a{
	color: #000000;
	text-decoration: none;
}

#fronttextblock .post .postexcerpt{
	font-family: "Times New Roman", Times, serif; 
	font-style: italic;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 115%;
	text-align: right;
	color: #000000;
	margin: 0;
}

#fronttextblock .post .postedit{
	line-height: 0.7em;
	margin: 2px 0 8px 0 ;
}

#leftsidebar{
	position: absolute;
	top: 234px;
	left: 65px;
	width: 200px;
	font-size: 9pt;
}

#leftsidebar ul, 
#leftsidebar li, 
#leftsidebar ul li, 
#leftsidebar li li, 
#leftsidebar li ul li, 
#leftsidebar ul li li,
#leftsidebar ul li li li,
#leftsidebar li li li,
#leftsidebar li ul li li{
	font-size: 9pt;
	margin-top: 2px;
	padding:0;
}

#leftsidebar h3{
	font-size: 10pt;
	margin-top: 6px;
	padding: 0;
}

#leftsidebar li a, #leftsidebar li h3 {	margin-left: 2pt;}

#leftsidebar li ul li,
#leftsidebar li ul li a,
#leftsidebar ul li,
#leftsidebar ul li a{
	margin-left: 2pt;
	padding: 0;
}

#leftsidebar li ul li li,
#leftsidebar li ul li li a ,
#leftsidebar ul li li,
#leftsidebar ul li li a{
	margin-left: 0;
	padding: 0;
}

.readmore, .readmore a{
	margin: 2px 0 12px 0 ;
	font-family: "Times New Roman", Times, serif; 
	font-style: italic;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 120%;
	text-align: right;
	color: #592F54;
}

.nextposts, .nextposts a, .nextposts a:hover{
	font-size: 8pt;
	color: #ffffff;
}

.post {}
.posttitle {}
.posttitle a {}
.postexcert {}
.postedit {}

.weelink a{
	font-size: 8pt;
	text-decoration: none;
}

.tabmenu{
	position: absolute;
	top: 1em;
	left: 30em;
	color: #ffffff;
}

.tabmenu, .tabmenu a, .tabmenu a:hover{
	color: #ffffff;
	text-decoration: none;
}

.tabsubmenuclass {width: 8em;}

a, a:link {color: #4b0e42;}

a:hover {color: #862c88;}

p, ul, p ul, p ul li{
	margin: 9px 0 3px 36px;
	font-size: 10pt;
}

ol.faq, ol.faq_a{
	margin: 0;
	padding: 0;
}

ol.faq li{
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: normal;
	margin-left: 2em;
}

ol.faq_a > li{
	font-size: 0.95em;
	line-height: 1.4em;
	font-weight: bold;
	color: #0000ff;
	border-top: 2px solid #000000;
	padding-top: 2em;
	margin: 2em 1em 0 0;
}

div.answers{
	position: relative;
	left: -2em;
	margin-top: 2em;
}

h1{
	font-family: Trebuchet, 'Trebuchet MS',  Helvetica, Arial, sans-serif;
	font-size: 24pt;
	font-weight: normal;
	text-align: left;
	font-variant:  normal;
	font-style:  normal;
	line-height:  105%;
	border-bottom: 1px solid #000;
	padding-top: 15px;
	margin: 0 0 16px 0 ;
	padding-left: 0px;
	color: #7C5; 
}

h1 a{
	text-decoration: none;
	color: #7C5; 
}

h2{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #862C88;
	margin: 1.5em 0 1em 0 ;
	padding: 0 0 1em 0;
	border-bottom: 2px solid #000000;
}

h3 , h4{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	margin: 18px 0 6px 12px;
	text-align: left;
}

h4{
	font-size: 10pt;
	margin-left: 18px;
	color: #862C88;
}

.intropara, .splashtext{
	margin: 10px 0 35px 0 ;
	font-size: 12pt;
	font-style: oblique;
	color: #862C88;
}

.splashtext{
	font-weight: bold;
	font-size: 10pt;
	margin: 4px 0 12px 0 ;
}

.testimonial{
	margin: 8px 0 8px 0 ;
	padding: 5px 15px 12px 5px;
	background-color: #ECCEE7;
	border-top: 3px solid #862C88;
	border-bottom: 1px solid #000;
}

.testimonial b{color: #4B0E42;}

.ref2{
	width: 85%;
	margin: 1em auto;
	padding: 0.5em 2.5em 1em 0;
	background: #ffffd0 none;
	border: 1px solid #000000;
	text-align: center;
}

.ref2 p {text-align: justify;}

.ref2 p.title{
	font-weight: bold;
	text-align: center;
}