/*
Theme Name: Friends-of-India
Theme URI: http://www.friends-of-india.org/
Description: Friends of India
Version: 1.1
Author: b-spirit Sàrl
Author URI: http://b-spirit.com/
Tags: Fixed width, three columns, 960 CSS Framework (http://960.gs)

	This theme was designed and built by b-spirit Sàrl (http://b-spirit.com/)

	All rights reserved. Please email webmaster@friends-of-india.org for more information
*/

/************************* HTML *************************/

body {
/*	background: #ffb870 url('./images/bg-222.gif') repeat-x; */
	background-color: #f1d9b1;
}

blockquote {
	color: #444444 ; 
	line-height: 125%;
	background : #EEE url(images/blockquotebg.gif) no-repeat bottom right;
	border: #d1d7dc ; 
	border-style: solid;
	border-right-width: 20px;
	border-width: 1px;
	border-bottom-width: 1px;
	padding: 5px;
	margin: 5px;
}

a, a:visited {
	color: #000080;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

small {
	font-size: 12px;
}

form {
	
}

table {
	margin: 0;
}

.couple {
	font-family: Arial, "sans-serif";
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

#stylized_3c {
	font-family: Arial, "sans-serif";
	width: 280px;
	margin: 25px auto;
	padding: 14px;
	border: 1px solid #db6d1d;
	background: #f1d9b1;
}

#stylized_2c {
	font-family: Arial, "sans-serif";
	width: 540px;
	margin: 25px auto;
	padding: 14px;
	border: 1px solid #db6d1d;
	background: #f1d9b1;
}

#stylized_1c {
	font-family: Arial, "sans-serif";
	width: 740px;
	margin: 25px auto;
	padding: 14px;
	background: #ffffff;
}

#stylized_3c h2, #stylized_2c h2, #stylized_1c h2 {
	color: #666;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}

#stylized_3c h3, #stylized_2c h3, #stylized_1c h3 {
	color: #666;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	margin: 25px 0;
}

#stylized_3c input[type="text"], #stylized_3c input[type="password"], #stylized_2c input[type="text"], #stylized_2c input[type="password"], #stylized_1c input[type="password"], #stylized_1c input[type="text"] {
	font-size: 1.2em;
	color: #333;
	letter-spacing: 0.1em;
	padding: 4px;
	border: 1px solid #aaa;
	width: 250px;
	height: 20px;
	margin-bottom: 10px;
}

#stylized_3c textarea, #stylized_2c textarea, #stylized_1c textarea {
	font-family: Arial, "sans-serif";
	font-size: 1.2em;
	color: #333;
	letter-spacing: 0.1em;
	padding: 4px;
	border: 1px solid #aaa;
	margin-bottom: 10px;
}

#stylized_3c select, #stylized_2c select, #stylized_1c select {
	font-family: Arial, "sans-serif";
	font-size: 1.2em;
	color: #333;
	border: 1px solid #aaa;
	margin-bottom: 10px;
	width: 250px;
}

#stylized_3c input[type="submit"], #stylized_2c input[type="submit"], #stylized_1c input[type="submit"] {
/*	margin-left: 200px; */
	margin: 25px 0;
	width: 125px;
	height: 31px;
	background: url('./images/login_button.png') no-repeat;
	text-align: center;
	line-height: 31px;
	color: #fff;
	font-size: 1.1em;
	border: none;
}

.error {
	color: #ff0000;
}

.message {
	color: #000000;
}

.success {
	color: #009900;
}

/* Options: acronym, abbr, strike */

/************************* GENERAL *************************/

#page {
	width: 100%;
	height: auto;
}

#container {
	padding-top: 6px;
}

#spacer_25 {
	height: 25px;
}

#spacer_50 {
	height: 50px;
}

#spacer_100 {
	height: 100px;
}

/************************* HEADER *************************/

#header, #headerimg {

}

#header_menu {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 26px 0;
}

#header_menu a, #header_menu a:visited {
	color: #eee;
	text-decoration: none;
}

#header_menu a:hover {
	color: #fff;
}

#header_donation {
	color: #ccc;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.1em;
	padding-top: 19px;
}

.header_donation_button {
	background-image: url('./images/donation_button9.png');
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
	margin: 2px 0;
}

.header_donation_button a, .header_donation_button a:visited {
	color: #ccc;
}

.header_donation_button a:hover {
	color: #fff;
	text-decoration: none;
}

.header_donation_text {
	position: relative;
	top: 7px;
	left: 25px;
}

.header_login {
	position: relative;
	top: 3px;
	left: 11px;
	font-size: 10px;
}

.description {
	background-color: #f1d9b1;
	color: #db6d1d;
	font-size: 1.1em;
}

#header_spacer {
	height: 13px;
}

/************************* NAVIGATION MENU *************************/

.nav {
	z-index: 100;
	position: relative;
	color: #666;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	text-transform: uppercase;
}

.nav ul {
	position: absolute;
	top: -999em;
}

.nav ul a {
	width: 200px;
	white-space: nowrap;
}

.nav ul a:hover {
	color: #00080;
}

.nav ul li {
	border: 0;
	float: none;
}

.nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	text-align: left;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	display: block;
	padding: 0 9px;
	text-decoration: none;
	color: #666;
}

.nav li a:hover {
	color: #000080;
}

.nav li:hover ul, .nav li.sfHover ul {
	top: 18px;
	border: 1px solid #aaa;
}

