article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; background: #fff; } body, button, input, select, textarea { font-family: Arial, sans-serif; color: #3d3d3d; } ::-moz-selection { background: #ccc; color: #000; text-shadow: none; } ::selection { background: #ccc; color: #000; text-shadow: none; } a { color: #003b32; } a:hover { color: #3d3d3d; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ececec; margin: 3px 0 8px 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } address { padding-left: 20px; font-size: 9pt;} table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; } h6 { font-size: 14pt; } body { margin: 0; padding: 0; } a { } a:hover { } header { margin: 0; width: 100%; background: #003b32; } #topbar { width: 100%; height: 39px; background: url(images/topbar.png) repeat-x; } #topbar h3 { margin: 0; } header#one #topbar h3 a { margin: 0; display: block; float: left; width: 508px; height: 39px; background: url(images/humboldtstateuniversity3.png) bottom left no-repeat; text-indent: -9999px; } header#two #topbar h3 a { margin: 0; display: block; float: left; width: 364px; height: 38px; background: url(images/humboldtstateuniversity2.png) top center repeat-x; text-indent: -9999px; } #header { width: 100%; height: auto; background: url(images/headerbg.jpg) top center repeat-x; } #header .wrap { position: relative; overflow: hidden; } #header h1 { margin: 0; } header#one #header h1 a { margin: 0 0 0 1px; display: block; float: left; width: 649px; height: 149px; background: url(images/centennial.png) top left no-repeat; text-indent: -9999px; } header #header h1 a { margin: 0 auto; display: block; width: 594px; height: 104px; background: url(images/centennial-celebration.png) top center repeat-x; text-indent: -9999px; } header#one nav { clear: both; margin: 10px 0; } header#two nav { margin: 0 auto; clear: both; } nav ul { font-family: 'Petrona', serif; padding-top: 12px; text-align: center; } nav ul li { display: inline; padding: 2px 20px 0;} nav ul li a { font-size: 11pt; text-decoration: none; color: #fff; text-shadow: 1px 1px 2px #3d3d3d; } nav ul li a:hover { color: #feffde; } #photoarea { margin: 0; width: 100%; background: #3d3d3d; height: 384px; overflow: visible; } #photoarea .contenthover { position: absolute; } #photoarea h5 { padding-top: 75px; font: bold 12px/14px Arial, sans-serif; color: #feffde; padding-left: 10px; } #photoarea p { clear: both; padding: 0 10px; font: normal normal 8pt/10pt Arial, sans-serif; color: #979797; margin-top: 5px; color: #fff; } #photoarea .block { z-index: 3; width: 350px; height: 350px; position: relative; } #photoarea .hover { z-index: 4; position: absolute; top: 284px; background: url(images/hoverbg.png) top center no-repeat; width: 350px; height: 200px; transition: top 1s; -moz-transition: top 1s; -webkit-transition: top 1s; -o-transition: top 1s; } #photoarea .hover:hover { top: 150px; } #photoarea .hover span { margin-top: 5px; text-align: left; padding-top: 0px; display: block; float: right; overflow: hidden; width: 90px; font: normal 12px/14px Arial, sans-serif; color: #feffde; padding: 10px 10px 10px 0; position: relative; } #photoarea .hover span div { position: absolute; top: 10; left: 0; width: 14px; background: #005147; height: 20px; } #photoarea .hover img { display: block; float: right; margin: 36px 6px 0 0; } #photoarea img.slide { width: 350px; height: 350px; display: block; z-index: 1; top: 0; position: absolute; } #photoarea #column { width: 100%; height: 38px; } #column ul { margin: 0; } #column ul li, #column span { color: #979797; display: block; float: left; border-right: 1px solid #464646; padding: 10px 22px 4px; } #column span { margin-left: 60px; font-weight: bold; } #column a { color: #979797; text-decoration: none; } #column a:hover { color: #fff; } #facebook { display: block; position: absolute; bottom: 0px; border: none; right: 0; color: #fff; text-decoration: none; font-size: 9pt; top: 0; } #facebook img { opacity: .7; } #facebook img:hover { opacity: 1; } #facebook p { font-style: italic; margin: 0; padding: 0; height: 24pt; } #facebook span { color: #feffde; font-weight: bold; font-style: italic; padding-right: 10px; } #content { margin: 0; padding: 0px 0 50px; width: 100%; background: #fff; } #internal #content { margin-top: 50px; } #page #posts { } #posts h4 { margin: 6px 0 4px 0; font-size: 14pt; font-weight: bold; } #posts h4 a { text-decoration: none; color: #003b32; } #posts h4 a:hover { color: #3d3d3d; } #posts p { font-weight: normal; } #posts p a { color: #003b32; } #posts article img { margin: 0; padding: 0px; } #home #posts article img { width: 100%; height: auto; } #posts h2 img { border: none; margin: 0 auto; display: block; } #events { } #events h6 { margin: 6px 0 4px 0; font-size: 12pt; font-weight: bold; } #events h6 a { color: #003b32; text-decoration: none; } #events h6 a:hover { color: #3d3d3d; } #events p.info { font-weight: bold; font-style: italic; font-size: 8pt; margin: 3px 0 0 0; } #events p { font-weight: normal; margin: 4px 0; font-size: 9pt; } #events p a { color: #003b32; } #events p a:hover { color: #3d3d3d } #events hr, #posts hr { margin: 12px 0; } #events ul { padding: 0 0px; } #events ul li { list-style: none; } #events ul li a { display: block; text-decoration: none; border-bottom: 1px dotted #ececec; padding: 15px 12px; } #events ul li a:hover { background: #efefef; } #stories { height: 310px; overflow: hidden; } #storyslider { position: relative; overflow: hidden; } #storyslider #storynav { position: absolute; width: 200px; height: 50px; } #storyslider .threecol { height: 240px; } #stories h5 { margin: 6px 0 4px 0; font-size: 12pt; font-weight: bold; } #stories h5 a { color: #003b32; text-decoration: none; } #stories h5 a:hover { color: #3d3d3d; } #stories p.info { font-size: 8pt; font-style: italic; } #stories p { margin: 5px 0; font-weight: normal; } #timelinearea { width: 100%; } .sociales { text-align: center; margin-bottom: 20px; } #timelinearea { border-bottom: 1px solid #ececec; margin-bottom: 12px; display: none; } #timeline { width: 1000px; height: 250px; overflow: hidden; margin: 0 auto; position: relative; background: url('images/dot.png') left 57px repeat-x; } #dates { width: 800px; height: 60px; overflow: hidden; } #dates li { list-style: none; float: left; width: 100px; height: 50px; font-size: 14px; text-align: center; background: url('images/biggerdot.png') center bottom no-repeat; } #dates a { line-height: 38px; padding-bottom: 10px; text-decoration: none; } #dates a:hover { font-weight: bold; } #dates .selected { font-size: 20px; font-weight: bold; } #issues { width: 800px; height: 350px; overflow: hidden; } #issues li { width: 800px; height: 350px; list-style: none; float: left; } #issues li.selected img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } #issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */ zoom: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: scale(0.7,0.7); -moz-transform: scale(0.7,0.7); -o-transform: scale(0.7,0.7); -ms-transform: scale(0.7,0.7); transform: scale(0.7,0.7); } #issues li h1 { color: #ffcc00; font-size: 48px; margin: 20px 0; text-shadow: #000 1px 1px 2px; } #issues li p { font-size: 14px; margin-right: 70px; font-weight: normal; line-height: 22px; } #grad_left, #grad_right { width: 100px; height: 350px; position: absolute; top: 0; } #grad_left { left: 0; background: url('images/grad_left.png') repeat-y; } #grad_right { right: 0; background: url('images/grad_right.png') repeat-y; } #next, #prev { position: absolute; top: 0; font-size: 70px; top: 170px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #next:hover, #prev:hover { background-position: 0 -76px; } #next { right: 0; background-image: url('images/next.png'); } #prev { left: 0; background-image: url('images/prev.png'); } #next.disabled, #prev.disabled { opacity: 0.2; } #giving-content { width: 100%; overflow: auto; background: url(images/givingbg.jpg) top center no-repeat; } #giving-wrap { width: 100%; overflow: visible; background: url(images/shadow.png) top center repeat-y; padding-bottom: 10px; } #giving-content p { padding: 10px 60px; line-height: 16pt; } #giving-content h4 { text-align: center; color: #005147; } #giving-content address p { margin: 0; padding: 0 60px; line-height: 12pt; } #homecoming-column { width: 100%; height: 450px; overflow: auto; background: url(images/homecoming.jpg) top center no-repeat; } #homecoming-column #whitebg { background: rgba(255,255,255, .7); margin-top: 160px; width: 480px; height: 230px; float: right; } #homecoming-column img { display: block; clear: both; margin: 15px auto 0; } #homecoming-column p { margin: 5px 20px; } #thenandnow { width: 100%; position: relative; height: 180px; overflow: visible; background: url(images/thennowbg.jpg) top center repeat-x; margin-top: 60px; } #tk #thenandnow { width: 100%; position: relative; height: 220px; overflow: visible; background: url(images/thennowbg.jpg) center center repeat-x; margin-top: 0px; } img#tkphoto { position: absolute; display: block; margin-top: -80px; } #tk img#tkphoto { margin-top: -30px; } img#oldlucky { position: absolute; display: block; margin-top: -45px; -moz-box-shadow: 1px 1px 9px 1px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 9px 1px rgba(0,0,0,.4); box-shadow: 1px 1px 9px 1px rgba(0,0,0,.4); right: 0; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } img#oldlucky:hover { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } img#viewhere { position: absolute; display: block; margin: 0; top: 100px; right: 40px; } #tk img#viewhere { display: none; } #giving-column { height: 89px; width: 100%; background: #e8e8e8 url(images/givingbg2.png) top center no-repeat; border-bottom: 1px solid #d4d4d4; } #giving-column p { margin: 0; padding: 0px 0; text-align: center; } #blog { } #blog #content { margin-top: 30px; } #posts h2 { font-weight: bold; margin-top: 5px; font-size: 18pt; } #posts h1 { font-weight: bold; font-size: 24pt; } #posts h2 a { text-decoration: none; } #posts p.subdata { margin-top: 5px; font-size: 9pt; } #crumbs { margin: 0; } p#crumbs a { text-decoration: none; } p#crumbs a:hover { color: #3d3d3d; } #page #crumbs { margin-top: 15px; } #posts img#first { display: block; float: left; margin: 0 15px 5px 0px; } #blog hr { clear: both; } #submitform .twocol { margin: 0; padding: 0; } #submitform .twocol article p { text-align: left; } #submitform .twocol .twocol { width: 300px; } #submitform img { border: none; } #submitform p { font-size: 10pt; } #submitform .fourcol p, #submitform .twocol p#crumbs { text-align: left; } #submitform .fourcol p, #submitform .twocol p { text-align: center; font-size: 10pt; font-weight: normal; margin: 5px 0; } #submitform .twocol .fourcol input[type=text], #submitform .twocol input[type=text] { border: 1px solid #ececec; width: 120px; height: 18px; margin: 0 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; font-size: 10pt; } #submitform .twocol input[type=text] { width: 200px; margin: 5px auto; display: block; } #submitform input[type=file] { border: none; -webkit-border-radius: none; -khtml-border-radius: none; -moz-border-radius: none; width: auto; height: auto; margin: 0; display: block; float: left; } #submitform select { border: 1px solid #ececec; width: 190px; height: 180px; margin: 0 10px; padding-left: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; font-size: 10pt; } #submitform .fourcol input:focus { border: 1px solid #c1c1c1; } #submitform h4 img { display: block; margin: 20px auto 10px; } #submitform textarea { width: 100%; height: 100px; border: 1px solid #ececec; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; font-size: 10pt; padding: 0; margin: 0 0 10px 10px; } #submitform input.button { float: right; margin: -30px 18px 10px 0; border: none; display: block; width: 140px; } #photos ul { list-style: none; padding: 0; text-align: center; } #photos ul li { display: inline; text-align: center; } #photos ul li a { text-decoration: none; padding: 2px 8px; border: 1px solid #ccc; background: #efefef; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 4px; } #photos ul li a:hover { background: #ccc; } #birthday { background: #fefef9 url(http://humboldt.edu/centennial/images/birthdaybg.jpg) top center no-repeat; } #border-top { overflow: auto; background: url(http://humboldt.edu/centennial/images/border-top.png) repeat-x; } #border-bottom { height: 40px; overflow: auto; background: url(http://humboldt.edu/centennial/images/border-bottom.png) bottom repeat-x; } #birthday p { padding: 0 20px; } #socialstories { border: 1px solid rgb(236, 236, 236); height: 300px; overflow: auto; clear: both; } #socialstories p { margin: 10px; } #socialstories ul { text-decoration: none; padding: 0; } #socialstories ul li { border-top: 1px solid rgb(236, 236, 236); padding: 20px; } #stimages { clear: both; width: 428px; margin: 30px auto; padding: 10px 0; } img#stitle { margin: 20px auto; width: 362px; display: block; } #centennialstories article.three { display: block; float: left; width: 31%; margin: 0 1%; } #centennialstories article.three h1 a { text-decoration: none; font-size: 16pt; font-weight: bold; } ul#nav_categories { list-style: none; padding: 0; text-align: center; } ul#nav_categories li { display: inline; text-align: center; } ul#nav_categories li a { text-decoration: none; padding: 2px 8px; border: 1px solid #ccc; background: #efefef; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin: 4px; display: inline-block; } ul#nav_categories li a:hover { background: #ccc; } #docbg { background: url(http://humboldt.edu/centennial/images/docbg.jpg) top center no-repeat; overflow: auto; } #docbg h1 img { margin: 12px auto 0; width: 732px; display: block; } #docinfo p#docintro { line-height: 25pt; font-size: 14pt; } #docinfo { background: url(http://humboldt.edu/centennial/images/docbg2.png) top center no-repeat; min-height: 200px; } #docinfo .wrap { background: #fff; margin-top: -50px; padding: 20px 30px; width: 940px; } #docinfo p { font-size: 11pt; } .showing { clear: both; } .showing span.greendot { display: block;float: left; background: rgb(0, 59, 50); border-radius: 200px; padding: 12px; text-align: center; margin: 0 30px 80px 0; color: #fff; } .evntfirst a { font-size: 14pt; text-decoration: none; } .jcarousel-skin-tango .jcarousel-container { } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 920px; padding: 20px 40px; } #photoarea .jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; padding: 0; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 920px; height: 280px; } #photoarea .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 100%; height: 350px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 280px; height: 280px; } #photoarea .jcarousel-skin-tango .jcarousel-item { width: 350px; height: 350px; position: relative; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 40px; } #photoarea .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 0px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 120px; right: 5px; width: 32px; height: 38px; cursor: pointer; background: transparent url(images/next.png) no-repeat 0 0; z-index: 5; } #photoarea .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 0px; width: 55px; height: 350px; cursor: pointer; background: transparent url(images/next-horizontal3.png) no-repeat 0 0; z-index: 5; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(images/prev-horizontal.png); z-index: 5; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 -38px; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 -76px; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 120px; left: 5px; width: 32px; height: 38px; cursor: pointer; background: transparent url(images/prev.png) no-repeat 0 0; z-index: 5; } #photoarea .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 70px; height: 350px; cursor: pointer; background: transparent url(images/prev-horizontal3.png) no-repeat 0 0; z-index: 5; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(images/next-horizontal.png); z-index: 5; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0 -38px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 -76px; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 38px; cursor: pointer; background: transparent url(images/next-vertical.png) no-repeat 0 0; z-index: 5; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 38px; cursor: pointer; background: transparent url(images/prev-vertical.png) no-repeat 0 0; z-index: 5; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #photos img { margin: 0px 4px 10px 3px; text-align: center; } /* sidebar stuff */ #submit { margin-top: 30px; clear: both; float: left; background: url(images/shareyourstory.png) no-repeat; width: 300px; height: 150px; overflow: hidden; } #submit h4, #submit p { display: block; text-indent: -9999px; width: 300px; height: 1px; clear: both; } #submit a#input { background: url(images/submit-here.png) center center no-repeat; margin: 92px auto 0 auto; width: 300px; height: 50px; display: block; text-indent: -9999px; } #didyouknow { margin-top: 30px; width: 298px; border: 1px solid #ececec; background: #f9f5eb; float: left; clear: both; } #didyouknow p { color: #453f30; text-align: center; margin: 10px 30px; font-size: 10pt; font-style: italic; margin-bottom: 20px; } #didyouknow h6 { text-indent: -9999px; display: block; background: url(images/didyouknow.jpg) top center no-repeat; width: 298px; height: 55px; clear: both; } #historians { margin-top: 20px; width: 298px; border: 1px solid #ececec; background: #f8f8f8; float: left; clear: both; } #historians p { line-height: 14pt; font-weight: normal; font-size: 9pt; margin: 10px 20px 16px 20px; } #centennialgear { height: 206px; margin-top: 30px; width: 298px; border: 1px solid #ececec; background: #f8f8f8 url(images/jackstshirt.jpg) top right no-repeat; float: left; clear: both; } #centennialgear h6 a { text-indent: -9999px; display: block; background: url(images/centennialgear.jpg) no-repeat; width: 147px; height: 89px; } #centennialgear p { width: 120px; clear: both; margin: 10px 0 6px 20px; display: block; font-size: 8pt; line-height: 10pt; font-style: italic; text-align: center; } #centennialgear a.button { font-size: 8pt; width: 110px; padding: 4px 0; float: left; margin: 10px 0 0 25px; } #whatsplanned { margin-top: 15px; width: 298px; border: 1px solid #ececec; background: #f9f5eb; float: left; clear: both; } #whatsplanned p { padding: 0 15px; color: #003b32; font-weight: normal; font-style: italic; } #whatsplanned h6 { margin-top: 16px; text-indent: -9999px; display: block; background: url(images/whatsplanned.png) no-repeat; width: 296px; height: 37px; } #whatsplanned ul li { font-weight: normal; padding: 4px 10px 0 0px; } footer { margin-top: 10px; width: 298px; float: left; clear: both; } #tk footer { float: right; } footer a { text-decoration: none; } footer p { line-height: 14pt; margin-left: 20px; margin-top: 0px; font-weight: normal; } #givingbtn { margin-left: 90px; } #photos #sharephoto { display: block; clear: both; margin: 10px auto 0; float: none; } #photos { border-bottom: 1px solid #ececec; padding-bottom: 10px; margin-bottom: 10px; } #sponsors #ty { display: block; clear: both; margin: 10px auto 0; float: none; } #sponsors ul.large li { font-weight: bold; font-size: 11pt; padding: 2px 0; } #sponsors p { font-weight: normal; } #sponsors ul { font-weight: normal; } .wrap { width: 1000px; margin: 0 auto; overflow: visible; } .fourcol { width: 140px; margin: 10px; float: left; } .twocol { width: 650px; float: left; } .onecol { width: 300px; float: left; } .marginleft { margin-left: 50px; } .threecol { width: 100%; clear: both; overflow: auto; } .slide { width: 300px; float: left; } a.button, input.button { display: block; margin: 5px auto; width: 150px; color: #fff; text-decoration: none; font-size: 8pt; text-align: center; padding: 5px 0px; font-style: italic; background: #3d3d3d; clear: both; } a.button:hover, input.button:hover { background: #003b32; } a.prev { display: block; width: 150px; color: #fff; text-decoration: none; font-size: 8pt; text-align: center; padding: 5px 0px; font-style: italic; background: #003b32; float: left; margin-right: 15px; } a.next { display: block; width: 150px; color: #fff; text-decoration: none; font-size: 8pt; text-align: center; padding: 5px 0px; font-style: italic; background: #003b32; float: left; } a.next:hover, a.prev:hover { background: #3d3d3d; } #sponsors #tyimg { width: 100%; height: auto; } #sponsors h6 { font-weight: bold; } #sidebar iframe { display: block; margin: 0 auto; } #teaser { display: block; margin: 0 auto 6px; } #tknext { display: block; position: absolute; top: 260px; right: 20px; width: 30px; height: 50px; background: url(http://humboldt.edu/centennial/images/tbtn.png) bottom right; z-index: 900; text-indent: -9999px; cursor: pointer; } #tknext:hover { background-position: top right; } #tkprev { display: block; position: absolute; top: 260px; left: 20px; width: 30px; height: 50px; background: url(http://humboldt.edu/centennial/images/tbtn.png) bottom left; text-indent: -9999px; z-index: 900; text-indent: -9999px; cursor: pointer; } #tkprev:hover { background-position: top left; } #alt-caption { position: absolute; bottom: 0px; left: 0; right: 0; height: 60px; padding: 10px 30px; background: rgba(255,255,255,.7); z-index: 900; color: #000; margin-bottom: 20px; } #tk2 { display: block; margin: -30px auto 0; } #adv-custom-pager { display: block; clear: both; margin: 10px 0 10px 5px; } #adv-custom-pager img { cursor: pointer; margin: 1px 0px 1px 0; border: 1px solid #fff; } #adv-custom-pager img:hover { border: 1px solid #454545; } #adv-custom-pager .cycle-pager-active img { border: 1px solid #454545; opacity: .7; } /* ========================================================= MEDIA QUERIES ============================================================ */ @media only screen and (max-width: 1000px) { header#one nav { margin-left: 20px; } #photoarea { height: auto; overflow: auto; } #photoarea #column { height: auto; overflow: auto; padding: 2px 0; } #timeline { width: 100%; } #column ul { padding: 0; } #column span { margin-left: 10px; border-right: none; } #column ul li { text-align: center; float: none; border-right: none; display: inline; padding: 0; margin: 0; } #column ul li a { display: inline-block; background: #454545; border: 1px solid #494949; padding: 4px 8px 2px; margin: 3px 5px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 120px; } .wrap { width: 100%; } #giving-column { height: auto; } #giving-content article img { width: 100%; height: auto; } #giving-content p { padding: 10px; } #facebook { display: block; float: left; position: relative; margin-top: 8px; } #photos img { float: left; display: block; } .twocol { width: 100%; } .onecol { width: 45%; margin: 10px 2.5%; } #side div { float: left; clear: none; margin: 10px; } #side.onecol { width: 100%; margin: 0; } footer { clear: both; width: 100%;} #photos p { padding: 0 10px; } #posts article { padding: 10px 0; } p#crumbs { margin-left: 10px; } #birthday img { width: 100%; } #sponsors { width: 300px; float: left; } #page #posts, #blog #posts { width: 95%; padding: 0 2.5%; } #blog #posts article img { margin: 0 auto; display: block; } img#roadshowimg { margin: 0 auto 15px; display: block; } img#oldlucky { margin-top: 15px; } img#viewhere { top: 160px; } #tk img#tkphoto { margin-top: -10px; } .cycle-slideshow img { width: 100%; height: auto; } } @media only screen and (max-width: 960px) { #side div { float: left; width: 45%; } #side div#submit { width: 300px; } } @media only screen and (max-width: 820px) { #homecoming-column { height: 330px; background: url(http://humboldt.edu/centennial/images/homecoming2.jpg) top center no-repeat; } #homecoming-column #whitebg { float: none; margin: 48px auto 0; overflow: auto; } #homecoming-column img { margin: 15px auto 0; } img#oldlucky { display: none; } img#viewhere { display: none; } } @media only screen and (max-width: 780px) { nav ul { display: block; } img#oldlucky { overflow: hidden; } img#tkphoto { height: auto; width: 100%; } } @media only screen and (max-width: 650px) { header#one nav { clear: both; } #photos { width: 100%; } #side div { float: none; clear: none; margin: 15px 5%; width: 90%; } #side #submit { margin: 0 auto; } .onecol { width: 95%; margin: 10px 2.5%; } #posts.onecol article img { margin: 0 auto; display: block; } img#roadshowimg { width: 100%; height: auto; } } @media only screen and (max-width: 594px) { header#two #header h1 a { width: 100%; background-size: 100%; background-position: center center; } header#one #header h1 a { width: 100%; background-size: 100%; background-position: top left; } header#one #topbar h3 a { width: 100%; background-size: 100%; background-position: bottom left; } #photoarea #column { width: 100%; height: auto; } #givingbtn { margin-left: 0; display: none; } #timeline, #timelinearea { display: none; } img#tkphoto { margin-top: -40px; } } @media only screen and (max-width: 480px) { #homecoming-column #whitebg { width: 100%; } } @media only screen and (max-width: 400px) { header#one nav { display: block; float: none; width: 100%; margin: 0; } .onecol { width: 300px; margin: 0px auto; float: none; overflow: auto; } #submit { margin: 5px auto; float: none; } #whatsplanned { margin: 15px auto 0; float: none; } header#two #topbar h3 a { width: 100%; float: none; background-size: 100%; background: position: center center; } #photos img { margin: 10px; } #sponsors { width: 90%; margin: 10px 5%; } #facebook { display: block; float: none; height: 30px; clear: both; position: relative; margin: 12px auto 0; width: 280px; text-align: center; } #photos #sharephoto { width: 100%; height: auto; } #blog #posts article { padding: 0 10px; } #blog #content {margin-top: 10px; } #posts h2 { margin-top: 0; } #posts article h2 img { margin: -10px auto; width: auto; height: auto; } #posts article img { width: 100%; height: auto; } #teaser { width: 100%; margin: 0; } #giving-content address p { padding: 0 10px; } #homecoming-column #whitebg { margin: 38px auto 0; height: 255px; } #homecoming-column #whitebg img { margin: 8px auto 0; } #thenandnow { height: 100px } } @media only screen and (max-width: 324px) { #giving-column img { width: 100%; } #content { padding: 0px 0 10px; } img#tkphoto { margin-top: 0px; } } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 0px; width: 100%; background: transparent; background: rgba(255, 255, 255, .08); line-height: 24px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }