body { background:#FFF url('../img/bg.png') repeat-x top left; font-family:Arial,"Gill Sans","Gill Sans MT", "Myriad Pro",
    Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, sans-serif; padding-bottom:20px; }

i { font-style:italic; }

/* message bar */
#bar { display:none; background:#F4A83D; border-bottom:2px solid #D6800C; padding:7px 0; text-align:center; color:#735005; width:100%; position:relative; font-size:14px; }
#bar a { text-decoration:none; color:#735005; }
#bar strong { font-size:16px; }
#bar a.close { padding:0 4px; border:2px solid #735005; background:#FAD163; cursor:pointer; position:absolute; top:6px; right:20px; }

/* header */
header #top { background:#167C94; height:60px; color:#EEF0E3; font-size:11px; }
header #top div.wrap { width:1000px; margin:0 auto; position:relative; }
header #top #title { position:absolute; top:0; left:0; background:url('../img/logo.png') no-repeat top left;
    height:130px; width:153px; }
header #top #title p { height:0; overflow: hidden; width:127px; }
header #top p.sub { position:absolute; top:20px; left:170px; width:270px; }
header #top p.sub a { color:#EEF0E3; text-decoration:none; }
header #top p.sub b { color:#EEF0E3; font-weight:bold;}

header #top div.div { position:absolute; top:0; left:678px; border-left:1px solid #2E94AC; border-right:1px solid #3B6872;
    display:block; height:60px; width:0px; }

/* search */
header #top #search { float:right; margin-top:18px; }
header #top #search input.text { background:url('../img/search-input.png') no-repeat top left; border:0;
    padding:1px 20px 1px 30px; height:23px; width:130px; }
header #top #search div.button { -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
    border-radius:10px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); width:119px; border:1px solid #a15a15; margin:-1px 0 0 -20px;
    display:inline-block; height:20px; vertical-align:top; position:relative; /* msie7 */ zoom:1; *display:inline; }
