/* CSS Document */

BODY { 
	padding: 25px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #E7F3FF;
	background-image: url(/images/body-bgimage.jpg);
	background-repeat: no-repeat;
}

H1	{ font-size: 1.5em; font-weight: normal; padding: 0; margin: 0; color: #333333; }

H2  { 
	font-size: 1.1em;
	font-weight: normal;
	background-color:#EAF2B7;
	border-bottom: 1px solid #C9DE48;
	border-right: 1px solid #C9DE48;
	padding: 6px 30px;
	color: Black;
	background-image: url(/images/h2-bgcap.gif);
	background-repeat: no-repeat;
}

H3		{ font-size: 1em; font-weight: bold; color: #333333; padding: 0; margin: 0;}
H4		{ font-size: .9em; font-weight: bold; color: #666666; }
TABLE 	{ width: 100%; }
TD		{ vertical-align: top; padding: 3px; width: 33%; }
TH 		{ vertical-align: top; padding: 5px; text-align: left; }
LI 		{ font-size: .8em; color: #666666; list-style-type: square; }
HR		{ width: 100%; height: 1px; color: #999999; display: block; margin-bottom: 15px; }
P, BLOCKQUOTE 	{ font-size: .8em; color: #666666; }
EM		{ background-color: #E6EFA4; padding: 1px 10px; font-size: .8em; color: black; }
A 		{ color: #0066CC; }
A:hover { color: black !important; text-decoration: none; border-top: 1px solid Silver; border-bottom: 1px solid Black; background-color: #e5e5e5;}

DIV#topNav { border: 0; margin: 15px 50px; padding: 0; background-color: transparent; }
DIV#topNav UL { list-style-type: none; margin: 0; padding: 10px; }
DIV#topNav UL LI { 
	border-top: 1px solid Silver;
	border-right: 2px solid #62738F;
	border-bottom: 1px solid White;
	border-left: 1px solid #97AA15;
	padding: 5px 15px;
	margin: 0 1px;
	float: left;
	background-color: White;
	list-style-type: none;
}

DIV#topNav UL LI A { font-weight: bold; }
DIV#topNav UL LI#active { 
	color: White;
	font-weight: bold;
	background-color: #FFCC33;
	border-bottom: 1px solid #EFB70E;
	border-right: 2px solid #AF8300;
}
DIV#topNav UL LI#active A { 
	color: White;
        text-decoration: none;
}
DIV#topNav UL LI#active A:hover { 
        color: White !important;
        border-top: 1px solid White;
        border-bottom: 1px solid White;
        background-color: #EFB70E;
}

DIV#container { 
	border-top: 4px solid #A5B0C2;
	border-right: 1px solid #A5B0C2;
	border-left: 1px solid #A5B0C2;
	border-bottom: 1px solid #A5B0C2;
	margin: -1px 0 10px 0;
	padding: 25px;
	background-color: White;
}

SPAN.resumeH1 { background-color: #FFCC33; color: white; padding: 5px; }

.portfolioView { width: 100%; }
.portfolioView TD { background-color: #f5f5f5; vertical-align: top; text-align: center; padding: 15px; width: 25%; margin: 1px; }
.portfolioView TD P { margin: 0; padding: 0; font-size: .7em; line-height: 1.3em; }
.portfolioView TD P A { border: 0; background-color: transparent; }
.portfolioView TD IMG { border: 1px solid #333333; margin-bottom: 5px;}
SPAN.portfolioLabel { font-weight: bold; }
P.enlargedView IMG { border: 1px solid #333333; }

A.pdf { background-image: url(/images/icon-pdf.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 3px 0; }
A.doc { background-image: url(/images/icon-word.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 3px 0; }
A.ppt { background-image: url(/images/icon-ppt.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 3px 0; }
A.win { background-image: url(/images/icon-newwindow.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 3px 0; }
A.linkedin { background-image: url(/images/icon-linkedin.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 3px 0; }

SPAN.validators A { border: 1px solid #0066CC; text-decoration: none; background-color: White; font-size: .7em; padding: 3px; }
SPAN.validators A:hover { background-color: #FFCC33; border: 1px solid #0066CC;  }

STRONG.note { color: White; font-weight: bold; background-color: #EF868D; border: 1px solid Red; padding: 3px; }
STRONG.error { color: Red; font-weight: bold; font-size: .8em; }

TD.ad { padding-left: 25px; width: 15%; }
TD.ad H2 { font-size: .9em;	padding: 4px 15px; font-weight: bold; } 

TABLE.home TD.top { 
	width: 100%;
	background-color: #32AF0A;
	padding: 25px;
	background-image:url(images/homepage-bgimage.jpg);
	background-repeat: repeat-x;
}
TABLE.home TD.left { width: 60%; padding-right: 25px; padding-top: 20px; }
TABLE.home TD.right { width: 40%;  padding-top: 20px; }
TABLE.home TD.top H1 { color: White; }
TABLE.home TD.top P { color: #e7e7e7; }
TABLE.home TD.top A { color: White; }


TABLE.webform { width: 600px; }
LEGEND { font-size: .8em; color: Gray; }
TD.label { text-align: right; font-size: .7em; }
TD.field INPUT, SELECT { border: 1px solid Gray; font-size: .7em; background-color: #f5f5f5; }
TD.field TEXTAREA { border: 1px solid Gray; font-size: .9em; background-color: #f5f5f5; height: 100px; width: 250px; }
INPUT.submitButton { border: 1px solid Black; background-color: #C9DE48 !important; padding: 3px; font-size: .9em; font-weight: bold; }
SPAN.required { font-weight: bold; }
SPAN.optional { color: Gray; }

TEXTAREA.linkInfo { background-color: #e5e5e5; border: 1px solid Black; font-size: .9em; padding: 5px; }
A.resTitle { font-weight: bold; }
P.note { font-style: italic; padding: 10px; background-color: #E7F3FF; font-size: .8em; }
P.date { font-size: .8em; font-weight: bold; }
DIV.post-body { line-height: 1em; color: #5F5F5F; padding: 3% 9%; }
DIV.post-body * { font-size: small; }
H2 A { color: Black; text-decoration: none; }
H3.blogTitle { 
	font-size: 1em;
	font-weight: bold;
	padding: 6px;
	margin: 10px 0;
	border: 1px dotted #A5B0C2;
	background-image: url(/images/h2-bgcap-reverse.gif);
	background-repeat: no-repeat;
}
.photoPortrait {
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #D1D8EF;
	border-top: 1px solid #e7e7e7;
	margin-right: 50px;
}

TABLE.headerTable { width: 100%; }
TABLE.headerTable TD { padding: 5px; vertical-align: top; } 
TABLE.headerTable TD.photo { width: 20%; text-align: left; }
TABLE.headerTable TD.title { width: 80%; text-align: left; }
TABLE.headerTable TD.icon { width: 20%; text-align: center; }
TD.icon A.none { 
	background-color: transparent !important;
	text-decoration: none !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}

#bookmarkIt { border: 3px solid #FFCC33; width: 100%; }
#bookmarkIt TD { background-color: #FFDF7F; }
#bookmarkIt TD.left { padding: 15px; width: 10%; text-align:center; } 
#bookmarkIt TD.right { padding: 15px 0; width: 90%; }

.highlight { background-color: #FFFFAF; }

TABLE.flickrTable { width: 400px; padding: 0; margin: 0; }
TABLE.flickrTable TD.left { width: 125px; vertical-align: top; text-align: right; }
TABLE.flickrTable TD.right { width: 275px; vertical-align: top; text-align: left; }