/*  
Theme Name: ReLion Template (Standard - 2 Columns, Fixed Width)
Description: This is the custom Template for the home page of www.friend2friendsociety.org.
Version: 1.0
Author: Xander
Author URI: http://www.reliablyonline.com
*/


/* ---------------------------------------------- The Basics */
* html #content, * html .entry_firstpost, * html .entry, * html img { position: relative; }
.clearthis { clear: both; }

a img { border: 0px; }

body {
	background: #FFF url('../images/home/bgd.jpg') repeat-x;
	margin: 0px auto; padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000; text-align: center;
}

#container {
	width: 980px; height: auto;
	margin: 0px auto; padding: 0px;
	color: #000; text-align: center;
	background-color: #FFF;
}

#wrapper { /* contains MAIN content area */
	width: auto; height: auto; margin: 0px; padding: 0px; }

#content { /* center column */
	float: left; position: relative; z-index: 1;
	height: auto; width: 754px; 
	margin: 0px; padding: 0px;
}

#leftcol { /* left column */
	float: left; position: relative; z-index: 2;
	height: auto; width: 226px; 
	margin: 0px; padding: 0px;
	text-align: left;
}

#rightcol { /* right column */
	float: right; position: relative;
	height: auto; width: 0px; 
	margin: 0px; padding: 0px;
}

/* ---------------------------------------------- Header */
#header {
	width: 980px; height: auto;
	margin: 0px; padding: 0px;
}

#header img { margin: 0px; padding: 0px; border: none; }


/* ---------------------------------------------- Footer */
#footer {
	border-top: 1px solid #CCD8E5;
	margin: 0px 5px; padding: 10px;
}

#footer p { font-size: 10px; margin: 0px; padding: 0px; color: #000; line-height: 16px; text-align: left; }

#footer a { color: #369; text-decoration: none; }
#footer a:hover { color: #F90; text-decoration: none; }
#footer a:active { color: #000; text-decoration: underline; }

#footer hr { border: 0px; color: #369; background-color: #369; height: 1px; text-align: left; margin: 5px 75px; padding: 0px; }

/* ---------------------------------------------- Text Styles */
h1 {
	color: #000; font-size: 24px; line-height:34px; text-align: left;
	margin: 0px 0px 10px 0px; padding: 5px 0px 0px 40px;
	border-top: 1px solid #000;
}
h1.home {background:url('../images/interface/icons/home.jpg') no-repeat 0px 5px;}

