/* This stylesheet is a Tridea joint -- 2008 */

/*
COLORS
------
Gray Text: #857f7d
Gray Sidebar Bg: #f4f4f4
Blue Links: #4475ba
*/

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }
.dn { display:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* 
======================================================
Basic site styles
======================================================
*/
body { margin:0; padding:0; background-color:#fff; background:url(/images/bg/body-bg.gif) repeat-x; font-family:Verdana,Geneva,Arial,sans-serif; font-size:76%; }
span.highlight { background-color:#FFC; }
a { color:#4475ba; text-decoration:underline; }
a:hover { text-decoration:none; }
a:visited { color:#4475ba; }

/* 
======================================================
Site structure (layout)
======================================================
*/
div#wrapper { width:760px; margin:7px auto; padding:0; }
div#masthead { width:760px; height:117px; margin:0 0 20px; padding:0; background:url(/images/bg/tagline.jpg) right no-repeat; }
div.content-wrapper { background:url(/images/bg/content-bg.gif) repeat-x #fff; border-top:6px solid #4475ba; padding:0 0 50px 0;}
div.content { width:720px; margin:0 auto; }
div.content-section { width:500px; float:left; margin:10px 0 0; }
body#discovery div.content-section { width:720px; }

div.sidebar { width:200px; float:left; background:#f4f4f4; margin:0 0 0 20px; border-bottom:1px solid #94ceed; border-top:3px double #94ceed; padding:0 0 20px; }

div.welcome, div.blog { width:350px; float:left; margin:20px 0 0; padding:0 0 10px 0;}
div.blog { margin-left:20px; }

div#footer { margin:0 auto; padding:16px 0 0; text-align:center; background:url(/images/bg/gray-border2.gif) top repeat-x #fff; width:720px; }

/*
======================================================
Navigation
======================================================
*/
ul#navigation { height:30px; margin:5px auto 5px; padding:0; }
ul#navigation li { display:inline; margin:0 15px 0 0; padding:5px 0 3px; float:left; }
ul#navigation li a{ text-decoration:none; color:#7c8184; font-size:1.15em; font-weight:bold; padding-top:10px; }
ul#navigation li a:hover { background:url(/images/bg/nav-hover.gif) top no-repeat; color:#4475ba; border-bottom:none; }

/*
======================================================
Headers
======================================================
*/
h3 { font-size: 1.7em; margin:32px 0 0; color:#4475ba; }
h4 { font-size:1.3em; color:#4475ba; margin:10px 0 0 10px; }
h4.follow { margin:30px 0 0 10px;}
.example h3 { font-weight:bold; margin-bottom:10px; }

/*
======================================================
Paragraphs
======================================================
*/
p { margin: 16px 0 0 10px; line-height:18px; font-size:1.1em; color:#857f7d; }
div.sidebar p, div.sidebar { font-size:.95em; margin:10px 10px 0; }
form p { margin:10px 0 0;}

.example p { margin:6px 0 0 10px;}
p#emailSuccess, p#loadbar { display:none; }

/*
======================================================
Link Styles
======================================================
*/
body#about div.sidebar a { display:block; background:url(/images/gui/arrow.gif) left no-repeat; padding:0 0 0 10px; }
body#about div.sidebar ul#twitter_update_list a { background:none; padding:0; display: block; }
div.sidebar a.back { display:block; background:url(/images/gui/back-arrow.gif) left no-repeat; padding:0 0 0 10px; margin-top:25px; }
a.pdf { background:transparent url(/images/gui/pdf.gif) no-repeat scroll left center; padding:0 0 5px 20px; font-weight:bold;}
div.content-section a, { color:#4475ba; text-decoration:underline; }
div.content-section a:hover, div.blog a:hover, div.welcome a:hover { text-decoration:none; background:#4475ba; color:#fff !important; }
div.content-section a:visited { color:#4475ba; }
p.external a{ background:url(/images/gui/external.gif) right no-repeat; padding:0 10px 0 0;}
p.external a:hover { background:url(/images/gui/external-hover.gif) right no-repeat #4475ba; padding:0 10px 0 0; color:#fff;}
div.sidebar h4 a { background: url(/images/gui/twitter.gif) left no-repeat !important; padding:3px 0 5px 21px !important; }
/*
======================================================
Images Styles
======================================================
*/
.example img { border:5px solid #D8E9F3; }
img.logo { margin:15px 0 0; border:none; }
img.fl { margin:16px 10px 10px; padding:3px; background:#D8E9F3; }
/*
======================================================
Form Styles
======================================================
*/
form { margin:16px 0 0 10px; }
input, textarea { border:1px solid #ccc; padding:3px; }
input#submitButton, input.subscribe { border:none; }

body#contact form { margin:0; }
body#contact form#mainForm { width: auto !important; }
body#contact form#mainForm textarea {margin: 5px 0 0 0; width:auto !important; height: 100px; }

form#mainForm { width: 700px; }
form#mainForm fieldset {margin: 36px 0px; }
form#mainForm legend {font-size: 1.8em; display:block; text-align: left; letter-spacing: .1em; color:#4475ba; margin: 0; clear:left;}
form#mainForm label { display: block; width: 100%; clear: right; line-height: 14pt; margin: 18px 0 0 0; color:#857f7d; font-size:1.1em; font-weight:bold; }
form#mainForm textarea {margin: 5px 0 0 0; width:600px; height: 100px; }
.formRow { margin:0 0 20px 0; }
p.formSupporting { margin:-3px 0 0; font-size:.8em; }
div#formSubmitButton input { border:none; }
/*
======================================================
Miscellaneous Styles
======================================================
*/

.example { width:480px; padding:0 0 20px 0;}
div.sidebar ul { margin:15px 0 0 10px; }
div.sidebar ul li { margin:15px 0; font-weight:bold; }
div.sidebar ul li.email a { background:url(/images/gui/mail.gif) left no-repeat; padding:3px 0 5px 25px; }
div.sidebar ul li.linkedin a { background:url(/images/gui/linkedin.gif) left no-repeat; padding:3px 0 5px 25px; }
div.sidebar ul li.website a{ background:url(/images/gui/web.gif) left no-repeat; padding:3px 0 5px 25px; }
div.sidebar ul li.twitter a { background: url(/images/gui/twitter.gif) left no-repeat; padding:3px 0 5px 25px; }
div.sidebar ul.past { margin-bottom:18px; margin-right:10px; padding-bottom:9px; border-bottom:1px dotted #447BC0;}
div.sidebar ul.past li a { background:url(/images/gui/link.gif) right no-repeat; padding-right:20px;}

div.sidebar ul#twitter_update_list { margin:0 12px;}
div.sidebar ul#twitter_update_list li { font-size:.9em; line-height:15px; color:#857F7D; font-weight:normal; border-bottom:1px solid #ccc; padding:0 0 12px 0; }

span.small { font-size:.9em; font-weight:normal; }