#nav-one li:hover a, #nav-one li.sfHover a {
	color: #00080;
}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	background: #f1d9b1;
	color: #00080;
}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	background: #f1d9b1;
	color: #00080;
}

/************************* CONTENT *************************/

#content {
	background-color: #fff;
	border: 1px solid #aaa;
}

/************************* SIDEBAR (LEFT) *************************/

#sidebar_left {
/*
	border: 1px solid green;
*/
	border-right: 1px solid #ccc;
	width: 260px;
}

#title {
/*
	background-color: #ffffff;
*/
	font-family: Georgia, serif;
	color: #666;
	font-size: 21px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.subtitle {
	font-family: Arial, "sans-serif";
	color: #888;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
}

#description_left {
	padding: 5px 20px;
	font-size: 13px;
	color: #666;
	text-align: justify;
}

#galleries {
	padding: 0 20px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.photo_left {
	margin-left: 5px;
}

.newsletter_thumb {
	text-align: center;
}

#video {
	padding: 10px;
/*
	padding-left: 50px;
*/
}

/************************* MIDDLE *************************/

#middle_narrow {
/*
	border: 1px solid blue;
*/
	width: 378px;
/* put 298px if vertical line and no grey background on the right
}

#middle {
	
}

#tagline {
	font-family: Arial, "sans-serif";
	color: #666;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-top: 12px;
}

.post {
/*	padding: 10px; */
}

.posttitle {
	font-family: Georgia, serif;
	color: #666;
	font-size: 20px;
	padding-top: 20px;
}

.posttitle a, .posttitle a:visited {
	color: #666;
	text-decoration: none;
}

.posttitle a:hover {
	color: #000080;
	text-decoration: underline;
}

.posttitlecomment {
	float: right;
	height: 32px;
	width: 32px;
	padding-left: 18px;
	padding-bottom: 2px;
	background: url(images/comment.png) no-repeat top right;
	text-align: center;
	font-family: Georgia, serif;
	color: #666;
	font-size: 16px;
}

.entry {
	font-size: 13px;
}

.pagetitle, .singletitle {
	font-family: Georgia, serif;
	color: #666;
	font-size: 17px;
	padding-left: 20px;
	margin-top: 10px;
}

.pagetitle a, .pagetitle a:visited, .singletitle a, .singletitle a:visited {
	color: #666;
	text-decoration: none;
}

.pagetitle a:hover, .singletitle a:hover {
	color: #000080;
	text-decoration: underline;
}

.pageentry, .singleentry {
	padding-left: 20px;
	font-size: 13px;
}

.date_author {
	float: right;
	color: #666;
	font-size: 0.9em;
	text-align: right;
}

.authorpic {
	float: right;
	margin-left: 12px;
	margin-bottom: 4px;
}

.postmetadata {
	color: #666;
	font-size: 12px;
}

.navigation {
	display: block;
	clear: both;
/*	text-align: center; */
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignright {
	float: right;
	padding-left: 18px;
	padding-bottom: 2px;
}

.alignleft {
	float: left;
	padding-right: 18px;
	padding-bottom: 2px;
}
/*
img.alignright {
	float: right;
	padding-left: 20px;
	padding-bottom: 2px;
}

img.alignleft {
	float: left;
	padding-right: 20px;
	padding-bottom: 2px;
}
*/
.center, .aligncenter {
	text-align: center;
	margin: 0 auto;
}

.post_image {
	padding-left: 20px;
	margin-bottom: 20px;
}

.wp-caption-text {
	font-size: 12px;
	font-style: italic;
}

/************************* SIDEBAR (RIGHT) *************************/

#sidebar_right {
/*
	background: #fff url('./images/background_right.png') top right repeat-y;
	background: #fff url('./images/background_right_narrow.png') top right repeat-y;
*/
	border-left: 1px solid #ccc;
	width: 260px;
}

.photo {
	position: relative;
/*
	top: -14px;
	left: 19px;
	border: 10px solid #fff;
*/
	margin-top: 20px;
	padding-left: 30px;
}

.separator_right {
	width: 280px;
	float: right;
}

#quotation {
	font-style: italic;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
}

.quotation_signature {
	text-align: right;
}

.description_right {
	padding: 0 30px;
	font-size: 13px;
	color: #666;
	text-align: justify;
}

#support {
	margin: 10px;
	margin-left: 30px;
	padding: 10px;
	border-style: dashed; 
	border-color: #db6d1d;
	border-width: 2px;
	text-align: center;
}

#newsletter {
	margin-top: 20px;
	margin-left: 10px;
}

#newsletter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.newsletter_img {
	float: left;
	margin-right: 12px;
	margin-bottom: 80px;
}

.newsletter_text {
	text-align: left;
}

/************************* COMMENTS *************************/

#comments {
	font-family: Arial, "sans-serif";
	color: #666;
	font-size: 16px;
	padding-left: 30px;
	margin-top: 40px;
}

.commentlist {
	margin-left: 20px;
	padding: 0;
}

#respond {
	padding-left: 30px;
}

.respond_title {
	font-family: Arial, "sans-serif";
	color: #666;
	font-size: 16px;
	margin-top: 40px;
}

/************************* FOOTER *************************/

#footer {

}

.social_icon {
	float: left;
/*	margin: 0 12px 2px 30px; */
	margin: 0 12px 10px 0;
}

.social_text_1line {
	margin: 15px 0;
}

.social_text_2line {
	margin: 6px 0;
}


/************************* SEARCH *************************/

#search {

}