/*
Theme Name:  	Raun Craig Portfolio Illustration
Author: 		Patricia Craig, Raun Craig Productions
Author URL: 	www.rauncraig.com
Version:		0.1.0
*/


/* 			main styles			*/

* { padding:0; margin:0; }

body {  
	background-color: #6e804d;  
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size: 100%;
	color: #545454; 
	font-size: 96%; 
	line-height: 1.5em; 
	font-weight: normal;   
	text-align: left; 
	margin: 0; padding: 0; 
	}
	
	
#wrapper {
	width: 100%;     	
	margin: 0 auto; 
	max-width: 1000px;
	background-color: #f5f5f5;
	}

/* 		basic styles			*/

img {
	max-width: 100%;
	}		
	
P { 	
	color: #545454; 
	font-weight: normal; 
	line-height: 1.4em; 
	text-align: left;	
	padding: 1em 3em 2em 3em;
	}
	
.testFont {
	color: #ee5c0b; 
	margin: 0; padding: 0; padding-left: 2em;
	text-align: left;	
	font-size: 1.25em;  
	font-style: italic;  
	}
	
.quoteText  {  	
	font-size: 0.9em;  
	line-height: 1.2em;  
	padding-top: 4em;
	color: #6d9d10;  
	font-style: italic;  
	text-align: right; 
	}
	
	
/*		header with contact & nav links 		*/	
header { 
	position: fixed;
	top:0;	
	margin: 0 auto;
	width: 100%;     /*   940px;  */
	max-width: 1000px;
	background-color: #f5f5f5;
	box-shadow: 0 0 10px 0 #6e804d;
	}
	

/*		header with contact & nav links 		*/	
#banner { 
	overflow: hidden; 
	margin: 0 auto;
	}
		

/*		navigation links 		*/
nav {   
	height: 2em;  line-height:2em;
	margin: 0; padding: 0;
	width: 100%;  	
	background-color: #f5f5f5; 
	}
nav ul {
	text-align: center;
	}
nav li {
	font-weight: bold; 
	color: #ee5c0b;
	display: inline;
	width: 25%;
	float: left;
	}	
nav a {
	color: #5c801a; 
	font-weight: normal;
	text-decoration: none;
	}
nav a:visited {
	color: #5c801a; 
	font-weight: normal;
	text-decoration: none;
	}
nav a:hover {
	color: #ee5c0b; 
	font-weight: normal; 
	text-decoration: none; 
	}	


/*		home page styles 			    */	
/*   container for graphics appearing across entire page with blurbs  */
#container {
      clear:both;
	  margin: 0 3em 1em 3em;
	  overflow:hidden;
}
.box-left{
     width: 48.936170%;
	 float: left;
}
.box-right{
     width: 48.936170%;
	 float: right;
}
.left{
     width: 47.826086%;
	 float: left;
}
.right{
     width: 47.826086%;
	 float: right;
}


/*		home page - main styles 	    */	
#main {  
	margin: 0 auto; 
	padding-top: 8em; 
	background-color: #f5f5f5;
	}	
.mainList {  
	margin: 0 auto; 
	padding: 0 3em 0 3em;
	background-color: rgba(245,245,245,1);  
	}
.mainList p {
	text-align: left;
	margin:0;  padding: 0; 
	}
.mainList ul {
	text-align: left;
	list-style-type: none;
	}
.mainList li {
	height: 1.5em; line-height: 1.5em; 
	}		
.mainList ul ul {
	padding-left: 1em;
	}	
.mainList a {
	color: #545454;
	text-decoration: none;  
	}
.mainList a:hover {
	color: #ee5c0b;  
	text-decoration: none; 	
	}
	
	
	
	
/*		special page - e.g. Paul's Slide Show	    */		
#specialPages { 	
	text-align: left;	
	padding: 0 4em 0 8em;
	height: 640px;
	background-color: #f5f5f5;
	}

	
p.specialPages1 {
	text-align: left;
	margin:0;  
	padding: 2em 2em 0 0;
	line-height: 0em; 
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size: 100%;
	}
	
p.specialPages2 {
	text-align: left;
	margin:0;  
	padding: 2em 2em 0 2em;
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size: 100%;
	}
			
H1.specialPages {
	font-size: 40px; 
	line-height: 1.5em; 
	font-weight: 400;   
	color: #6e9917; 
	text-align: left; 
	margin: 0; padding: 0; 
	}
