/*  
Theme Name: ReLion Template (Standard - 2 Columns, Fixed Width)
Description: This is the custom Template for the website 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/interface/bgd.jpg') repeat-x;
	margin: 0px auto; padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000; text-align: center;
}

#container1 {
	width: 980px; height: auto;
	margin: 0px auto 10px auto; padding: 0px;
	color: #000; text-align: center;
	background: #FFF url('../images/interface/container-bgd.gif') no-repeat;
}
#container2 {
	width: 980px; height: auto;
	margin: 0px; padding: 0px;
	background: url('../images/interface/leftcol-bgd.gif') repeat-y;
}

#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: 717px; 
	margin: 0px 0px 20px 0px; padding: 0px; text-align: left;
}

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

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

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

#header img { border: 0px none; }

/* ---------------------------------------------- Bread Crumbs */
#breadcrumbs {
	width: auto; height: auto;
	margin: 0px; padding: 0px 2px 5px 0px;
}

#breadcrumbs p { font-size: 10px; margin: 0px; padding: 0px; color: #000; text-align: right; }

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

/* ---------------------------------------------- Left Column */
#sidebarimgs img { margin: 0px 20px 0px 12px; padding: 0px 0px 5px 0px; background-color: #FFF; border: none; }
#sidebarimgs img:hover { border: none; }

#addthisthing { margin: 10px 20px 5px 12px; padding: 5px; width: auto; height: auto; text-align: center; }

/* ---------------------------------------------- Footer */
#footertop { margin: 0px; padding: 0px; }

#footer {
	background: #AAC7AA url('../images/interface/footer-bgd.gif') repeat-x;
	margin: 0px 12px; padding: 15px 0px;
}

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

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

#footer hr { border: 0px; color: #7FAB7F; background-color: #7FAB7F; height: 1px; text-align: left; margin: 10px 100px; padding: 0px; }

/* ---------------------------------------------- Text Styles */
h1 {
	color: #000; font-size: 24px; line-height:34px; text-align: left;
	font-weight: normal;
	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;}