h2 {
	color: #000; font-size: 18px; line-height: 24px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}
h2.underline { border-bottom: 1px dotted #000; margin-bottom: 5px; }

h3 {
	color: #369; font-size: 16px; line-height: 26px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}

h4 {
	color: #F90; font-size: 16px; line-height: 22px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}

h5 {
	color: #000; font-size: 14px; line-height: 18px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}

h6 {
	color: #369; font-size: 14px; line-height: 18px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}

a { color: #966EAA; font-weight: bold; text-decoration: underline; }
a:hover { color: #5F1B53; text-decoration: none; }
a:active { color: #000; text-decoration: underline; }

blockquote {
	margin: 0 25px;
}

code {
	display: inline; padding: 2px;
	color: #333; background: #EFEFEF;
	font-family: Courier New, Courier, mono;
}

#content ol { list-style-type: decimal; margin: 0px 0px 0px 30px; padding: 5px 0px; }
#content ol li { font-size: 12px; line-height: 18px; }
#content ul { list-style-type: square; margin: 0px 0px 0px 30px; padding: 5px 0px; }
#content ul ul { margin: 0px 30px; padding: 5px 0px; }
#content li { font-size: 12px; line-height: 18px; text-align: left; }
#content li li { list-style-type: circle; font-size: 11px; line-height: 16px; padding: 0px; }
#content li li li { list-style-type: disc; font-size: 11px; line-height: 16px; padding: 0px; }

p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 18px; text-align: left; }
small { font-size: 10px; line-height: 14px; }
.orange { color: #F90; }
.purple { color: #5F1B53; }
.lavender { color: #966EAA; }
.green { color: #7FAB7F; }
.lightgreen { color: #D5E3D5; }
.brown { color: #C8B18B; }
	
img { border: none 0px; }

hr { border: 0px; color: #5F1B53; background-color: #5F1B53; height: 1px; text-align: left; margin: 15px 0px; padding: 0px; }


/* ---------------------------------------------- Banners and Stuff */
#mainimage img { margin: 0px; padding: 0px 5px; display: block; }

#headingleft img { margin: 0px; padding: 5px 5px 0px 5px; border: none; }
#headingleft img:hover { border: none; }
#headings { margin: 0px 5px 0px 0px; padding: 0px; }
#headings img { margin: 0px; padding: 0px 0px 5px 5px; border: none; }
#headings img:hover { border: none; }

#nodetail { margin: 0px; padding: 10px 0px; }
#nodetail img { float: none; margin: 0px; padding: 0px; border: 1px solid #FFF; background-color: #FFF; }
#nodetail img:hover { border: 1px solid #FFF; background-color: #FFF; }

#hometext { width: auto; height: auto; margin: 0px; padding: 0px 5px 10px 5px; }
#hometext p { margin: 0px; padding: 10px 20px; font-size: 12px; line-height: 18px; text-align: left; }
#hometext img { float: right; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #966EAA; }
#hometext img:hover {  border: 1px solid #000; }

#hiddenlayer1 { visibility: hidden; z-index: 3; position: absolute; left: 5px; top: 430px; height: auto; width: 348px; margin: 0px; padding: 5px 10px; border: 1px solid #000; background-color: #FFF; color: #000; }

#hiddenlayer2 { visibility: hidden; z-index: 3; position: absolute; left: 5px; top: 0px; height: auto; width: 744px; margin: 0px; padding: 0px; border: none; background-color: #FFF; color: #000; }

#hiddenlayer3b { visibility: hidden; z-index: 3; position: absolute; left: 5px; top: 0px; height: auto; width: 744px; margin: 0px; padding: 0px; border: none; background-color: #FFF; color: #000; }

#hiddenlayer3 { visibility: hidden; z-index: 3; position: absolute; left: 5px; top: 0px; height: 333px; width: 704px; margin: 0px; padding: 10px 20px; border: none; background-color: #FFF; color: #000; }
#hiddenlayer3 img { float: right; margin: 0px 0px 10px 10px; padding: 5px; border: 1px solid #966EAA; }
#hiddenlayer3 img:hover { border: 1px solid #000; }

#hiddenlayer4 { visibility: hidden; z-index: 3; position: absolute; right: 222px; top: 430px; height: auto; width: 348px; margin: 0px; padding: 5px 10px; border: 1px solid #000; background-color: #FFF; color: #000; }


/* ---------------------------------------------- Pop up Layer */
#surveysays { width: 500px; height: 200px; z-index: 9; position: absolute; right: 15px; bottom: 15px; margin: 0px; padding: 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #FFF; -moz-box-shadow: 5px 5px 10px #888;
-webkit-box-shadow: 5px 5px 10px #888; background-color: #FEEFDB; visibility: hidden; }
#surveysays h1 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; color: #000; border: none; border-bottom: 1px solid #000; }
#surveysays h2 { margin: 10px 0px; padding: 0px; color: #FFF; border: none; }
#surveysays p { color: #000; font-weight: bold; }
#surveysays a { color: #FFF; font-weight: bold; border: 1px solid #5F1B53; background-color: #C8B18B; text-decoration: none; padding: 4px 8px; margin: 10px 0px; }
#surveysays a:hover { color: #FFF; border: 1px solid #FFF; background-color: #000; text-decoration: none; }
#surveysays a:active { color: #FFF; border: 1px solid #FFF; background-color: #5F1B53; text-decoration: none; }
.rightalign { text-align: right; }