/*  
Theme Name: Timeless Whispers
Description: Bone me up!
Version: 0.1
Author: Team Dream Team
Author URI: http://interactivetrainingsystems.com
*/

/* Reset styles by Eric Meyer (meyerweb.com) */
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,
dd, dl, dt, li, ol, ul,
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;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}
/* End reset*/


body {
font:12px/1.5 Arial, Helvetica, sans-serif;
}
p, ul{
font-size:1em;
line-height:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}
h2, h3, h4, h5, h6 {
font-weight: bold;
text-transform:uppercase;
font-size:1.1667em;
line-height: 1.286em;
margin-top: 1.286em;;
margin-bottom: 1.286em; 
}
h2 {
background:#000;
color:#fff;
padding:2px 0 2px 4px;
width:708px;
margin-top:1.286em;
clear:left;
}
h3{
border-bottom:3px solid #000;
}
h5{
color:#999;
border-bottom:1px solid #999;
}
#container { 
margin: 0 auto;
width: 712px;
}
#branding {
width: 712px;
float: left;
height: 56px;
margin: 30px 0px 10px 0px;
text-align:right;
}
#branding h1{
width:70px;
float:left;
}
#branding h1 a{
display:block;
height:56px;
width:70px;
background:#000 url(images/its_logo.gif) no-repeat 0 0;
border-style:none;
}
#branding h1 a span{
display:none;
}
.vcard div{
font-size:10px;
line-height:1.2em;
}
#branding.vcard .adr{
margin-top:12px;
}
#mainnav {
float: left;
width: 712px;
margin: 0px 0px 8px 0px;
color:#fff;
background-position:left center;
}
#mainnav.mainpage{
height:339px;
background:#fff no-repeat left center;
}
#mainnav.subpage{
height:250px;
background:#fff no-repeat left center;
}
#mainnav ul{
width:236px;
height:250px;
text-transform:uppercase;
margin:0;
}
#mainnav ul li{
margin:0;
}
#mainnav a:link, #mainnav a:visited{
color:#000;
font-size:14px;
font-weight:bold;
text-decoration:none;
display:block;
width:231px;
border-bottom:4px solid #fff;
padding:7px 0 7px 5px;
}
#mainnav a:hover, #mainnav a:active{
color:#fff;
background:#c20;
}
#mainnav li.current_page_item a{
background:#fff;
color:#000;
}
#content{
clear:left;
}
ul{
list-style:square;
margin-bottom:4px;
}
ul li{
margin:4px 0 0 16px;
}
a:link, a:visited{
color:#000;
text-decoration:none;
border-bottom:1px dotted;
}
a:hover, a:active{
background:#c20;
color:#fff;
border-bottom:1px solid;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited{
border-style:none;
}
h2 a:link, h2 a:visited{
color:#fff;
}
img{
border:1px solid #666;
}
img.transparent{
border-style:none;
}
.left{
float:left;
margin:0 8px 1.5em 0;
}
.right{
float:right;
margin:0 0 1.5em 8px;
}
.postentry{
margin-left:240px;
}
.postentry blockquote{
margin-left:0;
}
.postmeta{
font-size:0.9em;
float:left;
}
.postmeta p{
line-height: 1em;
margin-top: 1em;;
margin-bottom: 1em;
}
#commentlist {
margin: 1.2em 0;
padding: 0;
border-bottom: 1px solid #000;
}
#commentlist li {
border-top: 1px solid #000;
padding: 8px 16px;
background-color: #FFF;
}
.alt {
background-color: #eee !important;
}
.commenttitle {
margin-bottom: 0;
}
.commentmeta {
margin-top: 0;
font-size: 0.9em;
padding:4px 0;
}
#comment {
width: 98%;
}
blockquote{
background:#eee url(images/quotes.gif) no-repeat 5px 5px;
border:1px solid #999;
font-size:0.9em;
padding:1.5em;
margin-left:240px;
}
blockquote p{
margin-left:0 !important;
}
blockquote p.attribution{
border-top:1px dotted #999;
color:#333;
}
input, textarea, select{
margin-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
label{
display:block;
}
#contactform{
width:464px;
float:left;
}
#contactform textarea{
width:448px;
}
#contactform div{
float:left;
margin-right:8px;
}
#contactform div input, #contactform div select{
width:216px;
}
#contactform .submit{
clear:left;
display:block;
}
#surveyform fieldset{
border:1px solid #666;
padding:0 8px;
background-color:#eee;
}
#surveyform textarea{
width:224px;
}
#surveyform input, #surveyform textarea, #surveyform select, #surveyform fieldset{
color:#000;
}
#surveyform h3{
border-style:none;
}
#itsnews { 
margin: -12px 8px 8px 0px;
width: 232px;
float: left;
}
#industrynews { 
float: left;
margin: -12px 8px 8px 0px;
width: 232px;
display: inline;
}
#work { 
margin: -12px 0px 8px 0px;
width: 232px;
float: left;
}
#work img, #casestudieslist img{
float:left;
margin:0 8px 8px 0;
}
#work .story, #casestudieslist .story{
clear:left;
}
#work p, #casestudieslist p{
font-size:11px;
margin-top:0.643em;
margin-bottom:1.286em;
}
#itsnews h3, #industrynews h3, #work h3, #casestudieslist h3{
border-style:none;
margin-top:-0.643em;
margin-bottom:-0.643em;
}
#content #itsnews h2, #content #industrynews h2, #content #work h2{
width:228px;
}
.story{
margin-bottom:16px;
}
.story p.readmore{
text-align:right;
margin-top:8px;
font-size:11px;
}
.employee{
width:224px;
float:left;
margin-top:0.643em;
margin-bottom:0.643em;
}
.employee h4{
margin:0;
}
.employee p{
font-size:12px;
margin:0;
}
.keller{
width:100%;
padding:8px 0 12px 0;
margin-bottom:16px;
float:none;
font-size:12px;
}
.employee img{
float:left;
margin:0 8px 24px 0;
}
.keller img{margin-bottom:0;}
.employee .jobtitle{
font-weight:bold;
}
.first{
clear:left;
}
#solutionsproducts p, #solutionsproducts ul,
#casestudy p, #casestudy ul{
margin-left:240px;
}
.twocol{
margin-left:240px;
}
#solutionsproducts img{
float:left;
margin-bottom:1.286em;
}
#solutionsproducts h4{
margin-top:1.929em;
}
#solutionsproducts h4, #solutionsproducts h5{
clear:left;
}
.relatedworkitem{
width:232px;
float:left;
margin-right:8px;
}
.relatedworkitem.third{
margin-right:0;
}
.relatedworkitem img{
float:left;
margin-right:8px;
}
.relatedworkitem h6{
font-size:11px;
margin:0;
}
.relatedworkitem p{
font-size:11px;
margin:0 !important;
}
.endrelatedwork{
height:1px;
border-bottom:1px solid #999;
}
#casestudiesdesc{
width:472px;
float:left;
margin-top:-1.5em;
margin-right:8px;
}
#casestudieslist{
width:232px;
float:left;
}
#casethumbs{
width:240px;
float:left;
}
#casethumbs a{
border-style:none;
margin-right:8px;
}
#casethumbs a:hover, #casethumbs a:active{
background:transparent;
}
#casethumbs img{
padding:4px;
border:1px solid #666;
width:100px;
}
.clearing{
clear:both;
}
abbr{
border-bottom:1px dotted #aaa;
cursor:help;
}
.sitenotice{
color:#c20;
border:1px solid #c20;
font-size:0.9em;
padding:0.5em;
}
#siteinfo {
font-size:10px;
width: 696px;
clear: both;
background: #000;
color:#fff;
margin: 16px 0 30px 0;
padding:8px;
}