/** ** Colors: ** e0d487 : gold text ** b3b3b3 : press and calendar headings ** 16273b : nav borders **/ @media screen, projection { /** REDECLARATIONS **/ html {height:100%; margin-bottom:1px;} body {color:#001b35; font-family: Georgia, "Times New Roman", Times, serif;} p {margin: 1em 0 0.5em; font-size:100%; line-height:1.5em;} a {color:#e0d487; text-decoration:none; outline:none; border-bottom: 1px dotted;} a:hover {margin:0; padding:0; border:none;} strong {font-weight:bold;} em {font-style:italic;} h1,h2,h3,h4,h5,h6 {font-weight:bold;} /** STYLE CHUNKS **/ body.body_bg {background-color: #001b35;} hr {display:none;} /** LAYOUT **/ #outer_wrapper {padding-bottom: 20px; background: #fff url(images/bg2.jpg) center top no-repeat;} #wrapper {width:980px; margin:0 auto; clear:both; } #header {position:relative; height:137px; margin:0; background:url(images/header-bg.png) left top no-repeat;} #header h3 {margin:0; padding:0;} #header h3 a {position:absolute; top:18px; display:block; width:290px; height:47px; text-indent:-9999px; overflow:hidden; border:none;} #header #home_link a {display:block; width: 320px; height: 50px; text-indent: -9999px;} #header ul#nav_util {float: right; margin: 0 30px; padding: 0;} #header ul#nav_util li {float: left;list-style: none;} #header ul#nav_util li a {display: block; margin: 0 1px 0 0; padding: 5px 15px; color: #fff; border: none; background-color: #102237; font-family: Arial, sans-serif; font-size: 77%;} #header ul#nav_util li a:hover{background-color: #CE8329;} #header div#locinfo {width:930px; font-family: Helvetica, Verdana, Arial, sans-serif; position: absolute; left:25px; bottom: 17px; margin: 0} #header div#locinfo h2 {font-size: 144%; color: #fff;} #header div#locinfo h2 span {font-weight: normal;} #header div#locinfo p {float: left; font-size: 77%;padding: 4px 0;} #header div#locinfo a {color: #ccc; border: none;} #header div#locinfo a:hover {color: #fff;} #header ul#header_tabs {position: absolute; right: 20px; bottom: -26px;} #header ul#header_tabs li {float:left;} #header ul#header_tabs li a {display: block; margin-right: 5px; padding:0; width: 102px; height: 26px; text-indent: -9999px;border: none;} #header ul#header_tabs #header_tabs_alpha a {background: url(images/tab-alpha.png) no-repeat;} #header ul#header_tabs #header_tabs_beta a {background: url(images/tab-beta.png) no-repeat;} #header ul#header_tabs #header_tabs_gamma a {background: url(images/tab-gamma.png) no-repeat;} #header ul#header_tabs #header_tabs_alpha a:hover, #header ul#header_tabs #header_tabs_beta a:hover, #header ul#header_tabs #header_tabs_gamma a:hover {background-position: 0 -26px;} /* Navigation */ ul#top_nav {overflow: auto; margin: 60px auto 0; padding:0; width: 961px;} ul#top_nav li {list-style: none;float: left; margin: 0 1px 0 0; padding: 0;} ul#top_nav li a {display: block; width: 191px; height: 49px; border:none;background: url(images/top_nav.png) 0 0 no-repeat; text-indent: -9999px;} ul#top_nav #top_nav_adm a {background-position: 0 0;} ul#top_nav #top_nav_adm a:hover {background-position: 0 -49px;} #b-admission-and-application ul#top_nav #top_nav_adm a {background-position: 0 -98px;} ul#top_nav #top_nav_fin a {background-position: -191px 0;} ul#top_nav #top_nav_fin a:hover {background-position: -191px -49px;} #b-financial-aid ul#top_nav #top_nav_fin a {background-position: -191px -98px;} ul#top_nav #top_nav_lif a {background-position: -382px 0;} ul#top_nav #top_nav_lif a:hover {background-position: -382px -49px;} #b-life-at-notre-dame ul#top_nav #top_nav_lif a {background-position: -382px -98px;} ul#top_nav #top_nav_vis a {background-position: -573px 0;} ul#top_nav #top_nav_vis a:hover {background-position: -573px -49px;} #b-visits ul#top_nav #top_nav_vis a {background-position: -573px -98px;} ul#top_nav #top_nav_sta a {width: 192px; background-position: -764px 0;} ul#top_nav #top_nav_sta a:hover {background-position: -764px -49px;} #b-admissions-staff ul#top_nav #top_nav_sta a {background-position: -764px -98px;} /* CONTENT */ div#content {clear:both;} div#secondary {float: left; display:inline;color: #102a44; /*background: url(images/secondary-bg.gif) center top repeat-y;*/} #main h1 {margin: 0.5em 0; color: #0c1f34; font-size: 152%;} #main h2 {margin: 1em 0 5px; color: #8c8c8c; font-size: 136%; /*font-family: Arial, sans-serif;*/} #main h3 {margin: 2em 0 0.5em; color: #0c1f34; font-size: 107%; font-family: Arial, sans-serif;} #main dl {margin: 0.25em 0 1.5em; font-size: 92%;} #main dt {float: left;width:30px;font-weight: bold;} #main dd {margin-left: 35px;} #main a {font-size: 92%; font-weight: bold; color: #133258; border-bottom: 1px dotted #102a44;} #main a:hover{border-bottom: 1px dotted #fff;} #search_form input {margin-top: 5px;} /* NEWS ----------------------------------------------------*/ #main .news-links {float:right; margin:4px 0 0;} #main .hentry {margin:0 0 30px;} #main .hentry h1 {margin:0 0 7px;} #main .hentry h2, #main .hentry h3 {font-size:100%; margin:3px 0 0; clear:both; color:#af892d; font-weight:normal; font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;} #main .hentry footer {font-style:italic;} #b-news #main .hentry h2 {font-size:180%;} /* FOOTER */ #footer_wrapper {position:relative; clear:both; background-color: #001B35;} #footer {position:relative; width: 960px; margin: 0 auto; padding:15px 0 50px; font-size:92%; line-height:1.3em; color: #ccc; font-family: Arial, sans-serif; background-color: #001B35;} #footer a {text-decoration:none; border-bottom:1px dotted;} #footer a:hover {color:#fff;} #footer div#copyright {width:20.50em; margin:0;} #footer div#copyright a {} #footer div#copyright a.url {margin-left:3px;} #footer div#contact_info {line-height:1.3em;} #footer div#contact_info span.postal-code {} #footer div#contact_info .email {margin-left: 10px;} #footer div#contact_info .tel {margin-right: 10px;} #footer div#contact_info span.geo, #footer div#contact_info span.country-name {display:none;} #footer ul#nav_site_info {float:left; width:32.00em;} #footer ul#nav_site_info li {float:left; display:inline;} #footer ul#nav_site_info a {float:left; display:inline; margin:0 10px 0 0;} #footer ul#nav_site_info li#nsi_fee a{height:20px; display:block; padding:1px 0 2px 20px; background:url(images/footer_feed_icon.gif) no-repeat; border:none;} #footer ul#nav_site_info li#nsi_fee a span {border-bottom:1px dotted;} #footer div#mark a {position:absolute; top:18px; right:0; width:151px; height:35px; text-indent:-9999px; overflow:hidden; background:url(images/footer_mark.gif) no-repeat; border:none;} li a span.small_em {font-style: italic; font-size:.8em} span.no_display {display: none;} .row ul li {list-style-type:none;} .image-left {float:left; clear:left; margin:0px 15px 15px 0px;} .image-left img {margin:0;} hr.clear {clear:both; display:block; border:0; width:300px;} #b-video-test #main {width: 960px; margin: 0;} #videosacc { width:938px; height:350px; border-top: 1px solid #000;border-bottom: 1px solid #000; position: relative; float: left; overflow:hidden; background: #000; margin:0 auto;} #main #videosacc li {width: 77px;height:350px;border-left: 1px solid #000; position: relative; float: left; display: block; cursor: pointer;list-style-type: none; margin: 0; -moz-box-shadow:inset -10px 0 10px rgba(0,0,0,0.70); -webkit-box-shadow:inset -10px 0 10px rgba(0,0,0,0.70); box-shadow:inset -10px 0 10px rgba(0,0,0,0.70);} #videosacc h2 {position: absolute; bottom: 0; right: 0; letter-spacing: 3px; margin: 0 -50px -47px 0; padding-left: 0px; text-align: right; width: 20px; height: 120px; line-height; 100%; color: #fff; font-family: helvetica; text-transform: uppercase; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #videosacc h2.over {margin: 0 -50px -42px 0;} #videosacc .iframe {margin: 30px 0 0 100px; width:444px;} #videosacc iframe {width:444px;} #videosacc li.closed {-moz-box-shadow:inset -10px 0 10px rgba(0,0,0,0.40); -webkit-box-shadow:inset -10px 0 10px rgba(0,0,0,0.40); box-shadow:inset -10px 0 10px rgba(0,0,0,0.40);} #videosacc #allan {position: relative; float: left;background: #000 url(images/Allan.jpg) -30px 0px no-repeat; } #videosacc #brian {position: relative; float: left; background: #000 url(images/Brian.jpg) -30px 0px no-repeat; } #videosacc #chris {position: relative; float: left;background: #000 url(images/Chris.jpg) -30px 0px no-repeat; } #videosacc #isabel {position: relative; float: left;background: #000 url(images/Isabel.jpg) -30px 0px no-repeat; } #videosacc #jeff {position: relative; float: left;background: #000 url(images/Jeff.jpg) -30px 0px no-repeat; } #videosacc #kate {position: relative; float: left;background: #000 url(images/Kate.jpg) -30px 0px no-repeat; } #videosacc #kim {position: relative; float: left;background: #000 url(images/Kim.jpg) -30px 0px no-repeat; } #videosacc #lee {position: relative; float: left;background: #000 url(images/Lee.jpg) -30px 0px no-repeat; } #videosacc #lindsay {position: relative; float: left;background: #000 url(images/Lindsay.jpg) -30px 0px no-repeat; } #videosacc #lucy {position: relative; float: left;background: #000 url(images/Lucy.jpg) -30px 0px no-repeat; } #videosacc #peter {position: relative; float: left;background: #000 url(images/Peter.jpg) -30px 0px no-repeat; } #videosacc #sunny {position: relative; float: left;background: #000 url(images/Sunny.jpg) -30px 0px no-repeat; } #content #mindheartsoul {float: left; margin: 0 0 10px 0;} #content #mindheartsoul img {border: 0; padding: 0; margin: 0;} } /* 10 77 11 85 12 92 13 100 14 107 15 114 16 122 17 129 18 136 19 144 20 152 21 159 22 167 23 174 24 182 25 189 26 197 */