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

body {background-color: rgb(51,29,14);
}

@font-face {font-family: 'Gill Sans';
			src: url('GillSansLight.ttf');
			}

* {font-family: "Gill Sans", "HelveticaNeue-Light", "Lucida Sans Unicode", "Trebuchet MS";
font-weight: 100;
letter-spacing: 2px;
}

a {border: none;}

a:link {text-decoration: none;
		color: rgb(246,250,211);
}
a:visited {text-decoration: none;
		color: rgb(246,250,211);}
a:hover {text-decoration: none;
		color:#637DC7;
}
a:active {text-decoration: none;
		color: rgb(246,250,211);}
		
/*for images, frames, and captions that will
float right*/
.rightside {float: right;
			 padding-left: 20px;
}

.nudgeup {position: relative;
		  top: -10px;}

#rightbody {position: absolute;
			top: 240px;
			left: 515px;
}

.shortline {line-height: 10px;
}
/*for later use in gallery -- hidden images to 
load into document without revealing */
.hidden {display: none;}

/*HEADER STYLES HERE*/

#header	{width: 400px;
		 padding-bottom: 60px;
}

.masthead1 {font-size: 40px;
			color: rgb(255,239,203);
			padding-left: 60px;
}

.masthead2 {font-size: 16px;
}

.green {color: rgb(115,195,103);}

.violet {color: rgb(103,125,196);}

.pink {color: rgb(198,81,130);}

.rightalign {text-align: right;}
/*END HEADER CODE*/

/*BEGIN PAGE CONTENT*/

/*TABLE-DEFINING CLASSES*/

.widecolumn {width: 740px;
			 min-width: 740px;
}

.pagesizecolumn {width: 800px;
				 min-width: 800px;
}

.leftborder {width: 20px;
			 min-width: 20px;}
			 
.rightcolumn {vertical-align: top;
			  padding-top: 150px;}
	
.summary {width: 280px;
		  max-width: 280px;
		  min-width: 280px;
		  font-size: 13px;
		  color: rgb(246,250,211);
		  letter-spacing: 1px;
		  line-height: 18px;
		  margin-left: 100px;
		  text-align: justify;
}

/*for images within page content that will 
have a beige frame around them */
.beigeframe {border-style: solid;
			 border-width: 1px;
			 border-color: rgb(246,250,211);
			 padding: 5px;
}

/*same thing, but with a violet/gray frame */
.violetframe {border-style: solid;
			  border-width: 1px;
			  border-color: rgb(103,125,196);
			  padding: 5px;
}
			  

ul.caption {list-style-type: none;
			font-size: 11px;
			font-weight: 100px;
			color: rgb(99,125,199);
}

ul.caption li {text-align: right;}

/*END PAGE CONTENT*/

/*RESUME/BIO PAGE CONTENT CONTROLS*/
#resume {width: 650px;
min-width: 650px;
		 font-size: 13px;
		  color: rgb(246,250,211);
		  letter-spacing: 1px;
		  line-height: 18px;
		  margin-left: 100px;
}

#resume ul {list-style-type: none;
			padding-bottom: 10px;}
			
#resume h4 {font-size: 15px;
			font-weight: 600;
			color: rgb(115,195,103);
}
#resume > h5 {font-weight: 600;}

#resume ul li i {font-size: 13px;}

#resume > a {font-size: 13px;
		   color: rgb(198, 81,130);
		   text-align: center;
		   margin-left: 250px;
}
/*END RESUME AND BIO PAGE*/

/*BEGIN SIDEBAR CODE*/

#sidebar {
		  vertical-align: top;
		  padding-top: 70px;
		 }

#sidebar ul {list-style-type: none;
	font-size: 20px;
	color: rgb(246,250,211);
	line-height: 48px;

}

#sidebar ul li a { width: 180px;
				   margin-right: 40px;
					overflow: visible;}

#sidebar ul li a:link {color: rgb(246,250,211);
					text-decoration: none;
					}
					
#sidebar ul li a:visited {color: rgb(246,250,211);
					text-decoration: none;
					}
					
#sidebar ul li a:hover {color: rgb(246,250,211);
					text-decoration: none;
					background-image:url(pinkdot.png);
					background-position: 0% 70%;
		 background-repeat: no-repeat;
		 }

#sidebar ul li a:active {color: rgb(246,250,211);
					text-decoration: none;
					}
/*END SIDEBAR CODE*/

/*BEGIN FOOTER CODE*/

#footer {font-size: 12px !important;
		 color: rgb(246,250,211) !important;
		 font-style: italic;
		 text-align: center;
		 margin-top:20px;
	     margin-left: 80px;
		 padding-top: 15px;
		 clear: both;}