/*  
Theme Name: WTS
Theme URI: http://www.caribmedia.com
Description: WTS Style
Version: 1.0
Author: Michiel van der Blonk
Author URI: http://www.caribmedia.com

	WTS

	This theme was designed and built by Michiel van der Blonk,
	for CaribMedia : http://www.caribmedia.com

*/

/* reset */
body, h1, h2, h3, h4, h5, h6, a, p, div, span, table, td, tr, blockquote { margin: 0; padding: 0; }

/* Begin Typography & Colors */
body { font-size: 76%; font-family: Arial, Helvetica, sans-serif; color: #000; background-color:white; }

.hide { display:none }

#header { height:156px; }
#header #logo { text-indent: -9999px; overflow: hidden; width:153px; height:88px; position:absolute; top:28px; left:50%; display:block; text-align:center; margin-left:-77px;}
#header .vcard { position:absolute; top:30px; left:30px; width:11em; height:7em; }
.vcard .city, .vcard .country { display:none; }
.vcard .geo { position:absolute; top:-100px;}

#sidebar-header { width:17em; position:absolute; top:75px; right:30px; }
#sidebar-header li { display: block; clear: both; }
#sidebar-header li li { float: left; width: 6em; clear: none; background: url(images/bullet.png) no-repeat 0 center; }
#sidebar-header .page-item-30 { width: 4em; }
#sidebar-header li a { font-size: 1em; }

#subTitle { position:absolute; top: 128px; width:100%; display:block; }

#footer,
#footer a { text-decoration:none; }

#tagLine { font-size: 1.2em; text-align: center; }

h2#page-title { font-size: 1.6em; margin-bottom:1em;}

.sidebar h2 { font-size: 1.2em; }
.sidebar #pages h2 { display: none; }

#pages, #pages li { clear: left; display: block; float: left; line-height: 2em; width: 13em; }
.sidebar li a { display: block; float: left; font-size: 1.3em; padding: 0.2em 0.5em; width: 9em; }
#pages li.lastItem a { border-right-width: 0; }
#pages li ul { display: none; }
#pages li:hover ul { display: block; left: 13em; position: absolute; width: 11em; }
#pages li:hover li, #pages li:hover li a { width: 11em; }

h3 { font-size: 1.3em; }
.sidebar { font-size: 1em; width: 185px; float: left; }
.sidebar, .sidebar li, .sidebar ul { margin:0; padding: 0 }

.sidebar .widget_links h2 { display:none; }
.sidebar .widget_links { }
.sidebar .widget_links a { line-height:2em; padding-left:20px; }

/* End Typography & Colors */

/* Begin Structure */
body { margin: 0 0 20px 0; padding: 0; }

#contentPane { width: 755px; float: left; margin-top: 1em; }

#contentPane p { margin-bottom:.57em; }
#contentPane h3 { margin:.57em 0; } 
#contentPane ul, #contentPane ol { margin: .57em 0; padding-left: .5em; }
#contentPane li { margin-left:.6em; padding-left:.6em }
#contentPane ul, #contentPane ol { padding-left:15px !ie }
#contentPane td, #contentPane th { padding:.2em .5em }
#contentPane table { margin:1em}

#main { width: 980px; margin: 0 auto; position: relative; }

#outer, 
#inner { float: left; }
#inner { margin: 0 20px; }

#page { float: left; margin: 20px auto; padding: 0; }
#header h1 { position: absolute; top: 30px; }
#header h1 a { padding: 20px; }
#header .description { display: none; }

#footer { clear: both; float: left; margin-left: 20px; padding: 5px; width: 922px; }
#footer #copyright, #footer #credits { width: 420px; float: left; padding: 2px 20px; }
#footer #credits br { display: none; }
#footer #poweredBy { display: none; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }
#footer #operators { margin-left:5px; }
/* End Structure */

/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #E989A7; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*	Headers */
#header h1 { margin: 0; float: left; width: 217px; height: 150px; padding-bottom: 40px; }
#header h1 a { display: block; height: 150px; }
.sidebar h2 { margin: 5px 0 0; padding: 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 2px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 2px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Entry Lists */
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

/* Form Elements */
#searchform { position:absolute; top:49px; padding: 5px 3px; }
#searchform label { display:none; }
#searchform #s { width: 10em; padding: 1px; font-size:.9em; }
#searchsubmit { font-size:.9em; padding: 1px; border-width:1px; }

/* sidebars */
.sidebar li { list-style-type:none; }
.sidebar .page_item a { display: block; width: 9em; line-height: 1.8em; height: 1.8em; padding-left: 20px; }
.sidebar form { margin: 0; }

#sidebar-header .page_item a { width:6em; }

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
#controls { clear: both; margin-top: 2em; float: left; }

/* home page */
.home #main-text { float: left; width: 500px; margin-right: 1em; }

/* about us */
.about #contentPane .vcard { clear:both; margin:1em 0; height:205px; padding:5px 20px 20px 12px; }
.about #contentPane .vcard img { margin-bottom: 1em; border-width: 0px; }

/* contact form */
#contentPane .error, .alert { color:red; }

.contact-us #frmContact form	 		{ border-width: 1px; padding: 1em; width: 35em; }
.contact-us #frmContact fieldset	{ border:none; }
.contact-us #frmContact legend		{ font-size:1.2em; /*text-indent:-.7em*/ margin-left:-10px; }
.contact-us #frmContact label 		{ display: block; width: 10em; float: left; }
.contact-us #frmContact input 		{ margin-bottom: .5em; }
.contact-us #frmContact textarea 	{ width: 32em; }
.contact-us #frmContact .optin label { width:auto; display:block;float:none;}
.contact-us #frmContact .optin input { margin-bottom:0; }
.contact-us #frmContact .required-indicator { vertical-align: top;}

/* job opp. */
.job-opportunities #contentPane blockquote { font-size:1.5em; font-style: italic; color: #999}

/* generic classes */
#contentPane .error { border: 1px solid red; background-image: url(images/error_icon.gif); background-position: right center; background-repeat: no-repeat; }
.alert { color: red; }

#contentPane #pdf { position: absolute; top: 165px; left: 770px; width: 140px; z-index: 1; border: 1px solid blue; }

/* Presentation */
body { 	background: #fff url(images/background-8.png) repeat-x 0 0; }
#logo { background: url(images/logo.png) repeat-x 0 0;  }
#header { background: url(images/header-8.png) no-repeat 0 0;  }
#header .vcard { color: #00377B; font-size:1.2em; text-align:left; font-weight:bold; }
#header .sidebar { font-weight:bold; }
#subTitle { font-size:1.4em; color:white; font-style: italic; font-weight:bold; text-align:center;}
.sidebar { background: none;   }
.sidebar li a { color: #00377B; text-decoration: none; }
#sidebar-left li a {background:url(images/nav-gradient.jpg) repeat-x 0 0 }
#sidebar-left li a:hover {background:#ccc; color: #D30F4C }
#inner { background-color:white;  }
#contentPane { line-height:1.3; min-height:450px; }
#contentPane li { list-style-position: outside; }
#contentPane a { color:gray; }
#contentPane a:hover { color:#00377b; }
#contentPane h3 { color:#00377b;  }
#contentPane h2 a { color:#00377B; }
h2#page-title { color: #00377b; font-style:italic; }
#footer { font-size: smaller; border-top: 2px solid #D30F4C; }
#footer a { color: black; text-decoration: none; }
#footer #credits { text-align:right; }
#searchform { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:right; }
#searchsubmit { border-style: solid; border-color: gray; background-color: #f4f4f4; text-transform:uppercase; color: #00377b;  letter-spacing:1px; }

.about #contentPane .vcard img { border-style: solid; border-color: #00747b #00377b  #00377b  #00747b;  }
.about #contentPane .vcard { background: url(images/contact-box.jpg) no-repeat 0 0 }
.about #contentPane .vcard .title { color: #00377b; font-style:italic;}
.about #contentPane .vcard .fn { color:#d30f4c; }

/* easter egg
.wp-image-157 { background: url(images/thankyoohoo.jpg) no-repeat 0 0}
.wp-image-157:hover { padding-top:225px; overflow:hidden; position:relative; height:0;}
 */
 
/* .wts { font-weight:bold; font-style:italic; color: #00377b;  } */
.wts { display: -moz-inline-box; display: inline-block; background: transparent url(images/wts-logo-inline.jpg) no-repeat 0 0; text-indent: -3000px; font: 0/0 Arial; overflow: hidden; color: rgba(255,255,255,0); vertical-align: bottom; width: 25px; height: 14px; }

.wtsQuote { display: -moz-inline-box; display: inline-block; background: transparent url(images/wts-logo-inline.jpg) 0 0 no-repeat; text-indent: -3000px; font: 0/0 Arial; overflow: hidden; color: rgba(255,255,255,0); vertical-align: bottom; width: 25px; height: 17px; }

.excerpt { font-size: .9em; letter-spacing: 1px; font-style: italic; }
.a-b-c {list-style-type: lower-alpha}
.A-B-C {list-style-type: upper-alpha}

#contentPane #pdf { border-color: silver gray gray silver; background: #add8e6; padding: .5em; color: #333; }