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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

html, body {
    background: none repeat scroll 0 0 #ffffff;
    color: #333333;
    font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    text-align: center;
    width: 100%;
}

strong {
    font-weight: bold;
}

#header {
    min-width: 960px;
    height: 134px;
    background: url("../img/header-bg.png") repeat-x scroll left top transparent;
    overflow: visible;
}

.wrapper {
    clear: both;
    margin: 0 auto;
    width: 960px;
}

#header div.image {
    display: block;
    float: left;
    height: 134px;
    width: 124px;
}

#header div.text {
    display: block;
    float: left;
    height: 134px;
    text-align: left;
    width: 348px;
}

#header div.text a {
    color: #2D64B6;
    font-weight: bold;
    font-size: 38px;
    text-decoration: none;
    display: block;
    margin: 38px 0 0 6px;
}

#header div.text p {
    color: #ef0000;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin: 0 0 0 48px;
}

#head-box {
    float: right;
    height: 71px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#head-box div {
    padding:2px;
    border: 1px solid #d7d7d7;
    background: #e2e2e2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#f7f7f7');
    background: -moz-linear-gradient(center top , #e2e2e2, #f7f7f7) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#f7f7f7));
    background: -o-linear-gradient(top, #e2e2e2, #f7f7f7);
}

#header ul {
    float: right;
    list-style: none outside none;
    min-width: 334px;
}

#header ul li {
    float: left;
    position: relative;
}

#header ul li a {
    color: #666666;
    display: block;
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 34px;
    padding: 0 9px;
    text-shadow: 0 1px 0 #EEEEEE;
    text-decoration: none;
}

#header ul li a.selected {
    color: #555555;
    background: #f4f7ff;
    border: 1px solid #b3b3b3;
    border-bottom: none;
    margin-top: -1px;
    -moz-border-radius-topleft: 3px;
    -khtml-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    text-shadow: 1px 1px 1px #c6dbf8;
}

#pageTitle {
    height: 48px;
    min-width: 960px;
    background: #f4f7ff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f7ff', endColorstr='#edf1fa');
    background: -moz-linear-gradient(center top , #f4f7ff, #edf1fa) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f7ff), to(#edf1fa));
    background: -o-linear-gradient(top, #f4f7ff, #edf1fa);
    border-bottom: 1px solid #adb7cf;
}

#pageTitle a {
    color: #64749c;
    text-shadow: none;
}

#pageTitle h2 {
    color: #64749c;
    font-size: 32px;
    line-height: 1em;
    padding-top: 0;
    padding-left: 12px;
    float: left;
    text-rendering: optimizeLegibility;
}

#pageTitle ul {
    list-style-type: none;
    float: left;
}

#pageTitle ul li {
    float: left;
    margin: -4px 4px 0;
    padding: 12px 8px;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    width: 133px;
}




/******************************************************************************
 * New Blog Post Layout CSS
 *****************************************************************************/
div.post {
    display: block;
    margin-bottom: 12px;
    padding: 0 16px;
}

div.post div.container {
    border-radius: 2px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    border: 1px solid #aeaeae;
}

div.post div.container div.text p.info {
    padding-top: 2px;
}

div.post div.container div.text p.content {
    color: #666666;
    display: block;
    margin-top: 12px;
}

div.post div.container div.text div.links {
    float: right;
    margin: 10px 4px 0 0;
}

div.post div.container div.text a.title {
    font-size: 14px;
    text-align: left;
    display: block;
    width: 280px;
    font-family: Georgia,Arial,Serif;
    font-weight: bold;
}

div.post div.container {
    border: 1px solid #aeaeae;
    border-radius: 2px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
    position: relative;
	background: #fefefe;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f3f3f3');
    background: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f3f3f3));
    background: -o-linear-gradient(top, #fefefe, #f3f3f3);
}

div.post div.category {
    display: block;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

div.post div.category div.name {
	background: #fffffe;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffe', endColorstr='#fffff3');
    background: -moz-linear-gradient(center top , #FFFFFE, #FFFFF3) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#fffffe), to(#fffff3));
    background: -o-linear-gradient(top, #fffffe, #fffff3);
    border: 1px solid #AEAEAE;
    border-radius: 4px 4px 4px 4px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    margin-left: 2px;
    margin-top: 2px;
    padding: 2px 4px;
    vertical-align: middle;
}

div.post div.category img {
    float: left;
}

div.post div.outer {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
}
div.post div.inner {
    float: left;
    width: 100%;
    position: relative;
    right: 370px; /* 356px + 2x6px padding + 1px border + 1 ... for no reason? */
    background: #ffffff;
    border-right: 1px solid #999999;
}
div.post div.preview {
    float: left;
    width: 156px;
    position: relative;
    left: 370px;
    overflow: hidden;
}
div.post div.text {
    float: left;
    width: 356px;
    position: relative;
    left: 371px;
    padding: 12px 6px 6px;
    overflow: hidden;
    
    line-height: 16px;
    padding: 12px 6px 6px;
    text-align: left;
}
/******************************************************************************
 * End New Blog Post Layout CSS
 *****************************************************************************/







#courses {
    display: block;
}

#courses a.course {
    float: left;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    width: 150px;
    margin: 4px;
}

#courses a.course h2.title {
    font-size: 14px;
    text-align: center;
    border: 1px solid #adb7cf;
    background: #4e5e86;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5e86', endColorstr='#8595bd');
    background: -moz-linear-gradient(center top , #4e5e86, #8595bd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e5e86), to(#8595bd));
    background: -o-linear-gradient(top, #4e5e86, #8595bd);
    padding: 6px 0;
    color: #efefef;
    text-decoration: none;
}

#courses a.course:hover {
    text-decoration: none !important;
}

#courses a.course:hover p {
    text-decoration: underline;
    color: #875038 !important;
}

#courses a.course img {
    width: 64px;
    height: 64px;
    margin: 8px auto;
}

#courses a.course p.description {
    font-size: 12px;
    line-height: 110%;
    height: 75px;
    overflow: hidden;
    color: #777777;
    padding: 4px 6px;
    text-align: left;
}


#lessons {
    margin: 12px 4px;
    text-align: left;
    border: 1px solid #ADB7CF;
    padding-bottom: 6px;
}

#lessons div.title {
    font-size: 18px;
    border: 1px solid #adb7cf;
    background: #4e5e86;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5e86', endColorstr='#8595bd');
    background: -moz-linear-gradient(center top , #4e5e86, #8595bd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e5e86), to(#8595bd));
    background: -o-linear-gradient(top, #4e5e86, #8595bd);
    /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);*/
    padding: 6px 8px;
    color: #efefef;
    display: block;
    margin-bottom: 2px;
}

#lessons a.lesson {
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 4px 8px;
    text-align: left;
    padding: 6px 8px;
    float: left;
    width: 441px
}

#lessons a.lesson h2.title {
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
    line-height: 140%;
}

#lessons a.lesson p.description {
    font-size: 13px;
    line-height: 120%;
    color: #777777;
    margin: 2px 0 2px 4px;
}

#left, #main, #right {
    float: left;
    text-align: left;
}

#main div.post {
    padding: 0 16px;
}

#right div.box {
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    margin: 12px 0 0 0;
    text-align: left;
    padding: 0;
    float: left;
    width: 200px;
}

#right div.box h2.title {
    font-size: 16px;
    text-decoration: underline;
    margin: 2px;
    background: #4e5e86;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5e86', endColorstr='#8595bd');
    background: -moz-linear-gradient(center top , #4e5e86, #8595bd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e5e86), to(#8595bd));
    background: -o-linear-gradient(top, #4e5e86, #8595bd);
    padding: 6px 8px;
    color: #efefef;
    display: block;
}

#lessonProgress {
    min-width: 960px;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid #ADB7CF;
    padding-bottom: 4px;
}

#lessonTitle {
    font-size: 16px;
    text-align: left;
    padding: 8px 0;
    font-weight: bold;
    text-decoration: underline;
}

#lessonProgress a, #lessonProgress a:visited {
    background: url('../img/edu/lesson-blue-new.png') no-repeat scroll 36px 0 transparent;
    display: block;
    float: left;
    width: 80px;
    margin: auto 4px;
    padding: 16px 4px 6px;
    text-decoration: none;
}

#lessonProgress a:active, #lessonProgress a:hover {
    background-image: url('../img/edu/lesson-hover.png');
}

#lessonProgress a.current {
    background-image: url('../img/edu/lesson-selected.png');
    color: #000000;
}

#lessonProgress a h2 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 3px;
    text-decoration: underline;
}

#lessonProgress a p {
    font-size: 12px;
}

#lessonContent {
    width: 746px;
    float: left;
    text-align: left;
    padding: 12px 14px 12px 0;
}

#lessonContent div.lessonInfo {
    /*background-color: #f7f7f7;
    border: 1px solid #e7e7e7;
    padding: 4px 6px;*/
   border-bottom: 1px solid #ADB7CF;
}

#lessonContent div.lessonInfo h2 {
    font-size: 24px;
    text-decoration: underline;
    margin: 2px 0 4px;
}

#lessonContent div.lessonInfo p {
    line-height: 140%;
}

#lessonContent div.lessonText {
    margin: 8px 0 4px;
    line-height: 140%;
    font-size: 14px;
    border-bottom: 1px solid #adb7cf;
}

#lessonContent div.lessonText p {
    text-indent: 1.5em;
    margin-bottom: 0.5em;
}

#lessonContent div.video {
    padding: 8px 0 12px;
    width: 100%;
    text-align: center;
}

#lessonContent div.video h2 {
    margin: 4px 0 4px;
    font-size: 18px;
    font-weight: bold;
}


#partsList a {
    display: block;
    width: 100%;
    margin: 2px 0;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

#partsList a div.image {
    float: left;
    padding: 4px;
}

#partsList a div.info {
    float: left;
    font-weight: bold;
    text-shadow: 1px 1px 1px #adb7cf;
    min-height: 32px;
    width: 150px;
    padding: 4px;
    color: #666666;
}

#partsList a:hover div.info {
   color: #875038;
}

#partsList a div.info div.description {
    margin-top: 2px;
    font-weight: normal !important;
}

#left h2, #right h2 {
    font-size: 14px;
    color: #64749c;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 6px;
    padding: 0 0 2px 2px;
    border-bottom: 1px solid #adb7cf;
}

#left ul li, #right ul li {
    background: url("http://www.pyroelectro.com/wp-content/themes/pyroelectro/images/arw.gif") no-repeat scroll 0 3px transparent;
    font-family: Arial,Verdana,Sans-Serif;
    margin: 0 0 6px;
    padding: 0 0 0 12px;
}

#left {
    width: 200px;
}

#left form input {
    margin-top: 4px;
}

#left form input[type="button"] {
    margin-top: 8px;
}

#left label {
    display: inline-block;
    margin-top: 8px;
}

#main {
    width: 560px; /*624px;*/
	margin-top:10px;
}

#project {
    padding: 12px 16px;
}

h1.projectTitle {
    color: #666666;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #666666;
    padding-bottom: 2px;
    margin: 12px 16px 0 16px;
}

#tableOfContents {
    display: block;
    margin: 6px 16px 0 16px;
    padding: 6px 8px;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

#project h1.projectTitle {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}

#project div.projectInfo {
    padding: 6px 8px;
    display: block;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
}

