/*  



Theme Name: Mainstream



Version: 1.8



Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.



Author: WooThemes



Author URI: http://www.woothemes.com



*/







/*-----------------------------------------------







INDEX:







1. SETUP



-1.1 Defaults



-1.2 Hyperlinks







2. SITE STRUCTURE & APPEARANCE



-2.1 Containers



-2.2 Header



-2.3 Navigation



--2.3.1 Drop-downs



-2.4 Introduction



-2.5 Content



-2.6 Sidebar



-2.7 Footer







3. WIDGETS







4. POSTS



-4.1 Typographic Elements



-4.2 Images



-4.3 PageNavi







5. COMMENTSAREA



-5.1 Comments



-5.2 Comments Form



-5.3 Gravity forms







6. GENERAL STYLES







-----------------------------------------------*/















/*-----------------------------*/



/* 1. SETUP */



/*-----------------------------*/







/* 1.1 Defaults */







body  {



	font: 14px Helvetica, Arial, Sans-serif;



	line-height: 1.5;  /*unitless for proper inheritance*/



}







h1, h2, h3, h4, h5, h6  {



	margin: 0;



	font-family: Arial,Helvetica,Sans-serif;



}







h1  {font-size: 30px} h2  {font-size: 24px} h3  {font-size: 20px}



h4  {font-size: 18px} h5  {font-size: 14px} h6  {font-size: 12px}







p  {margin: 18px 0;}







/* 1.2 Hyperlinks */







a:link, a:visited  { text-decoration: none; }



a:hover  { text-decoration: underline; }







h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,



h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {



	text-decoration: none;



}







h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}



































































#slider_guide {



	background-image: url(http://tic.ocls.info/images/programming_guide.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 238px;



	margin:-15px 0px 20px 0px;



}











#slider_techtalks {



	background-image: url(http://tic.ocls.info/images/techtalks_webbanner.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 238px;



	margin:-15px 0px 20px 0px;



}





#slider_newtechtalks {



	background-image: url(http://tic.ocls.info/images/techtalks032715.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 64px;



	

}



#slider_meetups {



	background-image: url(http://tic.ocls.info/images/meetups032715.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 64px;



	

}









#slider_fab {



	background-image: url(http://tic.ocls.info/images/header_fab.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}







#slider_photo {



	background-image: url(http://tic.ocls.info/images/header_photo.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}







#slider_video {



	background-image: url(http://tic.ocls.info/images/header_video.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}







#slider_sim {



	background-image: url(http://tic.ocls.info/images/header_sim.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}







#slider_audio {



	background-image: url(http://tic.ocls.info/images/header_audio.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}







#slider_more {



	background-image: url(http://tic.ocls.info/images/header_more.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 136px;



}











#studionav li {



float:left;



}







#studionav ul {



	list-style-type:none;



	margin:0px;



	padding:0px;



	overflow:hidden;



}







#studionav li a {



	display: block;



	height: 57px;



	width: 156px;



	text-indent: -9999px;



	background-repeat: no-repeat;	



	background-position: left bottom;



}







#studionav #fablab a {



	background-image: url(http://tic.ocls.info/images/fablab.jpg);



}







#studionav #video a {



	background-image: url(http://tic.ocls.info/images/video.jpg);



}







#studionav #photo a {



	background-image: url(http://tic.ocls.info/images/photo.jpg);



}







#studionav #sim a {



	background-image: url(http://tic.ocls.info/images/sim.jpg);



}







#studionav #audio a {



	background-image: url(http://tic.ocls.info/images/audio.jpg);



}







#studionav #last a {



	width: 160px;



	background-image: url(http://tic.ocls.info/images/last.jpg);



}







#studionav .hover a:hover {



	background-position: left -57px;;	



}







#studionav .hover a:active {



	background-position: left top;



}







#elist {



	padding-left:20px;



	padding-right:30px;



	float:left;



	width:650px;



}







