/*
Theme Name: Bay Bridge
Theme URI: http://www.sbaybridge.com/
Description: Custom WordPress theme for Bay Bridge.
Version: 1.1
Author: Jennifer Zelazny/SDAC Inc.
Author URI: http://www.sandboxdev.com/
Tags: custom, fixed width, two columns, widgets

/*
CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[4] Main Content - All things specific to the main content
[6] Sidebar - Things which are specific to the sidebar.
[7] Footer - Things which are page and section specific.

*/

/*---------[1]General---------*/
html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }

body {background:#f7f6f1 url('images/bg-body.gif') repeat-x;font:.8em/1.5em Arial, Helvetica, sans-serif;color: #333;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,form,ul,ol,p {line-height:normal; margin:0; padding:0;}

a {color:#0f3d7e;text-decoration:none;}
a:hover {color:#e27c0e;text-decoration:underline;}
a img {border:0;}

:focus {border:0;outline:0;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}

blockquote {border-top: 3px double #f1f1f1;border-bottom: 3px double #f1f1f1;color:#103687;font-size:1.3em;;padding:10px 10px 0 10px}
blockquote cite {display: block;margin: 5px 0 0;}

p img {max-width:99%;}

.alignright {float:right;margin-left:5px;}
.alignleft, .alignnone {float:left;margin-right:5px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clearjz {clear:both;}

img.alignleft, img.alignright, img.alignnone {padding:3px; border:1px solid #ddd;}

.center {text-align: center;}
.hidden {display: none;}

.screen-reader-text {position: absolute;left: -1000em;}

.wp-caption, .gallery-caption {font-size:.85em;font-weight:bold !important;margin-bottom:10px;}

p.wp-caption-text {margin:5px 20px 0 0 !important;border-top:double #eee;border-bottom:double #eee;padding:8px !important;}

#wrapper {margin:0 auto;width:1070px;}

.home #wrapper {background:url('images/bg-elevate.jpg') no-repeat;}

#container {width:963px;margin:0 auto;background:url('images/bg-container.gif') repeat-y;}

.home #container {background:none;}


/*---------[2]Header---------*/

#header {background:url('images/bg-header.gif') no-repeat;width:963px;height:110px;margin:0 auto;}

.home #header {background:url('images/bg-header_home.gif') no-repeat;}

#logo {float:left;display:inline;width:182px;padding:15px 75px 15px 15px;}
#logo a {text-indent: -9999px;display:block;overflow:hidden;background:url('images/logo.gif') no-repeat;width:182px;height:64px;}

#navigation {width:544px;float:left;background:transparent;}

#nav {list-style-type:none; margin:0; padding:0; width:544px; height:80px;}
#nav li {position:relative; margin:0; padding:0; width: 136px; float: left; }
#nav li ul li { float: none; }
#nav a.nav_image {display:block; background:url('images/bg-nav.gif') no-repeat; height:80px; text-indent:-9999px; overflow:hidden;width:136px;padding: 0 !important;}
	
#nav-discover a.nav_image  {/*left:0;*/ width:136px; background-position:0 0;}
#nav-focus a.nav_image {/*left:136px;*/ width:136px; background-position:-136px 0;}
#nav-connect a.nav_image {/*left:272px;*/ width:136px; background-position:-272px 0;}
#nav-learn a.nav_image {/*left:408px;*/ width:136px; background-position:-408px 0;}
 	
#nav-discover a.nav_image:hover, .page-id-61 #nav-discover a.nav_image, .parent-pageid-61 #nav-discover a.nav_image {background-position:0 -80px;}
#nav-focus a.nav_image:hover, .page-id-62 #nav-focus a.nav_image, .parent-pageid-62 #nav-focus a.nav_image {background-position:-136px -80px;}
#nav-connect a.nav_image:hover, .page-id-73 #nav-connect a.nav_image, .parent-pageid-73 #nav-connect a.nav_image  {background-position:-272px -80px;}
#nav-learn a.nav_image:hover, .page-id-67 #nav-learn a.nav_image, .parent-pageid-67 #nav-learn a.nav_image {background-position:-408px -80px;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;font-size.9em;}
.sf-menu {line-height:1.0;}

.sf-menu ul.sub, .sf-menu ul.children {
	position:		absolute;
	top: -999em;
	width:		136px; /* left offset of submenus need to match (see below) */
	margin-left:2px;
	background: #F4F3E9 !important;
}

.sf-menu ul li {
	width: 100%;
	background: #F4F3E9;
}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}

.sf-menu li {
/*	float:			left;*/
	position:		relative;
	border-bottom:1px solid #deddcf;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:80px; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			136px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			136px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/

.sf-menu ul a {
	padding: 		3px;
	text-decoration:none;
	position:relative !important;
}
.sf-menu  ul a, .sf-menu  ul a:visited  {color:#333;}
.sf-menu  ul li {
	background:		#f4f3e9;
	position:relative !important
}
.sf-menu  ul li li {background:	#f4f3e9;}

.sf-menu  ul li li li {background:	#f4f3e9;}
.sf-menu  ul li:hover, .sf-menu  ul li.sfHover,
.sf-menu  ul a:focus, .sf-menu  ul a:hover, .sf-menu  ul a:active {
	background:		#deddcf;
	outline:		0;
}
.sf-menu  ul ul li {width:136px !important;left:-14px !important;}


/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 0;min-width: 1px;}
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:5px !important;width:10px;height:10px;text-indent: -999em;overflow:hidden;background:url('images/arrows-ffffff.png') no-repeat -10px -100px;}
a > .sf-sub-indicator {top: .8em;background-position: 0 -100px;}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*
.sf-shadow ul {background:	#f4f3e9 url('images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
*/



#quickLinks {width:140px;float:right;display:inline;}
#quickLinks ul {margin-top:20px;width:140px;}
#quickLinks li {list-style:none;margin-bottom:3px;}
#quickLinks li a {background:url('images/bullet-quick_links.gif') no-repeat;padding-left:10px;font-weight:normal;text-transform:uppercase;font-size:.75em;}
#quickLinks li a:hover {background-position: 0 -9px;}

/*---------[3]Main Content---------*/

/* -- Home -- */

#elevate {height:347px;width:635px;margin:20px 0 0 25px;}
#elevateTitle {height:50px;width:625px;}
#elevateTitle h1 a {display:block;overflow:hidden;text-indent:-9999px;height:50px;width:625px;}
#elevateOptions {float:left;display:inline;height:180px;width:215px;margin:35px 0 0 15px;}
#elevateOptions h2 {display:block;overflow:hidden;text-indent:-9999px;height:180px;width:215px;}
#elevateText {float:left;display:inline;height:170px;margin:30px 0 0 5px;width:370px;}
#elevateText h2 {padding-top:30px;color:#0e376b;font-size:1.7em;margin-bottom:10px;}
#elevateText p {font-size:1.1em;line-height:1.5em !important;}
#elevateButton {float:left;display:inline;margin-left:270px;height:50px;width:287px;}
#elevateButton a {text-indent: -9999px;display:block;overflow:hidden;width:287px;height:50px;background:url('images/button-explore.png') no-repeat;}
#elevateButton a:hover {background-position:0 -50px;}

.home #content h3 a {text-transform:uppercase;color:#2d3838;margin-left:45px;line-height:28px;}
.home #content h3 a:hover {text-decoration:none;}

#saveRequest {background:url('images/bg-request.gif') no-repeat;width:643px;height:207px;margin:3px 0 0 34px;}
#save {float:left;display:inline;width:365px;}
#save #ourResults {height:103px;width:266px;margin:20px 0 0 20px;}
#save h2 {margin:60px 0 0 295px;}
#save h2 a {display:block;overflow:hidden;text-indent:-9999px;height:35px;width:35px;}

#request {float:left;display:inline;width:265px;margin-left:10px;}
#requestTitle {height:40px;width:235px;padding-top:20px}
#requestTitle h2 a {display:block;overflow:hidden;text-indent:-9999px;height:40px;width:235px;}
#requestText {float:left;display:inline;width:160px;margin:0 20px 0 0;padding-top:5px;}
#requestText p {font-size:1.2em;line-height:1.5em;}

#requestButton {float:left;display:inline;width:53px;padding-top:5px;}
#requestButton a {display:block;text-indent:-9999px;height:72px;width:53px;overflow:hidden;background:url('images/button-request_go.gif') no-repeat;}
#requestButton a:hover {background-position:0 -72px;}

#expertise {width:643px;margin-top:21px;}
#expertise h3 {height:27px;}
#moreExpertise {margin:165px 0 0 50px;}
#moreExpertise a {display:block;text-indent:-9999px;height:15px;width:168px;overflow:hidden;background:url('images/button-more_home.gif') no-repeat;}
#moreExpertise a:hover {background-position: 0 -15px;}

#homeBottom {float:left;height:1px;border-top:2px solid #f0efe7;width:963px;margin:10px 0 30px 0;}

#socialShare {float:left;margin:25px 0 0 10px;}
#socialShare ul {width:500px;}
#socialShare ul li {float:left;;margin:0 0 0 20px;list-style:none;}
#socialShare ul li a {text-indent:-9999px;display:block;overflow:hidden;width:102px;height:30px;background:url('images/icons-sn.gif') no-repeat;}

#socialShare ul li#linkedin a {background-position: 0 0}
#socialShare ul li#twitter a {background-position: 0 -30px;}
#socialShare ul li#facebook a {background-position: 0 -60px}
#socialShare ul li#youtube a {background-position: 0 -90px}
#socialShare ul li#tumblr a {background-position: 0 -120px}

.cycle {height:266px;overflow:hidden;}


/* -- General -- */
#content {float:left;display:inline;width:635px;}

.home #content {background:url('images/bg-content_home.gif') no-repeat;height:527px;width:680px;}

.post {font-size:1em;}
.post input#s {border:1px solid #bbb;width:510px;padding:2px;}
.post h1 {font-size:2.5em;margin-bottom:15px;}

.post .h1Line {background:url('images/bg-h1.gif') repeat-x; width:619px;height:9px;margin-bottom:15px;}

.meta {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:5px;}
.meta h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;}

.entry h2, .entry h3, .entry h4 {margin-bottom:10px;}
.entry h2 {font-size:1.8em;font-weight:normal;}
.entry h3 {font-size:1.3em;font-weight:normal;}
.entry h4 {font-size:1.1em;}

.entry p {line-height:1.5em;margin:0 0 15px 0;padding:0;}
.entry ul, .entry ol {margin:5px 0 5px 25px;padding:0;}
.entry ul li {list-style:none; background:url('images/bullet-post.gif') no-repeat 0 4px; padding-left:15px;margin-bottom:10px;}
.entry ol li {margin-bottom:10px;}
.entry img {padding:0;max-width: 575px;}

.tags h4 {text-transform:uppercase;font-size:.85em;margin:3px 0 3px 0;color:#666;margin-top:10px;}


#commentSection h3 {margin-top:25px;}

.commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;}

.comment.odd {background:#f8f8f8;}

#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;line-height:21px;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;}
#commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;}
#commentform #submit {margin: 0 0 15px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.navigation.top {clear:both;background:#eee;border:1px solid #ddd;margin-bottom:10px;padding:10px;}



/*---------[4]Sidebar---------*/

#sidebar {float:left;display:inline;width:220px;margin:0 50px 0 25px}

.home #sidebar {width:280px;margin:0;}

#sidebar .widget {margin-bottom:20px;}
#sidebar .widget h3 a {text-transform:uppercase;color:#2d3838;width:220px;font-size:.9em;}
#sidebar .widget h3 a:hover {text-decoration:none;}

.home #sidebar .widget h3 {width:255px;font-size:1em;}

#events h3 {background:#e2e0d6;height:25px;line-height:25px;padding-left:5px;}
#event {background:#e9e8e1;width:208px;margin-top:3px;padding:6px;}

.home #event {width:248px;}

#eventInfo {background:url('images/bg-event.gif') no-repeat;height:130px;width:216px;}

.home #eventInfo {background:url('images/bg-event_home.gif') no-repeat;width:248px;}

#eventInfo #date {float:left;display:inline;width:51px;margin:12px 0 0 12px;}

.home #date {width:55px;margin:20px 0 0 17px;}

#eventInfo #date p {text-align:center;}
#eventInfo #date p.month {text-transform:uppercase;color:#000;font-size:.85em;}
.home #eventInfo #date p.month {font-weight:bold;font-size:1em;}

#eventInfo #date p.day {color:#efb402;font-size:1.9em;font-weight:bold;}

#eventInfo #venue {float:left;display:inline;width:125px;padding-top:20px;margin-left:15px;}
.home #eventInfo #venue {width:155px;}

#eventInfo #venue h4 {font-size:1.1em;}
#eventInfo #venue p {margin-top:3px;}


#viewAllEvents {padding-top:7px;}
#viewAllEvents p a {text-transform:uppercase;color:#88847d;font-size:.75em;font-weight:bold;}
#viewAllEvents p a:hover {color:#e26102;text-decoration:none;}

.home #viewAllEvents p a {font-size:.9em;}
#news h3 {border-bottom:3px solid #e8e8df;margin-bottom:5px;padding-bottom:5px;}
#news ul {list-style:none;}
.home ul {width:255px;}

#news ul li {margin:5px 0 5px 0;border-bottom:3px double #eae9e0;padding-bottom:5px;}
#news ul li a {text-decoration:underline;}


#contact h3 {border-bottom:3px solid #e8e8df;margin-bottom:5px;padding-bottom:5px;}
#contact p {margin-bottom:15px;}
#contact p#us {margin-top:10px;}
#contact p#us a {text-decoration:underline;margin-right:15px;text-transform:uppercase;font-size:.8em;}

#sideNav {background: #fcfcf9 url('images/bg-side_nav.gif') no-repeat bottom left;border:1px solid #e7e7dd;min-height:256px;width:220px;}
#sideNav ul {padding-top:15px;}
#sideNav li {list-style:none;margin-bottom:10px;text-transform:uppercase;}
#sideNav li a {color:#000;font-weight:bold;display:block;height:30px;line-height:30px;padding-left:25px;}
#sideNav li a:hover, #sideNav li.current_page_item a  {color:#0f3d7e;text-decoration:none;background:url('images/arrow-side_nav.gif') no-repeat 1px 0;}
.current_page_item ul li a{background:none !important;}

#sideNav li.page-item-89  a {line-height:normal !important;}

#sideNav ul.children {padding-top:0 !important;}

.page_item ul li {margin:0 0 5px 15px !important;height:18px;line-height:18px !important;}
.page_item ul {margin:-10px 0 20px 0 !important;padding:0 !important;}

#requestDemo {background:url('images/bg-request_demo.gif') no-repeat;height:137px;width:220px;}
#requestDemoTitle {height:48px;width:200px;}
#requestDemoTitle h3 a {display:block;overflow:hidden;text-indent:-9999px;height:48px;width:200px;margin-left:17px;}
#requestDemoText {float:left;display:inline;width:155px;} 
#requestDemoText p {margin:20px 0 0 16px;font-size:1em;line-height:1.5em;}
#requestDemoButton {float:left;display:inline;margin-top:10px;}
#requestDemoButton a {text-indent:-9999px;width:54px;height:66px;display:block;overflow:hidden;background:url('images/button-request_go_side.gif') no-repeat;}
#requestDemoButton a:hover {background-position:0 -66px;}

/*---------[5]Footer---------*/

#footer {clear:both;border-top:1px solid #f0efea;}

.home #footer {border-top:none;}

#footer p {color:#333;font-size:.75em;margin:30px 0 10px 60px;}
#footer p a {color:#333;font-weight:normal;}

.home #footer {margin:0;}
.home #footer p {margin-top:0;}