#articles h1.title {
    font-size: 24px;
    margin-top: 12px;
    color: #2D64B6;
    font-family: Georgia,Arial,Serif;
    font-weight: bold;
    border-bottom: 1px solid #2d64b6;
    padding-bottom: 2px;
    margin-bottom: 4px;
}

#articles p.description {
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    margin-bottom: 8px;
}

#articles div.article {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    border: 1px solid #adb7cf;
    box-shadow:  1px 1px 3px rgba(0,0,0,0.35);
    margin: 4px 0;
}

#articles div.article div.image {
    float: left;
    margin: 4px 6px 4px 4px;
}
#articles div.article div.description {
    float: left;
    line-height: 15px;
    padding-top: 4px;
}
#articles div.article div.pyroFactor {
    float: right;
    margin: 4px 4px 0 0;
}
#articles div.article div.image img {
    border: 1px solid #999999;
}

#project div.projectInfo div.projectDependencies {
    font-style: italic;
}

#right {
    width: 200px;
}

#categories {
    line-height: 100%;
    list-style-type: none;
}

#respond{
display: block;
font-size: 1.3em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

#author, #email, #url, #comment, .wpcf7-text, textarea{
background: #F3F6ED;
border: 1px solid #7D8B5A;
padding: 2px 3px 2px 3px;
background: #F3F6ED;
border: #E1D6C6 1px solid;
border-image: initial;
}


#GoogleSideAd{
	padding-top:10px;
}

#popularProjects a.project, #categories, #roboticsGuide, #animatronicsAd {
    display: block;
    margin: 2px 0;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

#gadgetoryAd {
    background: #efefef;
    background: linear-gradient(top, #efefef, #ffffff);
    background: -o-linear-gradient(top, #efefef, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(left top, #efefef, #fffff);
    border: 1px solid #a7c2a4;
    
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    
    display: block;
    margin: 2px 0;
    padding: 6px;
    text-align: center;
}

#gadgetoryAd .title {
    font-size: 160%;
    line-height: 160%;
    margin: 4px 0 0;
    font-weight: bold;
}

#gadgetoryAd .text {
    display: block;
    text-align: center;
    line-height: 140%;
    margin: 4px 6px;
}

#gadgetoryAd .image {
    display: block;
    margin: 8px 0 4px;
}

#gadgetoryAd a.button {
    background: #476244;
    background: linear-gradient(top, #698466, #476244);
    background: -o-linear-gradient(top, #698466, #476244);
    background: -webkit-gradient(linear, left top, left bottom, from(#698466), to(#476244));
    background: -moz-linear-gradient(center top , #698466, #476244) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(top, #698466, #476244);
    border: 1px solid #405b3d;
    
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-weight: bold;
    line-height: 160%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    font-size: 12px;
    margin: 8px 0 0;
    padding: 6px 8px;
    width: 168px;
}

#gadgetoryAd a.button:hover {
    text-decoration: underline;
}

#gadgetoryKitAd {
    /*background: #2d2d2d;
    background: linear-gradient(left top, #5e5e5e, #2d2d2d);
    background: -o-linear-gradient(left, top, #5e5e5e, #2d2d2d);
    background: -webkit-gradient(linear, left top, right bottom, from(#5e5e5e), to(#2d2d2d));
    background: -moz-linear-gradient(left top, #5e5e5e, #2d2d2d) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(left top, #5e5e5e, #2d2d2d);
    border: 1px solid #405b3d;*/
}


#categories {
    padding: 6px 0 0 4px;
}

#categories b, #roboticsGuide label {
    font-weight: bold;
    text-shadow: 1px 1px 1px #adb7cf;
    color: #666666;
    padding: 1px 0;
}

a, a:visited {
    text-shadow: 1px 1px 1px #adb7cf;
	color: #384f87;
    text-decoration: none;
	font-weight:none;
}

a:hover, a:active {
    color: #875038;
    text-decoration: underline;
	font-weight:none;
}

#roboticsGuide {
    padding: 6px;
    cursor: default;
    text-align: center;
}

#animatronicsAd {
    padding: 6px;
    cursor: default;
    font-size: 16px;
}

#roboticsGuide cite {
    font-style: italic;
    line-height: 140%;
    font-size: 16px;
}

#roboticsGuide label, #roboticsGuide input {
    display: block;
    margin: 0 0;
    width: 184px;
}

#roboticsGuide a.button, #animatronicsAd a.button {
    -moz-user-select: none;
    background: #4e5e86;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5e86', endColorstr='#8595bd');
    background: -moz-linear-gradient(center top , #4e5e86, #8595bd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e5e86), to(#8595bd));
    background: -o-linear-gradient(top, #4e5e86, #8595bd);
    border: 1px solid #4d5d85;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    direction: ltr;
    display: inline-block;
    font-weight: bold;
    line-height: 160%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    font-size: 12px;
    margin: 8px 0 0;
    padding: 6px 8px;
    width: 168px;
}

#roboticsGuide a.button:hover, #animatronicsAd a.button:hover{
	text-decoration: underline;
}


#relatedVideos a {
    display: block;
    border: 1px solid #adb7cf;
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
    background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
    background: -o-linear-gradient(top, #efefef, #ffffff);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    text-align: center;
    width: 100%;
    text-shadow: 1px 1px 1px #adb7cf;
    color: #666666;
    margin: 4px 0;
}

#relatedVideos a div.title {
    padding: 6px 0 2px;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
}

#relatedVideos a div.image {
	padding: 4px 0;
	width: 100%;
}

#relatedVideos a div.info {
	width: 100%;
	padding-bottom: 6px;
}

#relatedVideos a:hover {
   color: #875038;
}

#relatedVideos a div.info div.description {
    margin-top: 2px;
    font-weight: normal !important;
}


#popularProjects a.project div.image {
        float: left;
        padding: 4px;
}

#popularProjects a.project div.info {
        float: left;
        font-weight: bold;
        text-shadow: 1px 1px 1px #adb7cf;
        min-height: 32px;
        width: 150px;
        padding: 4px;
        color: #384f87;
}

#popularProjects a.project:hover div.info {
   color: #875038;
}

#popularProjects a.project div.info div.description {
    margin-top: 2px;
    font-weight: normal !important;
}

#animatronicsAd div.text {
    float: left;
    padding-left: 10px;
    text-align: left;
    width: 122px;
    line-height: 140%;
    margin-top: 10px;
}

#animatronicsAd div.text strong {
    color: #4E5E86;
    font-size: 120%;
}

#animatronicsAd div.image {
    float: left;
    width: 50px;
}

#footer {
    padding-top: 12px;
    min-height: 120px;
}

#footer p {
    padding-top: 8px;
    font-size: 15px;
    color: #555555;
    line-height: 140%;
    border-top: 1px solid #64749C;
    display: block;
}

#footer ul {
    display: block;
    margin: auto;
    list-style: none outside none;
    min-width: 334px;
}

#footer ul li {
    display: inline-block;
    position: relative;
    border-left: 1px solid #64749C;
    margin-top: 4px;
    padding: 0 9px;
}

#footer ul li.first {
    border: none !important;
}

#footer ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

#footer ul li a {
    display: inline-block;
    line-height: 100%;
    padding: 0;
}

@charset "UTF-8";

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    float: left;
    height: 20px;
    background: url("../img/arrow-down-hover.png") no-repeat scroll 198px 8px #ffffff;
    border: 1px solid #ADB7CF;
    margin-left: 4px;
    z-index: 597;
}

ul.dropdown li {
    float: left;
    vertical-align: middle;
    zoom: 1;
    background-color: #ffffff;
    padding: 0 6px;
    line-height: 20px;
    width: 200px;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
    background-color: #EDF1FA;
}

ul.dropdown li.first {
    background: url("../img/arrow-down-hover.png") no-repeat scroll 198px 8px #ffffff !important;
}

