/*  
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:#f30; 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:6px 10px; background-color:#fff; color:inherit;}

#header {position:relative; padding-top:25px; font-family:Geneva, Tahoma, Arial, Helvetica, sans-serif;}
#header h1 {border-top:1px solid #444455; border-bottom:4px solid #444455; padding:5px 10px; background-color:#d1d1c2;}
#header h1 a {color:#444455;}
#header h1 img {width:500px; height:60px;}
#header p {position:absolute; top:37px; left:650px; width:180px; margin:0; padding:0; font-size:11px; list-style-type:none; text-align:center;}
#header p img {display:block; margin-top:3px;}
#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:#888; font-weight:normal;}
#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.rss {width:150px;}
#header ul li.rss a {padding-left:15px; background:url(images/icon_rss.gif) top left no-repeat;}
#header ul li.skip {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 div {text-align:right;}
#header form input.text {width:150px; color:#888;}
#header form input.button {width:30px;}

#navigation {min-height:25px; margin:4px 10px; 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:15em; 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 {float:right; margin:0 10px; border:2px solid #444455;}
#main #content .callout h2 {padding:0 10px 0 10px; font-size:22px;}
#main #content .callout div.meta {padding:0 10px 0 10px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; line-height:1.5em; text-transform:uppercase;}
#main #content .callout p {padding:0 10px 0 10px;}
#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:150px; padding:15px 10px 5px 10px;}
#main #content .promo h3 {font-size:1em;}
#main #content .promo img {display:block; margin-top:5px;}
#main #content .promo p {margin:.3em 0 .9em 0; font: normal 1em/1.4em Verdana, Arial, Helvetica, sans-serif;}
#main #content .promo p.big {margin:.3em 0; font:bold 18px/1.3em Georgia, "Times New Roman", Times, serif;}
#main #content .promo p.big strong {color:#f30;}
#main #content .promo ul {margin:0; padding:0;}
#main #content .promo ul li {margin:.6em 0 .6em 1.7em; padding:0;}
#main #content .left {clear:left; border-right:1px solid #c7c7d2;}
#main #news {float:right; width:260px; margin-top:20px; padding-bottom:30px; line-height:140%;}
#main #news h4 {margin-top:1.2em; color:#069;}
#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 h4.news a {padding-right:13px; background:url(images/icon_arrow.gif) top right no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#main #news p {margin:.3em 0 .8em 0;}
#main #news ul {margin:1em 0; padding:0;}
#main #news ul li {margin:0 0 0 2em;}

#body.section {position:relative; overflow:auto; margin:15px 0 10px 0; padding:10px 10px 60px 10px; background-color:#ecece8; line-height:140%;}
#body.section .content {width:540px; margin-bottom:20px; border:1px solid #dadad7; border-width:0 1px 2px 1px; padding:10px 40px 60px 40px; 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 div.sponsors {float:left; width:620px;}
#body.section div.sponsors h3 {padding:.5em 0 .5em 2em; background-color:#444455; color:#fff;}
#body.section div.sponsors h3 span {font:normal .9em Verdana, Arial, Helvetica, sans-serif; text-transform:none;}
#body.section div.sponsors h3 span a {color:#fff; font-weight:normal;}
#body.section div.sponsors ul {overflow:auto; min-height:70px; margin:0; padding:0 0 1px 20px; background:#fff; list-style-type:none; text-align:center;}
#body.section div.sponsors ul li {float:left; width:auto; height:75px; margin:15px; text-align:center;}

#body.section ul.sponsors {margin:0; padding:0 0 10px 0; list-style-type:none; border-bottom: #333 1px solid;}
#body.section ul.sponsors li {display:inline; margin:0;}
#body.section ul.sponsors li img {margin:2px 0; border:1px solid #ccc;}
#body.section ul.platinum li {padding-right:25px;}
#body.section ul.platinum li img {margin:10px 0; border:none !important;}
#body.section ul.bronze li {margin:0 3px;}
#body.section ul.founding li {margin:0 15px;}
#body.section ul.founding li img {border:none !important;}
#body.section ul.media li {margin:0 0 0 15px;}

#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-collapse:collapse;}
#body .content th, #body .content td {padding-bottom:1em; vertical-align:top;}
#body .content td h4 {margin-top:0 !important;}
#body .content td img {margin-right:10px;}
#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 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 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 p {margin:0 40px 2em 40px;}
#footer p span {display:block;}
#footer ul {width:550px; margin:0 0 0 40px; padding:0; list-style-type:none;}
#footer ul li {float:left; width:130px; margin-right:7px;}
#footer ul li div {font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#footer ul ul {width:130px; margin:5px 0 0 0; list-style-type:disc;}
#footer ul ul li {float:none; width:auto; margin:5px 0 5px 1.6em; font-size:.9em; line-height:normal;}
#footer .box {float:right; width:195px; margin-right:40px;}
#footer .box h4 {padding:.5em 0 .5em 1em; background-color:#444455; color:#fff;}
#footer .box ul {width:175px; min-height:80px; margin:0; padding:15px 10px; background-color:#dadada; list-style-type:disc;}
#footer .box ul li {float:none; width:auto; margin-left:1.6em; font-weight:bold; font-size:.9em;}
#footer .box a {color:#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;}
.keynote {float:left; margin:0 1em 1em 0; border:1px solid #333;}

#body .content table.costs {margin:0 auto 1em auto;}
#body .content table.costs caption {margin:1em auto .5em auto; border-bottom:2px solid #333; font-weight:bold;}
#body .content table.costs th {padding-right:1em; font-weight:normal; text-align:left;}
#body .content table.costs th, #body .content table.costs td {border-bottom:1px solid #333; padding-top:2px; padding-bottom:2px;}

div.invited {clear:both; overflow:auto; margin:1.5em 0;}
div.invited div {float:left; width:100px; margin-right:20px;}
div.invited h3, div.invited h4 {margin-top:0 !important; line-height:normal;}
div.invited h3, div.invited h4, div.invited p, div.invited ul {margin-left:120px !important;}

table.program {width:100%; border-top:1px solid #d1d1c2;}
table.program caption {font-weight:bold;}
table.program tr.hide {display:none;}
table.program td {border-bottom:1px solid #d1d1c2; padding:.2em !important;}
table.program td.thin {width:6em;}
table.program td.location {width:10em;}
table.program td strong {display:block; font-weight:bold; color:#f30;}

div.panel {margin:1.2em 0;}
#body .content div.panel p {margin:.3em 0;}
#body .content div.split h4 {margin:.9em 0 .1em 20px; font-size:.95em;} 
#body .content div.split p {margin:.2em 0 .2em 20px;}

.center {text-align:center;}

#main #content .flickr_home {float:left; margin-top: 5px;} 
#main #flickr_badge_wrapper { float: left; }
#main #flickr_badge_wrapper img {width: auto; height: 100px; margin: 5px 5px 5px 0; float: left; }
#main #flickr_badge_source {}

table.additionalsponsors td {border: 1px #ddd solid; padding: 3px; width: 33%;}

p.archival {width:840px; margin:5px auto; border:1px solid #f00; padding:5px; color:#f00; font-size:1.2em; font-weight:bold; text-align:center;}