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

/*

Theme Name: Waterstories

Author: Paula Ring

*/




/* CSS RESET (thanks to Eric Meyer, http://meyerweb.com/eric/tools/css/reset/-------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	z-index: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* EMBED FONTS--------------------------------------------------*/

/* Thanks to Font Squirrel (http://www.fontsquirrel.com) */




@font-face {
	font-family: 'BaskervilleRoman';
	src: url('baskervillebt-webfont.eot');
	src: local('☺'), 
		url('type/baskervillebt-webfont.woff') format('woff'), 
		url('type/baskervillebt-webfont.ttf') format('truetype'), 
		url('type/baskervillebt-webfont.svg#webfontqseKPbhW') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'BaskervilleBold';
	src: url('baskervillebold-webfont.eot');
	src: local('☺'), 
		url('type/baskervillebold-webfont.woff') format('woff'), 
		url('type/baskervillebold-webfont.ttf') format('truetype'), 
		url('type/baskervillebold-webfont.svg#webfontd9NeL2lJ') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'BaskervilleItalic';
	src: url('baskervilleitalic-webfont.eot');
	src: local('☺'), 
		url('type/baskervilleitalic-webfont.woff') format('woff'), 
		url('type/baskervilleitalic-webfont.ttf') format('truetype'), 
		url('type/baskervilleitalic-webfont.svg#webfont2wz78fBM') format('svg');
	font-weight: normal;
	font-style:normal;
}

@font-face {
	font-family: 'BaskervilleBoldItalic';
	src: url('baskervillebolditalic-webfont.eot');
	src: local('☺'), 
		url('type/baskervillebolditalic-webfont.woff') format('woff'), 
		url('type/baskervillebolditalic-webfont.ttf') format('truetype'), 
		url('type/baskervillebolditalic-webfont.svg#webfontvP0Fb1Wf') format('svg');
	font-weight: normal;
	font-style: normal;
}






@font-face {
	font-family: 'GillSansMTRegular';
	src: url('gillsans-webfont.eot');
	src: local('☺'), 
		url('type/gillsans-webfont.woff') format('woff'), 
		url('type/gillsans-webfont.ttf') format('truetype'), 
		url('type/gillsans-webfont.svg#webfontk4DEJn00') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'GillSansMTBold';
	src: url('gillbold-webfont.eot');
	src: local('☺'), 
		url('type/gillbold-webfont.woff') format('woff'), 
		url('type/gillbold-webfont.ttf') format('truetype'), 
		url('type/gillbold-webfont.svg#webfonttHIxlNsW') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GillSansMTItalic';
	src: url('gillitalic-webfont.eot');
	src: local('☺'), 
		url('type/gillitalic-webfont.woff') format('woff'), 
		url('type/gillitalic-webfont.ttf') format('truetype'), 
		url('type/gillitalic-webfont.svg#webfontOw9bbWjf') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GillSansMTBoldItalic';
	src: url('gillbolditalic-webfont.eot');
	src: local('☺'), 
		url('type/gillbolditalic-webfont.woff') format('woff'), 
		url('type/gillbolditalic-webfont.ttf') format('truetype'), 
		url('type/gillbolditalic-webfont.svg#webfontdi47ueFG') format('svg');
	font-weight: normal;
	font-style: normal;
}







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

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


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


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

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

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

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



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

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

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

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




.indent {
		text-indent: 1.3em;
}

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

a:hover {
		color:#FFFFFF;

}

a.mainTextLink {
		font-family: "Gill Sans", 'Arial', 'Verdana', Sans-serif; 
		font-size: 0.9em;
}

h1 {
		
		font-size: 1.9em;
		letter-spacing: 0.05em;
		font-family: 'GillSansMTRegular', 'Arial', 'Verdana', Sans-serif;
}

h2 {
		color: #587274;
		font-size: 1.2em;
		letter-spacing: 0.05em;
		margin: 0;
		font-family: 'BaskervilleBoldItalic', 'Palatino', 'Georgia', Serif;
		
}

h3 {
		color: #587274;
		font-size: 1.2em;
		letter-spacing: 0.05em;
		font-family: 'BaskervilleBoldItalic', 'Palatino', 'Georgia', Serif;
		padding-left: 25px;
		padding-top: 15px;
}


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

p {
		color: #364C4E;
		font-size: 0.8em;
		font-family: 'GillSansMTRegular', 'Arial', 'Verdana', Sans-serif; 
		letter-spacing: 0.06em;
		line-height: 1.4em;
		margin: 0;
}