#elist p {



	padding-top:5px;



}







#elist h3 {



	margin-top: 10;



	margin-right: 0;



	margin-bottom: 0;



	margin-left: 10;



	padding-top: 0;



	padding-right: 0;



	padding-bottom: 0;



	padding-left: 10;



}







#secondnav {



	margin-top:5px;



	width:240px;



	float:right;



}







#secondnav ul {



	list-style-type:none;



	margin: 0px;



	padding: 0px;



}











/* NEW SECOND NAV BEGIN */







#secondnav ul li a {



	text-indent: -9999px;



	float: right;



	width: 240px;



	height:135px;



	display: block;



	border-bottom-width: 5px;



	border-bottom-style: solid;



	border-top-color: #FFF;



	border-right-color: #FFF;



	border-bottom-color: #FFF;



	border-left-color: #FFF;



}







#thirdnav ul li a {



	text-indent: -9999px;



	float: right;



	width: 240px;



	height:57px;



	display: block;



	border-bottom-width: 5px;



	border-bottom-style: solid;



	border-top-color: #FFF;



	border-right-color: #FFF;



	border-bottom-color: #FFF;



	border-left-color: #FFF;



}







#secondnav #reserve a {



	background-image: url(http://tic.ocls.info/images/secondnav_1.jpg);



}







#secondnav #cal a {



	background-image: url(http://tic.ocls.info/images/secondnav_cal.jpg);



}







#secondnav #terms a {



	background-image: url(http://tic.ocls.info/images/secondnav_terms.jpg);



}







#secondnav #booking a {



	background-image: url(http://tic.ocls.info/images/secondnav_booking.jpg);



}







#secondnav #printing a {



	background-image: url(http://tic.ocls.info/images/secondnav_3dprinting.jpg);



}















#thirdnav #tic_services a {



	background-image: url(http://tic.ocls.info/images/tic_services.jpg);



}







#thirdnav #tic_orientation a {



	background-image: url(http://tic.ocls.info/images/tic_orientation.jpg);



}







#thirdnav #tic_classes a {



	background-image: url(http://tic.ocls.info/images/tic_classes.jpg);



}








#thirdnav #tic_programs a {



	background-image: url(http://tic.ocls.info/images/tic_programs.jpg);



}











#thirdnav #tic_getacard a {



	background-image: url(http://tic.ocls.info/images/tic_getacard.jpg);



}











#body2 {



	margin:0px 0px 0px -20px;



	background-color:#fff;



	width:940px;



	font: 14px Helvetica, Arial, Sans-serif;



	list-style-type:none;



}







/* NEW SECOND NAV END */











/* OLD SECOND NAV -USE IF NO TIME TO DEAL WITH STOCK IMAGES-







#secondnav ul li a {



	float: right;



	width: 240px;



	display: block;



	text-align: center;



	padding-bottom: 15px;



	padding-top: 15px;



	background: #CCCCCC;



	font-family: Tahoma, Geneva, sans-serif;



	color: #000;



	font-weight: 400;



	font-size: small;



	text-decoration: none;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-top-color: #FFF;



	border-right-color: #FFF;



	border-bottom-color: #FFF;



	border-left-color: #FFF;



}







*/











#secondnav ul li a:hover {



	background: rgb(255,255,255); /* Old browsers */



background: -moz-linear-gradient(left,  rgba(255,255,255,1) 40%, rgba(204,204,204,1) 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(204,204,204,1) 100%); /* IE10+ */



background: linear-gradient(to right,  rgba(255,255,255,1) 40%,rgba(204,204,204,1) 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */







}















































.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }







.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }







.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 14px;font-weight: normal;  vertical-align:middle;  }.datagrid table tbody .alt td { background: #f6f6f6; color: #7D7D7D; vertical-align:middle; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }



































































































/*-----------------------------*/



/* 2. SITE STRUCTURE & APPEARANCE */



/*-----------------------------*/







/* 2.1 Containers */







#container  {



	width: 960px;



	margin: 0 auto;



}







