/**************************************************************

 General page styles

 **************************************************************/
 
 html {
	height : 100%;
}

body {
	height : 100%;
	width : 100%;
	margin : 0;
	padding : 0;
	text-align : center;
	font : 500 12px "lucida grande", tahoma, verdana, arial, sans-serif;
	letter-spacing: 1px;
	line-height : 170%;
	background: #fff;
	color : #111;
}

a:link {
	text-decoration : none;
	color : black;
}

a:visited {
	text-decoration : none;
	color : black;
}

a:focus {
	text-decoration : underline;
	color : black;
	outline: none;
	
}

a:hover {
	text-decoration : underline;
	color : black;
}

a:active {
	text-decoration : underline;
	color : black;
}

img {
	border: 0;
}


#nav {
	display: none;
}

#nav li a {
	display: none;
}

#header {
	display: none;
	visibility: hidden;
	background: none;
}

#footer {
	display: none;
}

/**************************************************************

   Header styles: Keep 'em clean and come out fighting.

 **************************************************************/
 
 
p {
 	text-align: justify;
 	margin: 0 12px;
}
  
h1 {
 	font: 700 32px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	color : black;
	padding: 10px;
}

h1 a:link {
	color: black;
}

h1 a:visited {
	color: black;
}

h1 a:focus {
	color: black;
}

h1 a:hover {
	color: black;
}

h1 a:active {
	color: black;
}

h1.title {
	position: relative;
	top: -32px;
	padding: 0;
}

* html h1.title {
	margin-top: 0;
	left: 14px;
	z-index: 100;
}

.subtitle {
	font: 700 24px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	position: relative;
	top:-29px;
	margin: 0;
	padding: 0;
	/* width: 100%; */
	text-align: right;
	color: black;
}

* html .subtitle {
	position: relative;
	top: -28px;
	right: 14px;
	z-index: 100;
}

.subtitleLarge {
	font: 700 32px/0 "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: -1px;
	position: relative;
	top:-32px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: black;
}

* html .subtitleLarge {
	margin-top: 0;
	right: 14px;
	z-index: 100;
}

.titleOpen {
	position: relative;
	top: 10px;
	margin-left: 10px;
	padding: 0;
}

* html .titleOpen {
	top: 7px;
	margin-top: 10px;
}

hr.line66 {
	color: white;
	height: 0px;
	width: 66%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0;
}

hr.line66right {
	color: white;
	height: 0px;
	width: 66%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0 34%;
}

hr.line100 {
	color: white;
	height: 0px;
	width: 100%;
	border-bottom: 1px solid #666;
	margin: 14px 0 0 auto;
}


/**************************************************************

   #nav: The main site nav, right beneath the header.

 **************************************************************/
 
 
#nav { 
	width: 100%;
	margin-bottom: 85px;
}

* html #nav {
	margin-top: -3px;
	margin-bottom: 60px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li a {
	float: left;
	margin: 0 2px;
	padding: 0;
	font: 16px "trebuchet ms", verdana, arial, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: lowercase;
	color: #555;
}

#nav li a span {
	float: left;
	padding: 5px 15px;
}

#nav li a:hover,
#nav li a.current {
	color: #333;
	background: url(../images/navCorner_day_bl.jpg) no-repeat bottom left;
}

#nav li a:hover span,
#nav li a.current span {
	background: url(../images/navCorner_day_br.jpg) no-repeat bottom right;  
}

#nav li a.current {
	cursor: default;
}

#nav li a.last {
	margin-right: 0;

}

/**************************************************************

   cpBox style: the background and colors of
  				the outer CurvyCorners boxes.

 **************************************************************/


.cpBox {
	background: #ddd;
	border: none;
	padding: 10px;
}

* html .cpBox {
	padding: 0;
}


/**************************************************************

   Spacer class: apply to hr to keep pesky CurvyCorners
   				 boxes spaced vertically.

 **************************************************************/
 
 .spacer {
 	margin : 40px 0;
	visibility : hidden;
	clear : both;
 }
 
 * html .spacer {
 	margin: 30px 0;
}
 
 .spacerText {
 	margin : 25px 0;
	visibility : hidden;
 }

