/*========================================================================*/ /*========================================================================*/ /*========================================================================*/ /* BASE /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ body {font:12px/1.5em "Century Gothic",Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; background:#FFF url('/theme/images/pattern.jpg'); color:#745b30; padding:0 0 40px;} hr {border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0;} /* =Spacing --------------------------------------------------------------------------------*/ ol {list-style:decimal;} ul {} li {margin-left:10px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px;} /* anchors ----------------------------------------------- */ a {color:#846B3D; font-weight:normal; text-decoration:none;} a:hover {color:#333;} a:focus {outline:1px dotted invert;} /*don't want bold links in uls*/ #left-sidebar ul li a {/*color:#846B3D;*/} #left-sidebar ul li a:hover {color:#333;} ul li a {font-weight: normal;} ul li {background: url('/theme/images/bullet.png') transparent no-repeat 0px 6px; padding:0 0 5px 10px;} /* 960 grid system container background ----------------------------------------------- */ .container_12, .container_16 {} /* =Headings --------------------------------------------------------------------------------*/ h1 {font-size:24px;} h2 {font-size:19px;} h3 {font-size:16px;} h4 {font-size:14px;} h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom: 0.3em; font-weight: normal;} h2 {/*margin-top:1em;*/} h5 {font-size:1.2em;} h6 {font-size:1em; text-transform:uppercase;} h1 a {font-weight:normal;} /* page heading ----------------------------------------------- */ #blog.entry h1#page-heading {border: none;} /* photo floats ----------------------------------------------- */ .floatright {float: right; margin-left: 10px; margin-bottom: 10px;} .floatleft {float: left; margin-right: 10px; margin-bottom: 10px;} .float, .floatnone {margin-bottom: 10px;} .image-caption {font-size: 10px; font-weight: bold; margin-top: 5px;} /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ /* MODULES /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ /* BOX the one box to rule them all, and in the darkness bind them /* @usage div.box /*========================================================================*/ .special-box {position: relative;} .special-box ul {margin-top:15px;} .box {margin-bottom:20px; padding:6px 10px 1px 10px;} .box h1 {font-size:12px; font-weight:normal; color:#fff; background:url('/theme/images/header-trans.png') no-repeat right center; margin:0px -10px 5px -10px; padding:6px 25px 6px 6px; display: inline;} .box h2.header {font-size:12px; font-weight:normal; color:#fff; background:url('/theme/images/header-trans.png') no-repeat right center; padding:6px 25px 6px 6px; display: inline;} .header {font-size:12px; font-weight:normal; color:#fff; background:url('/theme/images/header-trans.png') no-repeat right center; padding:6px 25px 6px 6px; display: block; position: absolute; top: 0; left: 0;} .inside-pages {position: relative; margin: -6px 0 0 -10px; } .box h2 a:hover {} .block {padding-top:10px;} /*========================================================================*/ /* PARAGRAPHS, QUOTES AND LISTS /* /*========================================================================*/ p {margin-bottom:1em; word-wrap: break-word; line-height: 19px;} blockquote {font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;} blockquote cite {font-size:.9em;} ul,ol {padding-top:10px;} /*========================================================================*/ /* MENU /* @usage ul.menu /*========================================================================*/ div.menu {padding:0;} div.menu h2 {margin:0;} div.menu .block {padding-top:0;} ul.menu {list-style:none; border-top:1px solid #bbb;} ul.menu li {margin:0;} ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc;} * html ul.menu li a {height: 1%;}/*ie6 hack*/ ul.menu li a:hover {background:#eee;} ul.menu li a:active {background:#ccc;} /*-- sub-menu ----------------------*/ ul.menu ul {list-style:none; margin:0;} ul.menu ul li a {padding-left:30px;} /*========================================================================*/ /* SECTION MENU /* @usage ul.menu.section /*========================================================================*/ ul.section {border-top:0; margin-bottom:0;} ul.section li {text-transform:uppercase;} ul.section li a {background:#bbb;} ul.section li a:hover {background:#aaa;} ul.section li a:active {color:#fff; background:#666;} ul.section li li a {background:#ddd; border-bottom:1px solid #eee;} ul.section li li a:hover {background:#ccc;} ul.section li li a:active {color:#000; background:#fff;} ul.section ul li {text-transform:none;} ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;} ul.section ul.current li a:hover {background:#ddd;} ul.section ul.current li a:active {background:#fff;} ul.section li a.current {color:#fff; background:#666;} ul.section li a.current:hover {background:#555;} ul.section li a.current:active {background:#444;} ul.section li a.active {background:#fff; cursor:default;} ul.section li.current > a.active, ul.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;} /*========================================================================*/ /* TABLE global table design /* @usage table /*========================================================================*/ table {width:100%; border:1px solid #bbb; margin-bottom:10px;} col.colC {width:8em;} th,td {padding:.2em 1em; text-align:left;} thead th {border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em;} thead th.table-head {font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555;} tbody th, tbody td {border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee;} tbody tr.odd th, tbody tr.odd td {background:#fff;} tfoot th, tfoot td {border-top:2px solid #666; background:#eee;} tfoot tr.total th, tfoot tr.total td {border-top:6px double #666;} tfoot tr.total th {text-transform:uppercase;} th.currency, td.currency {text-align:right;} /*========================================================================*/ /* ARTICLE individual blog / news articles /* @usage div.box.article /*========================================================================*/ .article {padding: 6px;} .article h2 {font-size: 18px; font-weight:normal; text-transform:none; background:transparent; padding:0; margin:0 0 5px 0; border:none;} .blog .article h2 {color: inherit;} #blog .entry .meta {border-top:1px dotted #999999; border-bottom: none; display:block; font-style:italic; font-weight:bold; margin-bottom:5px; padding-top:2px; text-align:right; font-size:11px;} .article .date { } .article .last {border-bottom:none;} .article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;} .article a.image {float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff;} .article a.image:hover {border:1px solid #666;} .article a.image img {float:left;} /*========================================================================*/ /* ENTRY | entry page for an article or blog post /* @usage div.box.article.entry @extends article /*========================================================================*/ .entry {border-bottom: none;} /*========================================================================*/ /* COMMENT /* @usage li.comment /*========================================================================*/ .comment {padding:10px;margin:0; margin-bottom:10px;} .odd {background: #efefef;} .even {background: #e3e3e3;} .comment-meta {} .comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;} .comment-meta span.name {display: block;} .comment-meta span.date {display: inline;} .comment-meta span.perma {display: inline;} .admin {background: #E3F1F6;} /*========================================================================*/ /* COMMENTS | wrapper for ol.comment and comments submit form /* @usage div#comments.box /*========================================================================*/ #comments {background: none;} /*========================================================================*/ /* META /* @usage ul.meta @extends .article | .entry /*========================================================================*/ .meta {display: block; border-top:1px dotted #999; border-bottom:1px solid #666;} .meta li {float:left; display: block; list-style:none; margin:0; padding:0 10px; background-image:none;} .meta li {color:#666;} .entry .meta li {float: none; border: none; padding:0;} /* site information ----------------------------------------------- */ #site_info .box {color:#ccc; background:#666; margin-bottom:10px;} #site_info a {color:#fff;} #site_info a:hover {color:#000;} /*========================================================================*/ /* THUMBNAILS {GALLERY deprecated... because} /* @usage ul.thumbnails /*========================================================================*/ .thumbnails li {margin:0; padding:0; list-style:none; float:left;} .thumbnails li a {display: block;} .thumbnails li a img {border: 1px solid #ccc; padding: 5px; margin-right: 5px; margin-bottom: 5px;} .thumbnails li {background: transparent url('/theme/images/loaders/loader_1_white16.gif') center center no-repeat;} .thumbnails li a:hover img {background: #fff;} .thumbnails li.current img {background: #FFFDAA;} .thumbnails-u li {margin:0; padding:0; list-style:none; float:left; background: none;} .thumbnails-u {display: block;} .thumbnails-u li {position: relative; width: 120px; height: 120px; display: block;} .thumbnails-u li a {display:block; height: 120px; line-height: 120px; text-align:center; width: 110px; border: 1px solid #ccc; font-size: 0;} .thumbnails-u li img {vertical-align: middle; line-height: 120px;} #home .thumbnails-u li {width: 75px; height: 75px;} #home .thumbnails-u li a {height: 75px; width: 85px; line-height: 90px; padding: 10px 0;} /*========================================================================*/ /* GALLERY THUMBNAV /* @usage ul#gallery-nav.thumbnails /*========================================================================*/ #gallery-nav {width: 200px; display: block; margin: 0 auto; float: left;} #gallery-nav li {width: 65px; height: 65px; background: none; } ul.thumbs {list-style:none !important;} .gallery-main {margin: 10px 0 0 0 ;} /*========================================================================*/ /* GALLERY | div for single entry gallery pages /* @usage div.gallery-entry /*========================================================================*/ .gallery-image-holder {} .gallery-entry {width: 675px; float: left; border: 1px solid #ccc; margin: 0px auto; padding: 10px; text-align: center;} .gallery-entry .caption {margin-top: 10px;} .gallery-entry .attribution {text-align: right; font-size: 11px; margin-top: 5px;} /*========================================================================*/ /* FLICKR-FEED /* @usage ul.gallery.flickr-feed @extends ul.gallery /*========================================================================*/ .flickr-feed li a img {border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;} .flickr-feed li a:hover img {background: #fff;} /*========================================================================*/ /* BLOCK-LIST | a very blocky, very clickable list /* @usage div.box.block-list /*========================================================================*/ .block-list {padding: 0; margin: 0 0 10px 0;} .block-list li {list-style: none; padding: 0; margin: 0;} .block-list li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;} .block-list li a:hover {background-color: #CCC;} * html ul.block-list li a {height: 1%;}/*ie6 hack*/ /*========================================================================*/ /* HYPERLINKS LIST | create a nice list of hyperlink /* @usage ul.hyperlinks /*========================================================================*/ .hyperlinks li {list-style: none; margin: 0;} .hyperlinks li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted;padding: 0 5px; } .hyperlinks li a span {font-weight: normal;} .hyperlinks li a:hover {background: #CCC;} ul.hyperlinks li a {_height: 1%;}/*ie6 hack*/ .hyperlinks .title {width: 70%; display: block; float: left;} .hyperlinks .date {float: right; padding-right: 0px;} /*========================================================================*/ /* COMMENT-FEED | basic styling for a comments feed /* @usage ul.comment-feed /*========================================================================*/ .comment-feed li {list-style:none; margin:0; padding:0;} .comment-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;} .comment-feed li a {} .comment-feed li a {display: inline;} /*========================================================================*/ /* DOWNLOADS | styling of files specifically /* @usage ul.block-list.downloads /*========================================================================*/ .downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;} .downloads .box {padding: 5px 0;} .downloads .box h2 {margin-left: 0;} .downloads a {padding: 10px 20px; text-decoration: none;} .downloads a {line-height: 16px; background-position: 6px 14px !important;} .downloads a:hover {text-decoration: none; background-color: #EEE !important;} .downloads span {font-weight: normal; } /*-- ICONS ----------------------*/ span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;} span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;} span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;} span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;} /*========================================================================*/ /* TWITTER-FEED | basic styling for a twitter feed /* @usage ul.twitter-feed /*========================================================================*/ .twitter-feed li {list-style:none;margin:0;padding:0;} .twitter-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;} .twitter-feed li a {} .twitter-feed li a {display: inline;} /*========================================================================*/ /* GLOBAL NOTIFICATION MESSAGE | absolute positioned notification /* @usage div.notification /*========================================================================*/ .notification {display: none;} .notification {z-index:99; font-size: 14px; margin: 10px 0;} .noScript {padding: 0 10px; position: relative; position: relative; display: block;} .hasScript {position: absolute; top:0; padding: 0 0px; width: 960px; margin: 0 auto; cursor: pointer;} .notification div {padding: 10px; margin:0 auto; text-align: center;} .notification p {padding: 0; margin: 0;} .notification .success {background: white; color: #2B992C; border: 1px solid #2B992C; } .notifictation .success a {border-color: #2B992C; color: #2B992C;} .notification .warning {background: white; color: #C75151; border: 1px solid #C75151;} .notification .note {background: #FFF8C4; color: #5C5644; border: 1px solid #A79534;} .notification .note h2 {font-size: 16px; padding: 0; margin: 0;} .notification .closethis {border: 1px solid; width: 14px; height: 14px; display: block; line-height: 14px; text-align: center; position: absolute; top: 10px; right: 10px;} /*========================================================================*/ /* SYSTEM NOTIFICATION TEMPLATES /* @usage div.notification /*========================================================================*/ .error {background: white; color: #9F252C; border: 1px solid #9F252C; padding: 20px;} .error p {} /*========================================================================*/ /* PAGINATION /* @usage div.pagination ul.pages /*========================================================================*/ div.pagination {} div.pagination span {display: block;} div.pagination div {float: left; padding: 5px;} div.pagination .pages {list-style: none;} div.pagination .pages li {display: block; float: left; padding: 0 10px 0 0 ; margin: 0;} div.pagination .pages .prev-link {} div.pagination .pages .next-link {} /*Different paginations based on ee modules*/ .eeflickr-pagination a, .eeflickr-pagination b {display: inline-block; padding: 0px 5px; border: 1px solid #777; margin: 0 2px;} .eeflickr-pagination b {padding: 1px 6px; border: 0;} /*========================================================================*/ /* TABS BOX | Basic styling of tabs for jQuery UI /* @usage /*========================================================================*/ .tabs-box .tabs {display: block; border-bottom: 1px solid; text-align: right; margin-bottom: 0px;} .tabs-box .tabs, .tabs-box li a {color: #777; border-color: #777 !important; padding: 3px 5px 1px; /*border colour bug?*/} .tabs-box .tabs li a {display: block; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; } .tabs-box .tabs li.ui-tabs-selected a {margin-bottom: -1px; background: white;} .tabs-box .ui-tabs-panel {padding: 0 0 0 0;} .tabs-box .ui-tabs-panel {background: white;} .tabs-box .ui-tabs-nav li {margin:0 0.2em 0 0;} /*========================================================================*/ /* SEARCH-BOX /* @usage div.search-box /*========================================================================*/ .search-box {width: 180px;} .search-box input.text-input {height: 22px; background: #745c30; border: 0; padding:0 0 0 3px; color: #E6D090; float: left; width: 149px;} .search-box input.submit {background:#efefef;float: left; width: 25px;} /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ /* TEMPLATES :: page specific CSS styling :: :: think before you class-ify :: /*========================================================================*/ /*========================================================================*/ /*========================================================================*/ #wrap {background: url("/theme/images/wrap-background.jpg"); margin-top: 50px; padding: 0 20px;} #header {height: 80px; position: relative; margin-top: 20px;} #nav {position:relative;} #primary-search {position: absolute; top: 30px; right: 0; margin-right: -5px;} #logo {height: 69px; width: 339px; background: url('/theme/images/logo-trans.png') no-repeat center;} #logo a{display:block; height: 30px; width: 200px;} #home #about-us {background: ;} .simple-box {border: 2px solid #2E2006;} #header-image {background:url("/theme/images/header.jpg") no-repeat center; width: 940px; height: 198px; margin-bottom: 25px; border: 1px solid #000; color: #fce9be;} #header-image p {margin: 45px 0 0 240px; width: 250px; width: 450px; height: 150px;} #header-image .attribution {font-size: 9px; text-align: right; color: #745B30; margin: 1px 0 0 0;} #home .box-image {height: 104px; position: relative; padding: 0;} #home .box-image a{display:block; height: 115px; margin: -8px;} #home .box-image h1{position: absolute; top:0; left: 0; margin: 0;} #home #about-us .image {background: url("/theme/images/about_us.jpg") no-repeat top; height: 180px; margin-bottom:1px; position: relative;} #home #about-us .image a{display:block; width: 300px; height:193px; margin-left: -10px; margin-top: -10px;} #home #about-us .image h1 {position: absolute; top: 0; background-position: top right; display: block; width: 55px;} #home #news .image {background: url("/theme/images/news.jpg") no-repeat top; margin-bottom:1px;} #home #members .image {background: url("/theme/images/members.jpg") no-repeat top; margin-bottom:1px;} #home #resources .image {background: url("/theme/images/resources.jpg") no-repeat top; margin-bottom:1px;} #home #faq .image {background: url("/theme/images/faq.jpg") no-repeat top; margin-bottom:1px;} #news-description h2 {font-size: 16px;} #home #about-us .block {margin-top: 170px;} #main ul.slim {} #main ul.slim li {padding-bottom: 2px;} #main p a, #main ul a {color:#F25D23;} #content a {color:#F25D23;} #content h2 a {color: #846B3D;} #content a[href $='.pdf'] {color: #F25D23; } #content a:hover[href $='.pdf'] {color: #000; } #main p a:hover {color: #333;} .home #main ul a {} ul.flickr-feed {list-style: none;} ul.flickr-feed li {float: left; margin: 0 10px;} #home #saab {position:relative;} #home #saab .block {margin-bottom: 35px;} .readmore {text-align: right;} .readmore a {padding-right: 23px;background: url('/theme/images/read-more-button.png') no-repeat right bottom; display:block; height:16px; float:right;} .readmore a:hover{background: url('/theme/images/read-more-button.png') no-repeat right top; } .readmore div.line {display:block; border-bottom:2px solid #846b3d;margin-top:10px; float:left; width: 65%;} .readmore-corner {display text-align: right; bottom: 0; height: 33px; margin-right: -10px; padding-right: 33px; line-height: 33px; position: absolute; width: 96px; display:block; } .readmore-corner a {display:block; height: 33px; background: url('/theme/images/readmore-corner.png') right top no-repeat; position:absolute; bottom: 0; right: 0; padding-right: 40px;} .readmore-corner a:hover {display:block; height: 33px; background: url('/theme/images/readmore-corner.png') right bottom no-repeat; position:absolute; bottom: 0; right: 0; padding-right: 40px;} .grid_3 div.line {width: 55%;} .bottom-clear {margin-bottom: 20px;} /*.readmore div.arrow {height: 18px; width: 18px; float: right;}*/ .special-box, .alt,.galt_0,.galt_2,.galt_4,.galt_6,.galt_8, #comments li.admin { background: url('/theme/images/special-box2.png');} .google-results {margin-bottom: 10px; padding: 10px;} .google-results h2{color: #F25D23;} .google-results span {color:#F25D23;} #saab h1 {background: #000; text-transform: uppercase; display: block; font-size: 18px; text-align:center; padding:10px; letter-spacing: 4px; margin: -6px -9px 0px -10px;} #saab h1 span {color: #ebb124;} #saab #saab-logo {background: url('/theme/images/saab-logo.jpg') no-repeat;} #saab #saab-logo a{display:block; width: 120px; height: 110px;} .detail-holder {height: 150px;} .paginate {text-align: right; margin: 15px 0;} .paginate a,.paginate span {border: 1px #846B3D solid; color:#846B3D; padding: 4px 8px; margin: 3px;} .paginate strong, .paginate .current {border: 1px #846B3D solid; color: #E6D090; background: #846B3D; padding: 4px 8px; margin: 3px;} .paginate strong a, .paginate a.current {cursor: default;} .decades-loop {position: relative;} .decades-loop h2 {float: left;} .showDecade {float: left; font-size: 15px; color: #F25D23; border: 1px solid #F25D23; width: 20px; height:20px; text-align: center; margin-right: 10px;} /*position: absolute; right: 95px; top: 0;*/ a.showDecade:hover {text-decoration: none;} #breadcrumb {margin-bottom: 10px;} .date {font-style: italic; font-size: 10px;} #main ul li, #main ol li{ margin-left: 15px; padding-bottom: 7px;} #footer { text-align: center; font-size: 10px;} #footer .box {margin-bottom: 0; padding: 10px 0 0 0;} #footer a{font-weight: normal; color: #F25D23;} #footer a:hover {color: #000;} #news-description h2 a{color: #846B3D;} #news-description h2 a:hover {color: #000;} #branch-cats {margin: 0 0 0 0;} #branch-cats ul {margin:0 0 0 20px;} .side-bar-images .holder {position: relative;} .side-bar-images .holder span.caption {font-size:10px; font-weight:normal; color:#fff; background:url('/theme/images/header-trans-reverse.png') no-repeat left center; margin:0 0 0 0; padding:7px 2px 2px 25px; display: inline; position: absolute; float: right; bottom: 0; right: 0; height:10px; line-height:5px;} .side-bar-images .attribution {font-size: 10px;} #current-issue-promo { } #current-issue-promo h2 a { display:block; background: url('../images/normal-issue-button.jpg') no-repeat scroll top left; width: 380px; height: 23px; padding-top:7px; padding-left:10px; font-size: 14px; color: #FFF; margin: -30px 0 0 0; } #current-issue-promo.back-issue-promo h2 a { background: url('../images/promo-img-small.png') no-repeat; width: 300px; } #current-issue-promo h2 a span {margin-left: -99999px;} ul.publications li a{font-style: italic;} #current-issue-promo h2 a:hover {background-position: bottom left;} #activies .article img.featured-image {float: left; width: 100px; margin: 0 15px 0 0 ;} #activies .article .description {margin:0 0 0 120px;} #activies .article .description.no-image {margin: 0;} .home span.attribution {font-size: 8px; text-align: right; display: block; margin: 27px 5px 0 0;} /*========================================================================*/ /* BLOG / INDEX /*========================================================================*/ #blog .article {} #blog .article .meta {padding: 5px 0 0 0;} #blog .article .meta li{padding: 0; margin: 0 0 5px 0;} /*========================================================================*/ /* NEWS / INDEX /*========================================================================*/ #news .article {} /*========================================================================*/ /* GALLERY / INDEX /*========================================================================*/ /*========================================================================*/ /* GALLERY / ALBUM /*========================================================================*/ #gallery .pagination {text-align: center;} #gallery .pagination .pages {margin: 0 auto; height: 25px;} #gallery .pagination .pages li {padding: 0 5px; background: none; float: right;} #gallery .pagination .pages li.total-pages {float:left; margin-left: 0; padding: 0;} input[type="text"] {width: 240px;} .thesis-page .nav_categories > li { list-style: none; background: none; padding: 0; }