/*Rachel Conn's CSS Document */

body
{background:#515A67 url(http://s3.amazonaws.com/twitter_production/profile_background_images/21058740/bg1.gif) repeat fixed left top;}

div.wrapper
{width:910px;
margin:0 auto;
background-color:#ebebeb;}

strong
{font-weight:bold;}

	div.header
	{background-color:#636363; 
 border-bottom:2px solid #F26522;
 height:201px;
 position:relative;}
 
		div.header img.logo
		{margin:19px 0 0 20px;
		position:absolute;
		top:0px;}
		
		div.header img.name
		{position:absolute;
		top:30px;
		right:20px;}
		
/*************************** navigation ***************************/
div.header ul.nav
{width:640px;
position:absolute;
top:162px;
right:15px;
text-align:right;
height:42px;
}

ul.nav li
{display:inline;}

ul.nav li a.navbox
{width:85px;
height:27px;
float:right;
padding-top:12px;
background-color:#828384;
font-size:12px;
margin:0 3px;
text-align:center;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}

ul.nav li a.navbox:hover
{border-left:2px solid #F26522;
border-right:2px solid #F26522;
border-top:2px solid #F26522;
border-bottom:2px solid #F26522;
padding:10px 0 0 0;
width:81px;}
					
/*****************************************************/	
	div.maincontent
	{margin:20px;
	position:relative;
	min-height:400px;
	padding-bottom:20px;}
	
	div.maincontent h1,
	div.maincontent h2
	{margin:10px 0;}
	
			* html div.maincontent
			{height:400px;}
	
		div.maincontent div.leftside
		{width:320px;
		position:absolute;}
			
			div.maincontent div.leftside ul,
			ul.contact
			{margin-left:20px;
			font-size:12px;
		    font-family:Georgia, "Times New Roman", Times, serif;
		    line-height:20px;
			}
				div.maincontent div.leftside ul li,
				ul.contact li
				{background:url(/images/bullet.gif) no-repeat left;
				padding-left:20px;}
			
			div.maincontent div.leftside ul li a,
			ul.contact li a
			{color:#F26522;
			text-decoration:none;}
			
				div.maincontent div.leftside ul li a:hover,
				ul.contact li a:hover
				{color:#636363;}
		
		div.maincontent div.rightside
		{width:595px;
		position:relative;
		top:0;
		left:275px;}
		
		    div.maincontent div.rightside p
		    {color:#f26522;
		    font-size:12px;
		    font-family:Georgia, "Times New Roman", Times, serif;
		    line-height:15px;
		    }
			
				body.about div.maincontent div.rightside p.restext,
				body.portfolio div.maincontent div.rightside p.restext
				{color:#636363;
				font-size: 16px;
				margin:10px 0;
				line-height: 22px;
				}
			
			body.about div.maincontent div.rightside p.restext a
				{color:#f26522;
				}
				
										
			div.maincontent div.rightside p.description
			{float:left;
			width:315px;
			color:#636363;
			}
			
			
			div.maincontent div.rightside div.piece
			{float:right;
			text-align:center;
			}
				
				div.piece p
				{color:#636363;}
				
				div.piece a img
				{}


/*************************** resume ***************************/
			div.maincontent div.rightside table.resume tr td
		    {padding:5px 0;}
		    
			div.maincontent div.rightside table.resume tr td.resleft
		    {width:70px;}
					    
			div.maincontent div.rightside table.resume p.title
			{color:#F26522;
			font-weight:bold;
			margin-bottom:5px;
			}
			
			div.maincontent div.rightside table.resume p.restext
			{color:#636363;}
	
/*************************** portfolio ***************************/			
			div.maincontent div.rightside table.pfolio td
			{padding:7px 20px 7px 0;
			text-align:center;}
				
				div.maincontent div.rightside table.pfolio td a.foliolink,
				p.description a.foliolink
				{color:#f26522;
				font-size:12px;
		   		font-family:Georgia, "Times New Roman", Times, serif;}
				
					div.maincontent div.rightside table.pfolio td a.foliolink:hover,
					p.description a.foliolink:hover
					{color:#636363;}
		    
		    div.maincontent div.rightside div.folio
		    {border:2px solid #f26522;
			margin-bottom:3px;}
			
/*************************** contact ***************************/
input.field,
textarea.field { 
background-color:#828384;
border:2px solid #636363;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
margin-bottom:5px;
padding:2px;
width:505px;
}


input.field:focus,
textarea.field:focus { 
border:2px solid #f26522;
}


table.contact
{margin-top:20px;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#636363;
}

table.contact td
{ vertical-align:top;
}
	table.contact td.label
	{padding:4px 2px 0 0;
	font-size:18px;
	}
	
	.button
	{background-color:#828384;
	height:30px;
	width:75px;
	margin-right:5px;
	color:#fff;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:none;}
	
		.button:hover
		{border:2px solid #F26522;}
	
/*************************** end contact ***************************/
	div.footer
	{background-color:#636363;
	border-top:1px solid #f26522;
	height:45px;
	text-align:center;
	padding-top:15px;
	color:#fff;
	font-size:11px;
	line-height:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
		div.footer a
		{color:#fff;
		}