/** temporary fix... for Fermilab table html layout **/
table {
margin: 0 0 1.6em 0;
padding: 0;
}

th, td {
font-size: 12px;
}
/** END: temporary fix **/


h1 {} /* Reserved for logo */

h2 {
margin: 0 0 0.6em 0;
font-size: 1.8em;
font-weight: bold;
color: #036;
}

h3 {
margin: 0 0 0.6em 0;
font-size: 1.4em;
font-weight: bold;
color: #737c88;
}

h4 {
margin: 0 0 0.6em 0;
font-size: 1.2em;
font-weight: bold;
color: #036;
}

h5 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
color: #737c88;
}

h6 {
margin: 0;
font-size: 1em;
font-style: italic;
font-weight: bold;
color: #036;
}

.block-header-red {
padding: 0.4em 0.8em;
background: #b00;
color: #fff;
}

.block-header-blue {
padding: 0.4em 0.8em;
background: #036;
color: #fff;
}

.block-header-green {
padding: 0.4em 0.8em;
background: #080;
color: #fff;
}

.block-header-black {
padding: 0.4em 0.8em;
background: #020202;
color: #fff;
}

.block-header-gray {
padding: 0.4em 0.8em;
background: #ddd;
color: #222;
}

.block-header-red a, .block-header-red a:hover,
.block-header-blue a, .block-header-blue a:hover,
.block-header-green a, .block-header-green a:hover,
.block-header-black a, .block-header-black d a:hover,
.block-header-gray a, .block-header-gray a:hover {
color: #fff;
}

hr {
clear: both;
margin: 1.2em 0 !important;
height: 1px;
color: #ccc;
background: #ccc;
}

.small {
font-size: 0.9em;
}

.x-small {
font-size: 0.8em;
}

.big {
font-size: 1.2em;
}

.x-big {
font-size: 1.4em;
}

.blue {
color: #036;
}

.gray {
color: #999;
}

.dark-gray {
color: #333;
}

.red {
color: #c00;
}

.green {
color: #090;
}

.all-caps {
text-transform: uppercase;
}

.no-caps {
text-transform: none;
}

.no-italics {
font-style: normal;
}

ul.no-bullets {
list-style: none;
margin-left: 1.8em;
}

ul.line-space li,
ol.line-space li,
dl.line-space dt {
margin: 0 0 1.5em 0;
}

.bold {
font-weight: bold;
}

.no-bold {
font-weight: normal;
}

.align-left {
float: left;
margin: 0 1.2em 0.8em 0;
}

.align-right {
float: right;
margin: 0 0 0.8em 1.2em;
}

.clear-float {
clear: both;
display: block;
}

.image-border {
border: 1px solid #ccc;
}

div.caption {
background: #ddd;
padding: 0.8em;
}

div.last-modified {
clear: left;
margin: 1.5em 0;
}



/*========== highlight-box ==========*/
div.highlight-box {
clear: right;
border: 4px solid #bbb;
background: #ccc;
margin: 0 0 1.5em 0;
}

div.highlight-box-body {
padding: 0.6em 1em;
}

.narrow-box {
width: 490px;
clear: none !important;
}
/*========== END: highlight-box ==========*/



/*========== homepage content ==========*/
#fnal-homepage {

}

#fnal-hp-feature { /** hompeage (rotating) photo slides **/
margin: -62px 0 25px 0;
overflow: hidden;
}

#fnal-hp-cols {
clear: both;
width: 100%;
overflow: auto;
}

#fnal-hp-col-01 {
float: left;
width: 360px;
/*min-height: 300px;*/
}

#fnal-hp-col-02 {
float: right;
width: 360px;
/*min-height: 300px;*/
}

div.hp-section {
clear: both;
margin: 0 0 1.2em 0;
overflow: auto;
}

/*
div.hp-section h3 {
clear: both;
margin: 0 0 1.2em 0 !important;
padding: 0 !important;
height: 28px;
border-bottom: 1px solid #2b2b2b;
}
*/

div.hp-section h4 {
margin: 0 0 2px 0 !important;
}

div.hp-section-body {
border: 1px solid #acacac;
padding: 0.6em;
}

div.hp-section-body .more-link {
margin: 0;
text-align: right;
font-weight: bold;
}

ul.subheader li {
display: inline;
float: left;
margin: 0 !important;
padding: 0 !important;
/*height: 28px;*/
}

ul.subheader li.subheader {
width: 240px;
}

ul.subheader li.date {
width: 120px;
height: 18px;
margin: 0;
padding: 10px 0 0 0 !important;
text-align: right;
font-size: 1em;
font-weight: bold;
color: #666;
}

ul li.recovery{
list-style-image:url(/images/bullet.gif);
}

#fnal-hp-cols h3 {
margin: 0;
padding: 0;
width: 240px;
height: 28px;
font-size: 1.6em;
font-weight: bold;
color: #409c86;
}

