/*GLOBAL TAGS------------------------------------------------------------------------------------------------*/		
body { padding:0px; margin:0px; border:none; background-color:#fff; font: normal 8pt verdana, arial, helvetica, sans-serif; line-height:16px; }
a,
a:link,
a:active,
a:visited { color: #48c; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }
img { border:none; vertical-align: bottom; }
form,
input { margin:0px; padding:0px; }
frameset,
frame { border:none; }
li { list-style: square url(http://cyclopea.org/_img/resume.bullet.gif) outside; margin:0px 0px 0px 16px; padding:0px; vertical-align:text-bottom; }
.updated { padding-top: 16px; font-size:7pt; color:#aaa; display:block; clear:both; }
/*OVERLIB global settings------------------------------------------------------------------------------------*/		
.ttbox { border: solid 1px #fff; background-color:#8be; padding: 0px 2px; margin: 0px; }/*the box*/
.tt { font: normal 8pt verdana, arial, helvetica, sans-serif; color: #fff; padding: 0px; margin: 0px; }/*text within the box*/
/*NAV global settings----------------------------------------------------------------------------------------*/		
.wrapper {}
.nav { width: 100%; height:auto; border-bottom: solid 1px #ddf; background-color:#f4f4f4; padding:4px 16px; margin-bottom:16px; font: normal 7pt verdana, arial, helvetica, sans-serif; color:#ccc; }/*the navbar links*/
.nav a {}
.nav a,
.nav a:link,
.nav a:active,
.nav a:visited { color: #48c; text-decoration: none; }
.nav a:hover { color: #f00; text-decoration: underline; }
.nav a {padding:0px 4px;}
.nav a img { text-align:right; }
.root { } /*the 'cyclopea.org' link*/
a.root,
a.root:link,
a.root:active,
a.root:visited { color: #666; text-decoration: none; font-style: normal; font-weight:bold; }
a.root:hover { color: #f00; text-decoration: underline; font-weight:bold;}
/*resume----------------------------------------------------------------------------------------------------*/
#resume { width:750px; }
.section { display:block; clear:both; }
.contactname,
.sectiontitle { width:200px; font-weight:bold; text-transform: uppercase; float:left; text-align:right; letter-spacing:.2em; padding-right:16px; }/*what lies to the left*/
.sectiontitle { color:#aaa; }
.name { background-color:;
#aaa;
color:;
#f00;
padding:;
0px 4px;
border:;
solid 1px #aaa;
}
.sectionbody { width:500px; float:left; display:block; padding-bottom:32px; padding-left:;
16px;
border-left:;
solid 1px #eee;
}/*what lies to the right*/
.contactcity { }
.contactemail { }
.contacturl { }
.contactphone { }
.companybody { float:left; display:block; }
.companyposition { font-weight: bold; }
.gametitles li { margin-top: 16px; }
.gametitle { font-weight: bold; font-style:italic; padding-top:16px; }
/*portfolio gallery------------------------------------------------------------------------------------------*/
#gallery { width:750px; }
.galleryitem { display:block; clear:both; }
.galleryitemleft { width:200px; float:left; text-align:right; padding-right:16px; }	/*what lies to the left*/
.galleryindex { font-weight:bold; text-transform: uppercase; letter-spacing:.1em; }
.galleryitemright { float:left; width:500px; padding-bottom:8px; }	/*what lies to the right*/
.galleryitemimage { float:left; }
.galleryitemimage a img { border:solid 1px #ddd; margin-right:8px; }
.galleryitemimage a:hover img { border:solid 1px #f00; }
.galleryitemtext { }
.galleryitemtext a { font-style: italic; font-weight:bold; }
.galleryitemleft .updated { margin-left:16px; padding-top:0px; }
/*portfolio preview frame------------------------------------------------------------------------------------*/
#preview { text-align:center; padding:8px 0px; }
#preview div a img { border:solid 1px #ddd; margin:4px 1px; }
#preview div a:hover img { border:solid 1px #f00 }
/*portfolio photo frame--------------------------------------------------------------------------------------*/
#photo { text-align:center; font: normal 7pt }
.photoframe { background-color:#f00; }
.navimageleft,
.navimageup,
.navimageright { float:left; padding-top:0px; margin-top:0px }
.imagecaption { margin:8px; }
.imagewrapper { padding-bottom:512px; }
.imagewrapper a { margin:1px; }
.imagewrapper a:hover { margin:1px; border:solid 1px #f00; }