/*
Theme Name: iD Tech 2010
Theme URI: http://www.internaldrive.com
Description: The iD Tech 2010 theme
Author: Internal Drive (C. Snodgrass)
Version: 1.0
Tags: idtech
*/
html, body {
	height: 100%;
}

p {
}

body {
	width: 1000px;
	padding: 1px 0 0;	/* This and the -1px margin prevents unwanted collapsing margins */
	margin: -1px auto 0;
	font: 62.5%/1em Arial, Helvetica, sans-serif;
	background: url(/images/header.jpg) no-repeat top center;	
	position: relative;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

small {
	font-size: .8em;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#get_started {
	position: absolute;
	width: 319px;
	height: 200px;
	top: 169px;
	left: 669px;
}

#get_started h3 {
	display: none;
}

#get_started div {
	text-align: center;
	margin: 59px auto 0;
	position: relative;
	width: 195px;
}

#get_started ul {
	display: none;
	position: absolute;
	width: 193px;
	text-align: left;
	line-height: 1.4em;
	font-size: 1.2em;
	background: #FFF;
	border: 1px solid #999;
	left: 0;
	top: 21px;
	height: 180px;
	overflow-y: scroll;
	z-index: 2;
}

#get_started div:hover ul {
	display: block;
}

#get_started li {
	padding: 3px;
}

#get_started a {
	color: #000;
	text-decoration: none;
	display: block;
}

#get_started li:hover {
	background: #999;
}

#divEmailOverlay {
	width: 800px; 
	height: 750px; 
	text-align: center; 
	display: none;
	z-index: 99;
}

.Overlay {
  background-color: white;
  border: 2px solid gray;
  left: 50px;
  margin: 10px;
  position: absolute;
  top: 100px;
  z-index: 2;
}

#frmEmailPage {
  width: 800px;
  height: 700px;
  overflow: auto;
}

#footer {
	font-size: 1.2em;
	line-height: 1.6em;
	width: 100%;
	padding: 10px 100000px 40px;
	margin: 0 -100000px;
	background: #000;
	border: solid #5C5C5C;
	border-width: 1px 0 0;
	text-align: center;
	color: #FFF;
}

#social_media li {
	float: left;
	margin: 4px 15px 7px 0;
}

#social_media a {
	color: #FFF;
}

#social_media a img {
	text-decoration: none;
	margin: 0 5px 0 0;
}

#footer hr {
	clear: both;
	border: solid #666;
	border-width: 1px 0 0; 
}

#content {
	width: 950px;
	margin: 10px 0 40px;
}

.footer_nav {
	float: left;
	margin: 10px 0 0 50px;
}

.footer_nav li {
	text-transform: uppercase;
	text-align: left;
	width: 160px;
	margin: 10px 40px 0 0;
}

.footer_nav li ul {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	width: auto;
}

.footer_nav li li {
	text-transform: none;
	list-style: square outside url(/images/foot_button.jpg);
	width: auto;
	margin: 0;
	float: none;
}

.footer_nav li a {
	color: #8BC33D;
}

#footer p {
	clear: both;
	color: #FFF;
	text-align: left;
	padding: 40px 0 0;
	margin: -30px 0 0;
	font-size: .8em;
	line-height: 1.4em;
}

#request, #imagebanner form {
	padding: 0;
	border: solid #CCC;
	border-width: 0 0 1px;
	height: auto;
}

#request input, #imagebanner form input {
	padding: 0;
	border: 1px solid;
	height: 18px;
	background: #F0F0F0;
}

#request input[type="image"], #imagebanner form input[type="image"] {
	border: 0;
	float: right;
	margin: 2px 27px 0 0;
}


#content h2 {
	font-size: 1.2em;
	line-height: 1.33em;
	color: #FFF;
	padding: 8px 0 0;
}

#content h1 {
	padding: 0 0 10px;
}

#content h1 a {
	font-size: 3.2em;
	line-height: 1.125em;
	color: #FFF;
}

#sponsors {
	clear: both;
	width: 100%;
	padding: 0 100000px;
	margin: 0 -100000px;
	background: #CCC;
	height: 31px;
	border: solid #999;
	border-width: 0 0 5px 0;
}

.shadowbox {
	width: 950px;
	background: #E5E5E5;
	border: 1px solid #FAFAFA;
	-moz-box-shadow: 3px 3px 3px #666, -1px 0 1px #CCC, -1px 0 3px #666;
	-webkit-box-shadow: 3px 3px 5px #666;
	padding: 24px 10px 25px;
}

