@charset "utf-8";

/*
Theme Name: PHASA 2012
Description: Public health online community theme.
Version: 1.0
Author: Bas Rennings
Author URI: http://redearthwebdesign.com/
Template: bp-default
Tags: buddypress, two-column, grey, dark
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Rokkitt);
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #A52A46; text-decoration:none; }
a:hover { color: #A52A46; text-decoration:underline; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


 /* Primary Styles
    Author: Bas Rennings
 */
#whats-new-options {
overflow: auto;
height: 40px;
 /*CHANGE THIS HEIGHT TO 40px or whatever you want*/
}

body {
	background-color: #FFF;
	background-image: none;
	color: #000;
	
}

#header {
	background-color: #FFF;
	background-image: none;
	padding-top: 0px;
	padding-left: 0px;
	color: #000;
	margin-bottom: 0px;
	padding-top: 0px;
	
}

#tagline {
	position: relative;
	width: 40%;
	padding-left: 10px;
	float: left;
	text-align: left;

}

h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 300;
	line-height: 1.2em;

}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	line-height: 1.2em;
	color: #A52A46;

}

h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;


}

#tagline h1 {
	position: relative;
	color: #444;
	display: block;
	clear: both;	

}

#tagline p {
	position: relative;
	color: #444;
	font-family: 'Rokkitt', serif;	
	clear: both;
	font-size: 1.4em;
	color: #A52A46;
	width: 80%;	

}

#logo {
	position: relative;
	float: left;
	width: 10%;
}

#logo img {
	width: 100%;
}

/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/
#navigation {
	background-color: #5C93CF;
}

#nav {
	margin-top: 5px;
}

#facility-navigation {
	position: relative;
	text-align: right;
	clear: right;
	padding-top: 25px;
	float: right;

}

#facility-navigation a {
	color: #444;

}

#nav li a {
	background-color: #5C93CF;
	background: none;
}

#nav li a:hover {
	background: #A52A46;

	
}

#login-nav {
	position: relative;
	float: right;
	padding-right: 10px;
}

#search-form {
	position: relative;
	float: right;
	
}

#nav li.selected a,
#nav > li.current-menu-item a,
#nav > li.current_page_item a,
#nav > li.current_page_ancestor a {
	background: #A52A46;
	color: #FFF;
	
}


#colom-left {
	position: relative;
	float: left;
	width: 40%;
}

#colom-right {
	position: relative;
	float: left;
	width: 55%;
	margin-left: 4%;
}

.linkcat {
	list-style: none;
}

.linkcat h2 {
	color:#000;
	list-style: none;
}

/*--------------------------------------------------------Slideshow homepage---------------------------------------------------------*/
.slideshow {
	position: relative;
	width: 100%%;
	margin: 0px auto;
	z-index: 0;
	height: 400px;
	border-bottom: #5C93CF 10px solid;
}



.home-content {
	position: relative;
	z-index: 1;
	top: -90px;
	margin: 0px auto;
}

.span-wrapper {
	position: relative;
	top: -175px;
	margin-left: 25px;
	
	}
	
.span-wrapper span {
	position: relative;
	display: inline-block;
	color: #FFF;
	font-size: 2.5em;
	padding: 15px 10px 15px 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	}	

span.top-span {
	background: rgb(17, 17, 17); /* The Fallback */
    background: rgba(17, 17, 17, 0.7); 

}

span.bottom-span {
	background: rgb(165, 42, 70); /* The Fallback */
    background: rgba(165, 42, 70, 0.8); 

}

#image-first {
	background-image: url(images/counceling.jpg);
}

#image-second {
	background-image: url(images/conference.jpg);
}

#image-third {
	background-image: url(images/baby.jpg);
}

#image-fourth {
	background-image: url(images/vacination.jpg);
}


.image-slide {
	width: 100%;
	height: 400px;
	background-position: center center fixed;
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.image-slide { display: none }
#image-first { display: block }

.tagline-text { display: none }
#tagline-first { display: block }



/*--------------------------------------------------------Home page latest news component---------------------------------------------------------*/


.home-page-list hr {
	position: relative;
	height: 5px;
	color: #A52A46;
	background-color: #A52A46;
	margin-top: 0px;
	margin-bottom: 5px;
}	

.home-page-list {
	position: relative;
	clear: both;
}

.home-page-list > ul {
	position: relative;
	left: -15px;

}

.home-page-list > ul > li {
	position: relative;
	list-style: none;
	padding-bottom: 10px;
}

.home-page-list h6 	{
	position: relative;
	text-transform: uppercase;
	padding-left: 15px;
	margin-bottom: 0px;
	font-size: 1.2em;
	font-weight: normal;
	background-image: url(images/bg-h1.png);
	background-repeat: no-repeat;
	
}

.home-page-list h6 a,
.home-page-list h6 a:link,
.home-page-list h6 a:active,
.home-page-list h6 a:visited{
	color: #000;
	text-decoration: none;
	
	}	
	
.home-page-list h6 a:hover{
	text-decoration: underline;
	
	}
	
.home-page-list h2 	{
	position: relative;
	font-size: 1.4em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}			

.home-page-list h2 a,
.home-page-list h2 a:link,
.home-page-list h2 a:active,
.home-page-list h2 a:visited{
	color: #000;
	text-decoration: none;
	}	
	
.home-page-list h2 a:hover{
	text-decoration: underline;
	}
	
.home-page-list span {
	color: #A52A46;
	font-size: 0.9em;
}

a.cat-home-link {
	position: relative;
	float: right;
}

#vacancies-wrapper {
	position: relative;
	padding-top: 15px;
}