ul.dropdown li.first:hover {
    background: url("../img/arrow-down-hover.png") no-repeat scroll 198px 8px #edf1fa !important;
}

ul.dropdown ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    z-index: 598;
    width: 100%;
    border: 1px solid #adb7cf;
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}






/*.title {
	font-family:Georgia, Arial, Serif;
	font-size:1.8em;
	margin:0;
	font-weight:bold;
    color: #2d64b6;
} font-size normally 1.5em*/

#content .title a, .title a:link, .title a:visited, .title a:active
{
    font-family:Georgia, Arial, Serif;
	font-size:1.8em;
	margin:0;
	font-weight:bold;
	text-decoration:none;
	/*color:#2d64b6;*/
}
#content .title a:hover
{
	color: #875038;
	text-decoration: underline;
}

.article_link{
	font-size:1.1em;
	font-weight:bold;
}

.article_link a, .article_link a:visited {
    text-shadow: 1px 1px 1px #adb7cf;
	color: #384f87;
    text-decoration: none;

}

.article_link a:hover, .article_link a:active {
    color: #875038;
    text-decoration: underline;

}


.entry {
    padding: 10px 0 0;
    font-family: Georgia, Verdana, Arial, serif;
    font-size: 1.1em;
    line-height: 1.35em;
    margin: 3px 0 0
}

.byline {
	FONT-SIZE: 1.1em; MARGIN: 0px; FONT-FAMILY: Arial
}
.content-container {
	WIDTH: 500px; HEIGHT: 290px
}
.article-link {
	FLOAT: left
}
.permlink_comments {
	BORDER-TOP: #cccccc 1px dotted; WIDTH: 100%; LINE-HEIGHT: normal; TEXT-ALIGN: right
}
.meta .more {
	PADDING-LEFT: 15px; BACKGROUND: url(images/img14.gif) no-repeat left center
}
.meta .comments {
	PADDING-LEFT: 15px; BACKGROUND: url(images/img14.gif) no-repeat left center
}
.navigation {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 30px
}
.alignleft {
	FLOAT: left
}
.alignright {
	FLOAT: right
}
.padded {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#comment {
	WIDTH: 500px
}
.posts {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.posts LI {
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px; BORDER-BOTTOM: #cccccc 1px dotted
}
.posts H3 {
	MARGIN: 0px
}
.posts .date {
	MARGIN: 0px
}
DIV.thumb {
	BORDER-LEFT-COLOR: #ffffff; MARGIN-BOTTOM: 0.5em; BORDER-BOTTOM-COLOR: #ffffff; WIDTH: auto; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ffffff; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #ffffff; BORDER-BOTTOM-STYLE: solid
}

div.content-container div.thumb img {
    border: 1px solid #999999;
}

DIV.thumb DIV {
	/*BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px! important; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 3px! important; FONT-SIZE: 94%; PADDING-BOTTOM: 3px! important; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 3px! important; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center*/
        padding: 7px !important;
        border: 1px solid #adb7cf;
        background: #efefef;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
        background: -moz-linear-gradient(center top , #efefef, #ffffff) repeat scroll 0 0 transparent;
        background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
        background: -o-linear-gradient(top, #efefef, #ffffff);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
        text-align: center;
}
div.thumb div li {
    list-style: disc inside;
}

DIV.thumb DIV A IMG {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}
DIV.thumb DIV DIV.thumbcaption {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.1em; BORDER-TOP-STYLE: none; PADDING-TOP: 0.3em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
DIV.magnify {
	DISPLAY: none
}
DIV.tright {
	BACKGROUND-COLOR: #eeeeee; BORDER-TOP-WIDTH: 0.5em; BORDER-LEFT-WIDTH: 0.5em; FLOAT: right; BORDER-BOTTOM-WIDTH: 0.5em; BORDER-RIGHT-WIDTH: 0px
}
DIV.tleft {
	BORDER-TOP-WIDTH: 0.5em; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0.5em; MARGIN-RIGHT: 0.5em; BORDER-RIGHT-WIDTH: 0.5em
}

/*-- Pagination --*/

ul{border:0; margin:0; padding:0;}

#currentPartContainer h2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #adb7cf;
    background: #4e5e86;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e5e86', endColorstr='#8595bd');
    background: -moz-linear-gradient(center top , #4e5e86, #8595bd) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e5e86), to(#8595bd));
    background: -o-linear-gradient(top, #4e5e86, #8595bd);
    padding: 6px 0;
    color: #efefef;
}

#currentPartContainer img {
    border: 1px solid #222222;
    margin: 6px 0;
}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:15px;
font-weight:bold;
list-style:none;
margin-right:2px;
display:inline
}
#pagination-digg{
  padding:0;
  margin:0 auto;
  text-align:center;
  list-style:none
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg a.next,
#pagination-digg a.previous  {
font-weight:bold;
border: 0;
}

a.pagein:link, a.pagein:active{
border:solid 1px #9aafe5;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
margin-right:2px;
margin-left:5px;
color:#2d64b6;
}
a.pagein:visited {
border:solid 1px #9aafe5;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
margin-right:2px;
margin-left:5px;
color: #2d64b6;
}
a.pagein:hover{
color: #2d64b6;
}


pre.code, pre.command-line {
    border: 1px dotted #b7b7b7;
    background-color: #fafafa;
    display: block;
    white-space: pre-wrap;
    font-size: 11px;
    line-height: 110%;
    padding: 4px 6px;
    margin-top: 2px;
}

pre.code strong {
    color: #000000;
}

strong.pre-title {
    font-size: 12px;
    line-height: 100%;
    margin: 8px 0 0;
    display: block;
}

#content ol {
	padding-left: 24px;
	margin: 8px 0;
}

#content ol li {
	margin: 2px 0;
}

#content ol li ul {
    margin-left: 18px;
}



#regexTree {
    border: 1px dotted #b7b7b7;
    background-color: #fafafa;
    display: block;
    font-size: 12px;
    padding: 4px 6px;
    margin-top: 2px;
    color: #222222;
    margin-bottom: 8px;
}

#regexTree li {
    line-height: 15px;
    list-style-type: none;
    padding: 0 0 8px 18px;
    background-image: url(./ul-long.png);
    background-repeat: no-repeat;
    padding-left: 18px;
}

#regexTree li ul {
    padding: 5px 0 0 18px;
}

#regexTree li.first {
    background-image: url(./ul-first.png);
}

#regexTree li.end {
    background-image: url(./ul-end.png);
    padding-bottom: 0;
}

#regexTable {
    border: 1px dotted #b7b7b7;
    border-collapse: collapse;
    background-color: #fafafa;
    margin: 8px 0 6px;
}

#regexTable th, #regexTable td {
    border: 1px dotted #b7b7b7;
    padding: 3px 5px;
    line-height: 105%;
}

/******* For Building A Robot *******/
.ChassisButton {
	display: block;
	width: 90px;
	height: 60px;
	margin-left:5px;
	background: url('http://www.pyroelectro.com/img/robot_chassis_hover.jpg') bottom;
	text-indent: -99999px;
}
.ChassisButton:hover {
	background-position: 0 0;
}

.MotorButton {
	display: block;
	width: 90px;
	height: 60px;
	margin-left:5px;
	background: url('http://www.pyroelectro.com/img/robot_motor_hover.jpg') bottom;
	text-indent: -99999px;
}


.MotorButton:hover {
	background-position: 0 0;
}

.SensorButton {
	display: block;
	width: 90px;
	height: 60px;
	margin-left:5px;
	background: url('http://www.pyroelectro.com/img/robot_sensor_hover.png') bottom;
	text-indent: -99999px;
}


.SensorButton:hover {
	background-position: 0 0;
}