/*
L'Eve Institut - LEI

Theme Name: LEI
Author: Hadeel Omer

August 2009

*/



/*
	RESET
*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	color: #a50044;
	background: url(../../../images/body-bg3.jpg) top center repeat-x #f4bbb0;
}

ul {
	list-style: square inside;
}

ol {
	list-style: decimal inside;
}

a, a:visited {
	outline: none;
	text-decoration: none;
}

a img {
	border: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}


/*
	UTILITY
*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.superscript{font-size:xx-small; vertical-align:top;}


/*
	STRUCTURE
*/

#page-wrap {
	width: 960px;
	margin: 0px auto -148px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index:1;
	position:relative;
}

#push {
	height: 148px;
}


h1#logo {
	width: 950px;
	height: 244px;
	background: url(../../../images/header.jpg) top center no-repeat;
	text-indent: -9999px;
}

/*
	NAVIGATION
*/

#navigation {
	padding-top: 8px;
	margin-bottom: 35px;
}

ul#main-nav {
	width: 950px;
	float: left;
	margin: 15px 0 0 0;
	text-align:center;
}

ul#main-nav li {
	display: inline;
}

#current_page_item {
	background:#f8d4cc url(../../../images/nav-bg-selected.jpg) repeat-x;
	border:1px solid #fcddd6;
	color: #890634;
	font-weight:bold;
}

ul#main-nav li a {
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 8px 17px;
	color: #ce074d;
}

ul#main-nav li a:hover {
	background:#f8d4cc url(../../../images/nav-bg-hover.jpg) repeat-x;
	color: #890634;
}

/*
	FOOTER
*/

#footer {
	height: 148px;
	border-top: 21px solid #bb003d;
	background: #f4c2ba; /*#f3bcb2;*/
	z-index:1;
	position:relative;
}

#footer-inside {
	width: 960px;
	margin: 0 auto;
}

#footer-bg {
	background:url(../../../images/footer-bg.png) no-repeat bottom;
	height:424px;
	width:50%;
	position: absolute;
	top: 963px;
	left: 535px;
	z-index:-1;
}

ul#footer-nav {
	text-align: center;
	margin: 20px 0 5px 0;
}

ul#footer-nav li {
	display: inline;
}

ul#footer-nav li a {
	font-family: "Trebuchet MS";
	color: #bc0c49;
	font-size: 1.2em;
	padding: 5px 10px;
}

ul#footer-nav li a:hover {
	text-decoration: underline;
	color: #890634;
}

#copyright {
	font-family: "Trebuchet MS";
	color: #bc0c49;
	font-size: 1.1em;
	padding-bottom: 20px;
	text-align: center;
}

#social {
	text-align: center;
	padding-top: 20px;
	margin: 10px 0;
}

#social a {
	padding: 5px;
}

/*
	HOMEPAGE: FEATURED SECTION
*/


#slider{ margin: 50px 0; }
	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:940;
	height:267px;
	overflow:hidden; 
}
	
#prevBtn, #nextBtn { 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:435px;
}
	
#nextBtn{ 
	left:940px;
}
														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../../../images/btn_prev.png) no-repeat 0 0;	
}
	
#nextBtn a{ 
	background:url(../../../images/btn_next.png) no-repeat 0 0;	
}

/*
	HOMEPAGE: PROGRAMS SECTION
*/

#programs {
	margin: 5px 0 30px 0;
	float: left;
}

#program-imgs {
	margin-top: 10px;
}

#program-imgs a {
	float:left;
}

.fadeThis-body {
	background:transparent url(../../../images/prog-body.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
}

.fadeThis-body span.hover {
	background:transparent url(../../../images/prog-body-desat.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
}

.fadeThis-mind {
	background:transparent url(../../../images/prog-mind.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
	margin: 0 20px;
}

.fadeThis-mind span.hover {
	background:transparent url(../../../images/prog-mind-desat.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
}

.fadeThis-soul {
	background:transparent url(../../../images/prog-soul.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
}

.fadeThis-soul span.hover {
	background:transparent url(../../../images/prog-soul-desat.png) no-repeat scroll 0 0;
	height:198px;
	width:300px;
	display:block;
}

.fadeThis-body * {
	display:none;
}

.fadeThis-mind * {
	display:none;
}

.fadeThis-soul * {
	display:none;
}

/*
	HOMEPAGE: ABOUT, NEWS, POLLS, NEWSLETTER
*/

#about-lei {
	float:left;
	border: 1px solid #e99ba2;
	width: 300px;
	height: 378px;
	background: url(../../../images/about-bg.jpg) top center no-repeat;
	margin-bottom: 70px;
}

#about-lei h2 {
	padding: 35px 0 20px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #8b0f3b;
}

#about-lei p {
	padding: 0 25px 15px 25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #a50044;
}

#about-lei a {
	padding-left: 25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #c54d74;
}

#about-lei a:hover {
	text-decoration: underline;
}

