HTML, BODY
{
    /*background: url(images/brickwall.jpg);
    background-repeat: repeat-y;
	background-position: top left;*/
	background-color: Black;
    margin:0px;
    padding:0px;
    height:100%;
    font-family: Tahoma;
  	/*background-image: url('../images/bg_buildings.png');*/
  	background-image: url('../images/bg_buildings_new.png');
	background-position: top center;
	background-repeat: no-repeat;
}

.PageContainer

{
    height: 750px;
	width:840px;

	border: solid 1px black;


	font-size: 1em; /* fixes bug to cause font sizes to be inherited in table */

	

	/* This is what centers the page in Firefox ! ! ! */

	margin-left: auto;

	margin-right: auto;

	text-align: left; /* fixes IE: centering ! ! ! */
	height:100%; 
	margin-top: 0px;
	padding-top: 0px;

	/* This is what centers the page in Firefox ! ! ! */

}

.Bottom
{
    background-image: url('../images/bottom.jpg');
    width: 840px;
    height: 334px;
    float: left;
    background-repeat: no-repeat;
	background-position: left top;
}   

.Main
{
    /*background-image: url('../images/FullSiteUpdated.jpg');*/
    /*background-image: url('../images/FullSiteUpdated_new.jpg');*/
    background-image: url('../images/FullSiteUpdated_new_blue.jpg');
    border: none;
    background-repeat: no-repeat;
	background-position: left top;    
    width: 840px;
    margin-top: 0px;
	padding-top: 0px;

}

.brick
{
    background-image: url('../images/brickwall.jpg');
    background-repeat: repeat-y;
	background-position: left top; 
    width: 840px;
    margin-top: 0px;
	padding-top: 0px;
}

.Content
{
    padding-left: 20px; 
    text-align: justify;
    font-family: Tahoma;
    font-size: 12px;
    padding-bottom: 20px;
    margin-top: 0px;
	padding-top: 0px;
    
}
/* ---------------------------------------------------------------------- */
.Month
{
    font-size: .9em;
    font-weight: bold;
    font-family: Tahoma;
    color: #dfdfa0;
    margin-left: 10px;
    padding-bottom: 10px;
}

.Line
{
    padding-left: 50px;
    background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 10px;
}
ul#UpdateBox
{ 
    font-size: 12px;
    color: White;
    font-family: Tahoma;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left:0px;
}
ul#UpdateBox li 
{ 
    list-style: none;
    background-image: url('../Images/greendot.jpg');
    background-position: left 50%;
    background-repeat: no-repeat;
    display: block; 
    padding-left: 20px;
    margin-left: 20px;
    text-align:left;
    padding-bottom: 10px;
    
}
ul#UpdateBox li a 
{ 
    color: #dfdfa0;
    text-decoration: none;
}

ul#UpdateBox li a:hover
{ 
    color: #dfdfa0;
    text-decoration: underline;
}
/* ---------------------------------------------------------------------------- */
ul#UpdateBox2
{ 
    font-size: 12px;
    color: White;
    font-family: Tahoma;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left:0px;
}
ul#UpdateBox2 li 
{ 
    list-style: none;
    background-image: url('../Images/greendot.jpg');
    background-position: left 50%;
    background-repeat: no-repeat;
    display: block; 
    padding-left: 20px;
    margin-left: 20px;
    text-align: left;
    padding-bottom: 10px;
}
ul#UpdateBox2 li a 
{ 
    color: #dfdfa0;
    text-decoration: none;
}

ul#UpdateBox2 li a:hover
{ 
    color: #dfdfa0;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------- */               
.BlackBox2
{
    background-color: Black;
    padding: 15px 5px 15px 0px;
    font-size: 14px; 
    color: White;
    font-family: Tahoma;
    font-weight: normal;
    width: 280px;
    height: auto;
}

/* ---------------------------------------------------------------------- */
.title
{
    font-weight: bold;
    background-image:url('../Images/arrow.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-top: 10px;
    padding-bottom: 4px;
}

.titleNoImg
{
    font-weight: bold;
    /*padding-left: 54px;*/
    padding-top: 10px;
    padding-bottom: 4px;
}
/* ---------------------------------------------------------------------- */   

.ResumeHeading
{
    font-weight: bold;
}

.Heading
{
    font-size: 36px;
    text-align: center;
}

.headshot
{
    border:1px solid black;
    margin-right: 25px;
    margin-bottom: 30px;
}

.paragraph
{
    
    margin: 0px 5px 0px 0px;   
    padding: 0px 5px 5px 0px; 
}
/* ---------------------------------------------------------------------- */   
/* tabs */   
/* ---------------------------------------------------------------------- */   
.tabs_Bio
{
    height: 45px;
    width: 65px;
    background-image: url(../Images/tabs/tabs_Bio.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.tabs_Demos
{
    height: 45px;
    width: 73px;
    background-image: url('../images/tabs/tabs_Demos.gif');
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10px;    
}

.tabs_Resume
{
    height: 45px;
    width: 90px;
    background-image: url(../images/tabs/tabs_Resume.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.tabs_Gallery
{
    height: 45px;
    width: 95px;
    background-image: url(../images/tabs/tabs_Gallery.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10px;
}

.tabs_Blog
{
    height: 45px;
    width: 72px;
    background-image: url(../images/tabs/tabs_Blog.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 10px;
}




/* ---------------------------------------------------------------------- */  
/* Blog */

.thought_bubble
{
    background-image: url(../images/thought_bubble.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 89px;
    height: 64px;
    color: White;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
}

.blog
{
    float: left;
}

.left_area
{
    float: left; 
    width: 90px;
}

.right_area
{
    float: right; 
    width: 400px; 
    border-bottom: dotted 1px #8b8b8b; 
    padding-bottom: 10px;
}

.blog_title
{
    font-size: 30px; 
    color: Black;
    text-align: left;
}

.blog_content
{
    font-size: 12px; 
    color: Black; 
    float: left;
}

.caption
{
    text-align:left;
    font-size: 9px;   
    color: Gray;
    padding-right:  40px;
}
/* ---------------------------------------------------------------------- */