H2.specialPages {
	font-size: 22px; 
	line-height: 1.5em; 
	font-weight: 400;   
	color: #6e9917; 
	text-align: left; 
	margin: 0; padding: 0; 
	}	
H3.specialPages {
	font-size: 16px; 
	line-height: 1.5em; 
	font-weight: 400;   
	color: #6e9917; 
	text-align: left; 
	margin: 0; padding: 0; 
	}
	
A.specialPages	 {
	color: #5c801a;
	font-weight: bold; 
	text-decoration: none; 	
	}	
A.specialPages:visited {
	color: #5c801a; 
	font-weight: bold; 
	text-decoration: none;
	}
A.specialPages:hover {
	color: #ee5c0b; 
	font-weight: bold; 
	text-decoration: none; 
	}	
A.specialPages:hover {
	color: #ee5c0b; 
	font-weight: bold; 
	text-decoration: none; 
	}





/* 			main portfolio pages - for still life section			
#portfolio { 	
	text-align: left;	
	padding: 0 3em 1em 3em;
	height: 750px;
	background-color: #f5f5f5;
	}
*/


/* 			main portfolio pages - for landscape section			*/
#portfolio-landscape { 	
	text-align: left;	
	padding: 0 3em 1em 3em;
	height: 600px;
	background-color: #f5f5f5;
	}

/* 			main portfolio pages - for narrative section			*/
#portfolio-narrative { 	
	text-align: left;	
	padding: 0 3em 1em 3em;
	height: 960px; 
	background-color: #f5f5f5;
	}
	
/* 			main portfolio pages - for still life section		*/	
#portfolio-stillLife { 	
	text-align: left;	
	padding: 0 3em 1em 3em;
	height: 800px;
	background-color: #f5f5f5;
	}

/* 			main portfolio pages - for family photos			*/
#portfolio-fp { 	
	text-align: left;	
	padding: 0 3em 1em 3em;
	background-color: #f5f5f5;
	}
		
		
		
/* 			icons 			*/
.portfolioIcons { 	
	text-align: left;	
	padding: 0 3em 0 0;
	}	
.portfolioIcons a img{
	color: #545454;
	text-decoration: none;  
	border: 1px solid #f5f5f5;
	}
.portfolioIcons a:hover img {
	color: #ee5c0b;  
	text-decoration: none; 	
	border: 1px solid #cccccc;
	}
	
.copy-text  {  
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size: 0.8em;  
	font-weight: normal; 
	color: #999989; 
	text-align: right; 
}
	
/* 			horizontal layout - for landscape drawings		
.portfolioImage-horiz {
	overflow: hidden; 
	margin: 0 auto;
	float: none;
	width: 100%;
}

.portfolioImage-horiz img{
    width: 100%; 
    height: 100%; 
    background-repeat: no-repeat;
    overflow: hidden; 
}  

.portfolioText-horiz {
	margin: 0 auto;
	float: none;
	width: 100%;
}	
	
/* 			vertical layout - for narrative drawings			
.portfolioImage-vert {
	overflow: hidden; 
	margin: 0 auto;
	float: left;
	width: 60%;
}

.portfolioImage-vert img{
    width: 100%; max-width: 520px;
    height: 100%; max-height: 680px;
    background-repeat: no-repeat;
    overflow: hidden; 
}  

.portfolioText-vert {
	margin: 0 auto;
	float: right;
	width: 38%;
}	
.portfolioText-vert2 {
	font-size:90%;
	font-style: italic;
	color: #767676; 
}

*/
	
/* 			drawings & illustrations for still life section		*/
.portfolioImage-stillLife {
	overflow: hidden; 
	margin: 0 auto;
	float: left;
	width: 75%;
}
.portfolioImage-stillLife img{
    width: 100%; max-width: 900px;
    height: 100%; max-height: 800px;
    background-repeat: no-repeat;
    overflow: hidden; 
}  
/* .portfolioText-stillLife {
	margin: 0 auto;
	float: right;
	width: 20%;
}*/
 .portfolioText-stillLife {
	margin: 0 auto;
	float: none;
	width: 100%;
}