#main  {



	width: 940px;



	padding: 10px;



}







#main #inside  {



	padding: 20px;



}







/* 2.2 Header */







#header  {



	width: 940px;



	margin: 0 auto -10px auto;



}







#header h1, #header h2  {display: none}







#header img { margin: 40px 0; }







#header #logo  {



	float: left;



	width: 470px;



}







#header #top-ad  {



	float: right;



	width: 470px;



}







/* 2.3 Navigation */







#navigation  {



	position: relative;



	z-index: 1;



	height: 25px;



}







#nav, #nav ul {



	padding: 0;



	margin: 0;



	list-style: none; 



	line-height: 1;



	z-index: 100;



}







#nav li {



	float: left;



	margin: 0 5px 0 0;



}







#nav a:link, #nav a:visited {



	display: block;



	z-index: 100;



	padding: 10px 8px 6px 8px;



	text-transform: uppercase;



}







#nav li.current_page_item a, #nav li a:hover  {



	text-decoration: none;



}







/* Style drop down list */







#nav li ul { position: absolute; width: 172px; left: -999em; }



#nav li ul li {	margin: 0!important; }



#nav li ul li a { font-size: 12px; width: 156px; }



#nav li ul li a:hover {}



#nav li ul ul {	margin: -26px 0 0 170px; }



#nav li ul li ul li a {	border-width:0 1px 1px 0px; }



#nav li:hover ul, #nav li.sfhover ul { left: auto; }



#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }



#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */







/* 2.4 Introduction */







#introduction  {



	padding-bottom: 20px;



}







#about  {



	position: relative;



	z-index: 0;



	float: left;



	width: 580px;



	margin: 0 0 0 -40px;



	padding: 17px 20px 17px 40px;



}







#about h2  {



	font-size: 28px;



}







#about p  {



	line-height: 20px;



}











#about img  {



	float: left;



	margin: 0 20px 10px 0;



}







#about .fold  {



	position: absolute;



	left: 0;



	bottom: -15px;



	width: 20px;



	height: 15px;



}







#connect  {



	float: left;



	width: 278px;



	margin: 0 0 0 20px;



}







#connect ul  {







}







#connect ul li  {



	height: 64px;



}







#connect ul li a  {



	display: block;



	height: 34px;



	padding: 15px 0;



	font-size: 14px;



	font-weight: bold;



	text-transform: uppercase;



	line-height: 16px;



	cursor: pointer;



}







#connect ul li a:hover  {



	text-decoration: none;



}







#connect ul li a img  {



	float: left;



	margin: 0 15px;



}







#connect ul li a span  {



	display: block;



	font-size: 12px;



	font-weight: normal;



	font-style: italic;



}







/* 2.5 Content */







#content  {



	float: left;



	width: 600px;



	margin: 20px 0 0 0;



}







#full-width  {



	width: 940px;



}







h2.result_heading  {



	margin: 0 0 20px 0;



}







/* 2.6 sidebar */







#sidebar  {



	float: left;



	width: 280px;



	margin: 20px 0 0 20px;



}







#sidebar a  {



}







/* 2.7 Footer */







#footer  {



	padding: 20px 0 20px 0;



	text-align: center;



}







#footer p  {



	margin: 7px 0;



	font-weight: normal;



}







#footer ul li  {



	display: inline;



	text-transform: uppercase;



	font-size: 12px;



	margin: 0 6px;



}







#footer ul li a  {



}







#footer ul li.current_page_item a, #footer ul li a:hover  {



}















/*-----------------------------*/



/* 3. WIDGETS */



/*-----------------------------*/







.widget  {



	margin: 0 0 30px 0;



}







.widget h3  {



	position: relative;



	margin: 0 -40px 0 0;



	padding: 5px 40px 5px 10px;



	font-size: 14px;



	text-transform: uppercase;



}