header #top #search input.button { background:#f38b26;
    background:-moz-linear-gradient(top, #f38b26 0%, #d26a05 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f38b26), color-stop(100%,#d26a05));
    background:-webkit-linear-gradient(top, #f38b26 0%,#d26a05 100%);
    background:-o-linear-gradient(top, #f38b26 0%,#d26a05 100%);
    background: -ms-linear-gradient(top, #f38b26 0%,#d26a05 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38b26', endColorstr='#d26a05', GradientType=0);
    background: linear-gradient(top, #f38b26 0%,#d26a05 100%); border:0; cursor:pointer; color:#FFF; width:119px;
    height:20px; vertical-align:top; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px;
    border-radius:10px; -moz-box-shadow:inset 0 0 5px rgba(246, 165, 86, 1);
    -webkit-box-shadow:inset 0 0 5px rgba(246, 165, 86, 1); box-shadow:inset 0 0 5px rgba(246, 165, 86, 1);
    font-size:14px; font-weight:bold; text-shadow: 1px 1px 0px #975412; filter:dropshadow(color=#975412, offx=1, offy=1); }

/* top navigation */
header nav { width:1000px; margin:0 auto; }
header nav ul { margin:20px 0 0 145px; }
header nav ul li { display:inline; border-right:1px solid #A3DBE8; padding:0 18px; }
header nav ul li:last-child { border:none; padding-right:0; }
header nav ul li a { text-decoration:none; color:#167C94; font-size:16px; letter-spacing:0.5px; font-weight:bold;
    text-shadow:1px 1px 1px #FFF; padding:6px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;
    border-radius:3px; }
header nav ul li a:hover { color:#FFF; text-shadow: 1px 1px 0px #0a2a31; filter:dropshadow(color=#0a2a31, offx=1, offy=1);
    background:#12697f; background:-moz-linear-gradient(top, #12697f 0%, #167b93 25%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#12697f), color-stop(25%,#167b93));
    background:-webkit-linear-gradient(top, #12697f 0%, #167b93 25%);
    background:-o-linear-gradient(top, #12697f 0%, #167b93 25%);
    background:-ms-linear-gradient(top, #12697f 0%, #167b93 25%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12697f', endColorstr='#167b93', GradientType=0);
    background:linear-gradient(top, #12697f 0%,#167b93 25%); }

/* header text*/
header p.blurb { width:1000px; margin:45px auto 0; color:#167C94; text-shadow:1px 1px 1px #FFFFFF;
    letter-spacing:0.2px; }
    header p.blurb a { text-decoration:none; color:#154E5B; }
    header p.blurb a:hover { text-decoration:underline; }
    header p.blurb span { font-family:Times; font-size:20px; font-style:italic; font-weight:bold; }

div.wrap { width:1000px; margin:0 auto; margin-top:30px; }

/* callout boxes */
#callout-boxes { background:#d6eff4; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;
    border-radius:5px; margin-bottom:40px; }
#callout-boxes div.box { float:left; height:140px; }
#callout-boxes div.box header { border-style:solid; border-color:#99bac3; background:rgb(176,209,218);
    background:-moz-linear-gradient(top, rgba(176,209,218,1) 0%, rgba(179,212,221,1) 90%, rgba(174,207,215,1) 95%,
        rgba(154,182,191,1) 100%); background:-webkit-gradient(linear, left top, left bottom,
        color-stop(0%,rgba(176,209,218,1)), color-stop(90%,rgba(179,212,221,1)), color-stop(95%,rgba(174,207,215,1)),
        color-stop(100%,rgba(154,182,191,1))); background:-webkit-linear-gradient(top, rgba(176,209,218,1) 0%,
        rgba(179,212,221,1) 90%,rgba(174,207,215,1) 95%,rgba(154,182,191,1) 100%);
    background:-o-linear-gradient(top, rgba(176,209,218,1) 0%,rgba(179,212,221,1) 90%,rgba(174,207,215,1) 95%,
        rgba(154,182,191,1) 100%); background:-ms-linear-gradient(top, rgba(176,209,218,1) 0%,rgba(179,212,221,1) 90%,
        rgba(174,207,215,1) 95%,rgba(154,182,191,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d1da', endColorstr='#9ab6bf',GradientType=0 );
    background:linear-gradient(top, rgba(176,209,218,1) 0%,rgba(179,212,221,1) 90%,rgba(174,207,215,1) 95%,
        rgba(154,182,191,1) 100%); padding:11px 12px; height:30px; position:relative; }
#callout-boxes div.box header h3 { color:#154e5b; font-weight:bold; text-shadow:1px 1px 1px #d8e8ed; display:inline-block;
    margin:7px 0; }
#callout-boxes div.box header a { text-decoration:none; }
#callout-boxes div.box header div { display:inline; }
#callout-boxes div.box div { padding:10px 12px; }
#callout-boxes div.box div.left { padding:0; float:left; }
#callout-boxes div.box div.left div { padding:0; }
#callout-boxes div.box div.right { padding:0; display:inline-block; float:right; }
#callout-boxes div.box h4 { color:#154e5b; font-size:15px; margin-bottom:10px; }
#callout-boxes div.box p { color:#167c94; font-size:14px; line-height:20px; }
#callout-boxes div.box a { color:#167c94; }
#callout-boxes div.box img.border { border:1px solid #B2D0D7; width:200px; float:right;
    box-shadow:1px 1px 5px rgba(104, 181, 199, 0.25); }
#callout-boxes div.box span.tilde { color:#9AB6BF; font-size:40px; margin-top:15px; display:inline-block; }

#callout-boxes div.box.modmine { width:442px; border-right:1px solid #fff; }
#callout-boxes div.box.modmine header { -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px; border-width:1px 0 0 1px; }
#callout-boxes div.box.modmine h4,
#callout-boxes div.box.modmine p { width:208px; }
#callout-boxes div.box.modmine div.right img { display:block; margin:0 auto; margin-bottom:2px; }
#callout-boxes div.box.modmine div.right div.feature { float:left; font-size:13px; color:#167C94; padding:0;
    text-align:center; margin-left:15px; position:relative; }
#callout-boxes div.box.modmine div.feature div.actions { top:68px; display:none; }

#callout-boxes div.box.amazon { width:255px; border-right:1px solid #fff; }
#callout-boxes div.box.amazon header { border-top-width:1px; }
#callout-boxes div.box.amazon header h3 { background:url('../img/amazon-logo.png') no-repeat top left; width:85px; height:0;
    overflow:hidden; padding:22px 0 0 0; margin-bottom:0px; }

#callout-boxes div.box.datasets { width:150px; border-right:1px solid #fff; }
#callout-boxes div.box.datasets header { border-top-width:1px; }

#callout-boxes div.box.ftp { width:150px; }
#callout-boxes div.box.ftp header { -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px; border-width:1px 1px 0 0; }

#callout-boxes div.button { -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
    padding:0 !important; margin:0; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); position:relative; }
#callout-boxes header div.button { float:right; display:inline-block !important; }
#callout-boxes header div.button.center { float:none; margin:0 auto; display:block !important; text-align:center; }
#callout-boxes div.button a { text-decoration:none; color:#fff !important; font-weight:bold; display:block;
    padding:5px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
#callout-boxes div.button a.amaranth { text-shadow: 1px 1px 0px #9e1237; filter:dropshadow(color=#9e1237, offx=1, offy=1);
    border:1px solid #9e143b; background:rgb(255,91,134);
    background:-moz-linear-gradient(top, rgba(255,91,134,1) 0%, rgba(234,37,85,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,91,134,1)), color-stop(100%,rgba(234,37,85,1)));
    background:-webkit-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    background:-o-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    background:-ms-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b86', endColorstr='#ea2555',GradientType=0 );
    background: linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    -moz-box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75); -webkit-box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75);
    box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75);
}
#callout-boxes div.button a.blumine { text-shadow: 1px 1px 0px #0a2a31; filter:dropshadow(color=#0a2a31, offx=1, offy=1);
    border:1px solid #0d3038; background:rgb(22,124,148);
    background:-moz-linear-gradient(top, rgba(22,124,148,1) 0%, rgba(21,78,91,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,124,148,1)), color-stop(100%,rgba(21,78,91,1)));
    background:-webkit-linear-gradient(top, rgba(22,124,148,1) 0%,rgba(21,78,91,1) 100%);
    background:-o-linear-gradient(top, rgba(22,124,148,1) 0%,rgba(21,78,91,1) 100%);
    background:-ms-linear-gradient(top, rgba(22,124,148,1) 0%,rgba(21,78,91,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#167c94', endColorstr='#154e5b',GradientType=0 );
    background:linear-gradient(top, rgba(22,124,148,1) 0%,rgba(21,78,91,1) 100%);
    -moz-box-shadow:inset 0 0 5px rgba(104, 181, 199, 0.75); -webkit-box-shadow:inset 0 0 5px rgba(104, 181, 199, 0.75);
    box-shadow:inset 0 0 5px rgba(104, 181, 199, 0.75);
}
#callout-boxes div.button a span { font-size:14px; font-size:normal; font-family:serif; }

#callout-boxes div.button.dropdown a { padding-right:40px; }
#callout-boxes div.button div.dropdown { position:absolute; top:0; right:0; width:8px; height:8px; border-left:1px solid #0A313A;
    cursor:pointer; }