.shadowbox_content {
	background: #FFF;
	min-height: 100px;
	padding: 0 0 0 8px;
}

#request #FN, #imagebanner form #FN, #content #request #EA, #imagebanner form #EA{
	width: 110px;
	margin: 0 10px 28px 0;
}

#request #EA, #imagebanner form #EA {
	margin: 0 10px 20px 0;
}

#request #LN, #imagebanner form #LN{
	width: 150px;
}

#request #ZIP, #imagebanner form #ZIP {
	width: 80px;
}

#content .shadowbox h1 {
	font-size: 3em;
	line-height: 1.2em;
	font-weight: bold;
	color: #7AAE33;
	margin: 5px 0 15px;
}

#content .shadowbox h2 {
	font-size: 2em;
	line-height: 1.2em;
	color: #00549E;
	font-weight: bold;
	margin: 5px 0 0;
}

#content .shadowbox p {
	font-size: 1.2em;
	line-height: 1.334em;
	margin: 10px 0;
}

.locations .shadowbox_content {
	padding: 0 8px;
}

.locations h4 {
	font-size: 2em;
	line-height: 1em;
	color: #FFF;
	background: #7AAE33 url(/images/green_header.png) repeat-x;
	padding: 10px 0 3px 20px;
	font-weight: bold;
	border: solid #999;
	border-width: 0 0 5px;
}

.shadowbox .social {
	clear: both;
	border: solid #AEAEAE;
	border-width: 1px 0 0;
	margin: 60px 40px 0 10px;
	font-size: 1.0em;
}

.shadowbox .social li {
	float: left;
	font-size: 1.1em;
	line-height: 3em;
	font-weight: bold;
	padding: 0 0 0 24px;
	margin: 0 2em 0 0;
}

.shadowbox .social a {
	color: #666;
}

.shadowbox .social .email {
	background: url(/images/email_green.gif) no-repeat left 8px;
}

.shadowbox .social .digg {
	background: url(/images/digg.gif) no-repeat left 8px;
}

.shadowbox .social .tweet {
	background: url(/images/retweet_small.gif) no-repeat left 8px;
}

.locations table {
	width: 100%;
	border: solid #C9C9C9;
	border-width: 0 1px 1px;
	margin: 0 0 60px;
}

.locations td {
	width: 33.3%;
}

.locations table h5 {
	font-size: 1.5em;
	line-height: 1em;
	padding: 3px 0 10px 8px;
	font-weight: bold;
	background: url(/images/sidebar_title.png) repeat-x;
}

.locations table a {
	color: #00549E;
}

.locations table ul {
	margin: 10px 0 0 15px;
}

.locations table li {
	font-size: 1.2em;
	line-height: 2em;
	background: url(/images/grn_arrow.gif) no-repeat left 5px;
	padding: 0 0 0 24px;
}

.right.rss {
	float: right;
	margin: 4px 45px 20px 0;
	border: 0;
}

.blog-news .left {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}

.blog-news hr {
	border: solid #AEAEAE;
	border-width: 1px 0 0;
	margin: 0 45px 0 0;
}

.blog-news #main hr {
	margin: 0;
}

.blog-news a {
	color: #00549E;
}

.blog-news .comments_link {
	text-align: right;
}

.blog-news .nav {
	margin: 20px 0 0;
}

.blog-news .nav .right {
	margin: -1em 0 0;
}

.uppercase {
	text-transform: uppercase;
}

.course.no-parent #main h1, .course.no-parent #main h3, .course.no-parent #main p {
	margin-left: 120px;
}

#content.location.no-parent .shadowbox_content h1 {
	font-weight: bold;
	padding: 20px 0 0;
}

.course.no-parent #main h2 {
	margin-bottom: 10px;
}

.course.no-parent #main h3 {
	font-size: 1.8em;
	color: #666;
}

.course.no-parent #main h4, .location.no-parent h4 {
	font-size: 1.2em;
	font-weight: bold;
	background: #88C03D url(/images/green_header.png) repeat-x;
	color: #FFF;
	padding: 8px 20px 8px 20px;
	border: #999 solid;
	border-width: 0 0 5px;
}

.location.no-parent h4 {
	margin: 40px 0 0;
}

.location.no-parent h4 a {
	color: #FFF;
}

.location.no-parent .righttext a {
	display: block;
	float: right;
	margin: -10px 0 0;
	padding: 10px 25px 10px 0;
	background: url(/images/q_mark_blue.jpg) right 3px no-repeat;
}

.location.no-parent .shadowbox_content {
	padding-right: 20px;
}