h1.demystification {background:url('../images/interface/icons/demystification.jpg') no-repeat 0px 5px;}
h1.ipg {background:url('../images/interface/icons/ipg.jpg') no-repeat 0px 5px;}
h1.friendship {background:url('../images/interface/icons/friendship.jpg') no-repeat 0px 5px;}
h1.seminars {background:url('../images/interface/icons/seminars.jpg') no-repeat 0px 5px;}
h1.calendar {background:url('../images/interface/icons/calendar.jpg') no-repeat 0px 5px;}
h1.blog {background:url('../images/interface/icons/blog.jpg') no-repeat 0px 5px;}
h1.publications {background:url('../images/interface/icons/publications.jpg') no-repeat 0px 5px;}
h1.about {background:url('../images/interface/icons/about.jpg') no-repeat 0px 5px;}
h1.partners {background:url('../images/interface/icons/partners.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: #966EAA; font-size: 18px; line-height: 24px; text-align: left;
	margin: 0px; padding: 10px 0px 2px 0px;
	background: none;
}
h3.underline { border-bottom: 1px dotted #966EAA; margin-bottom: 5px; }

h4 {
	color: #7FAB7F; font-size: 18px; line-height: 24px; 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; 
}
h5.underline { border-bottom: 1px dotted #000; margin-bottom: 5px; }

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

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

blockquote { margin: 10px 25px; padding: 10px; font-size: 12px; line-height: 18px; text-align: left; border: 1px dotted #966EAA; }

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: 2px 0px 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: 9px; }
	
img { border: none 0px; }

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

#content img { float: right; margin: 0px 5px 10px 10px; padding: 5px; border: 1px solid #966EAA; background-color: #FFF; }
#content img:hover { border: 1px solid #000; background-color: #5F1B53; }

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

#detail2 { margin: 0px; padding: 5px 0px; }
#detail2 img { float: none; margin: 0px; padding: 3px; border: 1px solid #000; background-color: #FFF; }
#detail2 img:hover { border: 1px solid #5F1B53; background-color: #FFF; }

#detail3 { margin: 0px; padding: 10px 0px; width:717px; height:auto; }
#detail3 img { float: none; margin: 0px; padding: 5px; border: 1px solid #000; background-color: #FFF; }
#detail3 img:hover { border: 1px solid #5F1B53; background-color: #FFF; }

#nodetail { margin: 0px; padding: 10px 0px; width:717px; height:auto; }
#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; }

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

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

#nodetailleft { margin: 10px 0px; padding: 0px; }
#nodetailleft img { float: left; margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #000; background-color: #FFF; }
#nodetailleft img:hover { border: 1px solid #000; background-color: #FFF; }

#bookstorepics { margin: 0px; padding: 0px; }
#bookstorepics img { float: left; margin: 10px 10px 5px 0px; padding: 5px; border: 1px solid #000; background-color: #FFF; }
#bookstorepics img:hover { border: 1px solid #000; background-color: #FFF; }

#tripicrow { margin: 0px; padding: 5px 0px; }
#tripicrow img { float: none; margin: 5px; padding: 5px; border: 1px solid #966EAA; background-color: #FFF; }
#tripicrow img:hover { border: 1px solid #000; background-color: #7FAB7F; }

#announcement { float: right; width: 350px; height: auto; margin: 5px 5px 10px 20px; padding: 5px 10px 10px 10px; text-align: left; border: 1px dotted #966EAA; }
#announcement2 { float: right; width: 250px; height: auto; margin: 5px 5px 10px 20px; padding: 5px 10px 10px 10px; text-align: left; border: 1px dotted #966EAA; }
#announcement3 { float: right; width: 280px; height: auto; margin: 0px; padding: 0px; }

.orangebold { font-weight: bold; color: #F90; }
.orange { color: #F90; }
.bluebold { font-weight: bold; color: #966EAA; }
.lightblue { color: #99B2CC; }
.grey { color: #666; }
.redbold { font-weight: bold; color: #F00; }
.purplebold { font-weight: bold; color: #966EAA; }

.orangetopborder { border-top: 1px solid #F90; padding-top: 3px; margin-top: 3px; }

.rightalign { text-align: right; }
.lefttalign { text-align: left; }
.centrealign { text-align: center; }
.indent { margin: 10px 25px; }

.fontnormal { font-weight: normal; }

.nolineheight { padding: 0px; line-height: 14px; }
.smalllineheight { padding: 5px; line-height: 14px; }

.listfloat { float: left; width: auto; height: 100%; margin: 0px; padding: 0px 40px 20px 0px; }
.listfloatspecific { float: left; width: 358px; height: 100%; margin: 0px; padding: 0px 0px 20px 0px; }

#colwrap { margin:0px; padding::0px; }
#colleft { width: 48%; float: left; } 
#colright { width: 48%; float: right;} 

#tabledividers hr { border: 0px; color: #99B2CC; background-color: #99B2CC; height: 1px; text-align: left; margin: 1px 0px; padding: 0px; }
#tabledividers ul { list-style-type: circle; margin: 0px 0px 0px 15px; padding: 0px 0px 5px 0px; }

#captionedimg260 { float: right; margin: 5px 5px 10px 20px; padding: 0px; width: 272px; height: auto; text-align: center; }
#captionedimg260 img { display: block; margin: 0px 0px 2px 0px; padding: 5px; border: 1px solid #966EAA; background-color: #FFF; }
#captionedimg260 img:hover { border: 1px solid #7FAB7F; background-color: #FFF; }
#captionedimg260 p { margin: 0px; padding: 5px 10px; font-size: 10px; line-height: 14px; text-align: center; color: #666; font-style: italic; }

#newslettercaption { float: right; margin: 5px 5px 10px 20px; padding: 0px; width: 226px; height: auto; text-align: center; }
#newslettercaption img { display: block; margin: 0px 0px 2px 0px; padding: 5px; border: 1px solid #FFF; background-color: #FFF; }
#newslettercaption img:hover { border: 1px solid #7FAB7F; background-color: #FFF; }
#newslettercaption p { margin: 0px; padding: 5px 10px; font-size: 10px; line-height: 14px; text-align: center; color: #666; font-style: italic; }

.collapser {
margin: 0px 0px 10px 0px;
padding: 0px;
width: 717px;
}
.heading {
color: #FFF;
margin: 15px 0px 5px 0px;
padding: 5px 10px;
cursor: sw-resize;
position: relative;
background-color: #966EAA;
}
.heading:hover { background-color: #5F1B53; color: #FFF; }
.content {
padding: 10px 0px;
}