/* --------------------------- Ridley College T-bone Productions --------------------------- Color Palette: Grey: #3C3C3E Purple: #32103C Light Purple: #CFBFC9 Gold: #93864B */ /*--- Elements ---*/ * { margin: 0; padding: 0; } html, body { font-size: 100%; } body { font: 62.5%/100% "Lucida Grande", Tahoma, Arial, sans-serif; color: #3C3C3E; background: url("/themes/ridley/img/bg/bg.jpg") center 0 repeat-x; } body.homepage { background: url("/themes/ridley/img/bg/bg-home.jpg") center 0 repeat-x; } p { font-size: 1.2em; line-height: 160%; margin-bottom: 1.5em; } ul, ol { margin: 1em 0 1.5em 3.5em; } li { font-size: 1.2em; line-height: 160%; margin-bottom: 1em; } li li, td li, th, li, td p, th p { font-size: 12px; } abbr { cursor: help; } a { color: #32103C; border-bottom: 1px dotted #A28697; text-decoration: none; } a:hover { color: #000; border-bottom: 1px solid #000; } a img { border: 0; } a.external-link { background: url("/themes/ridley/img/bg/icon-external-link.png") right 50% no-repeat; padding-right: 15px; } .clear { clear: both; } .hr { height: 1px; background: url("/themes/ridley/img/bg/dotted-line.gif"); margin-bottom: 1.5em; overflow: hidden; } .hr hr { display: none; } img.left, img.right { -moz-box-shadow: 0 0 10px #777; -webkit-box-shadow: 0 0 10px #777; } img.left { float: left; margin: 0 30px 20px 0; } img.right { float: right; margin: 0 0 20px 30px; } .center { text-align: center; } ::selection { background: #32103C; color: white; /* Safari */ } ::-moz-selection { background: #32103C; color: white; /* Firefox */ } .btn { display: block; float: left; padding: 5px;/* 12px 5px 5px;*/ border: 1px solid #BDBDBD; font-size: 1em; font-family: "Lucida Grande", Tahoma, Arial, sans-serif;background: #F3F3F3; } a.btn:hover { border: 1px solid #777; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2); } .btn img { vertical-align: middle; position: relative; top: -2px; margin-right: 2px; } /*--- Layout ---*/ #container { width: 960px; margin: 0 auto; } #page { background: #FFF; position: relative; width: 100%; } #main { padding: 30px 15px 20px 35px; background: url("/themes/ridley/img/bg/page-blank.jpg") no-repeat; } .homepage #main { padding: 0; background: none; padding-top: 0; } .category #main { background: none; padding-top: 0; } #content { width: 648px; float: left; } /*--- Headings ---*/ h1 { font-family: Garamond, "Times New Roman", serif; font-size: 4em; color: #32103C; font-weight: normal; line-height: 110%; margin-bottom: 20px; } .sIFR-hasFlash h1 { margin-bottom: 5px; } h2 { font-size: 1.6em; line-height: 120%; color: #32103C; margin: 25px 0 10px 0; } #content > h2:first-child { margin-top: 0; } h3 { font-size: 1.4em; line-height: 120%; color: #32103C; margin: 25px 0 2px 0; } h3 a:hover { color: #93864B; border-bottom: 1px dotted #93864B; } h1 + h3 { margin-top: 0; } .sIFR-alternate { display: none; } #breadcrumb { color: #836E89; margin-bottom: 1.5em; font-size: 1.1em; } /*--- Masthead ---*/ #masthead { height: 160px; position: relative; } #logo { border: 0; position: absolute; top: 35px; left: 10px; } #utilities { background: url("/themes/ridley/img/bg/utility-bar.png") right 0 no-repeat; font-size: 1.1em; height: 35px; line-height: 31px; padding: 0 10px 0 0; color: #75607A; } #utilities a { color: #CFBFC9; border-bottom: 1px dotted #653351; } #utilities a:hover { color: #FFF; border-bottom: 1px solid #FFF; } #util-links { float: right; } #util-search { float: right; margin-left: 15px; padding-top: 5px; } #util-search p { font-size: 1em; margin: 0; } #util-search input { width: 135px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #8F99A5; padding: 3px; font-size: 0.9em; } #util-search input.go { width: 21px; height: 21px; background: url("/themes/ridley/img/buttons/utility-go.png"); border: 0; text-indent: -999em; padding: 0; position: relative; top: 3px; cursor: pointer; } .util-tab { background: url("/themes/ridley/img/bg/utility-tab.png"); display: inline-block; line-height: 32px; width: 84px; text-align: center; } #global-nav { list-style: none; height: 36px; margin: 0; padding: 0; float: right; margin-top: 43px; } #global-nav li { display: block; float: left; margin-left: 7px; } #global-nav a { background: url("/themes/ridley/img/bg/global-nav.png"); display: block; float: left; border: 0; text-indent: -999em; overflow: hidden; height: 36px; } #global-nav li.about a { background-position: 0 0; width: 131px; } #global-nav li.study a { background-position: -138px 0; width: 168px; } #global-nav li.support a { background-position: -313px 0; width: 168px; } #global-nav li.resources a { background-position: -488px 0; width: 156px; } #global-nav li.about a:hover, .about-ridley #global-nav li.about a { background-position: 0 -36px; width: 131px; } #global-nav li.study a:hover, .studying-at-ridley #global-nav li.study a { background-position: -138px -36px; width: 168px; } #global-nav li.support a:hover, .supporting-ridley #global-nav li.support a { background-position: -313px -36px; width: 168px; } #global-nav li.resources a:hover, .ridley-resources #global-nav li.resources a { background-position: -488px -36px; width: 156px; } /*--- Side Nav ---*/ #support { width: 232px; float: right; background: url("/themes/ridley/img/bg/divider-repeat.gif") repeat-y; margin: 60px 0 30px 0; } .category #support { margin-top: 0; } #support-top { background: url("/themes/ridley/img/bg/divider-top.gif") no-repeat; float: left; } #support-bottom { background: url("/themes/ridley/img/bg/divider-bottom.gif") 0 bottom no-repeat; padding: 10px 0 0 25px; float: left; } #support h3 { font-size: 1.6em; line-height: 120%; color: #32103C; margin: 0 0 15px 0; } #support h3 a { color: #32103C; } #support ul { margin: 0.5em 0 2.5em 2em; } #support li { font-size: 1.2em; margin-bottom: 5px; color: #64646A; } #support li li { font-size: 1em; } /*--- Third Level Nav ---*/ #third-nav { margin: 0 0 1.5em 0; padding: 0 0 0.5em 0; list-style-type: disc; list-style-position: inside; } #third-nav li { padding: 5px 10px 0 10px; margin-bottom: 0; float: left; white-space: nowrap; } #third-nav li.here a { color: #000; font-weight: bold; border:0; } /*--- Footer ---*/ #footer { border-top: 1px solid #AEAEAE; padding: 30px 0; } #footer .column { width: 140px; float: left; margin: 0 20px 15px 0; } #footer .column.last { margin-right: 0; } #footer h4 { font-size: 1.1em; line-height: 1.3; margin-bottom: 10px; color: #32103C; } #footer ul { margin-left: 2em; } #footer li { font-size: 1.1em; margin-bottom: 3px; color: #64646A; } #footer p { font-size: 1.1em; color: #64646A; } #footer a { color: #64646a; border-bottom: 1px dotted #A8A8AD; } #footer a:hover { color: #32103C; border-bottom: 1px solid #32103C; } #copyright { clear: both; border-top: 1px solid #AEAEAE; text-align: right; padding-top: 20px; } #copyright p { float: left; text-align: left; font-size: 1.1em; color: #B3B5B6; } #footer a#tbone { border: 0; } /*--- Homepage Hero ---*/ #hero { height: 285px; margin-bottom: 50px; } #large-hero { width: 465px; height: 285px; overflow: hidden; position: relative; float: left; } #large-hero img { display: block; } #large-hero span { position: absolute; bottom: 0px; left: 0px; background: url("/themes/ridley/img/bg/white-t65.png"); font-weight: bold; color: #32103C; font-size: 1.6em; line-height: 4em; padding: 0 30px; width: 405px; } .small-hero { width: 217px; margin-left: 30px; float: right; color: #CFBFC9; } .small-hero h3 { font-size: 1.6em; line-height: 150%; margin-top: 10px; margin-bottom: 5px; } .small-hero h3 a { color: #CFBFC9; border-bottom: 1px dotted #653351; } .small-hero h3 a:hover { color: #93864B; border-bottom: 1px dotted #93864B; } .small-hero p { margin-bottom: 1.05em; } /*--- Feature Switcher Box ---*/ #feature { width: 727px; height: 200px; background: #F7F3EC; position: relative; float: left; margin-bottom: 20px; } #feature #panels { width: 727px; height: 200px; position: absolute; top: 0px; left: 0px; z-index: 1; overflow: auto; } #feature .panel { width: 447px; height: 128px; padding: 55px 245px 20px 20px; } #feature .panel-content { overflow: hidden; height: 80px; } #feature-bar { background: url("/themes/ridley/img/bg/feature-bg.png") repeat-x; color: #B4AB81; height: 42px; margin: 0; list-style: none; position: absolute; top: 0px; left: 0px; z-index: 2; width: 712px; } #feature-bar li { margin: 0; float: left; height: 45px; position: relative; } #feature-bar li.active { background: url("/themes/ridley/img/bg/feature-arrow.png") center 32px no-repeat;} #feature-bar a { color: #FFF; border: 0; background: url("/themes/ridley/img/bg/feature-divider.png") right center no-repeat; display: block; float: left; line-height: 33px; padding: 0 20px; outline: 0; } #feature-bar a:hover span { border-bottom: 1px dotted #BEAB5C; } #feature-bar li.last a { background: none; } #feature h3 { color: #32103C; font-size: 2.8em; line-height: 130%; margin: 0 0 10px 0; letter-spacing: 0.3px; font-family: Garamond, "Times New Roman", serif; } #feature #campus { background: url("/themes/ridley/img/bg/feature-campus.jpg") right 33px no-repeat; } #feature #courses { background: url("/themes/ridley/img/bg/feature-courses.jpg") right 33px no-repeat; } #feature #faculty { background: url("/themes/ridley/img/bg/feature-faculty.jpg") right 33px no-repeat; } /*--- More from Our Blog ---*/ #more-blog { float: right; width: 217px; } #more-blog p { line-height: 155%; } #more-blog h2 { font-size: 1.1em; font-weight: normal; color: #949494; margin: 0 0 3px 0; } #more-blog h3 { font-size: 1.6em; line-height: 135%; margin: 0 0 2px 0; } #more-blog img { display: none; } #more-blog #rss { float: right; border: 0; font-size: 1.1em; line-height: 10px; display: block; color: #949494; margin-top: 2px; } #more-blog #rss img { display: inline; vertical-align: top; } #more-blog #rss span { display: none; } #more-blog #rss:hover span { display: inline; } /*--- Category Landing Pages ---*/ #page-head { height: 255px; margin-bottom: -40px; padding: 30px 0 0 33px; } #page-head h1 { letter-spacing: 0.5px; margin-bottom: 0; } #page-head p { margin: 0; width: 600px; font-size: 2.2em; color: #7E7E7E; line-height: 130%; font-family: Garamond, "Times New Roman", serif; } .sIFR-hasFlash #page-head p { font-size: 22px; line-height: 30px; } .about-ridley #page-head { background: url("/themes/ridley/img/bg/page-aboutridley.jpg"); } .studying-at-ridley #page-head { background: url("/themes/ridley/img/bg/page-studying.jpg"); } .supporting-ridley #page-head { background: url("/themes/ridley/img/bg/page-supporting.jpg"); } .ridley-resources #page-head { background: url("/themes/ridley/img/bg/page-resources.jpg"); } .contact-us #page-head { background: url("/themes/ridley/img/bg/page-contactus.jpg"); } .current-students #page-head { background: url("/themes/ridley/img/bg/page-currentstudents.jpg"); } .register #page-head { background: url("/themes/ridley/img/bg/page-aboutridley.jpg"); } /*--- Quote ---*/ .quote { margin-bottom: 20px; clear: both; } .quote h2 { font-size: 1.1em; font-weight: normal; color: #949494; margin: 0 0 3px 0; } .quote h3 { font-size: 1.6em; line-height: 120%; margin: 0 0 20px 0; } .quote img { float: left; margin-right: 20px; } .quote blockquote { background: url("/themes/ridley/img/bg/quote.gif") no-repeat; overflow: hidden; zoom: 1; padding-top: 25px; } .quote blockquote p { color: #7E7E7E; font-size: 1.8em; line-height: 130%; font-family: Garamond, "Times New Roman", serif; } /*--- Form ---*/ .form { margin: 2.5em 0 2.5em 0; } .form p { position: relative; } .form label { display: block; width: 150px; float: left; margin-right: 15px; font-weight: bold; line-height: 2.2em; text-align: right; } .form label i { display: block; font-size: 0.9em; font-weight: normal; font-style: normal; margin-top: 0.8em; } .form span.input { width: 400px; overflow: hidden; display: block; } .form input, .form textarea { padding: 5px; border: 1px solid #BDBDBD; font-size: 1em; width: 300px; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; } .form input.checkbox { width: auto; margin-right: 5px; } .form input:focus, .form textarea:focus { border: 1px solid #CFBFC9; background: #FFF9F2; } .form textarea { width: 300px; height: 150px; } .form input.btn { width: auto; background: #F3F3F3; } .form input.error, .form textarea.error { border: 1px solid #DA0000; } .form span.error { font-size: 0.9em; background: #DA0000; color: #FFF; padding: 2px 5px; position: absolute; top: 2px; left: 486px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none; } #login { display: none; } .login-form h2 { margin-top: 0; } .login-form label { margin: 0; width: 100%; text-align: left; } .login-form .small { font-size: 11px; position: relative; top: 3px; } /*--- Landing Page Featured Tiles ---*/ #feature-tiles { background: url("/themes/ridley/img//bg/dotted-line.gif") 312px 0 repeat-y; margin: 2em 0 2.5em 0; } .feature-tile { float: left; width: 290px; margin-right: 50px; position: relative; } .feature-tile.last { margin-right: 0; } .feature-tile h3 { margin-top: 0.3em; } .feature-tile .feature-author { color: #949494; font-size: 1.1em; } .feature-tile img { display: none; } /*--- Blog Page ---*/ .blog #main { background: none; } .blog #page-head { background: url("/themes/ridley/img/bg/page-blog.jpg"); margin: 0 0 -285px -6px; padding-left: 39px; } .calendar { background: url("/themes/ridley/img/bg/calendars.gif"); width: 40px; height: 41px; position: relative; float: left; margin: 0 20px 10px 0; } .calendar .month { display: none; } .calendar .day { font-size: 1.2em; font-weight: bold; position: absolute; top: 17px; left: 10px; width: 20px; text-align: center; } .calendar .year { font-size: 0.8em; font-weight: bold; position: absolute; top: 38px; left: 8px; } .month1 { background-position: 0px 0px; } .month2 { background-position: -52px 0px; } .month3 { background-position: -104px 0px; } .month4 { background-position: -156px 0px; } .month5 { background-position: 0px -52px; } .month6 { background-position: -52px -52px; } .month7 { background-position: -104px -52px; } .month8 { background-position: -156px -52px; } .month9 { background-position: 0px -104px; } .month10 { background-position: -52px -104px; } .month11 { background-position: -104px -104px; } .month12 { background-position: -156px -104px; } .calendar .comments { display: block; background: url("/themes/ridley/img/bg/bubble.png"); width: 30px; height: 30px; position: absolute; top: -9px; right: -12px; } .calendar .comments i { display: none; } .calendar .comments span { font-weight: bold; display: block; width: 25px; text-align: center; padding-top: 2px; margin-left: 3px; font-size: 0.8em; } .post-info { margin: 0.7em 0 2em 0; } .blog-text { overflow: hidden; zoom: 1; } .blog-text img { display: none; } .blog-text h2 { margin-top: 0; } .blog-text h2 .blog-detail { color: #949494; font-size: 0.7em; font-weight: normal; display: block; margin-top: 0.3em; } .blog-text h2 .blog-detail a { color: #666; border-bottom: 1px dotted #A8A8AD; } .calltoaction { float: right; margin-top: -15px; } .calltoaction .btn { float: right; } .calltoaction em { display: block; clear: both; font-size: 0.8em; padding-top: 5px; color: #a8a8a8; } .paging a, .paging strong { display: inline-block; padding: 2px 7px; border: 1px solid #ccc; min-width: 1em; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .paging strong { background: #32103C; border-color: #32103C; color: #fff; text-shadow: 1px 1px 0 #000; background: -webkit-gradient(linear, left top, left bottom, from(#32103C), to(#6E4185)); background: -moz-linear-gradient(#32103C, #6E4185); } .paging a:hover { border-color: #32103C; color: #32103C; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.8); } /*--- Comments ---*/ .comment { border: 1px solid #AEAEAE; background: #F7F3EC url("/themes/ridley/img/bg/quote.gif") 20px 45px no-repeat; padding: 20px 20px 10px 20px; margin: 2.5em 0; position: relative; } .comment i.arrow { display: block; width: 200px; height: 13px; background: url("/themes/ridley/img/bg/comment-arrow.png") no-repeat; position: absolute; top: -13px; left: 0px; } .comment h3 { margin: 0 0 1.5em 0; } .comment p { margin-left: 45px; } .comment .entry_date { font-size: 1.1em; font-weight: normal; color: #3C3C3E; float: right; line-height: 120%; } .comment hr { display: none; } .comment.alt { background: #F3F3F3 url("/themes/ridley/img/bg/quote.gif") 20px 45px no-repeat; } .comment.alt i.arrow { background: url("/themes/ridley/img/bg/comment-arrow-alt.png") no-repeat; } .comment.author { background: #d6cfd8 url("/themes/ridley/img/bg/quote-purple.gif") 20px 45px no-repeat; border-color: #320F3C; } .comment.author i.arrow { background: url("/themes/ridley/img/bg/comment-arrow-author.png") no-repeat; } /*--- RSS Button ---*/ #rss-link { position: absolute; top: 34px; right: 35px; border: 0; font-size: 1.2em; line-height: 120%; color: #EADDE4; background: #32103C url("/themes/ridley/img/buttons/rss-lrg.png") 95% center no-repeat; padding: 8px 33px 8px 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px #A28697; -webkit-box-shadow: 0 0 10px #A28697; } #rss-link:hover { color: #fff; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } /*--- Table ---*/ table { font-size: 1.2em; width: 100%; border: 1px solid #AEAEAE; border-collapse: collapse; margin: 0.5em 0 2.5em 0; } table td, table th { padding: 10px; text-align: left; border: 1px solid #AEAEAE; line-height: 150%; vertical-align: top; } table th { background: #F7F7F7; } table td p, table th p {margin-bottom:0;} table .date, table .author { white-space: nowrap; } .paging { font-size: 0.9em; } table h3 { margin-top: 0; } /*--- Search Results ---*/ .search-results .search-exerpt { margin-top: 1.5em; } .search-results .search-url { display: block; } .search-results .search-url a { color: #949494; border: 0; font-size: 0.9em; } #paging a, #paging strong { margin-right: 0.5em; display: block; float: left; border: 1px solid #AEAEAE; padding: 2px 7px; text-align: center; } #paging a:hover { border: 1px solid #000; } #paging strong { background: #F7F3EC; color: #000; } /*--- Entry List ---*/ .entry-list .author { color: #949494; font-size: 0.9em; } /*--- Clearfix ---*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }