/*
Theme Name: YOU i Labs
Theme Author: McMillan (Wordpress Conversion by Craig Hooghiem)
Theme URI: http://www.youilabs.com
*/

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

ul,ol,dl,li,dt,dd {
font-size:100%;
list-style:none;
}

input,textarea,select,button {
font-size:100%;
font-family:inherit;
}

select {
margin:inherit;
}

table {
border-collapse:collapse;
border:0;
font-size:inherit;
font:100%;
}

td,th,caption {
font-size:100%;
font-weight:400;
text-align:left;
}

/* http://youilabs.com/includes/css/typography.css
@charset "utf-8";
Global Styles
---------------------------------------------------------- */
/*
FONT SIZEING CHART
PX %
-------------------
10 77
11 85
12 93 (was 93)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
-------------------
*/
body {
font-family:Helvetica, "Arial", sans-serif;
color:#000;
font-size:85%;
line-height:108%;
margin:0;
padding:0;
}

pre,code,kbd,samp,tt {
font-family:monospace;
font-size:108%;
line-height:100%;
}

h1 {
font-size:2em;
}

h2 {
font-size:1.67em;
}

h3 {
font-size:1.33em;
}

h4,h5,h6 {
font-size:1.17em;
}

h1,h2,h3 {
line-height:1em;
margin:1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
font-weight:400;
}

strong {
font-weight:700;
}

abbr,acronym {
border-bottom:1px dotted #000;
cursor:help;
}

em {
font-style:italic;
}

blockquote,ul,ol,dl {
margin:1em;
}

ol,ul,dl {
margin-left:2em;
}

ol li {
list-style:decimal outside;
}

ul li {
list-style:disc outside;
}

dl dd {
margin-left:1em;
}

th,td {
border:0px solid #000;
padding:.5em;
}

th {
font-weight:700;
text-align:center;
}

caption {
margin-bottom:.5em;
text-align:center;
}

p,fieldset,table,pre {
margin-bottom:1em;
}

/* http://youilabs.com/includes/css/style.css
@charset "utf-8";
Site Name: you-i labs
Site URI: http://www.youilabs.com/
Description: Corporate website of youilabs.
Version: 0.1
Author: McMillan
Author URI: http://www.thinkmcmillan.com/
*/
/* Global Styles
---------------------------------------------------------- */
body {
background-color:#000;
color:#000;
margin:0;
padding:0;
}

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

.ostar {
color:#668c05;
font-weight:700;
}

.imagelink {
border:none;
background:none;
text-decoration:none;
color:#39444d;
margin:0;
padding:0;
}

.imagelink:hover {
background:none;
}

.page-title {
font-size:2.1em;
line-height:1.25em;
margin:0 0 20px;
}

.listing {
list-style:none;
position:relative;
margin:0;
padding:0;
}

.listing li {
list-style:none;
margin:0;
padding:0;
}

.listing li a {
display:block;
}

.listing.basic li {
float:left;
}

.clear {
clear:both;
font-size:0;
line-height:0;
visibility:hidden;
margin:0;
}

.container {
display:block;
width:100%;
margin:auto;
}

.block {
display:block;
width:882px;
margin:auto;
}

.left {
display:inline;
float:left;
}

.right {
display:inline;
float:right;
}

.column {
display:inline;
}

.feature {
background:url("../images/box_body_tile.gif") repeat-y top left;
width:280px;
float:left;
}

.feature.dark {
background:url("../images/box_body_tile_dark.gif") repeat-y top left;
}

.feature.middle {
margin:0 21px;
}

.feature .box-top {
background:url("../images/box_top_red.gif") no-repeat top left;
height:40px;
}

.text_widget {
margin: 0;
padding: 0;
}

.feature .box-top h3 {
font-size:1.17em;
line-height:1.17em;
font-weight:700;
color:#fff;
margin:0;
padding:10px 0 0 38px;
}

.feature.dark .box-body {
background:url("../images/box_bottom_dark.gif") no-repeat bottom left;
}

.feature-dark-box-body {
background:url("../images/box_bottom_dark.gif") no-repeat bottom left;
padding:0 0 15px;
}

.feature .box-body {
background:url("../images/box_bottom_light.gif") no-repeat bottom left;
height:133px;
padding:15px;
}

.feature .box-body.full {
padding:0 0 10px;
}

.feature .box-body img {
border:none;
margin:0 0 10px;
}

.feature .box-body p {
line-height:1.1em;
margin:0 0 25px;
}

.feature .box-body a.learn-more img {
border:0;
margin:0;
padding:0;
}

.feature .box-body ul{
margin: 0;
padding: 0;
}

