/* 
Theme Name: DSYL
Theme URL: http://www.dsyl.net/
Description: DSYL Wordpress Theme for the new website.
Author: Jason Boucher
Author URI: http://www.dsyl.net
Version: 1.1
*/

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* Global */

body {
font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
background: #fff;
position: relative;
font-size: 12px;
line-height: 18px;
color: #777;
}

h1, h1 a, h2, h2 a, h3, h3 a {
font-weight: normal;
color: #444;
letter-spacing: 0;
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
text-decoration: underline;
color: #777;
}

h1 {
font-size: 24px;
line-height: 24px;
padding-bottom: 12px;
}

h2 {
font-size: 16px;
line-height: 16px;
padding-bottom: 8px;
}

h3 {
font-size: 12px;
line-height: 12px;
font-weight: bold;
padding-bottom: 8px;
}

p {
padding-bottom: 8px;
}

hr {
border: none;
}

a {
color: #898989;
text-decoration: underline;
}

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

/* Header */

#headerwrap {
position: relative;
background: #454336;
height: 124px;
border-bottom: 10px solid #acc21f;
}

#header {
position: relative;
width: 960px;
margin: 0 auto;
}

.logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 180px;
height: 123px;
background: url(/wp-content/uploads/2012/01/DSYL_logo_NEW_ro.png) no-repeat;
text-indent: -9999px;
border: none;
padding: 0;
margin: 0;
background-position:40px 40px;
}

/* Navigation */

#nav {
position: absolute;
top: 100px;
right: 40px;
}

#nav li, #subnav li {
list-style: none;
float: left;
position: relative;
}

#nav li a, #subnav li a {
font-family: "Century Gothic", AppleGothic, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
color: #909090;
text-decoration: none;
font-size: 12px;
line-height: 12px;
padding: 8px 25px !important;
z-index: 1000;
}

#nav li a:hover {
color: #fff;
background: #acc21f;
}

#nav li ul {
display: none;
}

#nav ul a:hover {
background: none;
color: #000;
}

#subnav, #hero {
background: #f0eee1;
width:940px;
margin: 0 auto;
position: relative;
}

#subnav {
height: 32px;
}

#subnav ul {
position: absolute;
top: 8px;
left: 145px;
background: #f0eee1;
}

#subnav a:hover {
color: #000;
}

/* Hero Shot */

#hero {
margin-bottom: 20px;
}

hr.nohero {
border: none;
background: #d8d183;
height: 10px;
width: 940px;
margin-top: 0;
clear: both;
}

#contentwrap {
position: relative;
background: url('images/pageBG.jpg') center repeat-y;
}

#content {
position: relative;
width: 880px;
margin: 0 auto;
padding-bottom: 20px;
}

/* sidebar */
#sidebar {
position: relative;
width: 240px;
float: left;
margin-right: 20px;
}

#sidebar ul {
margin-left: 15px;
padding-bottom: 8px;
}

#sidebar a {
color: #777;
text-decoration: none;
}

#sidebar a:hover {
color: #000;
text-decoration: underline;
}

.withsidebar {
position: relative;
width: 579px;
float: right;
border-left: 1px solid #999;
padding-left: 40px;
}

.withsidebar textarea {
width: 579px;
height: 200px;
overflow: auto;
}

.author {
margin: 0;
padding: 0;
padding-bottom: 16px;
font-size: 10px;
color: #999;
}

#postmeta {
padding-top: 20px;
}

#comments {
padding: 20px 0;
}

#comments ol, #comments ul {
list-style: none;
}

#comments li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}

/* Footer */

#footerwrap {
position: relative;
background: #454336;
border-top: 10px solid #acc21f;
padding-bottom: 20px;
}

#footer {
width: 900px;
margin: 20px auto;
color: #ccc;
font-size: 12px;
}

.footerpanel {
position: relative;
float: left;
width: 300px;
overflow: hidden;
}

#footer h2 {
color: #fff;
font-weight: bold;
}

#footer p {
color: #ccc;
}

#footer a {
color: #ccc;
text-decoration: none;
}

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

#footerNav {
border-top: 1px solid #333;
margin-right: 20px;
}

#footerNav li {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}

#footerNav li ul {
display: none;
}

#footerNav a {
padding: 3px 0;
padding-left: 5px;
border-bottom: 1px solid #333;
display: block;
}

#footerNav li ul li a {
margin: 0;
padding: 0;
line-height: 0;
}

#footerNav a:hover {
color: #000;
background: #acc21f;
text-decoration: none;
}

.socialmedia {
}

.socialmedia h3 {
display: none;
}

.socialmedia ul {
list-style: none;
}

.socialmedia li {
padding: 5px 0;
border-bottom: 1px solid #333;
margin-right: 20px;
}

ul.icons {
border: none;
margin-bottom: 10px;
}

ul.icons li {
position: relative;
float: left;
border: none;
margin: 0;
margin-right: 5px;
padding: 0;
}

ul.icons li a img {
width: 42px;
}

.entry-content {
}

.entry-meta {
display: block;
clear: left;
font-size: 10px;
color: #777;
}

/* Boxes */

div.contentBox {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
position: relative;
}

ul.contentBox {
position: relative;
}

ul.contentBox li {
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
margin: 0px 5px 20px 5px;
width: 200px;
min-height: 175px;
list-style: none;
float: left;
position: relative;
}

ul.contentBox li span {
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0 10px;
display: block;
}

ul.contentBox li span.heading {
font-size: 18px;
line-height: 24px;
margin-top: 6px;
/*margin-bottom: -20px;*/
padding-bottom: 8px;
display: block;
}

ul.contentBox li a {
text-decoration: none;
color: #666;
margin-top: 40px;
display: block;
}

ul.contentBox li a:hover {
color: #000;
}

.cbred {
border-top: 10px solid #a95a26;
}

.cborange {
border-top: 10px solid #f78f22;
}

.cbyellow {
border-top: 10px solid #fcba32;
}

.cbcream {
border-top: 10px solid #f9e4b7;
}

.cbpurple {
border-top: 10px solid #2d1949;
}

.cbblue {
border-top: 10px solid #badfff;
}

.cbblack {
border-top: 10px solid #000;
}

li.iconBG {
background: url('images/dsylicon_small.jpg') 50% 75% no-repeat;
text-align: center;
}

.cb3col {
margin-left: 125px;
}

.cb4col {
margin-left: 20px;
}

.iboxLeft {
width: 230px;
float: left;
position: relative;
}

.iboxRight {
float: left;
position: relative;
width: 555px;
border-left: 1px solid #e2e2e2;
min-height: 300px;
}

.landingLink {
text-align: center;
margin-top: 20px;
}

.landingLink a {
color: #464646;
font-size: 1.2em;
line-height: 1.2em;
text-decoration: none;
}

.landingLink a:hover {
color: #000;
}

/* Generic */

.columnLeft {
padding-left: 30px;
}

.columnRight {
padding-right: 30px;
}

.breathe5 {
padding: 5px;
}

.breathe10 {
padding: 10px;
}

.breathe20 {
padding: 20px;
}

.breathe40 {
padding: 40px;
}

.breathe5TB {
padding: 5px 0;
}

.breathe10TB {
padding: 10px 0;
}

.breathe20TB {
padding: 20px 0;
}

.breathe40TB {
padding: 40px 0;
}

.breathe20L {
padding-left: 20px;
}

.breathe20R {
padding-right: 20px;
}

.alignRight {
text-align: right;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

.clearleft {
clear: left;
}

.clearboth {
clear: both;
}

.homeboxes {
}

.homecontent {
position: absolute;
top: 0;
right: 0;
width: 640px;
}

.csLeftCol {
margin-left: 30px;
width: 230px;
border-right: 1px solid #000;
float: left;
}

p.italic {
font-style: italic;
}

/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}



/* Clear Floated Elements */

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

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* Profiles */

#featured {
position: relative;
width: 880px;
margin: 0 auto;
}

#featured ul.ui-tabs-nav {
position: absolute;
top: 0;
left: 0;
list-style: none;
padding: 0;
margin: 0;
}

#featured ul.ui-tabs-nav li {
padding: 0;
position: relative;
float: left;
width: 110px;
text-align: center;
margin-bottom: 20px;
padding-bottom: 5px;
}

#featured ul.ui-tabs-nav li:hover {
background: #acc21f;
}

#featured ul.ui-tabs-nav li:hover span {
color: #000;
}

#featured ul.ui-tabs-nav img {
padding: 5px;
width: 100px;
}

#featured ul.ui-tabs-nav a {
text-decoration: none;
}

#featured ul.ui-tabs-nav span {
color: #898989;
font-size: 12px;
}

#featured .ui-tabs-panel {
position: relative;
min-height: 300px;
margin: 0 auto;
margin-top: 357px;
position: relative;
overflow: hidden;
}

#featured .ui-tabs-panel img {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#featured .ui-tabs-hide {  
display: none;  
}

#featured .biowrapper {
clear: both;
}

#featured hr.nohero {
position: relative;
width: 880px;
top: 340px;
}

/* Case Studies */

#dsylcs {
position: relative;
width: 880px;
min-height: 500px;
}

#dsylcs #dsylcs-tabs {
float: left;
width: 220px;
}

#dsylcs .ui-tabs-nav {
list-style: none;
position: absolute;
top: 0;
left: 0;
border-right: 1px solid #000;
}

#dsylcs .ui-tabs-nav li {
float: left;
position: relative;
margin-right: 8px;
}

#dsylcs div.ui-tabs-panel {
margin-left: 240px;
font-size: 12px;
position: relative;
float: left;
}

#dsylcs div.ui-tabs-panel h1 {
border-bottom: 10px solid #6c2611;
margin-bottom: 20px;
}

#dsylcs div.ui-tabs-panel h2 {
font-size: 12px;
font-weight: bold;
margin: 0;
margin-top: 10px;
padding: 0;
}

#dsylcs .ui-tabs-hide {
display: none !important;
}

/* Testimonials */

.testWrap {
width: 880px;
margin: 0 auto;
}

#dsyltestimonials {
position: relative;
}

#dsyltestimonials h1 {
font-size: 20px;
}

#dsyltestimonials h2 {
font-size: 24px;
line-height: 30px;
}

#testimonial-tabs {
position: absolute;
top: 40px;
left: 0;
}

#testimonial-tabs li {
list-style: none;
position: relative;
}

#testimonial-tabs li a {
font-family: "Century Gothic", AppleGothic, "Helvetica Neue", Helvetica, sans-serif;
color: #999;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0;
}

.testimonial-panels {
margin-left: 180px;
margin-top: -20px;
width: 620px;
padding-left: 40px;
border-left: 1px solid #e2e2e2;
position: relative;
}

#dsyltestimonials .ui-tabs-hide {
display: none !important;
}