.bodyText {
		padding: 15px 10px 0px 25px;
		
}

p.info {
		line-height: 1.2em;
		color: #63888B;
		font-size: 0.9em;
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-family: 'BaskervilleItalic', 'Palatino', 'Georgia', Serif;
}


p.infoSansSerif {
		line-height: 1.2em;
		color: #63888B;
		font-size: 0.9em;
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-family: "GillSansMTRegular", 'Arial', 'Verdana', Sans-serif; 
}

p.infoBigger {
		line-height: 1.1em;
		color: #63888B;
		font-size: 1.2em;
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-family: 'BaskervilleItalic', 'Palatino', 'Georgia', Serif;
}
p.tiny {
		color: #587274;
		font-size: 0.7em;
		padding-bottom: 0px;
		margin-bottom: 0px;
}


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

#navBar {
		background-color:#A6C7D0;
		height: 69px;
		width: 100%;
		margin: 0;
		padding: 0;
		border: none;
		position: relative;

}



#pageWrapper {
		width: 988px;
		height: 100%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		clear: both;
		overflow: hidden;
		
}



#header {	
		background-image: url(images/header.png);
		background-repeat: no-repeat;
		height: 170px;
		width: 988px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
}


.headerTitle{
		position: relative;
		top: -145px;
		right: -43px;
		letter-spacing: 0.3em;
		width: 400px;
}


#reedsAndBodyAligner {
		width: 988px;
		height: auto;
		position: relative;
		float: left;
		min-height: 643px;
}

#reedsLeft {
	   position:absolute;
	   left:24px;
	   bottom:0;
	   height:100%;
	   z-index: 0;
		
}

#pageContainer { 	
		height:auto;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		position:relative;
		width:738px;
		z-index:2;	
		overflow: hidden;
		clear: both;	
	
}



#bodyMain {	
		background-image: url(images/bodyBkg.png);
		background-repeat: repeat-y;
		padding-left:44px;
		padding-right: 46px;
		width: 648px;
		height: auto;
		min-height: 643px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		float: left;
		
}


#reedsRight {
	   position:absolute;
	   right:23px;
	   bottom:0;
	   height:100%;
	   z-index: 0;
}



#footer {	
		background-image: url(images/footer.png);
		background-repeat: no-repeat;
		height: 392px;
		width: 988px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 30px;
		position: relative;
		display: block;
		float: left;
		
		
}



#backTop {	
		color: white;
		height: auto;
		width: 100px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
}




/* NAV BAR -----------------------------------------------------*/

#navElements {
		width: 611px;
		height: 69px;
		padding-left: 230px;
		padding-right: 147px;
		margin-left: auto;
		margin-right: auto;
		background-image: url(images/navBar.png);
		background-repeat: no-repeat;
}


#navElementsNoLinks {
		width: 1199px;
		height: 69px;
		margin-left: auto;
		margin-right: auto;
}

.menu {
		float:left;
		height:42px;
		padding-left:37px;
		padding-top:27px;
		width:363px;
}



.menu ul li {
		padding-left: 7px;
		margin-left: 0;
		display: inline;
		list-style-type: none;
		font-family: 'BaskervilleRoman', 'Palatino', 'Georgia', Serif;
	
}


.selected {
		color: #C14335;
		font-family: 'BaskervilleItalic', 'Palatino', 'Georgia', Serif !important;
		font-size: 1.4em;
		letter-spacing: 0.05em;
		background: transparent url(images/menuDotLine.png) center right no-repeat;
		padding-right: 12px;
}



.noDots {
background-image: none !important;
}


.menu ul li a {
		color: white;
		font-size: 1.4em;
		letter-spacing: 0.05em;
		background: transparent url(images/menuDotLine.png) center right no-repeat;
		padding-right: 12px;
}

.menu a:hover {
		color: #C14335;
}


#logo {
		float: right;
		width: 201px;
		height: 69px;
		display:block;

}

#logo a{
		clear: both;
		width: 100%;
		float: left;


}


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

#headerSpacer {
		height: 42px;
		width: 988px;
}


#searchBar {
		position: relative;
		left: 500px;
		top: -140px;
		height: 19px;
		width: 222px;
		background-color: #FFCC00;
		
}


#title {
		position: absolute;
		top: 80px;
		left: 186px;
		margin-bottom: 0px;
		color: #CADDE2;
}

#titleWork {
		margin:0; padding:0;
		position:relative;
		width:141px; height:39px;
		overflow:hidden;
      }

