/* 

brianjdurkin.com css 
starting fresh from 6/28/09

color palette:
#000099 = web safe "polo" blue 
#5D9CFF = "true blue"
#76BAFF = "skyish blue"
#FFEA13 = "warrior" yellow
#DD7F00 = "up" burnt siena

font conversion chart:
0.7em	11px 8pt
0.75em	12px 9pt
0.8em	13px 10pt
0.875em	14px 10.5pt
0.95em	15px 11pt
1.0em	16px 12pt
1.05em  17px 13pt
1.2em	19px 14pt
1.125em	20px 15pt 
1.4em	22px 16.5pt
1.8em	29px 
2.0em	32px 24pt

table of contents:
1. css reset
2. clearfix
3. basics and navigaton
4. sections

*/



/* 

	1. css reset
	original by Eric Meyer, see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  

*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
 

/* 

	2. clearfix is for clearing floats 
	
*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END clearfix */
 
 
 /* 
 
 	basics and navigation
 
 */
  
  
body {font: normal 99% Arial, Helvetica, sans-serif; margin:20px 0px; padding:0px; text-align:center; background-color:#76BAFF; }

#container {
	width:755px; 
	margin:0px auto;
	border:5px solid #5D9CFF;
	background-color:#fff; 
	color:#000099;
	min-height:450px;
  	height:auto !important; /* ie6 hack */
  	height:450px; 			/* ie6 hack */
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:10px;
	}

#main-nav { 
	float:left;
	margin:0px 0px 0px -55px;
	width:440px;
	border:1px solid #DD7F00;
	border-bottom:3px solid #DD7F00;
	border-top:3px solid #DD7F00;
	background-color:#FFEA13;
	padding:8px 10px 8px 80px;
}
#main-nav li {float:left; padding:0px 25px 0px 0px;}
#main-nav li a:link {font-weight:bold;text-decoration:none;color:#000099;}
#main-nav li a:visited {font-weight:bold;text-decoration:none;color:#000099;}
#main-nav li a:active {font-weight:bold;text-decoration:none;color:#000099;}
#main-nav li a:hover {font-weight:bold;text-decoration:none;color:#FFFFFF;}

a:link {font-weight:bold;text-decoration:none;color:#000099;}
a:visited {font-weight:bold;text-decoration:none;color:#000099;}
a:active {font-weight:bold;text-decoration:none;color:#000099;}
a:hover {font-weight:bold;text-decoration:none;color:#5D9CFF;}
 
#header {float:right;text-align:right;}
#header a{font-weight:100;}
#header a:hover{color:#5D9CFF;}

#header div.name {font-size:2.0em; color:#000099; margin:5px 0px 0px 0px}
#header .number {font-size:0.75em;}
#header .email {font-size:0.75em;}

#tmi {float:right; text-align:right; margin:10px 0px 0px 0px;}
#tmi .sn {margin:4px 0px 0px 0px;}
#tmi .myclass {width:125px; font-size:0.75em; margin:10px 0px 0px 0px;}
#tmi #rez {font-size:0.75em; margin:10px 0px 10px 0px;}
#mypic {border:5px solid #fff; margin:12px -45px 0px 0px;}

#main-content {width:585px; margin:10px;}

#footer {font-size:0.7em; color:#5D9CFF}

/* 

	other sections

*/

#home h1 {color:#000099; font-size:1.2em; }
#home p {margin:10px 0px 10px 0px;}
#home .logo {margin-top:-40px; margin-left:-8px; position:relative;}

#resume { color:#000099; font-size:0.95em;}
#resume p {margin:20px 0px 20px 0px;}
#resume p.exp {font-size:0.8em;margin:5px 0px 20px 0px}
#resume h1 {font-size:1.2em; font-weight:bold; font-style:italic;}
#resume h2 { font-weight:bold;}
#resume h3 { font-style:italic;}
#resume ul {margin:10px 0px 0px 20px;}
#resume ul li {list-style:circle;}

#portfolio ul {margin:10px 0px 10px 0px;}

#about p {margin:20px 0px 20px 0px;}