#callout-boxes div.button div.dropdown span.caret { border-top-color:#FFF; border-left:4px solid transparent;
    border-right:4px solid transparent; border-top:4px solid #000; display:inline-block; opacity:0.5;
    filter:alpha(opacity=50); vertical-align:top; margin-top:3px; }
#callout-boxes #history { margin-left:10px; }
#callout-boxes #history ul { display:none; position:absolute; z-index:2; background:#D6EFF4; padding:14px; border:1px solid #72B0BF;
    -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; border-top:0; width:96px;
    -moz-box-shadow:1px 1px 2px #70acb8; -webkit-box-shadow:1px 1px 2px #70acb8; box-shadow:1px 1px 2px #70acb8; }
#callout-boxes #history ul a { color:#167C94 !important; font-size:10px; }
#callout-boxes #history ul a.size-1 { font-size:20px; }
#callout-boxes #history ul a.size-2 { font-size:18px; }
#callout-boxes #history ul a.size-3 { font-size:15px; }
#callout-boxes #history ul a.size-4,
#callout-boxes #history ul a.size-5,
#callout-boxes #history ul a.size-6 { font-size:13px; }
#callout-boxes #history ul a.size-7,
#callout-boxes #history ul a.size-8,
#callout-boxes #history ul a.size-9 { font-size:12px; }
#callout-boxes #history ul a:hover { color:#FFF !important; background:#167C94; border-radius:0; }