#latest-news {
	float: left;
	border: 1px solid #e99ba2;
	width: 300px;
	height: 378px;
	background: url(../../../images/news-bg.jpg) repeat-x;
	margin: 0 18px 70px 18px;
}

#latest-news h2 {
	padding: 35px 0 20px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #8b0f3b;
}

#latest-news ul {
	padding: 0 25px 15px 25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #a50044;
}

#latest-news ul li {
	margin-bottom:5px;
}

#latest-news a {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 12px;
	color: #c54d74;
}

#latest-news a:hover {
	text-decoration: underline;
}

#polls {
	float:left;
	border: 1px solid #e99ba2;
	width:300px;
	height:210px;
	background: url(../../../images/polls-bg.jpg) repeat-x;
	margin-bottom: 22px;
	filter:alpha(opacity=90); /* for IE */
	opacity:0.9; /* CSS3 standard */
}

#polls h2 {
	padding: 25px 0 15px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #8b0f3b;
}

#newsletter {
	float:left;
	border: 1px solid #e99ba2;
	width:300px;
	height:144px;
	background: url(../../../images/newsletter-bg.jpg) repeat-x;
	margin-bottom: 70px;
	filter:alpha(opacity=90); /* for IE */
	opacity:0.9; /* CSS3 standard */
}

#newsletter h2 {
	padding: 23px 0 10px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-transform:uppercase;
	color: #8b0f3b;
}


#newsletter p {
	padding: 0 25px 5px 25px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 1.3em;
	color: #a50044;
}

#newsletter #form {
	padding: 0 25px;
}

#newsletter input#textbox {
	padding: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 1.2em;
	color: #db6a8f;
	width: 238px;
	border: 1px solid #e99ba2;
	background-color: white;
}

#newsletter input#button {
	float:right;
	margin-top: 5px;
	color: #b66a71;
	text-transform:uppercase;
	font-size: 1.1em;
	border:1px solid #e99ba2;
	width: 65px;
	height:24px;
	background:transparent url(../../../images/btn-bg.jpg) repeat-x;
	cursor:pointer;
}

.newsletter-messages {
	text-align:left;
	margin-top: 11px;
	margin-left: 2px;
	color: #CE084D;
}

.newsletter-messages span {
	padding-left: 3px;
	vertical-align: bottom;
}

/*
	PAGE STYLES
*/

.post {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:13px;
	text-align:justify;
	margin-bottom: 60px;
	padding-right: 30px;
}

.post #page-title {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 17px;
	color: #8b0f3b;
	padding: 20px 0;
}

.post p {
	margin-bottom: 10px;
}

/*
	PROGRAMMES PAGE: ANYTHING SLIDER STYLES
*/
/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 20px 30px; }
#textSlide h3                           { text-transform: uppercase; font: 20px Georgia, Serif; margin:15px 0 5px 0; text-align:left; }
#textSlide h4                           { font: 15px Georgia, Serif; margin: 15px 0 5px 0; font-weight:bold; }
#textSlide h4#sub                       { font: 15px Georgia, Serif; margin: 5px 0 15px 0; font-weight:bold; }
#textSlide h5                           { font: 13px Georgia, Serif; margin: 0 0 5px 0; font-style:italic; }
#textSlide #label                       { font: 15px Georgia, Serif; margin: 15px 0 5px 0; font-weight:bold; font-variant:small-caps; color:#b21757;}
#textSlide p	                        { font: 13px Arial, sans-serif; color: #bb3069;}
#textSlide table                        { font: 13px Arial, sans-serif; color: #bb3069; padding:5px;}
#textSlide table td                     { padding: 0px 15px 3px 0;}
#textSlide table td#sub-label           { font-weight:bold;}
#textSlide ul                           { list-style: circle; margin: 0 0 0 20px; color: #bb3069;}
#textSlide ul li                        { display: list-item; color: #bb3069;}
#textSlide ul#dark			{ margin-top: 10px; }
#textSlide ul#dark li                   { display: list-item; color: #a50044;}

.anythingSlider                         { width: 960px; height: 510px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 880px; overflow: auto; height: 498px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #ffffff url(../../../images/programmes-bg.jpg) repeat-x; border-top: 3px solid #CF084D; border-bottom: 3px solid #CF084D; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 467px; width: 880px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../../../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 140px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 483px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #ea8994 url(../../../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #CF084D; }

#start-stop                             { background: teal; background-image: url(../../../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 483px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: RosyBrown; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/*
	COMMUNITY ACTIVITIES PAGE
*/

#comm-event {
	margin: 25px 0;
	border: 1px solid #e99ba2;
}

#comm-event #date-upcoming, #comm-event #date-previous {
	background: #bb003d;
	padding: 5px 0 5px 8px;
	color:white;
}

#comm-event #date-upcoming {
	font-weight:bold;
}


#comm-event #event-details {
	padding: 20px 20px 30px 20px;
	background: #fbeff1;
}

#comm-event #event-details td {
	vertical-align:top;
}	

#comm-event #event-details img {
	margin-right: 30px;
}

#comm-event #event-details h4 {
	font-size: 16px;
	color:#bb003d;
	margin: 5px 0 10px 0;
}

#comm-event #event-details div {
	margin-bottom: 5px;
}



/*
	SUPPORT GROUPS PAGE
*/

#sg-polls {
	float:left;
	border: 1px solid #e99ba2;
	width:300px;
	height:210px;
	background: url(../../../images/polls-bg.jpg) repeat-x;
	margin-bottom: 22px;
	filter:alpha(opacity=90); /* for IE */
	opacity:0.9; /* CSS3 standard */
}

#sg-polls h2 {
	padding: 25px 0 15px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;
	color: #8b0f3b;
}

#sg-link {
	color:#CE074D;
	text-decoration:underline;
}

#sg-link:hover {
	color:#890634;
	text-decoration:underline;
}

#new-item {
	background: url("../../../images/new-icon.png") no-repeat scroll 0 0 transparent;
	padding-left:40px;
	padding-bottom:10px;
	padding-top: 6px;
}

/*
	CONTACT PAGE
*/

#contacts-bg {
	background: url(../../../images/contactus-bg.jpg) repeat-x;
	border: 0px solid #E99BA2;
	padding: 30px 25px 25px 25px;
	height: 377px;
}


#contacts {
	margin-top:10px;
	float:left;
	width:400px;
}

#contacts div a, #contacts a {
	color:#CE074D;
}

#contacts a#email {
	border-bottom:1px dotted #bc0c49;
}

#contacts a:hover#email {
	color:#890634;
}

#contacts div#email {
	margin-top:20px;
}

#contact-form {
	margin-top: 10px;
	margin-left: 80px;
	width:400px;
	float:left;
}

#contacts div a:hover {
	text-decoration: underline;
	color: #890634;
}

#contact-icon {
	padding: 5px;
	vertical-align:sub;
}

#contact-textbox, #contact-textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height:20px;
}

#contact-textbox input {
	padding: 3px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 11px;
	color: #db6a8f;
	border: 1px solid #e99ba2;
	background-color: white;
	width:260px;
}

#contact-textarea textarea {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size: 11px;
	color: #db6a8f;
	border: 1px solid #e99ba2;
	background-color: white;
	width: 350px;
	height:100px;
	padding:5px;
}

#contact-btn input {
	color: #b66a71;
	text-transform:uppercase;
	font-size: 10px;
	border:1px solid #e99ba2;
	width: 60px;
	height:24px;
	background:transparent url(../../../images/btn-bg.jpg) repeat-x;
	cursor:pointer;
}

/*
	ABOUT PAGE (ACCORDION)
*/

#accordion {
	margin:10px 100px 10px 0;
	background:#FDF5F3;
	border:1px solid #f2bcb0;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #b61f46;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
	vertical-align:middle;
	background: url(../../../images/about-accordion-bg.jpg) repeat-x;
	height:16px;
	color: #fff3f3;
	margin: 0px;
	padding: 12px 0 5px 15px;
}

div.element p {
	margin:0px;
	padding: 2px 25px 10px 15px;
}

div.element h4 {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*
	BROWSER UPGRADE PAGE
*/

#browser {
	float:left;
	width: 235px;
}

#title {
	padding-top: 24px;
	margin-bottom: 35px;
	margin-left:5px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
}

#note {
	font-size: 14px;
	font-family:Arial;
	margin: 50px 0 20px 0;
}