/*=================================================================================

Project:		FUNDATIA CRESTINA DE AJUTORARE
Version:		1.0
Last Changed:	07/10/2009
Author:			Daniel Rus

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
		2.2.1 SIDEBAR
	2.3 FOOTER
3. NAVIGATORS [navigation for the site]
	3.1 MAIN NAVIGATOR
	3.2 LANGUAGE NAVIGATOR
	3.3 GROUP NAVIGATOR
	3.4 CONTENT NAVIGATOR
4. FORMS
5. CONTENT ELEMENTS
	5.1 HOMEPAGE
	5.2 GALLERY
	5.3 NEWSLETTER

=================================================================================*/






/* 1. GENERAL -------------------------------------------------------------------*/

html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background: url(../../general/bgMain.gif); font: normal 0.75em/1.6em Arial; color: #333333; }
h1 { margin: 1em 0 0.5em 0; font: normal 2em Georgia; color: #718f05; text-align:left; }
h2 { text-align:left;  }
h3 {color:#e66c34;  }
a { color: #ff8a00; text-decoration: none; font-weight: bold; }
a:hover { color: #ffb430; }
p { margin: 1em 0; }
img { border: 0; }
.imageLeft { float: left; margin-right: 10px; }
.imageRight { float: right; margin-left: 10px; }
.clearAll { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
.clearFloat:after, #content:after, .project:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden; }
.clearFloat, #content, .project { display: inline-block; } /* Hides from IE Mac \*/ * html .clearFloat, * html #content, * html .project { zoom: 1;} .clearFloat, #content, .project { display: block; } /* End Hack */




/* 2. LAYOUT --------------------------------------------------------------------*/

#wrapper { background: url(../../general/bgWrapper.gif) repeat-x; min-height: 100%; height: auto !important; height: 100%; }
#container { background: url(../../general/bgContainer.png) no-repeat top center; width: 980px; margin: 0 auto; min-height: 530px; height: auto !important; height: 530px; }


	/* 2.1 HEADER -------------------------------*/
	
	#header { position: relative; }
	.logo { position: absolute; top: 8px; left: 12px; }
	
	
	/* 2.2 CONTENT ------------------------------*/
	
	#content { padding: 12px 12px 70px 12px; }
	.main { float: left; width: 570px; }
	.section { margin-top: 20px; background: url(../../general/bgContent.png) repeat-y;}
	.sectionBottom { padding:1px 25px 25px 10px; background: url(../../general/contentBottom.png) no-repeat bottom; text-align:justify }
	.sectionWide { margin-top: 20px; background: url(../../general/bgContentWide.png) repeat-y;}
	.sectionBottomWide { min-height: 300px; height: auto !important; height: 300px; padding:1px 25px 25px 10px; background: url(../../general/contentBottomWide.png) no-repeat bottom; text-align:justify }
	
		/* 2.2.1 SIDEBAR ------------------------*/
		
		.sidebar { float: right; width: 376px; padding: 20px 0; }
		.sidebar-section { background: url(../../general/sidebarSectionBody.gif) repeat-y; color: #ffffff; }
		.sidebar-section-body { background: url(../../general/sidebarSectionBottom.gif) no-repeat bottom; padding: 10px 20px; }
		.sidebar-section h2 { height: 46px; margin: 0; padding: 0 20px; background: url(../../general/sidebarSectionTop.gif) no-repeat; font: normal 1.7em/46px Georgia; }
		.sidebar-section h3 { margin: 0; padding: 0; font: bold 1em Arial; color: #fec912; }
		.sidebar-section p { margin: 1em 0; }
		.project { padding: 10px 0; background: url(../../general/dividerH.gif) repeat-x bottom; }
		.project img { float: left; padding: 4px; background-color: #ffffff; margin-right: 10px; }
		.project p { margin: 1em 0 0 0; padding: 0; font-size: 0.9em; line-height: 1.4em; }
	
	
	/* 2.3 FOOTER -------------------------------*/
	
	#footer { height: 53px; padding-top: 6px; margin-top: -50px; background-color: #2d2d2d; text-align: center; color: #b4b4b4; font-size: 0.9em; line-height: 1.5em; }
	#footer p { margin: 0; }
	#footer a { color: #dddddd; font-weight: bold; }
	#footer a:hover { color: #ffffff; text-decoration: underline; }




/* 3. NAVIGATORS ----------------------------------------------------------------*/

	/* 3.1 MAIN NAVIGATOR -----------------------*/
	
	.navMain { height: 45px; padding: 1px 0; background: url(../../general/bgNavMain.gif) no-repeat; }
	.navMain ul { margin: 0; padding: 0; list-style: none; height: 45px; }
	.navMain li { float: left; height: 45px; background: url(../../general/dividerNavMain.gif) no-repeat right; }
	.navMain a { float: left; height: 45px; padding: 0 22px; font: bold 1.1em/45px Arial; color: #ffffff; }
	.navMain a:hover { color: #fec912; }
	.navMain li.donate { background: none; float: right; height: 37px; padding: 8px 20px 0 0; }
	.navMain li.donate a { float: right; width: 236px; height: 30px; background: url(../../general/btDonate.gif) no-repeat; font: bold 15px/30px Arial; padding: 0; text-align: center; text-transform: uppercase; color: #86750d; }
	
	
	/* 3.2 LANGUAGE NAVIGATOR -------------------*/
	
	.language { height: 27px; padding: 50px 0 25px 760px; }
	.language ul { width: 160px; height: 27px; margin: 0; padding: 0; list-style: none; background: url(../../general/bgLanguage.png) no-repeat; }
	.language li { float: left; width: 72px; height: 19px; padding: 4px 8px 4px 0; }
	.language a { float: left; width: 52px; height: 19px; padding-right: 20px; text-align: right; color: #555555; }
	.language a:hover { color: #aaaaaa; }
	.ro { background: url(../../general/flagRO.gif) no-repeat right center; }
	.uk { background: url(../../general/flagUK.gif) no-repeat right center; }
	
	
	/* 3.3 GROUP NAVIGATOR ----------------------*/
	
	.navGroup { height: 32px; margin: 0 12px; background: url(../../general/bgNavGroup.gif) no-repeat;}
	.navGroup ul { margin: 0; padding: 0; list-style: none; }
	.navGroup li { float: left; height: 32px; background: url(../../general/dividerNavGroup.gif) no-repeat top right; }
	.navGroup a { float: left; height: 32px; padding: 0 16px; line-height: 32px; color: #555555; }
	.navGroup a:hover { color: #ff8a00; }
	
	
	/* 3.4 CONTENT NAVIGATOR ----------------------*/
	
	.navContent { padding: 10px 0 10px 20px; }
	.navContent ul { margin: 0; padding: 0; list-style: none; }
	.navContent li { display: block; padding: 0 0 0 22px; margin: 8px 0; height: 19px; line-height: 19px; background: url(../../general/iconNewsletter.gif) no-repeat left center; }
	.navContent a {}
	.navContent a:hover {}





/* 4. FORMS ---------------------------------------------------------------------*/

form { margin: 0; padding: 0; }
.formField{ float: left; width: 160px; padding: 2px 5px; border: 1px solid #90a342; background-color: #e7e9de; font: normal 1em Arial; color: #666666; margin-bottom: 6px;}
.formTextarea{ float: left;	width: 200px; height: 100px;	padding: 2px 5px; border: 1px solid #90a342; background-color: #e7e9de; font: normal 1em Arial; color: #666666; margin-bottom: 6px;}
.formButtons{ padding-top: 2px;	margin: 0; }
label{ float: left;	width: 100px; font-size: 1em; }
form br{ clear: left;}


/* 4.2.1 FORMS ERRORS --------------------------------------------------------------*/

	span.error { color: red; display:block; text-align: center; }
	input.error { border: 2px solid red; }
	select.error { border: 2px solid red; }
	div.error { color: red; }
	div.action-container { position: relative; top: -45px; cursor: pointer; }




/* 5. CONTENT ELEMENTS ----------------------------------------------------------*/

	/* 5.1 HOMEPAGE -----------------------------*/
	
	.homeVisual { height: 200px; padding: 76px 20px 0 350px; background: url(../../general/homeVisual.jpg) no-repeat; }
	.homeVisual blockquote { margin: 0; padding: 0; font: normal 2.1em/1.4em Georgia; font-style: italic; }
	.homeVisual p { margin: 0; text-align: right; color: #718f05; font: bold 1.6em/2em Georgia; }
	.homeSection1 { height: 330px; margin-top: 20px; padding: 0 18px 0 8px; background: url(../../general/bgHomeSection1.png) no-repeat; }
	.homeSection2 { height: 138px; padding: 0 18px 0 8px; background: url(../../general/bgHomeSection2.png) no-repeat; }
	.homeSection1 h1, .homeSection2 h1 { margin: 0 0 1em 0; padding-top: 8px; }
	.homeSection1 p, .homeSection2 p { text-indent: 2em; }
	
	.signature {float: right; font: italic 1.6em Georgia; color: #718f05; margin: 0 15px 0 0; }
	ul.listView{margin: 0;text-align:left; list-style-type:none; padding-left:5px;}
	ul.listView li{font-size:1em; margin: 0;  background:url(../../general/iconArrow.gif) left top no-repeat; padding:4px 0px 4px 16px; } 	
	
	
	/* 5.2 GALLERY ------------------------------*/

	.galleryListing { width:960px;}
	.galleryListing ul{ list-style-type: none; }
	.galleryListing ul li{ float:left; padding:10px 15px; text-align:center; width:140px; display:block; height:140px;}
	.galleryListing ul li img {border:1px solid #b7bf9a; padding:2px; background:#fff;}
	.galleryDescription { width:525px; padding-left:195px;}
	
	
	/* 5.3 NEWSLETTER ---------------------------*/
	
	.newsletter { }
	.newsletter p { margin: 1em 0; }
	.newsletterTop { border: 5px solid #71933c; }
	.newsletterSection { border: 5px solid #71933c; background-color: #ffffff; padding: 10px; font: normal 1.2em/1.5em Georgia; text-align:justify; }
	.newsletterSection h2 { margin: 1em 0 0.5em 0; text-align: left; font: normal 2.1em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterPromo { border: 5px solid #71933c; border-top: 0; background-color: #71933c; padding: 10px; color: #ffffff; line-height: 1.36em; }
	.newsletterPromo img { float: left; margin-right: 15px; }
	.newsletterPromo p { margin: 0; }
	.newsletterIntroduction { font-style: italic; }
	.newsletterIntroduction h2 { color: #71933c; margin: 0.5em 0 1em 0; font-variant: normal; font: italic bold 1.6em/1em Georgia; }
	.newsletterMessage { background-color: #71933c; padding: 0 10px; }
	.newsletterMessage p { margin: 0; padding: 0.5em 0; }
	.newsletterMessage strong { color: #ffffff; font-weight: normal; }
	.newsletterFeatures ul { margin: 0; padding: 0; list-style: none; }
	.newsletterFeatures li { display: block; padding: 4px 0 5px 0; background: url(../../newsletter/divider.gif) repeat-x bottom; }
	.newsletterFeatures p { margin: 0; padding: 4px 10px 4px 24px; }
	.newsletterFeatures .odd p { background: url(../../newsletter/arrow.gif) no-repeat 6px 10px; }
	.newsletterFeatures .even p { background: #f0f5e3 url(../../newsletter/arrow.gif) no-repeat 6px 10px; }
	.newsletterCols { width: 926px; margin: 1em 0; overflow: hidden; }
	.newsletterCol1 { float: left; width: 250px; background: #f3f8e7 url(../../newsletter/amiciiHappy.jpg) no-repeat; padding: 110px 10px 10000px 10px; margin-bottom: -9990px; font: italic normal 1.4em/1.3em Georgia; color: #576d31; }
	.newsletterCol2 { float: right; width: 640px; padding: 0 0 10000px 0; margin-bottom: -10000px; }
	.newsletterCol2 h2 { margin: 0; font: normal 3.5em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterCol3 { float: left; width: 250px; background-color: #f3f8e7; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; font: italic normal 1.4em/1.5em Georgia; color: #3c3c3c; }
	.newsletterCol4 { float: right; width: 640px; padding: 0 0 10000px 0; margin-bottom: -10000px; }
	.newsletterCol4 h2 { margin: 0; font: normal 2.1em/1em Georgia; color: #678539; font-variant: small-caps; }
	.newsletterQuote { background-color: #f3f8e7; padding: 10px; font: italic normal 1.7em/1.6em Georgia; color: #576d31; text-align: left; }
	.newsletterBottom { background-color: #ffffff; width: 930px; overflow: hidden; font-size: 0.9em; }
	.newsletterBottom-contact { float: left; width: 200px; background-color: #ebebea; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; }
	.newsletterBottom-conturi { float: left; width: 280px; background-color: #e0e0e0; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; }
	.newsletterBottom-thanks { float: right; width: 390px; padding: 10px 10px 10000px 10px; margin-bottom: -9990px; font-size: 1.4em; }
	.newsletterBottom em { font-style: normal; font-weight: bold; color: #71933c; }
	.newsletterDivider { height: 2em; background: url(../../newsletter/divider.gif) repeat-x center; }
	.voluntar { font-weight: bold; font-style: italic; color: #71933c; font-size: 1.1em; text-align: left; }
	.newsletterQuoteVoluntar { background-color: #f3f8e7; padding: 10px; font: italic normal 1.2em/1.5em Georgia; color: #3c3c3c; text-align: left; }