#callout-boxes div.button span.cloud { background:url("../img/cloud.png") no-repeat top left; width:21px; height:12px;
    display:inline-block; margin:0 2px; }
#callout-boxes div.button span.download { background:url("../img/download.png") no-repeat top left; width:15px; height:14px;
    display:inline-block; margin:0 2px; vertical-align:bottom; }
#callout-boxes div.button span.search { background:url("../img/search.png") no-repeat top left; width:14px; height:14px;
    display:inline-block; margin:0 2px; vertical-align:bottom; }
#callout-boxes div.button span.clock { background:url("../img/clock.png") no-repeat top left; width:14px; height:14px;
    display:inline-block; margin:0 2px; vertical-align:bottom; }

#callout-boxes div.divider header { color:#154e5b; border-top:1px solid #b2d0d7; background:rgb(196,225,232);
    background:-moz-linear-gradient(top, rgba(176,209,218,0.5) 0%, rgba(195,224,231,0.5) 85%, rgba(189,217,224,0.6) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,209,218,0.5)),
        color-stop(85%,rgba(195,224,231,0.5)), color-stop(100%,rgba(189,217,224,0.6)));
    background:-webkit-linear-gradient(top, rgba(176,209,218,0.5) 0%,rgba(195,224,231,0.5) 85%,rgba(189,217,224,0.6) 100%);
    background:-o-linear-gradient(top, rgba(176,209,218,0.5) 0%,rgba(195,224,231,0.5) 85%,rgba(189,217,224,0.6) 100%);
    background:-ms-linear-gradient(top, rgba(176,209,218,0.5) 0%,rgba(195,224,231,0.5) 85%,rgba(189,217,224,0.6) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d1da', endColorstr='#bdd9e0',GradientType=0 );
    background:linear-gradient(top, rgba(176,209,218,0.5) 0%,rgba(195,224,231,0.5) 85%,rgba(189,217,224,0.6) 100%);
    font-size:14px; padding:7px 12px; }
#callout-boxes div.organisms header p { margin-left:162px; }
#callout-boxes div.organisms div.bottom div.logos { padding:12px; width:136px; border-right:1px solid #fff; float:left; }
#callout-boxes div.organisms div.bottom div.logos a { height:0; overflow:hidden; display:inline-block; vertical-align:middle; }
#callout-boxes div.organisms div.bottom div.logos a.gbrowse { background:url('../img/gbrowse-logo.png') no-repeat top left;
    padding-top:15px; width:71px; margin-top:13px; }
#callout-boxes div.organisms div.bottom div.logos a.oicr { background:url('../img/oicr-logo.png') no-repeat top left;
    padding-top:42px; width:57px; float:right; }

#callout-boxes div.organisms ul { float:left; margin:12px 0 0 12px; color:#167c94; font-size:9px; text-align:center; font-style:italic; }
#callout-boxes div.organisms ul li { display:inline-block; background-repeat:no-repeat; background-position:top center;
    padding-top:30px; min-width:55px; margin-right:8px; cursor:pointer; position:relative; float:left; }
#callout-boxes div.organisms ul li.push { margin-right:60px; }

#callout-boxes div.organisms ul li.worm { background-image:url('../img/organisms/c-elegans.png'); font-weight:bold;}
#callout-boxes div.organisms ul li.cbrenneri { background-image:url('../img/organisms/c-elegans4.png'); }
#callout-boxes div.organisms ul li.cbriggsae { background-image:url('../img/organisms/c-elegans2.png'); }
#callout-boxes div.organisms ul li.cremanei { background-image:url('../img/organisms/c-elegans.png'); }
#callout-boxes div.organisms ul li.cjaponica { background-image:url('../img/organisms/c-elegans3.png'); }

#callout-boxes div.organisms ul li.fly { background-image:url('../img/organisms/d-melanogaster.png'); font-weight:bold;}
#callout-boxes div.organisms ul li.dana { background-image:url('../img/organisms/d-ananassae.png'); }
#callout-boxes div.organisms ul li.dmoj { background-image:url('../img/organisms/d-mojavensis.png'); }
#callout-boxes div.organisms ul li.dpse { background-image:url('../img/organisms/d-pseudoobscura.png'); }
#callout-boxes div.organisms ul li.dsim { background-image:url('../img/organisms/d-genericus.png'); }
#callout-boxes div.organisms ul li.dvir { background-image:url('../img/organisms/d-virilis.png'); }
#callout-boxes div.organisms ul li.dyak { background-image:url('../img/organisms/d-genericus.png'); }

