/*  
Theme Name: Anita Borg Institute
Theme URI: http://anitaborg.org/
Description: ABI redesign project
Version: 1.0
Author: Phoebe Espiritu/Kimberly Blessing
Author URI: http://kimmiecorp.com/
*/


/* ABI Stylesheet */

body {margin:0; background-color:#d1d1c2; color:#444455; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5 {margin:0; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em;}
h2 {font-size:24px;}
h3 {font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
h4 {font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
h6, hr {display:none;}
address {font-style:normal;}
a {color:#069; font-weight:bold; text-decoration:none;}
a img {border:none;}

dl {margin:1em 0;}
dt {margin:1em 0 .3em 0; font-weight:bold;}
dd {margin:.3em 0 .5em 1.5em;}

form {margin:0; padding:0;}
form fieldset {margin:0; border:0; padding:0;}
form legend {display:none;}
form label {font-weight:bold;}
form input, form textarea, form select {font-size:11px; font-family:Arial, Helvetica, sans-serif;}
form input.text, form textarea, form select {border:1px solid #888; padding:2px 3px;}
form input.button {border-left:1px solid #fc9; border-top:1px solid #fc9; background-color:#f63; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}


#wrapper {width:840px; margin:10px auto; padding:8px 10px; background-color:#fff; color:inherit;}

#header {position:relative; padding-top:23px; font-family:Geneva, Tahoma, Arial, Helvetica, sans-serif;}
#header h1 {border-top:1px solid #dadada; border-bottom:4px solid #444455; padding:8px 0;}
#header h1 a {color:#444455;}
#header h1 img {width:357px; height:51px;}
#header ul {position:absolute; top:2px; width:640px; margin:0; padding:0; font-size:11px; list-style-type:none; text-transform:uppercase;}
#header ul li {float:left; width:100px; margin:0; padding:0;}
#header ul li a {color:#000; font-weight:bold;}
#header ul li.newsletter {width:140px;}
#header ul li.home {width:70px;}
#header ul li.home a {padding-left:14px; background:url(images/icon_home.gif) top left no-repeat;}
#header ul li.calendar {width:130px;}
#header ul li.calendar a {padding-left:14px; background:url(images/icon_calendar.gif) top left no-repeat;}
#header ul li.contact {width:90px;}
#header ul li.contact a {padding-left:16px; background:url(images/icon_contact.gif) top left no-repeat;}
#header ul li.wide {width:200px;}
#header ul li.skip a {color:#fff;}
#header ul li.skip a:hover, #header ul li.skip a:focus, #header ul li.skip a:active {color:#f30;}
#header form {position:absolute; width:198px; top:0; left:641px;}
#header form label {display:none;}
#header form input.text {width:150px; color:#888;}
#header form input.button {width:30px;}

#navigation {min-height:25px; margin:3px 60px; color:#444455; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#navigation h5 {display:none;}
#navigation ul {margin:0; padding:0; list-style-type:none;}
#navigation ul li {float:left; position:relative; margin:0; border-right:1px dotted #444455;}
#navigation ul li.first {border-left:1px dotted #444455;}
#navigation ul li div {padding:.3em 1.4em .3em 1em; background:url(images/nav.gif) top right no-repeat; font-weight:bold;}
#navigation ul li:hover {background-color:#ddd; cursor:pointer;}
#navigation ul li:hover ul {display:block;}
#navigation ul li ul {display:none; position:absolute; top:100%; left:0; z-index:10; width:13em; background:#ddd;}
#navigation ul li>ul {top:auto; left:auto;}
#navigation ul li ul li {display:block; float:none; border-top:1px solid #fff; border-right:0; padding:.4em 1em;}
#navigation ul li ul li:hover {background-color:#eef;}
#navigation ul li ul li a {color:#444455;}

#navigation #fontsize {margin:0; padding:5px 0 0 0; color:#888; font-size:10px;}
#navigation #fontsize strong {margin-left:16px;}
#navigation #fontsize a {background-color:#f30; color:#fff;}
#navigation #fontsize a:active, #navigation #fontsize a:hover, #navigation #fontsize a:focus, #navigation #fontsize a.on {background-color:#c1c1c1;}
#navigation #fontsize a span {padding:0 5px;}

#main #content {float:left; width:570px; margin:20px 0 30px 0; border-right:1px solid #c7c7d2; line-height:140%;}
#main #content a:active, #main #content a:hover, #main #content a:focus {text-decoration:underline;}
#main #content .callout {border-bottom:1px solid #c7c7d2; padding-bottom:1em;}
#main #content .callout img {display:block; width:560px; margin-bottom:10px;}
#main #content .callout h2 {padding:0 10px 0 0; font-size:22px;}
#main #content .callout p {padding:0 10px 0 0;}
#main #content .callout p.links {padding-left:65px;}
#main #content .callout p.links a {padding-right:12px; background:url(images/icon_link.gif) top right no-repeat;}
#main #content .callout h3 {margin-top:1.5em; padding:0 30px 0 65px;}
#main #content .callout a {color:#069;}
#main #content .callout ul {margin:0; padding:0 30px 0 65px; list-style-type:none;}
#main #content .callout li {margin:1em 0;}
#main #content .promo {float:left; width:261px; min-height:270px; padding:15px 10px;}
#main #content .promo h3 {font-size:1em;}
#main #content .promo img {display:block; margin-top:5px;}
#main #content .promo p {margin:1em 0; font: normal 1em/1.4em Verdana, Arial, Helvetica, sans-serif;}
#main #content .promo p.big {margin:.3em 0 1em 0; font:bold 18px/1.3em Georgia, "Times New Roman", Times, serif;}
#main #content .left {border-right:1px solid #c7c7d2;}
#main #content .partners {clear:both; min-height:120px;}
#main #content .partners h3 {padding:.5em 0 .5em 1em; background-color:#444455; color:#fff;}
#main #content .partners h3 span {font:normal .9em Verdana, Arial, Helvetica, sans-serif; text-transform:none;}
#main #content .partners h3 span a {color:#fff; font-weight:normal;}
#main #content .partners ul {margin:1.5em 0; padding:0; list-style-type:none; text-align:center;}
#main #content .partners ul li {display:inline; padding:1em;}
#main #news {float:right; width:260px; margin-top:20px; padding-bottom:30px; line-height:140%;}
#main #news h2 {margin-bottom:.5em;}
#main #news h4, #main #news h4 a {color:#069;}
#main #news h4 a:active, #main #news h4 a:hover, #main #news h4 a:focus {text-decoration:underline;}
#main #news p {margin:.3em 0 1.7em 0;}
#main #news ul {margin:1em 0; padding:0; list-style-type:none;}
#main #news ul li {margin:.5em 0 .2em 0; border-bottom:1px solid #888; padding-bottom:1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#main #news ul li a {padding-left:1px; color:#000;}
#main #news ul li a.calendar {padding-right:15px; background:url(images/icon_calendar.gif) top right no-repeat;}
#main #news ul li a.news {padding-right:13px; background:url(images/icon_arrow.gif) top right no-repeat;}
#main #news ul li a.rss {padding-right:15px; background:url(images/icon_rss.gif) top right no-repeat;}

#body.section {position:relative; overflow:auto; margin:30px 0 10px 0; padding:10px 10px 60px 10px; background-color:#ecece8; line-height:140%;}
#body.section .content {width:500px; margin-bottom:20px; border:1px solid #dadad7; border-width:0 1px 2px 1px; padding:10px 60px 60px 60px; background-color:#fff;}
#body.section .content h2 {margin-bottom:.8em;}
#body.section .content h3, #body.section .content h4 {margin:1.7em 0 .4em 0;}
#body.section .sidebar {position:absolute; top:10px; left:645px; width:185px; }
#body.section .sidebar .callout p {font-weight:bold; font-size:1.2em; line-height:normal;}
#body.section .sidebar .archives a {padding-right:13px; background:url(images/icon_arrow.gif) top right no-repeat;}
#body.section .sponsors {float:left; width:620px;background-color: #FFF;}
#body.section .sponsors h3 {padding:.5em 0 .5em 2em; background-color:#444455; color:#fff;}
#body.section .sponsors h3 span {font:normal .9em Verdana, Arial, Helvetica, sans-serif; text-transform:none;}
#body.section .sponsors h3 span a {color:#fff; font-weight:normal;}
#body.section .sponsors ul {overflow:visible; min-height:70px; margin:0; padding:0 0 1px 20px; background:#fff; list-style-type:none; text-align:center;}
#body.section .sponsors ul li {float:left; width:110px;/*  height:60px; */ margin:15px; text-align:center;}
#body.section .content .lists {float:left; width:40%; margin-right:25px;}

#body.sponsor .sidebar {left:10px;}
#body.sponsor .content {margin-left:190px;}

#body.page {margin:30px 0 10px 0; padding:10px 10px 30px 10px; background-color:#ecece8; line-height:140%;}
#body.page h2 {border-left:1px solid #dadad7; border-right:1px solid #dadad7; padding:10px 60px 0 60px; background-color:#fff;}
#body.page #container {overflow:auto; position:relative; border:1px solid #dadad7; border-width:0 1px 2px 1px; padding:0 60px 60px 60px; background-color:#fff;}
#body.page .content {margin:10px 0 0 0; border-top:1px solid #444455; padding:30px 145px 0 155px;}
#body.page .content h3 {margin:0 0 .4em 0;} 
#body.page .content h4 {margin:1.7em 0 .4em 0;}
#body.page .sidebar {position:absolute; top:40px; right:60px; width:125px;}
#body.page .sidebar p {margin:0 0 1.3em 0;}
#body.page .menu {position:absolute; top:40px; left:60px; width:125px;}

#body.plain .content {margin:0; border:none; border-top:1px solid #445; padding:0;}
#body.plain .content h3 {padding-top:2em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#body.plain .content a {color:#069;}
#body.plain .body {width:535px; margin-top:1.5em;}
#body.plain .sidebar {float:right; width:125px;}
#body.plain .staff, #body.plain .trustees, #body.plain .advisors {float:left; width:205px;}
#body.plain .staff, #body.plain .trustees {margin-right:40px;}
#body.plain .staff ul, #body.plain .trustees ul, #body.plain .advisors ul {margin:1em 0; padding:0;}
#body.plain .staff li, #body.plain .trustees li, #body.plain .advisors li {margin:.4em 0 .4em 1em; padding:0; line-height:normal;}
#body.plain .bio {float:right; width:60%; margin:0 2%;}
#body.plain .bio img {float:left; margin:1em 1em 1em 0; border:1px solid #333;}

#body h2 {color:#cc0; font-size:27px;}
#body h2 span {display:block; color:#899; font-size:19px; line-height:normal;}
#body h2 a {color:#069;}

#body .content h3 a, #body .content h4 a {padding-right:13px; background:url(images/icon_arrow.gif) top right no-repeat;}
#body .content hr {display:block; height:1px; border:none; color:#899; background-color:#899;}
#body .content table {margin:1em 0; border:2px solid #444455; border-collapse:collapse;}
#body .content th, #body .content td {border:1px solid #444455; padding:3px;}
#body .content th.y-axis {text-align:left;}
#body .content p {margin:0 0 1em 0;}
#body .content ul {margin:0 0 1em 1.6em; padding:0;}
#body .content ul li {margin-bottom:.5em;}
#body .content ul li strong {/* display:block; */}
#body .content a {color:#069;}
#body .content a.button {border:1px solid #9a9aa7; padding:.4em 1em; background-color:#eceef8; color:#069; font:bold 1.1em Georgia, "Times New Roman", Times, serif; text-transform:uppercase; text-decoration:none;}
#body .content img.imageright {float:right; margin:0 0 .5em .5em;}

#body .sidebar h4 {margin:2.5em 0 .5em 0; font-size:1.1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#body .sidebar p {margin:.5em 0 1.3em 0;}
#body .sidebar p.more {margin:0; text-align:right;}
#body .sidebar cite {display:block; margin-left:2em; font-size:.8em; font-weight:normal; font-style:normal;}
#body .sidebar a {color:#069;}
#body .sidebar a:active, #body .sidebar a:hover, #body .sidebar a:focus {text-decoration:underline;}
#body .sidebar ul {margin:0; padding:0; line-height:normal;}
#body .sidebar ul li {margin:0 0 .7em 1.6em;}

#body .menu h4 {margin-bottom:.7em; font-size:1.1em;}
#body .menu ul {margin:0; padding:0;}
#body .menu ul li {border-bottom:1px solid #444455; padding:.4em .2em; list-style-position:inside;}
#body .menu a {color:#069;}

#body form label {display:block;}


#footer {clear:both; overflow:auto; width:100%; border-top:4px solid #444455; padding:10px 0; line-height:140%;}
#footer a {color:#069;}
#footer a:active, #footer a:hover, #footer a:focus {text-decoration:underline;}
#footer form {float:right; width:195px;}
#footer form h3 {padding:.5em 0 .5em 1em; background-color:#444455; color:#fff;}
#footer form div {min-height:80px; padding:15px 10px; background-color:#dadada;}
#footer form label {font-weight:bold; font-size:.9em;}
#footer form input {display:block; float:right; margin:3px 0;}
#footer form input.text {width:169px;}
#footer p {margin:0 0 2em;}
#footer p span {display:block;}
#footer ul {margin:0; padding:0; list-style-type:none;}
#footer ul li {float:left; width:125px;}
#footer ul li div {font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#footer ul ul {margin:0; list-style-type:disc;}
#footer ul ul li {float:none; width:auto; margin-left:1.6em; font-size:.9em;}


#wp-calendar {width:180px;}
#wp-calendar table {width:100%; margin:.5em auto; border-collapse:collapse;}
#wp-calendar table td {vertical-align:middle; text-align:center;}
#wp-calendar table caption {margin-bottom:3px; font-size:110%; font-weight:bold;}
#wp-calendar .controls {width:95%;}
#wp-calendar .controls td {width:20%;}
#wp-calendar .controls td.prev {width:40%; text-align:left;}
#wp-calendar .controls td.next {width:40%; text-align:right;}
#wp-calendar .calendar td a {color:#f30;}
#wp-calendar .calendar td a:active, #wp-calendar .calendar td a:hover, #wp-calendar .calendar td a:focus {text-decoration:underline;}
p.ec3_schedule {margin-bottom:.4em !important; font-weight:bold;}
#wp-calendar #today {color:#069; font-weight:bold;}
#wp-calendar td.ec3_eventday {border:1px solid #f30;}


.navigation {clear:both; overflow:hidden; margin-top:3em; border-top:1px solid #dadada; padding:1em 0 1px 0;}
.navigation a {color:#f30 !important;}
.navigation .alignleft {float:left; width:49%;}
.navigation .alignright {float:right; width:49%; text-align:right;}

.contactform label {display:inline !important;}
.contactform input, .contactform select, .contactform textarea {display:block; font-size:1.2em;}
.contactform input.text {width:200px;}
.contactform .contacterror {background-color:#dadada;}
.contactform textarea {width:350px; height:130px;}
div.success {min-height:100px;}

.byline {font-size:1.1em; font-weight:bold;}