@charset "UTF-8";
/* CSS Document */

/*

Theme Name: Waterstories Hub

Author: Paula Ring

*/



/* GLOBAL ELEMENTS----------------------------------------------*/

body {	
		background-color:#96BDC7;
		margin: 0; 
		padding: 0;
		border: none;
} 


.center {
		margin-left: auto;
    	margin-right: auto;
}


.serif{
		font-family: 'Baskerville', 'Palatino', 'Georgia', Serif;
}


.sansserif{
		font-family: "Gill Sans", 'Arial', 'Verdana', Sans-serif; 
}


.indent {
		text-indent: 50px;
}

a {
		color: #A95947;
		text-decoration: none;	
}


h1 {
		color: #B39EA3;
		font-size: 1.9em;
		font-style: italic;
		letter-spacing: 0.05em;
}

h2 {
		font-size:240%;
	
}

h3 {
		font-size:200%;
}

h4 {
		font-size:180%;
}

.small {
		font-size: 0.65em;
		font-style: italic;
		color: #728286;
}

p {
		color: #355B5A;
		font-size: 0.8em;
		font-family: "Gill Sans", 'Arial', 'Verdana', Sans-serif;  
		letter-spacing: 0.06em;
		line-height: 1.4em;
}


p.info {
		line-height: 1.2em;
		color: #63888B;
		font-size: 0.9em;
		vertical-align: bottom;
		padding-bottom: 0px;
		margin-bottom: 0px;
}


/* MAIN FRAMEWORK ----------------------------------------------*/

#navBar {	
		background-color:#A6C7D0;
		height: 69px;
		width: 100%;
		z-index: 5;
		margin: 0;
		padding: 0;
		border: none;		
}


#navElements {
		width: 685px;
		height: 69px;
		margin-left: auto;
		margin-right: auto;
}

#logo {
		float: right;
		width: 201px;
		height: 69px;
		display:block;
		z-index: 8;

}

#backgroundImage {
		background-image: url(images_temp/background.png);
		background-repeat: no-repeat;
		width: 988px;
		height: 772px;
		margin-left: auto;
    	margin-right: auto;
}




/* HEADER ------------------------------------------------------*/


#headerSpacer {
		width: 642px;
		height: 79px;
		margin-left: auto;
    	margin-right: auto;
		position: relative;
}

#header {
		width: 642px;
		height: 108px;
		margin-left: auto;
    	margin-right: auto;
		padding-left: 25px;
		padding-right: 25px;
		position: relative;
		overflow: hidden;
}

#title {
		float:left;
		padding-bottom: 0px;
		margin-bottom: 0px;
}


#mainText {
		float:right;
		width: 455px;
		font-style: italic;
		text-indent: 30px;
		line-height: 90%;
		padding-top: 40px;
		padding-bottom: 0px;
		margin-bottom: 0px;
}



/* BODY --------------------------------------------------------*/


.portfolio {
		width: 622px;
		height: 129px;
		padding-left: 45px;
		padding-right: 25px;
		margin-left: auto;
    	margin-right: auto;
		display: block;
		position: relative;
		vertical-align: middle;
		overflow: hidden;
		
}

.portfolioText {
		position: relative;
		width: 448px;
		height: auto;
		float: left;
		display: block;
		padding-top: 20px;
}


.icon {
		height: 129px;
		width: 128px;
		float: left;
}


.header {
		font-weight: bold;
		letter-spacing: 0.03em;	
		color: #A26F74;
		font-size: 1.2em;
		display: block;
	
}

.inactive {
		color: #748991;

}