@charset "utf-8";
/* CSS Document */

/*EM calculator: http://riddle.pl/emcalc/
The base font for the site is 10px or x-small.  To calculate the padding, width, etc with ems, 
you have to base it off the font of that element, or the next containing element.  And http://developer.yahoo.com/yui/fonts/ for recommended font percentages
*/
body {
	color: #000;
	font-size: 10px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
body *{
	line-height: 1.5em;
}
h1 {
	color: #000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 167%;
	line-height: 26px;
	text-transform: none;
}
.bottomlist {
margin-bottom:24px;
	margin-top:36px;
text-align:right;
font-size:20px;
font-style: italic;
	font-weight: normal;
	letter-spacing: 0.11em;
	text-align: right;
	}			
				
}
p {
	line-height: 1.5em;
	padding: 0em 0em .5em 0em;
}

p.skillsheader {
	margin-top:15px;
	margin-bottom:0px;
	
}
ul.skills {
	padding-left:15px;
		line-height: 1.5em;
			font-style: normal;
	font-size: 108%; /*12px*/
	
		}
li.skill {
	line-height: 2em;
	list-style:disc;	
		}


a, li.active{
	color: #666;
	text-decoration: none;
}
a:link {
	color: #666;
}
a:visited {
}
a:hover {
	text-decoration: underline;
}
#page {
	margin: 5.00em 0em 0em 12.00em;
	padding: 0em 0em 5.00em 0em;
	float: left;
	width: /*750px*/75.00em;
}
* html #page {
	margin: 5.00em 0em 0em 6.50em;
}
/**
*HEADER
**/
#header {
	width: 100%;
	float: left;
	padding: 0em 0em 5.00em 0em;
	margin: 0em 0em 2.00em 0em;
	border-bottom: 1px solid #ddd;
}
body.front #header {
	padding: 0em 0em 2.00em 0em;
}

/**#logo-title {
**	float: left;
**}
**/
body.front h1, body.landing h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: uppercase;
}
#name-and-slogan {
	width: 100%;
	float: left;
	clear: both;
}
h1{
	font-style: italic;
	font-size: 138.5%;
	font-weight: normal;
	letter-spacing: 0.11em;
	text-align: right;
	padding: 0em .2em 0em .2em;
	float: right;
}
img#site-logo {
	display: block;
	float: left;
}
.sitelogo {
	display: block;
	float: left;
}

#language-toggle {
	background-color: #fff;
	color: #666;
	float: left;
	clear: both;
	font-size: 108%;
	padding: 2.00em 0em 0em 0em;
}

/**
*BODY CONTAINER
**/
#container {
	float: left;
	padding: 0em 0em 2.00em 0em;
	width: 100%;
}

/**
*SIDEBAR-LEFT (and some sidebar-right)
**/
#sidebar-left {
   float: left;
   width: 24.50em;
   margin: 0em 0em 0em -5em;
}
#sidebar-left ul.parent{
   float: left;
   clear: both;
   width: 9.00em;
   text-align:right;
   margin: 0em 0em 0em -5.00em;
}

#sidebar-left .rightalign {
   position: relative;
   /**left: -5.00em;**/
   padding: .1em 0em 0em 0em;
   width: 4.00em;
}

/*ie6 override*/
* html #sidebar-left .rightalign {
     left: 4.5em;
}

#sidebar-left ul.parent li.parent{
   margin: 0em 0em 0em 0.00em;
   width: 100%;
}

#sidebar-left ul.parent li{
   clear: both;
   font-weight: normal;
}
#sidebar-left ul.menu ul.menu{
   color: #666;
   clear: both;
   float: left;
   margin: -1.50em 0em 0em 10.00em;
   width: 15.00em;
   text-align: left;
}
/*ie6 override*/
* html #sidebar-left ul.menu ul.menu{
   margin: -1.50em 0em 0em 7.50em;
}


#sidebar-left ul.menu ul.menu li{
   padding: 0em 0em .8em 0em;
}
#sidebar-left ul.menu li a{
   color: #000;
}

#sidebar-left ul.menu ul.menu li a{
   color: #666;
}
#sidebar-left .last {
   margin: 0em 0em 1.50em 0em;
}
#sidebar-left ul.menu ul.menu li.active a{
/*    font-weight: 600;
*/font-weight: bold;
	color: #000;
}
#sidebar-left ul.menu ul.menu a:hover{
   color: #000;
   text-decoration: none;
}

/**
*MAIN
**/ 

