/* - - - GENERAL HTML ELEMENTS - - - */
body {color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}
p {text-align: left; padding: 0; margin: 0px 0px 8px 0px;}
a:link,
a:visited {color: #090; text-decoration: none;}
a:hover,
a:active {color: #0c0; text-decoration: none;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px; font-weight:normal; margin: 0px 0px 2px 0px; padding:0;}
h3 {font-size: 12px; line-height: 15px; font-weight:bold; margin: 0px 0px 2px 0px; padding:0;}
h4 {font-size: 11px; line-height: 14px; font-weight:bold; margin: 0px 0px 2px 0px; padding:0;}
ul {margin: 0px 0px 10px 25px; padding: 0px;}
ul li {margin: 0px 0px 4px 0px; padding: 0px}
ol {margin: 0px 0px 10px 30px; padding:0px}
ol li {margin: 0px 0px 4px 0px; padding:0px;}
small {font-size: 9px; line-height: 13px;}
.floatright {float:right; margin:0px 0px 10px 10px; position: relative;}
.floatleft {float:left; margin:0px 10px 10px 0px; position: relative;}
.clearboth {clear: both;}
/* - - - GENERAL LAYOUT - - - */
body {background: #000; margin: 0; padding: 0; text-align:center;}
#container {width:900px; text-align:left; margin:0px auto; padding:0px;}
#header {position:relative; width:900px; height:80px}
#header_logo {position:absolute; top:0px; left:0px;}
#header_topnav {position:absolute; top:22px; left:480px; width:450px; height:45px;}
#header_auth {position:absolute; top:6px; left:450px; width:440px; height:20px; color: #0c0; text-align: right; }
.content,
.content_bottom {position: relative; clear: both; border: 1px solid #2e2e2e; background: #000; padding:1px; color: #000;}
.content_bottom {margin-top: 15px;}
#footer {padding-left:100px; color:#999;}
#footer img {float:left;}
#footer p {padding-top:30px;}
/* - - - STYLES BY SECTION - - - */
/* HOME */
#home {font-size: 10px; line-height: 13px; position:relative; width:896px; height:431px; background: #dcdcdc url(../i/home_main_desc_bg.gif) top right no-repeat;}
#home #home_photo {position:absolute; top: 0px; left: 0px; width:598px; height:431px;}
#home #home_desc {position:absolute; top: 18px; left: 618px; width: 260px;}
#home_boxes {font-size: 10px; background: #262626; color: #fff; height: 130px;}
.home_box {float:left; padding:12px; width:298px; voice-family: "\"}\""; voice-family:inherit; width:274px;}
.middle {border-width: 0px 1px; border-style: solid; border-color: #000; height: 130px; voice-family: "\"}\""; voice-family:inherit; height:106px;}
#home_boxes small {color:#ccc;}
#home_boxes p {margin-bottom:4px;}
#home_boxes img {float:left; border: 3px solid #fff; margin: 0px 10px 10px 0px;}
#home_boxes h3 a:link,
#home_boxes h3 a:visited {color: #fff; text-decoration: none;}
#home_boxes h3 a:hover,
#home_boxes h3 a:active {color: #0c0; text-decoration: none;}
/* ABOUT */
#about {background: #fff url(../i/about_bg.gif) top left repeat-y;}
#about_nav {float:left; width:218px; position: relative;}
#about_nav ul {width:218px; padding: 0; margin: 0; list-style-type: none;}
#about_nav ul li {background: url(../i/about_sidenav_li_bg.gif) no-repeat bottom left; padding: 6px 12px 8px 12px; margin: 0; list-style-type: none;}
#about_nav ul li.active {background: url(../i/about_sidenav_li_bg_active.gif) no-repeat bottom left;}
#about_nav ul ul {width:auto; padding: 0; margin: 0; list-style-type: none;}
#about_nav ul ul li {background:none; padding: 2px 0px 0px 10px; margin: 0; list-style-type: none;}
#about_content {padding: 25px 25px 15px 243px;}
#about_content h4.tagline {color: #999; margin-bottom:15px;}
#about_content .bordertop {margin-top: 10px; padding-top:10px; border-top:1px solid #dbdbdb;}
#about_content small {color:#999;}
#about_content small a {color: #999; text-decoration: underline;}
#about_content ul.archives {margin: 0px; padding: 0px; list-style-type: none;}
#about_content ul.archives li {margin: 0px 0px 5px 0px; padding: 0px; list-style-type: none;}
#about_content table#tutorial {width: 625px; text-align: left; margin-top: 15px;}
#about_content table#tutorial tr{vertical-align: top;}
#about_content table#tutorial td{width: 50%; padding-bottom: 1em;}
#about_content table#tutorial img{border: none; margin-bottom: 1em;}
/* PROJECTS MAIN */
#projects {position:relative; width:896px; height:208px; background: #dcdcdc url(../i/projects_main_desc_bg.gif) top right no-repeat;}
html>body #projects {height: auto; min-height: 208px;}
#projects #projects_photo {position:absolute; top: 4px; left: 4px;}
#projects #projects_desc {position:relative; padding: 18px 0 5px 0; margin-left: 228px; width: 648px;}
#projects #projects_desc small {color:#666;}
#projects #projects_desc .date {color:#666;}
#projects h1 a:link,
#projects h1 a:visited {color: #000;}
#projects h1 a:hover,
#projects h1 a:active {color: #0c0;}
#projects .greyHeader {font-size: 11px; color: #cfcfcf; font-weight: bold; }
#projects_list {position:relative; background: #808080; color: #fff;}
#projects_list h3 a:link,
#projects_list h3 a:visited {color: #fff;}
#projects_list h3 a:hover,
#projects_list h3 a:active {color: #0c0;}
#projects_list .projectinfo {color: #000;}
#projects_list .projectinfo a:link,
#projects_list .projectinfo a:visited {color: #000;}
#projects_list .projectinfo a:hover,
#projects_list .projectinfo a:active {color: #0c0;}
#projects_list .col1photo {padding:10px; text-align:center; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #666;}
#projects_list .col2desc {padding:15px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #666;}
#projects_list .col3photo {padding:10px; text-align:center; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #666;}
#projects_list .col4desc {padding:15px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #666;}
.col1photo img,
.col3photo img {border: 1px solid #666;}
/* USERGALLERY */
.galleryImageThumb { border: 1px solid #666666; margin:0px; margin-top:10px; margin-bottom:10px; padding:0px; /*width: 100px; height: 100px;*/ }
.galleryImageCell { width:148px; /*height:148px;*/ padding:0px; margin:0px; background: #808080; }
.galleryImageInfoBox { cursor:pointer; visibility:hidden; width:160px; height:59px; font-size:10px; padding:5px; margin:0px; z-index:200; background:url('/i/usergallery_tip_bg.gif'); background-repeat:no-repeat; color:#eee; }
/* PROJECTS DETAIL */
#projectsdetail {color:#fff; position:relative; background: #fff url(../i/projects_detail_bg.gif) top right repeat-y; height: 1%;}
html>body #projectsdetail {height: auto;}
#projectsdetail_nav {float:left; width:219px; position: relative; height:1%;}
html>body #projectsdetail_nav {height:auto;}
#projectsdetail_nav ul {width:219px; padding: 0; margin: 0; list-style-type: none;}
#projectsdetail_nav ul li {background: url(../i/projects_detail_sidenav_li_bg.gif) no-repeat bottom left; padding: 6px 12px 8px 12px; margin: 0; list-style-type: none;}
#projectsdetail_nav ul li.active {background: url(../i/projects_detail_sidenav_li_bg_active.gif) no-repeat bottom left;}
#projectsdetail_nav ul ul {width:auto; padding: 0; margin: 0; list-style-type: none;}
#projectsdetail_nav ul ul li {background:none; padding: 2px 0px 0px 10px; margin: 0; list-style-type: none;}
#projectsdetail_content {padding: 25px 25px 15px 234px;}
html>body #projectsdetail_content {padding-left: 243px;}
#projectsdetail_content p.projectinfo {color: #999; margin-bottom:15px;}
#projectsdetail_content span.infohead {color: #999; font-weight: bold; }
#projectsdetail_content p.infobody { margin-bottom:15px;}
#projectsdetail_content .bordertop {margin-top: 10px; padding-top:10px; border-top:1px solid #dbdbdb;}
#projectsdetail_content small {color:#999;}
#projectsdetail_content small a {color: #999; text-decoration: underline;}
#projectsdetail_content ul.archives {margin: 0px; padding: 0px; list-style-type: none;}
#projectsdetail_content ul.archives li {margin: 0px 0px 5px 0px; padding: 0px; list-style-type: none;}
#projectsdetail_photos {width: 630px; background:#808080; border:1px solid #666; margin-top:10px;}
#projectsdetail_photos td {padding:15px; width: 33%; text-align:center;}
#projectsdetail_photo1 {background:url(../i/projects_detail_number1.gif) top left no-repeat;}
#projectsdetail_photo2 {background:url(../i/projects_detail_number2.gif) top left no-repeat; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #666;}
#projectsdetail_photo3 {background:url(../i/projects_detail_number3.gif) top left no-repeat;}
/* SCHOOLS */
#schools {position:relative; background: #262626; color: #fff;}
#schools td {padding:7px 15px;}
#schools .cell_date_dark,
#schools .cell_school_dark,
#schools .cell_location_dark,
#schools .cell_pdf_dark {background: #222;}
#schools .cell_school,
#schools .cell_location,
#schools .cell_pdf,
#schools .cell_school_dark,
#schools .cell_location_dark,
#schools .cell_pdf_dark {border-width: 0px 0px 0px 1px; border-style: solid; border-color: #2e2e2e;}
#schools .cell_location,
#schools .cell_location_dark {color:#aaa;}
/* MISC */
#misc {background: #fff; }
#misc_nav {float:left; width:218px; position: relative;}
#misc_nav ul {width:218px; padding: 0; margin: 0; list-style-type: none;}
#misc_nav ul li {background: url(../i/about_sidenav_li_bg.gif) no-repeat bottom left; padding: 6px 12px 8px 12px; margin: 0; list-style-type: none;}
#misc_nav ul li.active {background: url(../i/about_sidenav_li_bg_active.gif) no-repeat bottom left;}
#misc_nav ul ul {width:auto; padding: 0; margin: 0; list-style-type: none;}
#misc_nav ul ul li {background:none; padding: 2px 0px 0px 10px; margin: 0; list-style-type: none;}
#misc_content {padding: 25px 25px 15px 243px;}
#misc_content h4.tagline {color: #999; margin-bottom:15px;}
#misc_content .bordertop {margin-top: 10px; padding-top:10px; border-top:1px solid #dbdbdb;}
#misc_content small {color:#999;}
#misc_content small a {color: #999; text-decoration: underline;}
#misc_content ul.archives {margin: 0px; padding: 0px; list-style-type: none;}
#misc_content ul.archives li {margin: 0px 0px 5px 0px; padding: 0px; list-style-type: none;}
a.page_num_current { color: white; }
span.infohead {color: #999; font-weight: bold; }