#titleWork span {
		display:block;
		position:absolute; 
		left:0; 
		top:0; 
		z-index:1;
		width:141px; height:39px;
		margin:0; 
		padding:0;
		background-image: url(images/subHeadPortfolio.png);
		background-repeat: no-repeat;
      }
	  
	  
#titleAbout{
		margin:0; 
		padding:0;
		position:relative;
		width:141px; height:39px;
		overflow:hidden;
}

#titleAbout span {
		display:block;
		position:absolute; 
		left:0; 
		top:0; 
		z-index:1;
		width:141px; height:39px;
		margin:0; 
		padding:0;
		background-image:url(images/subHeadArtBio.png);
		background-repeat: no-repeat;
}

#titleContact{
		margin:0; 
		padding:0;
		position:relative;
		width:141px; height:39px;
		overflow:hidden;
}


#titleContact span {
		display:block;
		position:absolute; 
		left:0; 
		top:0; 
		z-index:1;
		width:141px; height:39px;
		margin:0; 
		padding:0;
		background-image:url(images/subHeadSayHello.png);
		background-repeat: no-repeat;

}


#mainText {
		bottom:0;
		height:auto;
		margin-bottom:0;
		padding:0 175px 15px 0;
		position:absolute;
		right:0;
		text-indent:30px;
		width:460px;
}




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




/* Wordpress Page ---------------*/




#blogWrapper {
		width: 649px;
		height: 750px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;

}

#blogSideBar {
		display: block;
		position: relative;
		float: left;
		width: 175px;
		height: auto;	
		overflow: hidden;		
}

#blogPostsSpace {
		width: 454px;
		height: auto;
		float: right;
		padding-right: 10px;
		padding-left: 10px;
		overflow: hidden;
		
}


#blogNeedsScroll {
		height: 750px;
		
}





/* Work Page ---------------*/


.portfolioLinks {
	
		height:23px;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;
		position:relative;
		width:650px;	
		
}

.portfolioLinks li  {
		list-style-type: none;
		display: inline;
		width: 25%;
		text-align: center;
		letter-spacing: 0.08em;
		font-size: 1em;
		color: #C76B6B;
		float: left;
		padding-top: 4px;
		
}


.portfolioLinks li  a {
		font-family: "GillSansMTRegular", 'Arial', 'Verdana', Sans-serif; 
}


.portfolioLinks li  a:hover {
		color: #FFFFFF;
}

.portfSelected {
		color: #8AA3A8 !important;
		font-size: 2.3em !important;
		letter-spacing: 0.06em !important;
		line-height: 30px !important;
		position: relative;
		top: -8px;
		font-family: 'BaskervilleBoldItalic', 'Palatino', 'Georgia', Serif;
		
}


.imageLinks {
		background-color: #8AA3A8;
		width: 648px;
		height: 40px;
		position: relative;
		padding-top: 12px;
}	
		
	
.imageLinks ul {
		padding: 0px;
		margin: 0px;
		width: 100%;
		list-style-type: none;		
}


.imageLinks li {
		display: inline;
		padding-left: 44px;
		
}

.imageLinks li a:hover {
		
		
}

.greenBarTop {
		margin-left: auto;
    	margin-right: auto;
		position: relative;
		top: -3px;
		right: 0px;
		background-image:url(images/design/greenBar.png);
		width: 648px;	
}



.greenTriangle1 {
		position: relative;
		top: 8px;
		right: -72px;
		
}

.greenTriangle2 {
		position: relative;
		top: 8px;
		right: -195px;
		
}

.greenTriangle3 {
		position: relative;
		top: 8px;
		right: -315px;
		
}

.greenTriangle4 {
		position: relative;
		top: 8px;
		right: -434px;
		
}


.greenTriangle5 {
		position: relative;
		top: 8px;
		right: -558px;
		
}

#portfolioBkg {
		background-color: #ABC5CB;
		width: 648px;
		height: auto;
		margin-top: -4px;
		padding-bottom: 30px;
		display: block;
		position:relative;
		float: left;
		
}


#imageTitle {
		float: left;
		width: 622px;
		height: auto;
		position: relative;
		display: block;
		padding-top: 19px;
		padding-left: 25px;
		padding-bottom: 8px;
		margin: 0px;
		overflow: hidden;
}


#imageMainContent {
		width: 648px;
		height: auto;
		position: relative;
		float: left;
}

