/* typography */

h2{ position: relative; font-family: Georgia; font-size: 24px; font-weight: normal; color: #fff; padding: 10px; background: #333 url('/images/common/corner-gray.gif') top right no-repeat; margin-bottom: 10px; }
#more_projects_toggle{ position: absolute; right: 65px; top: 15px; font-size: 14px; color: #ccc; }
html>body #more_projects_toggle{ position: absolute; right: 40px; top: 15px; font-size: 14px; color: #ccc; }
#more_projects_toggle:hover{ color: #fff; text-decoration: none; }

/* Project Cells */

div.recent_projects{ width: 100%; }
div.recent_projects .project{ float: left; margin-right: 10px; width: 294px; height: auto; position: relative; margin-bottom: 10px; overflow: hidden; }
div.recent_projects .last{ margin-right: 0px; }
div.recent_projects .left,
div.recent_projects .last{ width: 293px; }

div.projects_archive{ width: 100%; overflow: hidden; }
div.projects_archive .projecta{ float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
div.projects_archive .endofrow{ margin-right: 0px; }
div.projects_archive .projecta a{ border: 5px solid #e5e5e5; width: 162px; height: 92px; }
div.projects_archive .projecta a:hover{ border: 5px solid #666666; }
div.projects_archive .last{ margin-right: 0px; }

/* Project Rollovers */

.project a, .projecta a{ display: block; text-decoration: none; overflow: hidden; }
.project span.desc{ float: left; width: 295px; padding: 10px; color: #666; background-color: #e5e5e5; border-bottom: 1px solid #ccc; font-size: 14px; }
.project a img{ text-decoration: none; border: none; } /* IE6 Hack */
.project a span.desc{ text-decoration: none; } /* IE6 Hack */

/* Project Tooltip Rollovers */

#tooltip {
	position: absolute;
	z-index: 3000;
	background: #000 none;
	padding: 6px;
	opacity: 0.85;
        text-align: left;
}
#tooltip h3{
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        padding: 0px;
        margin: 0px;
}
#tooltip h3, #tooltip div { margin: 0; }

/* View More Links */

div.view_more{ width: 100%; text-align: right; margin: 10px 0px; }
div.view_more a{ font-family: Georgia; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; }
div.view_more a:hover{ color: #006c99; text-decoration: none; }

/* Portfolio - Project Details */

#project_details{ float: left; width: 600px; margin-right: 20px; margin-top: 10px; overflow: hidden; }
#project_details .caption{ background: #dedede; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 20px; margin-top: 5px; margin-bottom: 20px; }
#project_details .caption p{ margin: 0px; padding: 0px; font-family: Georgia; font-size: 12px; font-weight: normal; color: #666; }

#project_sidebar{ float: left; width: 279px; overflow: hidden; }
#project_sidebar .container{ padding: 20px; background: #dedede; border-left: 1px solid #ccc; margin-top: 10px; }
#project_sidebar h4{ color: #000; font-family: Georgia; font-style: oblique; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
#project_sidebar p{ font-family: Arial, "MS Trebuchet", sans-serif; font-size: 11px; }
#project_sidebar p strong{ color: #000; }
#project_sidebar a{ color: #006c99; text-decoration: none; }
#project_sidebar a:hover{ color: #000; text-decoration: none; }

#comments{ margin-top: 30px; }
#comments h2{ font-family: Georgia; font-size: 24px; font-weight: normal; color: #fff; padding: 10px; background: #333 url('/images/common/corner-gray.gif') top right no-repeat; margin-bottom: 10px; }
#comments .textarea{ width: 598px; height: 150px; background-color: #fff; border: 1px solid #ccc; }
#comments .submit_btn{ background-color: #006c99; color: #fff; font-family: Georgia; font-size: 18px; font-weight: normal; border: none; padding: 10px 20px; }
#comments .submit_btn:hover{ background-color: #008ac4; cursor: pointer; }
#comments .comment_entry{ background: url('/images/common/comment_divider.gif') bottom left repeat-x; padding: 20px 10px 5px 10px; }
#comments .last{ background: none; padding-bottom: 0px; }
#comments .author{ background: #efefef; }
#comments #comment_form_container{ margin-top: 20px; }

#video{ margin-bottom: 10px; }