.widget h3 span.fold  {



	position: absolute;



	display: block;



	right: 0;



	bottom: -15px;



	width: 20px;



	height: 15px;



}







.widget ul  {







}







.widget ul li  {







}







.widget ul li a:link, .widget ul li a:visited  {



	display: block;



	padding: 0 0 0 20px;



	line-height: 30px;



}







.widget ul li a:hover  {



	text-decoration: none;



}







.widget_recent_comments li  {



	padding: 6px 0 6px 20px;



	line-height: 18px;



}







.widget_recent_comments li a  {



	display: inline;



	padding: 0;



	line-height: 18px!important;



}







#searchform  {



	margin: 15px 0 0 0;	



}







#searchform #s  {



	width: 180px;



	padding: 3px 0 3px 5px;



}







#searchform .submit  {



	padding: 2px 0 2px 0;



	text-transform: uppercase;



}







#flickr h3  {



	margin-bottom: 10px;



}







#flickr .flickr_badge_image  {



	margin: 4px 6px;



	float: left;



	width: 75px;



}







#twitter li  {



	margin: 10px 0;



}







#twitter a  {



	display: inline;



	padding: 0;



	line-height: 18px;



}







#ads img  {



	float: left;



	margin: 10px 5px 0 5px;



}







/*-----------------------------*/



/* 4. POSTS */



/*-----------------------------*/







.post  {



	margin: 0 0 20px 0;



}







.post .meta  {



	margin: 0;



	font-style: italic;



}







.post .meta .comments  {



	padding: 0 19px 0 0;



	text-transform: uppercase;



	font-weight: bold;



}







.post .categories a  {



	display: inline;



	font-size: 12px;



	padding: 6px 8px 4px 6px;



}







.post .categories a:hover  {



	text-decoration: none;



}







.entry  {







}







.entry a.more-link  {



	text-transform: uppercase;



	font-weight: bold;



}







.post .tags  {



	margin: 0 0 20px 0;



	clear:both;



}







/* 4.1 Typographic Elements */







.post h2.title  {



	margin: 8px 0 20px 0;



	font-size: 30px;



	line-height: 30px;



}







.post h2.title a:link, .post h2.title a:visited  {







}







.entry h1  {}



.entry h2  {}



.entry h3 {}



.entry h4 {}



.entry h5 {}



.entry h6 {}







.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {



	margin: 0 0 15px 0;



}







.entry blockquote  {



	padding: 10px 30px;



}







.entry blockquote p  {



	margin: 0;



}







.entry ul  {



	margin: 0 0 20px 0;



	padding: 0 0 0 30px;



}







.entry ul ul  {



	margin: 0 0 0 0;



	padding: 0 0 0 15px;



}







.entry ul li  {



	list-style-type: circle;



}







.entry ul li ul li  {



	list-style-type: disc;



}







.entry ol  {



	margin: 0 0 20px 0;



	padding: 0 0 0 30px;



}







.entry ol ol  {



	margin: 0 0 0 0;



	padding: 0 0 0 15px;



}







.entry  ol li  {



	list-style-type: upper-latin;



}







.entry  ol li ol li  {



	list-style-type: lower-latin;



}







/* 4.2 Images */







.entry img  {



}







img.wp-smiley  {



	padding: 0;



}







.entry .alignleft  {



	float: left;



	margin: 10px 15px 10px 0;



}







.entry .alignright  {



	float: right;



	margin: 10px 0 10px 15px;



}







.entry .aligncenter  {



	text-align: center;



}







/* 4.3 Page Navi */







div.Nav  {



	height: 25px;



}







.Nav .current  {



	padding: 5px 8px 3px 8px;



}







.Nav a:link, .Nav a:visited  {



	padding: 2px 5px;



	font-weight: bold;



}







/*-----------------------------*/



/* 5. COMMENTSAREA */



/*-----------------------------*/







/* 5.1 Comments */