.feature .box-body li{
margin: 0;
list-style: none;
text-align: left;
}

.feature .box-body li a {
background:url(bullet.png) right no-repeat;
margin-left: -8px;
padding: 5px;
padding-top: 2px;
padding-right: 18px;
border-top: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
display: block;
font-weight: 500;
color: #333333;
}

.feature .box-body li a:hover {
background: url(bullet_over.png) right no-repeat;
color: #DA0001;
border-top: #6B6B6B 1px solid;
border-bottom: #6B6B6B 1px solid;
}

.postlist p:hover{
	color: red;
}

#wrapper {
background-color:#fff;
color:#000;
padding:20px 0 56px;
}

#wrapper #body-content {
position:relative;
}

#header {
background:#fff url( "../images/header_bg.gif" ) repeat-x top left;
height:150px;
color:#000;
}

#navigation {
position:relative;
height:150px;
}

#utility-nav {
position:absolute;
top:10px;
right:0;
color:#fff;
}

#utility-nav li {
background:url("../images/utilitynav_left_bg.gif") no-repeat top left;
margin-left:5px;
padding:0 0 0 1px;
}

#utility-nav li a {
background:url("../images/utilitynav_right_bg.gif") no-repeat top right;
color:#fff;
font-size:.83em;
padding:3px 10px 3px 9px;
}

#utility-nav li a:hover {
color:#fff;
text-decoration:underline;
}

#utility-nav li a.last {
border:none;
}

#main-nav {
position:absolute;
bottom:0;
right:0;
width:581px;
height:48px;
background:url("../images/nav_bg.jpg") no-repeat top right;
color:#fff;
}

#main-nav li {
width:116px;
}

#main-nav li a {
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:1.17em;
padding:10px 0;
}

#main-nav li.current a {
font-weight:700;
color:#fff;
}

#logo {
position:absolute;
bottom:0;
left:0;
width:211px;
height:114px;
text-indent:-999px;
background:url("../images/logo.jpg") no-repeat top left;
margin:0;
padding:0;
}

#logo a {
margin:0;
}

#footer {
background:url( "../images/footer_tile.gif" ) repeat-x top left;
padding:17px 0 0;
}

#footer p {
font-size:.83em;
color:#666;
padding:0 0 5px;
}

#footer a:hover {
text-decoration:underline;
}

#footer-nav li {
padding:0 0 5px;
}

#footer-nav li a {
border-right:1px solid #fff;
font-size:.83em;
padding:0 10px;
}

#footer-nav li a sup {
text-decoration:underline;
vertical-align:top;
}

#footer-nav li a.last {
border:none;
padding-right:0;
}

#search {
position:absolute;
bottom:0;
right:0;
background-color:#ccdcf7;
margin:0;
padding:10px 20px 5px;
}

#search p {
float:left;
margin:0;
padding:0;
}

#search #terms {
margin:0 10px 0 0;
padding:2px;
}

/* http://youilabs.com/includes/css/welcome.css
@charset "utf-8";
 Layout - Wrapper
---------------------------------------------------------- */
#wrapper #intro {
background:#fff url( "../images/intro_bg.jpg" ) no-repeat top left;
height:280px;
overflow:hidden;
color:#fff;
margin-bottom:20px;
}

#wrapper #intro h2 {
font-size:2.33em;
margin:0 0 10px;
padding:85px 0 0 362px;
}

#wrapper #intro h3 {
font-size:1.67em;
margin:0 0 30px;
padding:0 0 0 362px;
}

#wrapper #intro p {
margin:0;
padding:0 0 0 362px;
}

#calltoaction {
margin:0;
padding:0 0 0 362px;
}

#calltoaction li {
background:url("../images/cta_left.gif") no-repeat top left;
color:#fff;
padding:0 0 0 3px;
}

#calltoaction li.empty {
background:none;
padding:5px 10px;
}

#calltoaction li a {
background:url("../images/cta_right.gif") no-repeat top right;
color:#fff;
padding:5px 10px 5px 7px;
}

/* http://youilabs.com/includes/css/content.css
@charset "utf-8";
Layout - Content
---------------------------------------------------------- */
#page-heading {
width:581px;
height:154px;
color:#fff;
}

#page-heading.purple {
background:#2b2b2b url("../images/heading_purple.jpg") no-repeat top left;
}

#page-heading.green {
background:#2b2b2b url("../images/heading_green.jpg") no-repeat top left;
}

#page-heading h2 {
margin:0;
padding:40px 40px 0;
}

#page-heading h3 {
margin:0;
padding:10px 40px 0;
}