.course.no-parent table, .location.no-parent table {
	background: #E2E2E2;
	border: 1px solid #C9C9C9;
	margin: 0 0 40px;
}

.location.no-parent table {
	width: 100%;
}

.course.no-parent th {
	text-align: left;
	padding: 0 0 3px;
	border: groove #FFF;
	border-width: 0 0 2px;
}

.course.no-parent tr, .location.no-parent tr {
	border: #E2E2E2 solid;
	border-width: 0 20px;
}

.course.no-parent td, .location.no-parent td {
	vertical-align: top;
	border: groove #FFF;
	border-width: 0 0 2px;
	padding: 10px 0 3px;
}

.course.no-parent td.noborder, .location.no-parent td.noborder {
	border: 0;
	padding-bottom: 10px;
	text-align: right;
}

.course.no-parent #main td p {
	margin: 10px 0;
	font-size: 1.2em;
}

.course.no-parent #main td p.small {
	font-size: 1.0em;
}

.course.no-parent #main td span.small {
	font-size: .8333em;
}

.course.no-parent td.second {
	padding: 10px 20px 3px 10px;
}

.course.no-parent td h5, .location.no-parent td h5 {
	color: #F60;
	line-height: 1.142em;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 3px;
}

.location.no-parent .social {
	margin: 0;
}

.course.no-parent td h5 a, .location.no-parent td h5 a {
	color: #00549E;
}

strong {
	font-weight: bold;
}

.course.no-parent td.vmiddle {
	vertical-align: middle;
}

.location.no-parent td.vmiddle {
	vertical-align: middle;
	text-align: right;
}

.vmiddle {
	vertical-align: middle;
}

#content h2.smaller {
	font-size: 2.0em;
}

.our_programs dt {
	float: left;
}



.our_programs {
	position: relative;
	width: 276px;
}

.our_programs dd {
	position: absolute;
	top: 69px;
	background: #E8E8E8;
	font-size: 1.2em;
	line-height: 1.667em;
	padding: 4px 7px;
	width: 262px;
}

.our_programs strong {
	color: #000;
}

.our_programs dt:hover {
	background: #E8E8E8;
}

.our_programs dt+dd {
	display: none;
}

.our_programs dt:hover+dd {
	display: block;
}

#content #blogroll .our_programs img {
	margin: 0;
}

.right {
	float: right;
	background: #FFF;
	border: 2px solid #CCC;
	padding: 8px;
	margin-left: 15px;
	margin-right: 10px;
}

h1.left {
	width: 730px;
	float: left;
}

.page ul, .page ol {
	font-size: 1.2em;
	line-height: 1.333em;
	list-style: disc;
	padding-left: 40px;
}

.page ol {
	list-style: decimal;
	padding: 12px 0 0 40px;
}

.page #sidebar ul, .page .social {
	list-style: none;
	padding: 0;
}

a {
	color: #00549E;
}

#content .shadowbox h1 a {
	font-size: 1em;
	color: #7AAE33;
}

.camp th {
	background: #88C03D url(/images/green_header.png) repeat-x;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	padding: 8px 20px;
	text-align: left;
	border: solid #999;
	border-width: 0 0 5px;
}

.camp td {
	padding: 4px 20px 0;
	background: #E2E2E2;
	font-size: 1.2em;
	line-height: 1.333em;
	vertical-align: top;
}

.aligncenter {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 10px 0 20px;
}

.shadowbox_content.programming-courses {
	background: #FFF url(/images/icon_course_programming.jpg) no-repeat 5px 10px;
}

.shadowbox_content.junior-camp-courses {
	background: #FFF url(/images/icon_course_junior.jpg) no-repeat 5px 10px;
}

.shadowbox_content.video-game-camps {
	background: #FFF url(/images/icon_course_vgc.jpg) no-repeat 5px 10px;
}

.shadowbox_content.game-modeling-modding {
	background: #FFF url(/images/icon_course_modding.jpg) no-repeat 5px 10px;
}

.shadowbox_content.web-design-graphic-arts-courses {
	background: #FFF url(/images/icon_course_web.jpg) no-repeat 5px 10px;
}

.shadowbox_content.digital-video-courses {
	background: #FFF url(/images/icon_course_film.jpg) no-repeat 5px 10px;
}

.shadowbox_content.specialty-camps-sports-camps {
	background: #FFF url(/images/icon_course_hybrid.jpg) no-repeat 5px 10px;
}

.video.right {
	border: 0;
	margin-left: 20px;
	float: right;
}