#callout-boxes div.actions { position:absolute; top:45px; left:0; background:#FFF; padding:14px; z-index:1;
    -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; border:1px solid #72b0bf;
    -moz-box-shadow:3px 3px 4px #70acb8; -webkit-box-shadow:3px 3px 4px #70acb8; box-shadow:3px 3px 4px #70acb8; }
#callout-boxes div.actions div { padding:0 !important; }
#callout-boxes div.actions div:first-child { margin-bottom:14px; }
#callout-boxes div.actions a { white-space:nowrap; font-size:16px; font-style:normal;
    text-align:center; display:block; }
#callout-boxes div.actions a span { font-style:italic; font-weight:normal; margin-right:4px;
    font-size:14px; }

/* modmine projects */
#modmine-projects div.box { background:#FFF; border:1px solid #d7d5c8; -moz-border-radius:5px; -webkit-border-radius:5px;
    -o-border-radius:5px; border-radius:5px; background:#fff;
    background:-moz-linear-gradient(top, rgba(215,213,200,0.7) 0%, rgba(236,234,224,1) 1%, rgba(255,255,255,0.6) 8%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,213,200,0.7)),
        color-stop(1%,rgba(236,234,224,1)), color-stop(8%,rgba(255,255,255,0.6)));
    background:-webkit-linear-gradient(top, rgba(215,213,200,0.7) 0%,rgba(236,234,224,1) 1%,rgba(255,255,255,0.6) 8%);
    background:-o-linear-gradient(top, rgba(215,213,200,0.7) 0%,rgba(236,234,224,1) 1%,rgba(255,255,255,0.6) 8%);
    background:-ms-linear-gradient(top, rgba(215,213,200,0.7) 0%,rgba(236,234,224,1) 1%,rgba(255,255,255,0.6) 8%);
    background:linear-gradient(top, rgba(215,213,200,0.7) 0%,rgba(236,234,224,1) 1%,rgba(255,255,255,0.6) 8%); }
#modmine-projects h3 { color:#565148; font-weight:bold; text-shadow:1px 1px 1px #e4e5e4; margin:0 0 15px 13px; }
#modmine-projects h4 { color:#565148; font-weight:bold; text-shadow:1px 1px 1px #e4e5e4; margin:0 0 15px 13px; }

/* modmine projects -> sidebar */
aside { border-right:1px solid #fff; width:280px; float:left; padding-top:20px; color:#24251f; }
aside ul { font-size:14px; cursor:pointer; margin:16px 0; }
aside ul li { background:url('../img/sidebar-option.png') repeat-x top left; width:266px; height:50px;
    line-height:50px; padding-left:14px; }
aside ul li.active { background:url('../img/sidebar-option-active.png') no-repeat top left; height:62px; width:285px;
    color:#FFF; padding-left:25px; font-weight:bold; text-shadow:1px 1px 1px #A5692F; line-height:56px;
    position:relative; left:-12px; bottom:-11px; margin-top:-16px; }

#content { float:left; padding:30px 0px 14px 40px; width:665px; border-left:1px solid #dfddcf; min-height:450px; }

/* modmine projects -> switchers */
#content div.category ul.switcher { height:29px; margin-top:12px; }
#content div.category ul.switcher li { display:inline-block; padding:7px 10px; cursor:pointer; margin-right:10px;
    border-bottom:1px solid #FFF; color:#565148; font-size:15px; float:left; background:rgb(209,199,186);
    background:-moz-linear-gradient(top, rgba(209,199,186,1) 0%, rgba(196,181,158,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,199,186,1)),
        color-stop(100%,rgba(196,181,158,1)));
    background:-webkit-linear-gradient(top, rgba(209,199,186,1) 0%,rgba(196,181,158,1) 100%);
    background:-o-linear-gradient(top, rgba(209,199,186,1) 0%,rgba(196,181,158,1) 100%);
    background:-ms-linear-gradient(top, rgba(209,199,186,1) 0%,rgba(196,181,158,1) 100%);
    background:linear-gradient(top, rgba(209,199,186,1) 0%,rgba(196,181,158,1) 100%); }
