/*Silo Web - Mobile Styles and Overrides*/
/*Items Not Needed for Mobile Display*/
.header-advert,.inline-hero,#section-footer  {display:none;}
/*General Lists*/
/*-------------Main Containers------------*/
h1, h2, h2.title,h2.title span,h3 {font-size: 1.3em; line-height: 1.6em; width: auto; background-color: transparent!important; height: auto; }
dt {margin-top: 10px;margin-bottom: 7px; padding-top: 10px;  border-top: 2px #cccccc solid;}
dt:first-child{ border-top: none;}
dt img {margin-right: 10px; margin-bottom: 25px;}
dd {padding-bottom: 10px;}
.full-width .container p {font-size: 1.2em;}
/*General Color Corrections*/
div.super-container h2, 
div.super-container h3, 
div.super-container h4 {color: #999074} 
img.button,img.floated {border:none;}

.sf-menu > li > a strong {color:#1B1749}
/*Clear Theme Backgrounds */
h2.title, #section-footer h5 {background-image: none!important; z-index: auto;}
/*Header*/
#section-tophat,#section-tophat::after {background: #1B1749}
#section-tophat .container .sixteen span {font-size: 1.4em; color: #efefef;}
h1#logo {width: 203px; height: 104px; background: #ffffff; padding: 0px; width: inherit; text-align:center;}
#navPrimary li a span {color: #999074;}

/*Navigation*/



/*1Col Page Containers*/

/*Feature Lists*/
.content-callout {padding-top: 15px; padding-bottom: 15px; border-top: 1px #999074 solid;}
ul.feature-list{list-style:none; padding-top: 20px; border-top: 1px #999074 solid;}
ul.feature-list li {padding-left: 40px}
li.cms {background: url(../images/icons/content-create-orange-32.png) no-repeat 0px 7px transparent;}
li.email{background: url(../images/icons/mail-task-cal-orange-32.png) no-repeat 0px 7px transparent;}
li.storage{background: url(../images/icons/folder-full-orange-32.png) no-repeat 0px 7px transparent;}
li.maint {background: url(../images/icons/wrench-orange-32.png) no-repeat 0px 7px transparent;}
li.support {background: url(../images/icons/light-bulb-orange-32.png) no-repeat 0px 7px transparent;}
li.backup{background: url(../images/icons/down-arrow-orange-32.png) no-repeat 0px 7px transparent;}
li.ecom{background: url(../images/icons/e-commerce-orange-32.png) no-repeat 0px 7px transparent;}


/*Projects List*/
dl#folio_list {float: left; clear: both;margin: 0 15px 0 15px}
dl#folio_list dt{float: left; clear: both!important;width: 100%;font-size: 1.4em;}
dl#folio_list dt a {padding: 5px; text-decoration:none!important; color: inherit;}
dl#folio_list dt a:hover {background: #ffffe0; border-bottom: 1px #cccccc solid; }
dl#folio_list dd {margin: 10px 0 20px 0; padding: 0; line-height: 1.5em; font-size: .95em;}
dl#folio_list span.folio_type{color: #696969; font-style: italic;display: block; clear: both; margin-bottom: 7px; font-size: .9em;}
dl#folio_list .folio-thumb{border: 2px #efefef solid; padding: 7px 10px 7px 9px; background: transparent;display: block; float: left; clear: both; margin-left: 15%; margin-right: 15%; margin-bottom: 10px;}
dl#folio_list .folio-thumb img{}
dl#folio_list .folio-thumb canvas{margin-top: 1px;opacity: .3;}

/*Advanced Solutions*/
ul.competency-list {list-style:none; margin: 20px 100px;  border: 3px #efefef solid;box-shadow: 2px 2px 2px #999999;}
ul.competency-list li {font-size: 1.2em; display: block; min-height: 25px; padding: 10px 0px 1px 50px; vertical-align: middle; background: url(../images/icons/light-bulb-orange-32.png) no-repeat 0px 7px transparent;}

/*Tools*/
dl#proficiencies dt {font-size:1.4em;}

/*vCard Block*/
div#contact-data {background: #efefef; border: 1px #cccccc solid; margin-bottom: 20px; padding: 10px 30px; box-shadow: 2px 2px 2px #999999; border-radius:7px;}
div#contact-data h2 {font-size:1.4em;color: #ef8903; text-align: center;text-shadow: 0px 1px 1px #999999;}
div#contact-data a {font-size:1em;}
.vcard .adr {margin: 5px 0 10px 0;}
.vcard .org,.vcard .tel .type {font-weight: bold;}
.vcard .org {font-size: 1.1em;}
div.vcard .vcf-icon {float: left; margin-right: 15px;}
div.vcard img.logo {float: left; margin-right: 20px;}
span.v-download{text-align: center; display: block; margin-top: 20px; margin-bottom: 20px;}

/*Form Basics*/
form legend {font-size: 1.3em; font-weight: bold; color:#ef8903;text-shadow: 0px 1px 1px #999999;}
form label {font-size: 1.2em; font-weight: bold;}
form input[type="text"], form select, form textarea {width: 90%}
form select{padding: 5px 10px}
form label span {float: right; margin-top: 0px; margin-right: -15px; font-size: 1.7em; color: orange;}

/*Misc*/
img.reflected canvas{margin-top: 1px;opacity: .3;}