.spacerThin {
	width: 100%;
	margin: 0;
	visibility: hidden;
	clear: both;
}

.spacerThin2 {
	margin: 0;
	visibility: hidden;
	clear: both;
}

.spacer40 {
	width: 100%;
	margin: 20px 0;
	visibility: hidden;
}

* html .spacer40 {
	margin: -14px 0 0;
}

.clear {
	clear: both;
}



/**************************************************************

Entry Styles: For entries (resume/portfolio) on a gray background.

 **************************************************************/
 
 
.entry {
	height: 100%;
	border : 1px solid #aaa;
	background: #ccc url(../images/dotsTop.jpg) repeat-x top left;
	margin : 10px 10px 33px;
	padding: 0;
}

.entryInner {
	height: 100%;
	background: transparent url(../images/dotsBottom.jpg) repeat-x bottom left;
	margin : 0;
	padding: 35px 15px 35px 10px;
	text-align: justify;
}

.resumeList {
	float: left;
	margin: -70px 0 0 140px;
	list-style: none;
}

.resumeList li {
	float: left;
	display: block;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
}

.resumeList li a:link, .resumeList li a:visited {
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color : black;
}

.resumeList li a:hover, .resumeList li a:active {
	color : black;
}



/**************************************************************

 Resume page styles

 **************************************************************/

 
 #skills {
 	text-align: left;
	font : 700 14px "Trebuchet MS", verdana, arial, sans-serif;
	color: #333;
	margin : 0 0 0 31px;
	padding : 0;
	list-style: none;
}

#skills li {
	background: url(../images/starOrange.gif) no-repeat left;
	vertical-align: middle;
	padding : 5px 0 5px 24px;
	line-height: 24px;
}

li.indent {
	margin-left: 1em;
}

.eduTitle {
	margin : 10px 0 0 5px;
	text-align : left;
	font : 700 22px "Trebuchet MS", verdana, arial, sans-serif;
	color : black;
	letter-spacing : -1px;
	line-height : 170%;
}

.eduDesc {
	text-align: right;
	margin: -5px 5px 5px 0;
	padding: 4px 0;
	font: 500 12px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
	letter-spacing: 0;
	line-height: 140%;
}

.workPic {
	float: left;
	display: block;
	clear: left;
	width: 150px;
	height: 100%;
	margin: 0 20px 40px 8px;
	padding: 0;
}
 
 .workPlace {
 	display: block;
 	font : 700 22px "Trebuchet MS", verdana, arial, sans-serif;
	color: black;
	letter-spacing: -1px;
	margin: -5px 0 0 177px;
}

.workPlace a:link, .workPlace a:visited {
	color : black;
	text-decoration : none;
}

.workPlace a:hover {
	color : black;
	text-decoration : underline;
}
	
.workTitle {
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0;
	letter-spacing: -1px;
	color: #333;
}

.workDate {
	font : 700 italic 16px "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0;
	letter-spacing: -1px;
	color: #333;
}

.workDesc {
	text-align: justify;
	margin: .5em 0 0em;
	letter-spacing: 0;
	line-height: 140%;
}

.resHeader {
	background : transparent;
	padding: 1.5em .5em .5em 0;
}

.resTitle {
	position: relative;
	top: 15px;
	margin: -20px 0 0px 0px;
	padding: 0;
	font : 700 46px "Trebuchet MS", verdana, arial, sans-serif;
	color: black;
	letter-spacing: -2px;
}

.resDesc {
	margin: 18px 0 -20px 0px;
	font : 700 16px "Trebuchet MS", verdana, arial, sans-serif;
	letter-spacing: 1px;
}

.resPrintBtn {
	display: none;
}


/**************************************************************

This is to hide the sIFR Flash headlines from the browser.

 **************************************************************/

.sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}