#content div.category ul.switcher li.active { background:#5EA2B9; border-bottom-color:#5EA2B9; color:#FFFFFF;
    -moz-box-shadow:1px 1px 2px #888; -webkit-box-shadow: 1px 1px 2px #888; box-shadow: 1px 1px 2px #888; }
#content div.category ul.switcher li span { background-position:top left; background-repeat:no-repeat; padding-left:20px;
    line-height:21px; height:21px; display:inline-block; }
#content div.category ul.switcher li.d-melanogaster span { background-image:url('../img/drosophila-brown.png');
    padding-left:23px; }
#content div.category ul.switcher li.d-melanogaster.active span { background-image:url('../img/drosophila-white.png'); }
#content div.category ul.switcher li.c-elegans span { background-image:url('../img/elegans-brown.png'); }
#content div.category ul.switcher li.c-elegans.active span { background-image:url('../img/elegans-white.png'); }
#content div.category div.separator { height:5px; display:block; width:100%; background:#5EA2B9; margin-top:7px;
    position:relative; }

/* modmine projects -> pi filter */
#content div.category div.filter { margin-top:20px; font-size:13px; }
#content div.category div.filter span { color:#70706D; font-size:13px; margin-right:10px; float:left; line-height:18px; }
#content div.category div.filter ul { display:inline; }
#content div.category div.filter ul li { display:inline-block; margin-right:10px; padding:2px 4px; border:1px solid #5EA2B9;
    cursor:pointer; color:#5EA2B9; float:left; }
#content div.category div.filter ul li.selected { background:#5EA2B9; color:#FFF; }

/* modmine projects -> experiments */
#content div.category ul.experiments { margin-top:20px; font-size:14px; }
#content div.category ul.experiments h4 { font-size:20px; text-shadow:1px 1px 1px #F6F6F6; line-height:23px;
    margin-bottom:6px; }
#content div.category ul.experiments h4 a { text-decoration:none; }
#content div.category ul.experiments h4 a:hover { text-decoration:underline; }
#content div.category ul.experiments span { color:#70706D; font-size:13px; }
#content div.category ul.experiments li { padding:14px 5px; }
#content div.category ul.experiments li.even { background:#FBF9F1; }
#content div.category ul.experiments li.border { border-top:1px solid #E8DDC8; }
#content div.category ul.experiments li.last { border-bottom:1px solid #E8DDC8; }
#content div.category ul.experiments div { display:inline-block; margin-right:10px; line-height:22px; }
#content div.category ul.experiments div.project { float:right; line-height:26px; vertical-align:bottom; font-size:13px;
    margin-left:10px; }
#content div.category ul.experiments div.labs, #content div.category ul.experiments div.factors { clear:both; }

#content ul.experiments a { color:#167C94; }

/* gallery section */
section#gallery div.wrap { border:0; position:relative; }
section#gallery div.wrap h3,
section#gallery div.wrap h3 a { color:#167C94; font-weight:bold; text-shadow:1px 1px 1px #FFF; }
section#gallery div.move { display:block; background-position:center left; background-repeat:no-repeat; width:16px;
    height:150px; cursor:pointer; }
section#gallery div.move.right { float:right; background-image:url('../img/arrow-right.png'); margin-left:10px; }
section#gallery div.move.left { float:left; background-image:url('../img/arrow-left.png'); margin-right:10px; }
section#gallery div.move.inactive { background:none; cursor:default; }

section#gallery div.inner { float:left; }

section#gallery div.publications { overflow:hidden; width:948px; height:150px; display:block; position:relative; }
section#gallery div.publications div.wrapper { position:absolute; }
section#gallery div.publications div.article { float:left; width:304px; margin:0 15px 100px 0; padding:10px 0;
    background:#FFF; }
section#gallery div.publications div.set { float:left; width:948px; }
section#gallery div.publications div.set div.article:last-child { margin-right:0; }
section#gallery div.publications img { float:right; border:1px solid #DDD; }
section#gallery div.publications h4,
section#gallery div.publications p { margin:0 0 5px 5px; float:left; display:inline; width:246px; }
section#gallery div.publications h4 { font-size:17px; margin-bottom:10px; color:#1B98B5; letter-spacing:-0.5px; }
section#gallery div.publications h4.small { font-size:15px; }
section#gallery div.publications p { font-size:12px; }
section#gallery div.publications a { color:#000; text-decoration:none; }

