/****  CSS Document for Rutherford's Nuclear World online exhibit       *****
*****  (c) 2011-2012 by Ada Uzoma for the American Insitute of Physics  ****/



@charset "UTF-8";
@import "reset.css";



/****** GENERAL ******/
html { filter:expression(document.execCommand("BackgroundImageCache", false, true)); } /* enable background image caching in IE6 */
html, body { height:100%; } /* needed for sticky footer */
body { background:#09355c url(../images/bg.jpg) repeat-x 0 0; text-align:center; }
b, strong { font-weight:bold; }
em, i { font-style:italic; }
sub { vertical-align:sub; font-size:12px; }
sup { vertical-align:super; font-size:12px; }




/****** WRAPPER ******/
#wrapper { position:relative; width:1010px; min-height:100%; margin:0 auto -100px; }
* html #wrapper { height:100%; } /* wrapper hack for IE6 */




/****** HEADER ******/
#header { height:130px; }
#header #logo { float:left; width:300px; height:70px; margin-top:24px; margin-left:15px; display:inline; }
#header #logo a { width:300px; height:70px; background:transparent url(../images/logo.png) no-repeat 0 0; text-indent:-9999px; display:block; overflow:hidden; }
#header #logo a:hover { background-position:-300px 0; }
#header #topnav { float:right; height:100px; width:615px; text-align:right; font-family:Arial, Helvetica, Verdana; }
#header #topnav a { display:inline; float:left; width:91px; padding:46px 15px 11px 17px; text-align:left; font-size:11px; line-height:13px; color:#fff; text-decoration:none; text-transform:lowercase; }
#header #topnav a:hover, #topnav a.current { background-color:#414141; }
#header #topnav a em { display:block; width:100px; font-size:13px; margin-bottom:3px; color:#5ea5d1; text-transform:uppercase; font-style:normal; }




#main { position:relative; width:930px; height:auto; min-height:400px; padding:20px 40px 30px; float:left; background:transparent url(../images/main_bg.png) repeat-y 0 0; text-align:left; font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; }
/* for Internet Explorer */
/*\*/
* html #main { height:400px; }
/**/
#main #share { width:165px; float:right; margin-top:10px; }
#main #share2 { width:165px; float:right; margin-top:40px; }
#main h1 { width:640px; color:#407da9; font:italic bold 28px/1.3 Georgia, Times New Roman, Times, "Trebuchet MS", serif; letter-spacing:.2px; margin-bottom:20px; }
#main h2.subhead { padding-left:1px; text-transform:uppercase; color:#666; font-weight:bold; font-size:14px; margin-top:-10px; margin-bottom:30px; border-bottom:1px dotted #999; padding-bottom:30px; }
#main h3 { color:#407da9; font-weight:bold; font-size:18px; margin-top:30px; }
#main a { color:#407da9; text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main p { color:#666; font-size:16px; line-height:26px; margin-top:15px; margin-bottom:15px; }
#main blockquote { color:#000; background-color:#ccc; padding:20px; margin:20px 40px; font:normal normal 16px/26px"Courier New", Courier, monospace; }
#main blockquote p { color:#000; }
#main p.citequote { color:#000; background-color:#ccc; padding:20px; margin:20px 40px; font:normal normal 16px/26px"Courier New", Courier, monospace; }
/*#main citequote p { color:#000; }*/
#maintop { width:1010px; height:15px; float:left; background:transparent url(../images/main_top.png) no-repeat 0 0; }
#mainbottom { width:1010px; height:15px; float:left; background:transparent url(../images/main_bottom.png) no-repeat 0 0; }
#main .imgcaption { text-align:center; font:italic normal 12px/16px Georgia, Times New Roman, Times, "Trebuchet MS", serif; color:#000; background-color:#fff; padding-bottom:10px; }
#main .imgcaption img { display:block; background-color:#fff; }
#main .imgright { float:right; margin-left:20px; background-color:#fff; }
#main .imgleft { float:left; margin-right:20px; background-color:#fff; }
#main .imglandscape { width:440px; background-color:#fff; }
#main .imgportrait { width:300px; background-color:#fff; }
#main b.greekletters { color:#407da9; font-family:"Times New Roman", Times, serif; }
#main p.quote { font:italic bold 16px/1.8 Georgia, Times New Roman, Times, "Trebuchet MS", serif; color:#3e7ba7; margin:20px 0; }
#main p.quote span.quotecredit { display:block; font-style:normal; font-size:12px; text-align:right; color:#666; margin:15px 10px 0; }
#main .collapsible { background-color:#ffffe0; padding:10px 20px; margin-left:40px; margin-right:40px;cursor:pointer; }
#main .collapsible i { color:#407da9; font-weight:bold; vertical-align:middle; padding-left:10px; }
#main .collapsible i:hover { text-decoration:underline; }
#main .clipcontainer { background-color:#f8f8f8; padding:20px; margin-left:40px; margin-right:40px; font:normal normal 16px/26px"Courier New", Courier, monospace; }
#main .sectionheadlink { color:#407da9; text-decoration:underline; font:italic bold 18px/1 Georgia, Times New Roman, Times, "Trebuchet MS", serif; }


/**** Credits Page ****/
#main .collapsible2 { margin-top:20px; }
#main .collapsible2 i { cursor:pointer; color:#407da9; font:italic bold 18px/1 Georgia, Times New Roman, Times, "Trebuchet MS", serif; vertical-align:middle; }
#main .collapsible2 i:hover { text-decoration:underline; }
#main .creditlist { margin-left:40px; }
#main .creditlist p { margin:10px 0 20px; }


#main .accordion-open span, #main .collapse-open span { display:block; float:left; padding:10px; }
#main .accordion-open span,
#main .collapse-open span { background:url(/history/exhibits/rutherford/images/darr.gif) center center no-repeat; }
#main .accordion-close span,
#main .collapse-close span { display:block; float:left; background:url(/history/exhibits/rutherford/images/rarr.gif) center center no-repeat; padding:10px; }


body#home #wrapper { width:1010px; }
body#home #introtext { text-align:center; color:#fff; font:italic 500 18px/1.3 Georgia, Times New Roman, Times, "Trebuchet MS", serif; letter-spacing:.2px; margin-bottom:20px; }
body#home .homespacer { clear:both; height:20px; }
body#home .sectionbox { float:left; width:330px; height:220px; position:relative; }

body#home a.section1 { background:transparent url(../images/slide1pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; margin-right:10px; }
body#home a.section2 { background:transparent url(../images/slide2pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; margin-right:10px; }
body#home a.section3 { background:transparent url(../images/slide3pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; }
body#home a.section4 { background:transparent url(../images/slide4pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; margin-right:10px; }
body#home a.section5 { background:transparent url(../images/slide5pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; margin-right:10px; }
body#home a.section6 { background:transparent url(../images/slide6pic.png) no-repeat 0 0; color:#dfdfdf; font:normal 500 15px/17px Georgia, Times New Roman, Times, "Trebuchet MS", serif; text-decoration:none; padding-top:195px; height:25px; }

body#home a.section1:hover { background-position:-330px 0; color:#fff; }
body#home a.section2:hover { background-position:-330px 0; color:#fff; }
body#home a.section3:hover { background-position:-330px 0; color:#fff; }
body#home a.section4:hover { background-position:-330px 0; color:#fff; }
body#home a.section5:hover { background-position:-330px 0; color:#fff; }
body#home a.section6:hover { background-position:-330px 0; color:#fff; }




#pager { position:relative; clear:both; padding-right:10px; text-align:right; margin-top:50px; }
#pager a { padding:4px 7px; margin-left:5px; border:1px solid #407da9; font-size:12px; color:#407da9; font-weight:bold; text-decoration:none; }
#pager a:hover { background:#407da9; color:#fff; }
#pager a.currentpage { background:#407da9; color:#fff; }

#pager-top { position:relative; float:right; clear:both; width:400px; text-align:right; padding-right:5px; margin-top:15px; }
#pager-top a { padding:4px 7px; margin-left:5px; border:1px solid #407da9; font-size:12px; color:#407da9; font-weight:bold; text-decoration:none; }
#pager-top a:hover { background:#407da9; color:#fff; }
#pager-top a.currentpage { background:#407da9; color:#fff; }



/****** FOOTER ******/
#clearfooter { clear:both; height:100px; }
#footer { background:url(../images/footer_bg.png) repeat-x left bottom; position:relative; width:100%; margin:-100px auto 0; /* negative value of footer height */ height:100px; clear:both; }
#footer #footertext { width:980px; margin:0 auto; height:30px; padding-top:70px; text-transform:uppercase; }
#footer #footertext p { font:normal normal 10px/30px Arial, Helvetica, Verdana; color:#6daeda; }
#footer #footertext a { color:#6daeda; text-decoration:none; }
#footer #footertext a:hover { text-decoration:underline; color:#7dc7f9; }
#footer #footertext p#copyright { float:left; width:400px; text-align:left; }
#footer #footertext p#footerlinks { float:right; width:570px; text-align:right; padding-right:5px; }
#footer #footertext p#footerlinks span { margin:0 5px; vertical-align:top; font-size:9px; line-height:28px; }