/* 

	MARTINMCCLELLAN.COM stylesheet
	December 06, 2009
	Currently reading: The Thin Man, by Dashiell Hammet
	
	Not well represented below: I'm trying Typekit.com to render more 
  	interesting typefaces than I normally have access to. 

	Seeing weird results? Especially if you're the sort of person reading
	this note, I want to know: martin -[at]- martinmcclellan.com. Thank you. 
		
*/

/*Eric Meyer's reset*/
@import 'reset.css';

body {  background:#dfe0c3; text-align:center; color:#6e6856; font-size:18px; line-height:1.5em; font-weight:400;font-family:georgia; }
#body { position:relative; width:750px; text-align:left; margin:0 auto; margin-bottom:100px; }
#header { padding-top:70px; display:block; }
#header img { padding-left:85px; float:left; }
#header span { font-family:helvetica, arial, sans-serif; font-size:8px; line-height:38px; letter-spacing:.2em; padding-left:2em; }


#about { border-top:10px solid #6e6856; clear:both; margin-top:50px; display:block; }
#about .section {  overflow:auto !important; margin-top:20px; padding:20px 0 20px 0; background:#eeefdc; border-right:1px solid #9a9a90; border-bottom:1px solid #bfc0af; width:750px; } 

/*PARAGRAPH TWEAKING*/
p + p { text-indent: 1.5em;  } 
/*DROP CAP*/
span.drop { display:block; float:left; font-size:3em; font-weight:bold; }     

/*PARAGRAPH / SECTION COLORS*/  
#about .turq {  border-top:10px solid #41abaf; color:#41abaf; } 
#about .turq p a, #about .turq li a { color:#41abaf; background: #f7f9dd; padding:5px 3px; } 
#about .turq p a:hover, #about .turq li a:hover { background:#dfe0c3; text-decoration:none; }
#about .blue { border-top:10px solid #4175af; color:#4175af; } 
#about .blue p a, #about .blue li a { color:#4175af; background: #f7f9dd; padding:5px 3px; } 
#about .blue p a:hover, #about .blue li a:hover { background:#dfe0c3; text-decoration:none; }
#about .brick { border-top:10px solid #af5641; color:#af5641; } 
#about .brick p a, #about .brick li a { color:#af5641; background: #f7f9dd; padding:5px 3px; } 
#about .brick p a:hover, #about .brick li a:hover  { background:#dfe0c3; text-decoration:none; } 
#about .army { border-top:10px solid #948c75; color:#948c75; }
#about .army p a, #about .army li a { color:#948c75; background: #f7f9dd; padding:5px 3px; } 
#about .army p a:hover, #about .army li a:hover { background:#dfe0c3; text-decoration:none; }  
#about .mustard { border-top:10px solid #af8441; color:#af8441; }
#about .mustard p a, #about .mustard li a { color:#af8441; background: #f7f9dd; padding:5px 3px; } 
#about .mustard p a:hover, #about .mustard li a:hover { background:#dfe0c3; text-decoration:none; }
#about .paragraphs { padding:5px 85px 5px 15px; width:400px; float:left; } 

h1 { letter-spacing:0; font-size:25px; font-weight:normal; }
#about h1 { float:left; width:150px; margin-left:85px; font-weight:normal; font-size:24px;  text-align:left; padding:5px 0 5px 0;} 
#header h1 { font-size:36px; float:left; margin-left:85px; padding:5px 0 5px 0; }    
#header h1 a { text-decoration:none; color:#6e6856;  }
 
#alert {  background:#790800; display:block; display:none; color:#fff; padding:20px; text-align:center; font-style:italic; position:relative;  }  
#alert .close { right:20px; top:25px; position:absolute; }  
.smallc { font-size:12px; letter-spacing:.2em; font-weight:bold; } 
h2.smallc { font-size:16px; color:#4175af; width:555px !important; }
form .smallc { width:150px; }
form { padding:15px; border:1px solid #fff; margin:25px 0 25px 85px; width:580px; float:left; clear:both; } 
form input { border:0; padding:3px; font-size:12px; color:#6e6856; margin-right:6px; }  
.cells input { width:150px; }

/*WORK PAGES*/ 
body#workpage #about .paragraphs { padding:5px 85px 5px 15px; width:415px; float:left; }
body#workpage a { border:0; background:transparent; padding:0; margin:0; }
body#workpage #about img { border:8px solid #dfe0c3; }
body#workpage #work { display:none; } 
body#workpage #about ul { float:right; width:275px; }
body#workpage #about li { width:125px; margin:0; float:right;}
body#workpage #about li a { padding:10px 20px; display:block; background:#948c75; text-decoration:none; color:#fff; font-size:14px; letter-spacing:.2em; margin:0 !important; }
body#workpage #about li a.work { background:#4175af !important; border-right:1px solid #fff; }		
body#workpage #work, body#workpage #resume { clear:both; padding:0; margin:0;  }
body#workpage #about { border-top:10px solid #dfe0c3; }  
body#workpage p.clear { text-indent:0; padding-top:1em; }
body#workpage a.left { float:left; clear:both; padding-top:20px; }
body#workpage p.description { float:left; margin-left:10px; width:265px; padding-top:20px; }
body#workpage .first {padding-top:0 !important; margin-top:0 !important;} 
p.validate { margin-top:10px; font-size:15px; clear:both; }
p.validate a { color: #948c75; background:#f7f9dd !important; padding:5px 3px !important;}
p.validate a:hover { background:#fff !important; }