/*
	Theme Name: Vertical Bridge Consulting
	Theme URI: http://www.verticalbridge.ca
	Description: Theme created for Vertical Bridge by Bluelime Media based on a design by Ideastream Design.
	Version: 4.0
	Author: Christine Rondeau/Tzaddi Gordon
	Author URI: http://www.bluelimemedia.com
*/

/*Reset code courtesy of Eric Meyer*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


td, th {vertical-align:top;}
.hide {display:none;}
a img {border:none;}
p {padding:8px 0px; margin:0; line-height:1.6em;}
ul, ol {font-size:1em; margin-left:26px;}
.thumb, .imgalignright {float:right; margin: 10px 0px 5px 20px; border:1px solid #FFF;}
.thumb_sm, .imgalignleft {float:left; margin: 2px 20px 10px 0px; border:1px solid #FFF;}
.thumb_sm{margin-bottom:50px;}

li{line-height:1.6em;}/*not sure if you're OK with this, C, but I found the line height was too crowded on p and li*/

h3, h2 {
	margin:30px 0px 4px 0; 
	color:#ED1C24; 
	letter-spacing:-1px;
	font: bold 22px/24px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
}
h2 {margin-top:20px;}
h4 {
	margin:10px 0 0 0; color:#ED1C24; 
	font: normal 16px/18px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;}
	
h5{	
	margin:5px 0;
	font:12px  "Lucida Grande", Verdana, Arial, sans-serif;
	color:#ED1C24;
	font-weight:bold;
}	

a {color:#ED1C24;}
a:hover {color:#BEBDBD;}
.alignright {float:right; padding:5px; }
.alignleft {float:left; padding:0 5px 5px 0;}
.aligncenter {margin:0 auto 0 auto;}
hr {
	clear:both;
	border: 0;
	width: 80%;  height: 1px;
	color: #FFF;
	background-color: #FFF;
}

blockquote {
	margin:0; padding:0;
	color:#ED1C24;
	font:normal 15px/20px "Century Gothic", "Trebuchet MS", "Lucida Grande", arial, sans-serif;
}

body {
	margin:0; padding:0;
	background:#636363;
	font:72.5%  "Lucida Grande", Verdana, Arial, sans-serif;
	line-height:1.6em;
	color:#393536;
	text-align:center;
}
#wrapper {
	position:relative;
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px;
}

/* Header area 
-------------------------------------------*/
#tagline {margin: 0; background: url(images/tagline.gif) top left no-repeat; width: 557px; height:10px; position: absolute; top:-20px; left: 362px; z-index:2;}
#logo {margin: 0; background: url(images/logo.gif) top left no-repeat; width: 42px; height:163px; position: absolute; top:15px; left: 840px; z-index:2;}

#header {
	position:absolute;
	top:50px;	left:0px;
	width:1000px;	height:240px;
	background: #252122 url(images/top/home.jpg) top left no-repeat;
}
.page-id-12 #header, .parent-pageid-12 #header, .parent-pageid-1284 #header {background: #252122 url(images/top/people.jpg) top left no-repeat;}

.page-id-1093 #header, .parent-pageid-1093 #header  {background: #252122 url(images/top/services.jpg) top left no-repeat;}
.page-id-19 #header, .archive #header, .single #header  {background: #252122 url(images/top/careers.jpg) top left no-repeat;}
.page-id-14 #header, .parent-pageid-14 #header {background: #252122 url(images/top/media.jpg) top left no-repeat;}
.page-id-60 #header  {background: #252122 url(images/top/blog.jpg) top left no-repeat;}

.charity {position:absolute; top: 100px; right:200px; width:280px; text-align:left;}

/* Navigation
--------------------------------------------------*/
#main_nav {
	position: absolute; 
	margin:0; padding:0;
	list-style-type: none;
	width:1000px; height: 30px;
	top:194px; left:0px;
	z-index:200px;
	background-color: #d3070f;
}
#main_nav ul { list-style: none;}

#nav {
	margin: 0px; padding: 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Garuda, Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	height:auto;
}
#nav ul {
	margin: 0; padding: 0;
}
#nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding:6px 32px 5px 32px; margin:0 10px;
	font-size:11px; 
	text-transform: uppercase;
}

#nav li {
	float: left;
	padding: 0;
}
#nav li a:hover {
	background-color:#62181b;
}

#nav li ul {
	position: absolute;
	left: -999em;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0 8px;
	background-color:#62181b;
	z-index:14;
}
#nav li ul li {
	float:none;
	list-style:none;
 	padding: 5px 0; margin:0;
	width:200px; 
}

#nav li li a {
	color:#FFF;
	padding:0; margin:0;
	font-size: 10px;
}
#nav li ul a:hover, #nav a.active  {
	background-color: #62181b;
	color:#beb4b4;
}

#nav li ul ul {
	margin: -20px 0 0 120px; padding:4px 0;
	z-index:200;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;

}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}





/*Layout Styles 
---------------------------------------------*/
#main {
	position:absolute;
	top:289px;
	left:0px;
	margin:0; padding:0px;
	background:#FFF url(images/watermark.gif) bottom left no-repeat;
	width:1000px;
}
#content {
	float:left;
	width:600px;
	padding:0px 0px 100px 180px;
	margin:50px 0 100px 0px;
	text-align:left;
	
}
#content ul{margin-left:20px;}
#content li { padding:3px;}
#left {
	float:left;
	padding:80px 20px 100px 160px;
	text-align:left;
	width:480px;
	margin:0px;
}


#sidebar {
	float:right;
	padding:80px 60px 30px 0;
	text-align:left;
	width:260px;
}
#sidebar ul {list-style:none; margin-left:12px; margin-bottom:30px;}
#sidebar li {
	background: url(images/bullet.gif) 0% 10%  no-repeat;
	padding:0px 8px 8px 20px;
}
#sidebar li a {
	color:#393536;
	text-decoration:none;
}
#sidebar li a:hover {color:#ED1C24;}
#sidebar .current-cat {font-weight:bold;}

dt {vertical-align:top;
	float: left; 
	clear: left; 
	width: 150px; 
	padding: 4px 5px 12px 5px; 
	font:12px  "Lucida Grande", Verdana, Arial, sans-serif;
	color:#393536;
	font-weight:bold; 
}
dd {vertical-align:top; padding: 5px; padding: 4px 5px 12px 5px;}


#career_table {
	border-collapse:collapse;
	border-top:1px solid #66171B;
	border-left:1px solid #66171B;
	margin-top:1em;
}

#career_table td {
	padding:8px;
	border-right:1px solid #66171B;
	border-bottom:1px solid #66171B;
}

#career_table th {
	padding:10px;
	border-right:1px solid #393536;
	border-bottom:1px solid #393536;
	background:#393536;
	color:#FFF
}

#career_table a {color:#393536;}
#career_table a:hover {color:#ED1C24;}
#career_table tr.Filled {background:#CCC;}

#career_table_desc {border-collapse:collapse;}
#career_table_desc td {padding:8px;}

.postinfo{ font-style: italic;}