#page-content {
width:581px;
float:left;
clear:both;
margin:30px 0 0;
}

#page-content h2 {
color:#900;
font-size:2.33em;
margin:0;
padding:0 0 20px;
}

#page-content h3 {
color:#333;
font-size:1.67em;
margin:0;
padding:0 0 20px;
}

#page-content h4 {
color:#333;
font-size:1.33em;
margin:0;
padding:0 0 20px;
}

#page-content p.intro {
font-weight:700;
font-size:1em;
line-height:1.33em;
}

/* http://youilabs.com/includes/css/sidebar.css
@charset "utf-8";
Sidebar
---------------------------------------------------------- */
.sidebar {
width:280px;
float:right;
top:0;
right:0;
}

.sidebar .box {
background:url("../images/sidebar_body.gif") repeat-y top left;
position:relative;
margin:0 0 20px;
}

.sidebar .box .top {
background:url("../images/sidebar_top.gif") no-repeat top left;
height:40px;
color:#fff;
}

.sidebar .box .body {
background:url("../images/sidebar_bottom.gif") no-repeat bottom left;
padding:15px;
}

.sidebar .box .top h4 {
font-size:.92em;
text-transform:uppercase;
margin:0;
padding:13px 0 0 15px;
}

.sidebar .box .top a {
position:absolute;
top:12px;
right:15px;
width:23px;
height:17px;
overflow:hidden;
text-align:center;
text-indent:-9999px;
}

.sidebar .box .top a.open {
background:url("../images/box_open.gif") no-repeat 50% 50%;
}

.sidebar .box .top a.close {
background:url("../images/box_close.gif") no-repeat 50% 50%;
}

.sidebar .box p {
font-size:.92em;
line-height:1.17em;
}

/* http://youilabs.com/includes/css/thickbox.css */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

#TB_window {
font:12px Arial, Helvetica, sans-serif;
position:fixed;
background:#fff;
z-index:102;
color:#000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

#TB_secondLine {
font:10px Arial, Helvetica, sans-serif;
color:#666;
}

#TB_overlay {
position:fixed;
z-index:100;
top:0;
left:0;
height:100%;
width:100%;
}

.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75px;
opacity:0.75px;
}

#TB_window img#TB_Image {
display:block;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
margin:15px 0 0 15px;
}

#TB_caption {
height:25px;
float:left;
padding:7px 30px 10px 25px;
}

#TB_closeWindow {
height:25px;
float:right;
padding:11px 25px 10px 0;
}

#TB_closeAjaxWindow {
margin-bottom:1px;
text-align:right;
float:right;
padding:7px 10px 5px 0;
}

#TB_ajaxWindowTitle {
float:left;
margin-bottom:1px;
padding:7px 0 5px 10px;
}

#TB_title {
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent {
clear:both;
overflow:auto;
text-align:left;
line-height:1.4em;
padding:2px 15px 15px;
}

#TB_ajaxContent.TB_modal {
padding:15px;
}

#TB_ajaxContent p {
padding:5px 0;
}

#TB_load {
position:fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top:50%;
left:50%;
margin:-6px 0 0 -104px;
}

#TB_HideSelect {
z-index:99;
position:fixed;
top:0;
left:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%;
}

#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}


/* End of Linkage */

/* http://youilabs.com/includes/css/reset.css */
*,.listing.basic,.listing.basic li a {
margin:0;
padding:0;
}

a img,iframe,form,fieldset {
border:0;
}

legend,#TB_window a:hover {
color:#000;
}

.feature .box-body a.cta,.feature-dark-box-body a.cta {
display:block;
color:#fff;
margin:0 15px 10px;
}

#footer a,#wrapper #intro p a,.sidebar .box .top h4,.sidebar .box .top a {
color:#fff;
}

.blue,#page-heading.blue {
background:#389dca url("../images/heading_blue.jpg") no-repeat top left;
}

.yellow,#page-heading.yellow {
background:#fd5709 url("../images/heading_yellow.jpg") no-repeat top left;
}

.common,#page-heading.common {
background:#2b2b2b url("../images/heading_common.jpg") no-repeat top left;
}

#page-content p,#page-content li {
font-size:.92em;
line-height:1.33em;
color:#333;
}

#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus {
color:#666;
}

* html #TB_overlay,* html #TB_HideSelect {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html #TB_window,* html #TB_load {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) 0 (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) 0 'px');
}

/* Linkage */
.linkage {
	float: left;
	border: 0px;
	display: block;
	margin: 0;
	padding: 0;
}
.linkage td, tr, table {
	border: 0px;
}
.linkage p {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	width: 230px;
}