#comments h3 { 



	font-size: 20px;



	font-weight: normal;



	padding: 10px 0 20px 0;



}







#comments ol.commentlist  {



	margin: 20px 0 0 0;	



}







#comments ol.commentlist li {



	list-style-type:none;



	padding: 10px 0;



}







#comments ol.commentlist li .comment-head {



	margin: 0 0 10px 0;



}







#comments ol.commentlist li .comment-head .avatar img  {



	float: right;



}







#comments ol.commentlist li .comment-head .user-meta span  {



	display: block;



}







#comments ol.commentlist li .comment-head .user-meta span.name  {



	font-weight: bold;



}







#comments ol.commentlist li .comment-head .user-meta span.date  {



	font-size: 11px;



}







#comments ol.commentlist li .comment-head .user-meta span.perma  {



	text-transform: uppercase;



	font-size: 10px;



}







#comments ol.commentlist li .comment-entry p  {



	margin: 0 0 10px 0;



}







#comments div.reply a { font-size:11px; text-decoration:none; text-transform: uppercase; font-weight: bold; }







#comments ul.children { 



	margin:10px 0 0 0;



	padding:0 0 0 22px;



}







#comments ul.children li {



	padding-bottom: 0;



}







#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}



#comments .navigation a {



	display: block;



	padding: 5px 9px;



	margin-left: 4px;



	font-family:Georgia;



	font-weight:bold;



}







#comments .commentlist #respond #form_wrap {



	padding:0 0 25px;



	margin:0;



	width:auto;



}







#comments .cancel-comment-reply {margin-bottom:10px;}







/* 5.2 Comments Form */







#respond  {



	margin: 20px 0 0 0;



}







#respond h2  {



	margin: 0;



}







#commentform  {



	margin: 20px 0 0 0;



}







#commentform input.txt  {



	width: 207px;



	margin: 0 10px 0 0;	



	padding: 3px 0 3px 5px;



}







#commentform label  {



	font-size: 11px;



	text-transform: uppercase;



}







#commentform textarea  {



	width: 100%;



}







#commentform #submit  {



	padding: 2px 0 2px 0;



	text-transform: uppercase;



}







/* 5.3 Gravity forms */







.gfield {



    margin-bottom: 10px;



}







.gform_wrapper .top_label .gfield_label {



    display:block;



    float:left;



    padding-right:20px;



    width: 100px;



    margin: 5px 0px 4px !important;



}







.gform_wrapper input.button {



    padding: 5px 10px 6px !important;



}







.gform_wrapper input {



    padding: 7px 3px !important;



    border: 1px solid #ff0000;



}







.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {



    width: 400px !important;



    padding: 7px 3px !important;



    border: 1px solid #ff0000;



}







.gform_wrapper .entry img, .gform_wrapper img.thumbnail {



    padding: 0px !important;



    border: 0px !important;



}







ul.top_label .clear-multi {



    clear: none !important;



}







.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {



    margin-left: 120px !important;



}







img.ui-datepicker-trigger {



    border: 0px !important;



    padding: 0px;



}







/*-----------------------------*/



/* 6. GENERAL STYLES */



/*-----------------------------*/







.floatl  {float: left;}



.floatr  {float: right;}







.alignl  {text-align: left;}



.alignr  {text-align: right;}



.alignc  {text-align: center;}







/* http://sonspring.com/journal/clearing-floats */







html body * span.clear,



html body * div.clear,



html body * li.clear,



html body * dd.clear



{



	background: none;



	border: 0;



	clear: both;



	display: block;



	float: none;



	font-size: 0;



	list-style: none;



	margin: 0;



	padding: 0;



	overflow: hidden;



	visibility: hidden;



	width: 0;



	height: 0;



}











#studionav li {



	list-style-type:none;



}







#secondnav li {



	list-style-type:none;



}







#thirdnav li {



	list-style-type:none;



}



















.page-id-1286  .post h2.title {display: none;}