/* 			drawings & illustrations for landscape section		*/
.portfolioImage-landscape {
	overflow: hidden; 
	margin: 0 auto;
	float: none;
	width: 100%;
}
.portfolioImage-landscape img{
    width: 100%; max-width: 1032px;
    height: 100%; max-height: 360px;
    background-repeat: no-repeat;
    overflow: hidden; 
}  
.portfolioText-landscape {
	margin: 0 auto;
	float: none;
	width: 100%;
}	

	

/* 			drawings & illustrations for narrative section		*/	
.portfolioImage-narrative {
	overflow: hidden; 
	margin: 0 auto;
	float: left;
	width: 60%;
}
.portfolioImage-narrative img{
    width: 100%; max-width: 520px;
    height: 100%; max-height: 680px;
    background-repeat: no-repeat;
    overflow: hidden; 
}  
.portfolioText-narrative {
	margin: 0 auto;
	float: right;
	width: 38%;
}	
.portfolioText-narrative2 {
	font-size:90%;
	font-style: italic;
	color: #767676; 
}	



/* 			drawings & illustrations for still life section		*/
.portfolioImage-fp {
	overflow: hidden; 
	margin: 0 auto;
	float: left;
	width: 100%; 
	height: 100%; max-height: 1200px;
}

.portfolioImage-fp-vert img{
    width: 100%; max-width: 360px;
    height: 100%; max-height: 540px;
	float: left;
    background-repeat: no-repeat;
    overflow: hidden; 
}  

.portfolioImage-fp-horiz img{
    width: 100%; max-width: 540px;
    height: 100%; max-height: 360px;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden; 
}  


.portfolioText-fp-vert {
	margin: 0 auto;
	right-margin: 20px;
	width: 36%; 
}

.portfolioText-fp-horiz {
	margin: 0 auto;
	float: none;
	width: 100%; 
}




			
/* 		portfolio page paragraph styles		
.captionText  {   
	font-size: 1em;  
	font-style: italic; 
	color: #333333;	 
	line-height: 1.25em; 
	padding: 0;    
	}
*/
	

		
	
	
/*  		DIVS - SPECIAL PAGE _ UNDER CONSTRUCTION PAGE,   STILL NEEDED???		*/
H1.under { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  	
	font-size: 48px;  font-weight: 100;   
	color: #6e9917; 
	line-height: 40px;  letter-spacing: -2px;
	text-align:left;  
	margin: 0px;  padding: 10px 0 5px 0;
	}
H2.under { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;    	
	font-size: 24px;  font-weight: 100;   
	color: #6e9917; 
	line-height: 40px;  text-align:left;  
	margin: 0px;  padding: 10px 0 5px 0;						
	}		
	
	
/*		HEADERS - PORTFOLIO & PROJECT PAGES,  STILL NEEDED, ARE ALL HEADER STYLES NEEDED???		*/
H1.uxdesign { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;   	
	font-size: 40px;  font-weight: 600;   
	color: #6e9917; 
	line-height: 40px;  letter-spacing: -2px;
	text-align:right;  
	margin: 0px;  padding: 10px 0 5px 0;	
	}
H1.illustrations { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;   	
	font-size: 24px;  font-weight: 100;   
	color: #6e9917; 
	line-height: 24px;  
	text-align:right;  
	margin: 0px;  padding: 10px 0 0 0;	
	}	
H2 { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;    
	font-size: 32px;  font-weight: 100;   
	color: #7aa621; 
	line-height: 32px;  
	text-align:left;  
	margin: 0px;  padding: 30px 0 5px 0;	
	}
H3 { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;   
	font-size: 24px;  font-weight: 100;   
	color: #7aa621; 
	line-height: 24px;  text-align:left;  
	margin: 0px;  padding: 0;	
	}


/*		LAYOUT: SPECIAL STYLES - SUMMARY TABLE ON 1ST PAGE,   STILL NEEDED???   PROBABLY REMOVE		*/
TABLE.summaryTable { 
	border-spacing:0; 
	border-collapse:collapse;  
	padding:0; 
	}
TH.summaryTable { 
	padding: 0; 
	width:300px; 
	vertical-align:bottom; 
	border-bottom: 1px solid #6e9917;			
	}
TD.summaryTable { 
	padding: 0; 
	width:300px; 
	vertical-align:top;		
	}

TABLE.resumeTable { 
	border-spacing:0; 
	border-collapse:collapse;
	padding:0; 
	}
TH.resumeTable { 
	padding: 0; 
	width:144px; 
	vertical-align:bottom; 
	border-bottom: 1px solid #6e9917;			
	}