#main form {
	font-size: 1.2em;
	line-height: 1.33em;
}

.videopage {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #999999;
    float: inherit;
    margin-bottom: 10px;
    padding: 8px;
}

.tubepress_container {
    float: left;
    margin-bottom: 2em;
    width: 100%;
}
.tubepress_normal_embedded_wrapper {
    margin: auto;
    text-align: left;
}
.tubepress_embedded_title {
    font-size: larger;
    font-weight: bold;
    margin-bottom: 0.3em;
}
.tubepress_thumbnail_area {
    margin-top: 1em;
}
.tubepress_thumbs {
    float: left;
    padding: 1em 5px 0;
    width: 100%;
}
.tubepress_thumb {
    float: left;
    font-size: 11px;
    height: 175px;
    line-height: 1.1em;
    overflow: hidden;
    width: 33%;
}
.tubepress_thumb a {
    cursor: pointer;
}
.tubepress_meta_group {
    margin-top: 0;
    text-align: left;
}
.tubepress_meta_group dd {
    margin: 0;
}
.tubepress_meta_group dt {
    clear: left;
}
.tubepress_meta {
    float: left;
}
dt.tubepress_meta_title, dt.tubepress_meta_runtime, dt.tubepress_meta_url, dt.tubepress_meta_description {
    display: none;
}
dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover {
    clear: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 0;
}
dd.tubepress_meta_runtime {
    clear: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0;
}
dt.tubepress_meta_author, dt.tubepress_meta_keywords, dt.tubepress_meta_category, dt.tubepress_meta_rating, dt.tubepress_meta_ratings, dt.tubepress_meta_likes, dt.tubepress_meta_id, dt.tubepress_meta_views, dt.tubepress_meta_uploaddate {
    color: #666666;
    font-style: italic;
}
dt.tubepress_meta_author:after, dt.tubepress_meta_keywords:after, dt.tubepress_meta_category:after, dt.tubepress_meta_rating:after, dt.tubepress_meta_ratings:after, dt.tubepress_meta_likes:after, dt.tubepress_meta_id:after, dt.tubepress_meta_views:after, dt.tubepress_meta_uploaddate:after {
    content: ":";
}
dd.tubepress_meta_author, dd.tubepress_meta_keywords, dd.tubepress_meta_category, dd.tubepress_meta_rating, dd.tubepress_meta_ratings, dd.tubepress_meta_likes, dd.tubepress_meta_id, dd.tubepress_meta_views, dd.tubepress_meta_uploaddate {
    margin-left: 0.5em;
}
dd.tubepress_meta_url {
    clear: left;
}
.tubepress_sidebar .tubepress_thumb {
    height: auto;
    margin-top: 1em;
    width: 100%;
}
.tubepress_container div.pagination {
    clear: both;
    margin: 3px;
    padding: 3px;
    text-align: center;
}
.tubepress_container div.pagination a {
    background-position: center bottom;
    border: 1px solid #DEDFDE;
    color: #0061DE;
    cursor: pointer;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}
.tubepress_container div.pagination a:hover, div.meneame a:active {
    background-color: #0061DE;
    background-image: none;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.tubepress_container div.pagination span.current {
    color: #FF0084;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}
.tubepress_container div.pagination span.disabled {
    color: #ADAAAD;
    margin-right: 3px;
    padding: 2px 6px;
}
div.tubepress_single_video {
    float: left;
    text-align: left;
    width: 100%;
}
div.tubepress_single_video dd.tubepress_meta_description {
    margin-bottom: 0.8em;
    margin-top: 0.3em;
}

em {
	font-style: italic;
}

.camp td ul, .camp td ol {
	font-size: 1em;
}

.left {
	float: right;
	padding: 0;
}

#get_started.state {
	background: url(/images/selectState.jpg) no-repeat;
	position: static;
	float: right;
	margin: 10px 30px 0 50px;
	width: 265px;
	height: 135px;
}

#get_started.state:hover ul {
	display: block;
	position: relative;
	padding: 0;
	list-style: none;
	margin: 74px 0 0 49px;
	width: 177px;
}

sup {
	font-size: smaller;
	vertical-align: super;
}

.hasJS .urbangreymenu ul {
	display: none;
}

#main.no_sidebar {
	width: 100%;
}

#content_frame {
	width: 100%;
	overflow: hidden;
}

#onSiteContent {
	float: left;
	width: 380px;
}

.id-onsite-bringing-our-summer-computer-camp-to-you #content_frame {
	float: right;
	width: 519px;
}