#mainContentTxt {
		width: 278px;
		height: auto;
		position: relative;
		float: left;
		padding-left: 25px;
		padding-top: 15px;
		overflow: hidden;
}

#mainImages {
		display:block;
		float:right;
		position:relative;
		width:318px;
		right:11px;
}	

#zoomTray {
		width: 307px;
		height: 163px;
		margin: 0px;
		padding: 0px;
		float: left;
}

#zoomTray a {
		padding: 0px;
		margin: 0px;
		border: none;
		text-decoration: none;
}

.zoomImage {
		height: 129px;
		margin: 0px;
		padding: 0px;
		float: left;

}


#dottedLineVertical {
		background-image:url("images/design/vector3dottedLineExtra.png");
		background-repeat:repeat-y;
		display:block;
		height:100%;
		position:absolute;
		right:11px;
}



#processTitle {
		background-image:url(images/design/dottedLineHorz.png);
		float: left;
		width: 648px;
		height: 81px;
		position: relative;
}


#horzDotLine {
		position:relative;
		top: -53px;
		
}


#processThumbs {
		position: relative;
		float: left;
		height: 73px;
}

#greenBarBottom {
		width: 648px;
		height: 17px;
		position: relative;
		float: left;
		background-image: url(images/design/greenBarBottom.png);
		background-repeat: no-repeat;
}


/* Flash Viewer ---------------*/



#flashMovie1 {
		position: relative;
		width: 745px;
		margin-left:auto;
		margin-right:auto;
		height: 525px;
		padding-top: 50px;
}




#flashMovie2 {
		position: relative;
		width: 450px;
		margin-left:auto;
		margin-right:auto;
		height: 190px;
		padding-top: 130px;
}


#flashMovie3 {
		position: relative;
		width: 1199px;
		margin-left:auto;
		margin-right:auto;
		height: 608px;
		padding-top: 30px;
}


#backToMain {
		float:left;
		height:29px;
		min-width:200px;
		position:relative;
		padding-top: 35px;
		


}

#backToMainIcon {
		float:left;
		height:29px;
		padding-right:10px;
		position:relative;
		width:29px;

}

#backToMainText {
		bottom:0;
		left:39px;
		position:absolute;

}

/* About Page ---------------*/

.lineBreak {
		width: 649px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		
}


.lineBreakReverse {
		width: 649px;
		height: 10px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	
}


#columns {
		width: 649px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: auto;
		
}

#leftColumn {
		float: left;
		width: 175px;
		height: auto;			
}

#rightColumn {
		width: 454px;
		height: auto;
		float: left;
		padding: 10px 10px 0px 10px;
}

#aboutImagesWrapper {
		width: 649px;
		margin-left: auto;
    	margin-right: auto;
		position: relative;
}

#aboutImages {
		width: 627px;
		height: auto;
		padding: 30px 0px 15px 22px;
		margin-left: auto;
    	margin-right: auto;
		position: relative;
		float: left;
		overflow: hidden;
	
}

.aboutImage {
		float: left;
		width: 108px;
		height: 110px;
		padding-left: 7px;
		padding-right: 7px;
}

#profilePic {
		width: 145px;
		height: 181px;
		margin-left: auto;
    	margin-right: auto;
		padding-left: 20px;
		padding-top: 15px;
		
}




/* Contact Page ---------------*/

#contactForm {
		width: 648px;
		margin-left: auto;
		margin-right: auto;
	
		padding-top: 10px;
}




table.contact {
		text-align: left;
		width: auto;
		background-color: #CADDE2;
		border: 0px;
		border-collapse: collapse;
		border-spacing: 2px;
		margin-left: auto;
		margin-right: auto;
}

table.contact td {
		color: #00FF66;
		padding: 15px 0 0 2px;
		text-align: left;
		vertical-align: top;
}



table.contact td.txtFields{
		padding-right: 14px;
		text-align: right;
} 

/* FOOTER ------------------------------------------------------*/


#contactInfo {
		clear:both;
		overflow:hidden;
		width:642px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		padding-left:173px;
		padding-right:173px;
		padding-top:25px;
		position:relative;
		
}


#contactInfo p {
		width: 219px;
		height: auto;
		float: left;
		font-size: 0.8em !important; 
		padding-left: 10px;
		padding-right: 17px; 
}


.infoPadding {
		padding-left: 19px;
		padding-right: 15px;
		float: left;
}


#frogTop {
		margin-left: auto;
    	margin-right: auto;
		position: relative;
		display: block;
		padding-top: 262px;
		width: 132px;
		height: 81px;
}