section#gallery ul.switchers { text-align:center; font-size:18px; }
section#gallery ul.switchers li { display:inline; color:#DDD; cursor:pointer; }
section#gallery ul.switchers li.current { color:#BBB; }

section#gallery div.wrap div.see-more { position:absolute; top:38px; right:-40px; display:block; width:68px; height:40px;
    background:url('../img/see-more.png') no-repeat top left; }

/* bottom links */
section#bottom div.wrap { border:0; }
section#bottom div.wrap nav { text-align:center; margin-bottom:25px; }
section#bottom div.wrap nav li { display:inline; margin-right:15px; }
section#bottom div.wrap nav li:last-child { margin:0; }
section#bottom div.wrap nav a { color:#70706D; text-decoration:none; font-size:14px; border-bottom:1px solid #DCDCCE; }

footer { margin:0 auto; margin-top:16px; width:1000px; text-align:center; color:#70706D; font-size:13px; }

/* run of a mill page */
div.page { background:#FFF; border:1px solid #d7d5c8; -moz-border-radius:5px; -webkit-border-radius:5px;
    -o-border-radius:5px; border-radius:5px; padding:20px; font-size:14px; line-height:16px; }
div.page h3 { color:#565148; margin-bottom:20px; font-size:20px; font-weight:bold; }
div.page h4 { color:#565148; margin-bottom:4px; font-size:16px; font-weight:bold; }
div.page p,
div.page ul { font-size:14px; line-height:16px; margin-bottom:10px; }
div.page ul { list-style-type:disc; margin-left:20px; }
div.page ul li { line-height:18px; }
div.page a { color:#167C94; text-decoration:none; }

/* a contact form */
div.form { background:#D6EFF4; border:1px solid #99BAC3; -moz-border-radius:5px; -webkit-border-radius:5px;
    -o-border-radius:5px; border-radius:5px; padding:20px; font-size:14px; line-height:16px; }
div.form h3 { color:#154E5B; text-shadow:1px 1px 1px #D8E8ED; margin-bottom:20px; font-size:20px; font-weight:bold; }
div.form label,
div.form input,
div.form textarea { display:block; }
div.form label { color:#154E5B; }
div.form input,
div.form textarea { margin:6px 1px 16px 1px; font-size:14px; }
div.form input[type="text"],
div.form input[type="email"],
div.form textarea { width:300px; padding:4px; border:1px solid #167C94; -moz-border-radius:3px;
    -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
div.form textarea { width:500px; height:100px; font-family:"Sans",sans-serif; }
div.form input:focus,
div.form textarea:focus { margin:5px 0 15px; border-width:2px; outline:none; }
div.form form .fail { -moz-box-shadow:0 0 1.5px 1px red; -webkit-box-shadow:0 0 1.5px 1px red; box-shadow:0 0 1.5px 1px red; }
div.form div.button { -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
    padding:0 !important; margin:0; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); display:inline-block; }
div.form div.button input { text-decoration:none; color:#fff !important; font-weight:bold; display:block; margin:0;
    padding:5px 7px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
    text-shadow: 1px 1px 0px #9e1237; filter:dropshadow(color=#9e1237, offx=1, offy=1);
    border:1px solid #9e143b; background:rgb(255,91,134); cursor:pointer;
    background:-moz-linear-gradient(top, rgba(255,91,134,1) 0%, rgba(234,37,85,1) 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,91,134,1)), color-stop(100%,rgba(234,37,85,1)));
    background:-webkit-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    background:-o-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    background:-ms-linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b86', endColorstr='#ea2555',GradientType=0 );
    background: linear-gradient(top, rgba(255,91,134,1) 0%,rgba(234,37,85,1) 100%);
    -moz-box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75); -webkit-box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75);
    box-shadow:inset 0 0 5px rgba(244, 105, 141, 0.75);
}
div.form p.message { margin-bottom:20px; font-size:14px; }
div.form p.message.fail { color:red; }
div.form p.message.fail a { color:red; }
div.form p.message.success { color:green; }