#article-wrapper ul li
{
	padding-bottom:20px;
	margin-bottom:25px;
	border-bottom:#ccc 1px solid;

}	

#article-wrapper img
{
	position: relative;
	float: left;
	width: 40%;
	padding-right: 5px;
	padding: 5px 15px 5px 0px;
	

}	

/*--------------------------------------------------------------
5.5 - Archive
--------------------------------------------------------------*/
div#archive-content {
	margin-left: 0px;
	padding-bottom: 25px;
}

/*--------------------------------------------------------------
5.5 - Jobs
--------------------------------------------------------------*/

.social-media-icons {
	padding-top: 25px;
}

/*--------------------------------------------------------------
5.6 - Posts
--------------------------------------------------------------*/
.entry p {
	padding-right: 10%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


	
div.author-box {
	text-align: left;
	width: 150px;
}

div.post-content {
	margin-left: 185px;
}

#references{
	position:relative;
	clear: both;
	margin: 50px 25px 25px 0px;
	padding:0px;
}


#references ol {
	position:relative;
	margin:20px 0px 20px 40px;

}


/*--------------------------------------------------------------
2.3 - Subscribe options page
--------------------------------------------------------------*/
table#sign-up-options {
	text-align: center;
	
}

#sign-up-options thead tr {
	background-color: #5C93CF;
	color: #FFF;
	
}

#sign-up-options thead td h2 {
	color: #FFF;
	padding-bottom: 0px;

	
}

#sign-up-options tbody tr  {
	border-bottom: #FFF 2px solid;
}


.sign-up-options {
	position: relative;	
	background-color: #eaeaea;
	padding: 25px;
}

.option-box {
	position: relative;
	background-color: #FFF;
	float: left;
	margin-right: 20px;
	width: 30%;
	border-radius: 0px 0px 5px 5px;
	
}

.option-header {
	background-color: #5C93CF;
	padding: 10px 10px 5px 10px;
	border-radius: 5px 5px 0px 0px;
}

.option-header h3 {
	color: #fff;

}

.option-list ul {
	position: relative;
	min-height: 200px;
}

.option-list {
	position: relative;
	padding: 10px 10px 0px 10px;
}

.option-sign-up-button {
	padding: 10px;
	
}

.sign-up-button {

	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ed9aae), color-stop(1, #a52a47) );
	background:-moz-linear-gradient( center top, #ed9aae 5%, #a52a47 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed9aae', endColorstr='#a52a47');
	background-color:#ed9aae;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #cc6e86;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
.sign-up-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a52a47), color-stop(1, #ed9aae) );
	background:-moz-linear-gradient( center top, #a52a47 5%, #ed9aae 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a52a47', endColorstr='#ed9aae');
	background-color:#a52a47;
	text-decoration: none;
	color: #FFF;
}

.sign-up-button:visited {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a52a47), color-stop(1, #ed9aae) );
	background:-moz-linear-gradient( center top, #a52a47 5%, #ed9aae 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a52a47', endColorstr='#ed9aae');
	background-color:#a52a47;
	text-decoration: none;
	color: #FFF;
}
.sign-up-button:active {
	position:relative;
	top:1px;
	text-decoration: none;
	color: #FFF;	
}
/* This imageless css button was generated by CSSButtonGenerator.com */



/*--------------------------------------------------------------
2.4 - Sidebar
--------------------------------------------------------------*/
div#sidebar {
	background-color: #eaeaea;
	margin-left: -277px;
	margin-top: 1px;
	width: 275px;
}

div#sidebar h3.widgettitle {
	background: #5C93CF;
	font-size: 1.4em;	
	color: #FFF;
	border-color: #5C93CF;
	
}


div#content .padder {
	margin-right: 276px;
}

a.forgot-password {
	position: relative;
}

/* --- Submenu ------ */


.side-nav ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	left: -15px;


}

.side-nav li {
	list-style: none;
	padding: 5px 0px 5px 20px;
	border-bottom: #CCC 1px dotted;
	background-image: url(images/list-page.png);
	background-repeat: no-repeat;
	background-position: left;	
	
}

.side-nav ul li a,
.side-nav ul li a:visited,
.side-nav ul li a:link {
	color: #444;
	text-decoration: none;
	font-weight: normal;
	
}

.side-nav ul li a:hover {
	color: #A52A46;
	text-decoration: none;
	font-weight: normal;	
}

.side-nav ul li.current_page_item a, li.current_page_parent a, li.current_page_ancestor a, li.current-cat a {
	color: #A52A46;
	text-decoration: none;
	font-weight: bold;
	
	
}

.side-nav ul li.current_page_item, li.current_page_parent, li.current_page_ancestor,  li.current-cat  {
	background-image: url(images/current-page.png);
	background-repeat: no-repeat;
	background-position: left;	
	
}


/* --- Footer ------ */

#footer {
	background-color: #333;
}

#footer a {
	color: #fff;
}

#footer-widget-area {
	background-color: #333;
}

#footer-widgets {
	background-color: #333;
	border: none;
}

div#footer h3.widgettitle {
	background:none;
	font-size: 1.6em;	
	color: #FFF;
	padding: 0px 0px 0px 0px;
	border-color: none;
	
}

#credits-footer {
	position: relative;
	padding-top: 5px;
	border-top: 1px solid #FFF;
	color: #FFF;
	text-align: center;

}

#credits-footer a,
#credits-footer a:link,
#credits-footer a:visited,
#credits-footer a:active {
	text-decoration: underline;
}