TD.resumeTable { 
	padding: 0; 
	width:144px; 
	vertical-align:top;		
	}

P.summaryTitle { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	color: #7aa621;  
	font-size: 14px; line-height: 14px; 
	font-weight: 700;   
	text-align: left;  								
	}
P.summaryText { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;    
	color: #545454; 
	font-size: 12px; line-height: 22px;
	font-weight: 100;   
 	text-align: left; 
 	}	



/* 		LAYOUT - BASIC TABLE,   STILL NEEDED???   PROBABLY REMOVE		*/
TABLE.basicTable { 
	border-spacing:0; 
	border-collapse:collapse;  
	padding:0; }
TR.basicTable { padding: 0; }
TD.textCell { padding: 0; }
TD.textCell2 { padding: 0 30px 0 0;	}
TD.graphicLeft { padding: 0 30px 0 0;	}
TD.graphicRight { padding: 0 0 0 30px;	}

.clientInfo { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	color: #666666;  
	font-size: 14px; line-height: 22px; 
	font-weight: 700;  
	text-align: left;   
	padding: 0; 
	}


/*		LAYOUT - PORTFOLIO IMAGE, STILL NEEDED???		*/
#portfolioContainer { 
	text-align:left; 
	margin: 0;  padding: 0 20px 0 10px;
	}
	




/*				LAYOUT - BULLET LIST, STILL NEEDED????			
UL.basicList { 	
 	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size: 12px; font-weight: 100;   color: #545454; 
	line-height: 22px; text-align: left; 									
   	padding-left: 30px;  padding-right: 30px;  list-style-type: square;   		}	
LI.basicList  {  padding-bottom: 12px;  color: #6e9917;  					}	
.basicListText {  color: #545454;  									}
*/


/*		MODIIFIED TEXT STYLES -  first page text, quote text, recommendation text,  STILL NEEDED???		*/	
		

	
	
		
/*             ORIGINAL MISC TEXT STYLES -  first page text, quote text, recommendation text        
.recommendText  {  	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;    font-size: 11px; 
			font-weight: normal;  font-style: italic;   color: #6e8345; 
			padding-right:20px;   line-height: 18px;  text-align: left;					}			
*/	
	


/*		BULLET LISTS - ABOUT pages,  STILL NEEDED????   	
	
ul { 	
	font-family: Roboto, Arial, Helvetica, Verdana,  sans-serif;  
	font-size:13px; line-height: 18px;   
	text-align: left;
   	padding-left: 10px;  padding-right: 30px; 
	list-style-type: square;   
	}	
li  {  padding-bottom: 12px;  color: #6e8345;  	}	
.normalText { color: #999989; }
ul.subList { 	
	padding-left: 50px;  
	padding-right: 30px;  
	list-style-type: none;  
	}	
*/	


/*    special text styles, STILL NEEDED???   */
.portfolioDivider  { 
	border: 1px solid; border-color:#333333;  
	margin:0; padding:0; 
	}			
.captionText  {   
	font-size: 11px;  font-style: italic; 
	color: #333333;	 
	line-height: 11px; 
	padding: 0;    	
	}
.testimonialText  {   
	font-style: italic; 
	color: #333333;	 
	padding-left: 40px; 
	}	
	
		
.clear {
	clear: both;					
	margin: 0 auto;  padding:0;
	height:0em; width:0em;
}
		
/* footer {
	clear: both;
	width: 100%;     					
	margin: 0 auto;  padding:0;
	max-width: 1000px;
	height:3em;
	background-color: #d1d1d1;
	background-color: #cdd1c7;	
	}	*/	
footer {
	clear: both;
	width: 100%;     					
	margin: 0 auto;  padding:0;
	max-width: 1000px;
	height:3em;
	background-color: #f5f5f5;
	border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;
	}

footer ul {
	text-align: center;
	}
footer li {
	font-weight: bold; 
	color: #ee5c0b;
	display: inline;
	width: 50%;
	height: 3em;  line-height: 3em;
	padding: 0 2em 0 2em;  
	}		
footer a {
	color: #5c801a; 
	font-weight: normal;
	text-decoration: none;
	}
footer a:visited {
	color: #5c801a; 
	font-weight: normal;
	text-decoration: none;
	}
footer a:hover {
	color: #ee5c0b; 
	font-weight: normal; 
	text-decoration: none; 
	}