#fnal-hp-cols h3 a {
display: block;
width: 240px;
height: 28px;
color: #409c86;
text-decoration: none;
}

#fnal-hp-cols .fermilab-today h3 {
background: transparent url(/fnalincludes/images/subhead-fermilab-today.jpg) no-repeat left top;
text-indent: -9999px;
}

#fnal-hp-cols .symmetry h3 {
background: transparent url(/fnalincludes/images/subhead-symmetry.jpg) no-repeat left top;
text-indent: -9999px;
}

#fnal-hp-cols ul {
list-style: none;
margin: 0;
padding: 0;
}

#fnal-hp-cols li {
padding: 0 0 0.6em 0;
}
/*========== END: homepage content ==========*/



/*========== Icons ==========*/
.email {
padding: 0 0 0 18px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/email-icon-tiny.gif) no-repeat left center !important;
}

.excel, .xls {
padding: 0 0 0 15px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/excel-icon-tiny.gif) no-repeat left center !important;
}

.ppt {
padding: 0 0 0 15px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/ppt-icon-tiny.gif) no-repeat left center !important;
}

.pdf {
padding: 0 0 0 16px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/pdf-icon-tiny.gif) no-repeat left center !important;
}

.word, .doc {
padding: 0 0 0 15px !important;
background: transparent url(http://www.fnal.gov/fnalincludes/images/icons/word-icon-tiny.gif) no-repeat left center !important;
}

.top-of-page {
clear: left;
margin: 0 0 2em 0;
padding: 0 0 0 16px !important;
background: transparent url(/fnalincludes/images/icons/arrow-up.jpg) no-repeat left center !important;
}
/*========== END: Icons ==========*/



/*========== sidebars ==========*/
.sidebar-container {
width: 220px;
float: right;
margin: 0 0 1.5em 1.5em;
}

.sidebar-01 {
background: #ccc;
border: 1px solid #999;
margin: 0 0 0.8em 0;
padding: 1em;
}

.sidebar-02 {
background: #ebebeb;
border: 1px solid #bbb;
padding: 1em;
}

.sidebar-01 h3, .sidebar-02 h3 {

}

.sidebar-01 ul, .sidebar-02 ul {
margin-left: 1.4em;
}

.sidebar-01 li, .sidebar-02 li {
margin: 0.6em 0;
}
/*========== END: sidebars ==========*/




/*========== subnav ==========*/
.subnav {
background: #ccc;
border: 1px solid #999;
margin: 0 0 0.8em 0;
padding: 1em;
}

.subnav ul {
margin: 0.3em 0 0.3em 1.6em;
padding: 0;
}

.subnav ul li {
padding: 0.2em 0;
}

/** Benefits subnav **/
ul.subnav2
{
clear: both;
list-style: none;
margin: -5px 0 0 0;
padding: 0;
}

li.sub-thumb
{
width: 55px;
float: left;
margin:0;
}

li.sub-text
{
margin-left: 5px;
font-family: arial, univers, sans-serif;
}
/** END: Benefits subnav **/


ul.anchor-nav {

}

ul.anchor-nav li {
margin: 0 0 1.5em 0;
}
/*========== END: subnav ==========*/




/*========== Questions for the Universe ==========*/
.qu-home {
clear: both;
width: 100%;
margin: 0 0 1.5em 0;
overflow: auto;
}

.qu-home .qu-col-01 {
float: left;
width: 200px;
margin: 0 2em 0 0;
}

.qu-home .qu-col-02 {
float: left;
width: 200px;
margin: 0 2em 0 0;
}

.qu-home .qu-col-03 {
float: left;
width: 200px;
}

.qu-home h3 {
height: 2.5em;
_height: 3.5em;
margin: 0 !important;
padding: 0.5em !important;
background: #036;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #fff;
font-size: 1.2em;
color: #fff;
}

.qu-home ul {
min-height: 250px;
_height: 250px; /** IE6 Hack **/
margin: 0;
padding: 0.4em 0.8em;
background: #ddd;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #fff;
}

.qu-home li {
margin: 0.8em 0 0.8em 1.8em;
}

h2.photo-header {
margin: 0 0 0.6em 0;
padding: 1em 1em 1em 220px;
background: #409c86 url() no-repeat left top;
font-size: 1.8em;
font-weight: normal;
color: #fff;
}

h2.einsteins-dream {
background-image: url(/pub/science/questions/images/header-einsteins-dream.jpg);
}

h2.particle-world {
background-image: url(/pub/science/questions/images/header-particle-world.jpg);
}

h2.birth-universe {
background-image: url(/pub/science/questions/images/header-birth-universe.jpg);
}

h3.big-header {
font-size: 2em;
font-weight: normal;
}
/*========== END: Questions for the Universe ==========*/



/*========== thumbnails ==========*/
ul.thumbs {
clear: float;
list-style: none;
margin: 0;
padding: 0;
}
 
ul.thumbs li {
float: left;
width: 300px;
margin: 0 2em 2em 0;
text-align: center;
}
 
ul.thumbs .photo {
 
}
 
ul.thumbs .text {
padding: 0.4em 0;
color: #666;
}
/*========== END: thumbnails ==========*/



/*========== Misc ==========*/
/*table.shaded img {
margin: 15px;
}*/

td.hub-photo {
background-color:#e6e6e6;
padding: 0.8em;
}

td.hub-text {
background-color:#e6e6e6;
padding: 0.8em;
}

td.hub-text p {
margin: 0;
}
/*========== END: Misc ==========*/


/*========== thumbnails ==========*/
ul.thumbnails {
clear: both;
list-style: none;
margin: 0 0 1.5em 0;
padding: 0;
overflow: auto;
}

ul.thumbnails li {
width: 100px;
float: left;
margin: 0 1em 0 0;
}

ul.thumbnails a img {
border: 3px solid #ddd;
}

ul.thumbnails a:hover img {
border: 3px solid #036;
}

ul.thumbnails h4 {
text-align: center;
font-size: 1em;
font-weight: bold;
}

/*========== END: thumbnails ==========*/



/*========== Tevatron Results ==========*/
ul.block-navs {
width: 100%;
clear: both;
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #fff; /** IE Hack **/
}

ul.block-navs li {
float: left;
display: block;
width: 120px;
/*height: 30px;*/
padding: 0 0.4em 0.4em 0;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

ul.block-navs a {
display: block;
padding: 0.6em 0.8em;
background: #036;
color: #fff;
text-decoration: none;
}

ul.block-navs a:hover {
color: #fff;
text-decoration: underline;
}

.block-photos li {
width: 220px !important;
margin: 0 0.8em 0 0 !important;
padding: 0 0 0.6em 0 !important;
background: transparent !important;
}

.block-photos a {
/*width: 220px;
height: 150px;*/
padding: 0 !important;
border: 1px solid #ccc;
}


table.tev-results {

}

table.tev-results td img {
border: 1px solid #ccc;
}

table.tev-results th, table.tev-results th a {
padding: 0.4em 0.8em;
background: #036;
text-align: center;
font-size: 0.9em;
color: #fff;
}

table.tev-results th a:hover {
color: #fff;
}

table.tev-results ul {
list-style: none;
margin: 0;
padding: 0;
/*padding: 0.5em 1em;
background: #ddd;*/
}

table.tev-results li {
display: block;
margin: 0.3em 0;
padding: 0 0 0 1.5em;
background: transparent url(/fnalincludes/images/icons/bullet-square-blue.jpg) no-repeat left 4px;
}
/*========== END: Tevatron Results ==========*/



/*========== Forms ==========*/
fieldset { /** form section **/
border: 1px solid #ccc;
padding: 0.5em 1em 1em 1em;
margin: 0 0 1em 0;
line-height: normal;
}

legend { /** form section header **/
padding: 0 0.4em;
font-size: 1.3em;
font-weight: bold;
color: #3b506d;
}

fieldset p {
line-height: normal;
}

fieldset ul.form-row { /** form row **/
width: 100%;
clear: both;
list-style: none;
margin: 0.6em 0 0 0;
padding: 0;
}

fieldset ul.form-row li { /** form column **/
display: inline;
float: left;
margin: 0.4em 0.4em;
}

form input.button {
cursor: pointer;
padding: 0.2em 0.4em;
border: 1px solid #999;
background: #ccc;
font-weight: bold;
color: #222;
}

form input.button-gray {
background: #bbb;
}
/*========== END: Forms ==========*/




/*========== Tables ==========*/
table.fermi-table {
empty-cells: show;
}

table.fermi-table tr {

}

table.fermi-table th {
padding: 0.3em 0.6em;
background: #ddd;
}

table.fermi-table td {
padding: 0.3em 0.6em;
border-bottom: 1px solid #ddd;
}
/*========== END: Tables ==========*/


/*========== override ==========*/
.entry {
border-bottom: 1px solid #ccc;
padding: 1.4em 0 0 0 ;
}
.more-link {
font-weight: bold;
}
/*--Director's Column style--*/
h4.subtitle{
font-style:italic;
color:#999;
}
span.author_name {
color:#01662e; 
font-variant:small-caps;
}
p.author_name {
font-variant:small-caps; 
font-size:130%;
font-weight:bold;
}
.author_info{
border-top: 5px solid #01662e; 
color:#01662e; 
clear:both;
}
.author_image{
float:left; 
width:100px; 
height:100px; 
margin:25px;
border:2px solid #d2d2d2;
}
.author_bio{
float:left; 
margin-top:25px; 
width:400px;
}
/*-- end DC --*/
/*-- prevent uneven linespacing when subscripts or superscripts are used --*/
p {line-height: 1.4;}
sup, sub { vertical-align: 0;
           position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }
/*========== END: override ==========*/