body {
margin: 0px;
text-align: center;
color: #777777;
background-color: #efeeee;
font-family: Geneva, Arial, helvetica, sans-serif;
font-size: .8em;
}
/* REMEMBER: TABLES SHIELD THEIR CONTENT FROM CASCADES !!!!!! */
table { 
font-size: 1em;
}
p, h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}
p {
margin-bottom: .75em;
}
h1, h2, h3 {
font-weight: bold;
}
h1 {
margin-top: 6px;
margin-bottom: 4px;
color: #dddddd;
font-size: 1.3em;
text-transform: uppercase;
}
h2 {
margin-top: 4px;
font-size: 1.15em;
}
h3 {
font-size: 1em;
}
a:link, a:visited, a:active, a:hover {
color: #2299dd; /*#669999;*/
text-decoration: none;
}
a:hover {
color: #ff9900;
}
img {
margin: 0px;
padding: 0px;
border: 1px #cccccc solid;
}
ul {
float: none;
clear: both;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 12px;
list-style-position: inside;
list-style-type: square;
}
/* ================================== IDs */
#body-center {
text-align: left;
width: 600px;
margin: 4px auto 4px auto;
}
#logo img{
border: 0px;
}
#logo {
padding-left: 7px;
width: 207px;
}
#nav-main {
position: relative;
left: 10px;
text-transform: uppercase;
font-size: 12px;
word-spacing: 4px;
}
#container {
border: 1px solid #777777; /*#222222; #E3B37D*/
background-color: #ffffff;
}
#content {
margin: 12px;
}
#cv {
margin: 0px 20px;
text-align: justify;
}
#rights {
text-align: center;
font-size: .75em;
}
#slide-image {
text-align: center;
}
#slide-image img{
border: 0px;
}
#slide-nav {
float: left;
}
#slide-caption {
margin-left: 150px;
width: 400px;
clear: right;
}
/* ================================== IDs */

/* ================================== CLASSES */
.flash-feature {
width: 100%;
clear: both;
border: 1px #cccccc solid;
}
.section-break {
color: #aaaaaa;
background-color: #dddddd;
width: 100%;
line-height: 1.25em;
padding-left: 5px;
clear: both;
margin-bottom: 12px;
}
.clear {
background-color: none;
width: 100%;
height: 1px;
clear: both;
}
.goto { /* for 'go to project' links in resume and portfolio*/
font-size: .9em;
}
.ti {
font-style: italic;
}
.projname {
font-weight: bold;
}
.proj {
margin-left: 24px;
margin-right: 24px;
}


/* ideally, spacing of consec list-items could be arranged here by also spec'ing a margin
however, margin only seems to work in firefox when spec'd to sub items, like img and p. */
.list-item {
clear: both;
}
/* so this second list-item spec functions to space out consec instances of that type or
else that type against a section break or whatever.  img is just used here as the pressumably
tallest sub element, and because, of course, p, b, h2 are not desired to have a space after them */
.list-item img {
margin-bottom: 12px;
}
/*
fixes IE vis problem, req's literal widht assignment
.list-item p, .list-item h2, .list-item b {
width: 360px;
float: left;
}
NOTE: this whole item commented following new display problems (between bold top line and
proceeding brief paragraph text in a typical project list page) that appeared with the
introduction of the "container" table -- instead of div -- in the top and bot template includes
well FUCK, removing that 
*/
/* added this since fucking list-items in ie have extra fat vert space between them now that all content is in 1 table. */
.list-item p {
margin-bottom: 0em;
}


.list-title {
text-align: right;
font-weight: bold;
color: #dddddd;
font-size: 1.3em;
text-transform: uppercase;
width: 100%;
clear: both;
}
/* ================================= CLASSES */

/*================================== Images */
/* IT IS ASSUMED THERE WILL NOT EVER BE ONE OF THESE AS PART OF A LIST-ITEM DIV
SO, THEN, AUTOMATIC MARGINS HAVE BEEN APP'D */
.centered {
margin: 6px 0px;
width: 100%;
clear: both;
border: 0px;
}
.alignright {
float: right;
margin-left: 12px;
}
.alignleft {
margin-right: 12px;
float: left;
}
/*================================== Images */