#main {
	float: left;
	width: 55.00em;
}
#main .caption {
	clear: both;
	font-style: normal;
	font-size: 108%; /*12px*/
	margin: 1.00em 0em 1.00em 0em;
	padding: 1.00em 0em ;
	border-left: none;
	width:550px;
	border-bottom: 1px solid #ddd;
}
#main #projectgallery .caption {
	clear: both;
	font-style: normal;
	font-size: 108%; /*12px*/
	margin: 1.00em 0em 1.00em 0em;
	padding: 1.00em 0em ;
	border-left: none;
	border-bottom: 1px solid #ddd;
}

#main .copy {
	padding: 0em 0em 0em 0em;
}
#main .copy img {
	float: left;
	display: block;
	padding: 0;
	margin: 0em 1.67em 0.8em 0em;
}
#main p {
	font-size: 108%;
	line-height: 1.8em;
	padding: 0em 0em 1.00em 0em;
	vertical-align: top;
}
#main .listcopy li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 167%;/*20px;*/
	border-bottom: 1px solid #ddd;
	display: block;
	height: 3.00em;
	padding: 1.00em 0.00em 1.00em 1.00em;
	margin: 0.00em -0.30em 0.00em 1.00em;
	position: relative;
}
#main .listcopy li a{
	color: #000;
	display: block;
	height: 3.00em;
	padding: 1.00em 1.00em 1.00em 1.00em;
	margin: 0em -1.00em -2.10em 0em;
	position: relative;
	top: -1.00em;
	left: -1.00em;
}
/*******************
*for Drawing Board page
********************/
   #main .nolinks li{
	color: #000;
	display: block;
	padding: 1.00em 1.00em 0.00em 1.00em;
}

#main .listcopy li a.active, #main .listcopy li a:hover {
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
#main .deckcopy p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 167%;
	line-height: 26px;
}
#main .listcopy li.last {
	border: none;
	margin: 0.00em 0.00em -1.8em 1.00em;
}
#main .listcopy li.first {
	border-top: 1px solid #ddd;
	margin: 2.00em -0.3em 0.00em 1.00em;

}
#main .listcopy {
	margin: -2.00em 0.00em 0.00em 0.00em;
	padding: 0.00em 0.00em 1.00em 0.00em;
}
#main .deckcopy ul{
	margin: -2em 0em 2em 0em;
}

#main .deckcopy li, #main .listcopy ul li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 167%;/*20px;*/
	font-style: italic;
	margin: 0em 0em 0em 0em;
}
#main .deckcopy dl {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0em 0em 1.5em 0em;
}
#main .deckcopy dl dt {
	font-size: 135%;/*16px;*/
	text-transform: capitalize;
	letter-spacing: 1px;
}
#main .deckcopy dl dd {
	background-image: url(../gfx/bullet.png);
	background-position: left 3px;
	background-repeat: no-repeat;
	font-size: 108%;/*12px;*/
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 0em 0em 0em 1.70em;
}
.italic {
	font-style: italic;
}
#pager 
{	
	width:45%;
	text-align:right;
	float: right;
	font-size: 116%;/*20px;*/
	margin: -5.50em 0em 0em 0em;
}
.tools {
	font-size: 108%;/*12px;*/
	padding: 1.00em 0em 0em 0em;
}
.tools .left {
	float: left;
}
.tools .right {
	float: right;

	
}
/*to indent entire div of copy*/
#main .indent{
	margin: 0em 0em 0em 3.00em;
}
.quote {
	font-size: 146.5%;
	text-transform: uppercase;
}
.signature{
	clear: both;
	float: right;
}

/************************
*Projects image profiles
*************************/

#projectgallery {
}
#projectimage {
	background-image:url(../gfx/bg_pattern.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	height: 346px;
	width: 550px;
	margin: 0.80em 0em;
}
/*home page pattern*/
body.front .maincontent {
	background-image:url(../gfx/homebg_pattern.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 529px;
	width: 750px;
}

/*********
*CONTACT
*********/
#contact{
}
#contact .deckcopy p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 167%;
	line-height: 26px;
}
#contact .ruleline{
	border-top: 1px solid #ddd;
}

#contact .indent{
	margin: 0em 0em 0em 12.50em;
}
#contact form{
	width:50em;
	clear:left;
}
form div{
	width:65.4em;
	margin: .5em 0em .5em 0em;
}
label {
	display: block;
	float: left;
	text-align: right;
	width: 12em;
}
input, textarea, select{
	width: 28em;
	margin:0em 0em 0em .5em;
}
input.btn{
	width:5em;
	margin:0em 0em 1em 12.5em;
}

/*********
*FOOTER
*********/

#footer {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	padding: 2.00em 0em 0em 0em;
}
#footer .left {
	background-color: #fff;
	color: #666;
	float: left;
}
#footer .right {
	background-color: #fff;
	color: #b4b4b4;
	float: right;
	font-size: 100%; /*10px*/
	font-weight: bold;
}
.validationTop 
{
	vertical-align:top;
}