/*body is the entire page*/

body {
	background: #383838;
	color: #000000; /*cc0000*/
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
}


/*wrapper contains a header and mainContent*/

#wrapper {
	margin: auto auto auto auto;
	width: 852px;
	background-color: #383838;
	background-repeat: repeat-y; 
}


/* ######## headers, one per page ######## */
#header_Index {
	margin: auto auto auto auto;
	background-image: url(ui/header.gif);
	width: 800px;
	height: 294px;
	background-color: #e4e0d5;
}

#header_AboutMe {
	margin: auto auto auto auto;
	background-image: url(ui/headerAboutme.gif);
	width: 800px;
	height: 294px;
	background-color: #e4e0d5;
}

#header_Resume {
	margin: auto auto auto auto;
	background-image: url(ui/headerResume.gif);
	width: 800px;
	height: 294px;
	background-color: #e4e0d5;
}

#header_Portfolio {
	margin: auto auto auto auto;
	background-image: url(ui/headerPortfolio.gif);
	width: 800px;
	height: 294px;
	background-color: #e4e0d5;
}

#header_Contact {
	margin: auto auto auto auto;
	background-image: url(ui/headerContact.gif);
	width: 800px;
	height: 294px;
	background-color: #e4e0d5;
}
/* ######## end header section ######## */



/*printonly hides things on the screen that should only appear in print*/
#printonly {display: none;}

#mainContent{
	float: left;
	width: 646px; /*674 - 2 leftmargin = 6*/
	margin-left: 78px;
	padding-left: 66px;
	background-color: #e4e0d5;
	/*background-image: url(ui/bg-content.gif);*/
	font-size: .85em;
}

/*a pretty version of the <hr> tag in html*/
.anhr {
	margin-top:2px;
	margin-bottom:2px;
	width: 628px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 4px;
	border-top: 2px #fd7113 solid;  /*this is the line color */
	height: 5px; 
}

/*link colors, backgrounds and decorations*/
a:link {color: #b1842b; text-decoration: none; }  /* orange-brown text */
a:visited {color: #84a1dc; text-decoration: none;}
a:hover { color: #FFFFFF; background: #84a1dc; text-decoration: none;}  /* white text with light blue background*/


/* type header styles - */
h1 {
color: #383838;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em; }

h2 {
color: #383838;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em; }

h3 {
color: #383838;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em; }


li {
list-style: circle url(../ui/li-dot.png) outside;
list-style-image: url(../ui/li-dot.png); }

	
/* ====================== CONTENT CELS */
.cCelBig {background-color: #cfecff; width: 640px;
border-top: 2px #cfecff solid;
border-bottom: 2px #cfecff solid;
border-right: 2px #cfecff solid;
border-left: 2px #cfecff solid;}

.cCelSingle {
    width: 332px; /*314 +5 +5 +4 +4 = */
    float: left;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    padding-left: 5px;
    padding-right: 5px;
    margin: 4px;
    /*background-image: url(../ui/bg-row.png);*/
    background-color: #dedacf;    
    text-decoration: none;
    /*border-top: 2px #fd7113 solid;*/ }

.cCelDouble {
    width: 628px; /*640 -5 -5 -4 -4 = 628*/
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    /*margin: 4px;*/
    margin-bottom: 4px;
    /*background-color: #dedacf;*/
   /*background-color: #e4e0d5;*/
    text-decoration: none;
    /*border-top: 2px #383838 solid;*/ }

.cCelDTxt {float: left; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDTxtR {float: right; width: 304px;/*310*/
margin-left:5px;
margin-right:5px;}

.cCelDPict {float: left; width: 300px; /*220*/ 
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
border-top: 2px #e4e0d5 solid;
border-bottom: 2px #e4e0d5 solid;
border-right: 2px #e4e0d5 solid;
border-left: 2px #e4e0d5 solid;
background-color: #dedacf;
}

.cCelPict {float: left; width: 320px; /*220*/}
.cCelPictTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
p.cCelTxt {float: left; width: 290px;/*270*/  padding-left:10px;}
a.cCelTxt:link {color: inherit;
    text-decoration: none;}