/* Theme Name: Niamh ITB - Feb 09 Theme URI: http://www.niamhitb.com Description: Niamh's ITb theme, based on Kubrick. Version: 1.6 Author: Niamh O'Hora Author URI: http://www.niamhitb.com Tags: green, fixed width, two columns, widgets */ /************ body elements */ html {margin: 0px; padding: 0px;} body {margin: 0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #151616;} #wrapper {width: 990px; margin: 0% auto; background: url(images/wrapper_bg.jpg) no-repeat top left;} #content-wrapper {background: url(images/content-bg.jpg) repeat-y top left; padding: 0px 80px 0px 90px;} .print {display: none;} img {border: 0px;} .anchor {clear: both; margin: 0px; padding: 0px; font-size: 1%;} /* links */ #skiplinks {display: none;} a {background-color: #8cc63f; text-decoration: none; color: #151616; padding: 0px 5px 0px 5px;} a:visited {background-color: #8cc63f; text-decoration: none; color: #151616; padding: 0px 5px 0px 5px;} a:hover {background-color: #363738; color: #ffffff;} a:active {background-color: #363738; color: #ffffff;} a.img {background:none; text-decoration: none; color: #151616; padding: 0px;} a:visited.img {background:none; text-decoration: none; color: #151616; padding: 0px;} a:hover.img {background:none; text-decoration: none; color: #151616; padding: 0px;} a:active.img {background:none; text-decoration: none; color: #151616; padding: 0px;} /* lists */ /* headings */ h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, helvetica, sans-serif; font-size: 100%; color: #8cc63f; text-align:left;} h1 {font-size: 180%; margin: 0px; padding: 0px;} h2 {font-size: 180%; color: #ffffff; background-color: #363738; display: inline; padding: 2px 5px 2px 5px;} h2 a {color: #ffffff; background-color: #363738; padding: 0px;} h2 a:visited {color: #ffffff; background-color: #363738; padding: 0px;} h2 a:hover {color: #ffffff; background-color: #363738; padding: 0px; text-decoration: underline;} h2 a:active {color: #ffffff; background-color: #363738; padding: 0px; text-decoration: underline;} h3 {font-size: 150%;} h4 {font-size: 130%;} h5 {font-size: 110%;} .heading {display: block;} /************ header */ #header {padding: 0px 90px 0px 100px; height: 260px; position: relative; font-family: "Trebuchet MS", Arial, helvetica, sans-serif; position: relative;} #header a {background: none;} #header p {margin: 0px; padding: 0px;} #header a:visited {background: none;} #header a:hover {background: none; color: #8cc63f; text-decoration: underline;} #header h1 {width: 340px; float: left; padding: 40px 0px 0px 0px;} #header h1 a {display: block; background: url(images/niamhitb.gif) no-repeat top left; width: 340px; height: 100px;} #header h1 a:visited {display: block; background: url(images/niamhitb.gif) no-repeat top left; width: 340px; height: 100px;} #header h1 a:hover {background: url(images/niamhitb.gif) no-repeat bottom left;} #header h1 a:active {background: url(images/niamhitb.gif) no-repeat bottom left;} #header h1 a span {display: none;} #header .header-right {float: right; text-align: right; width: 440px; padding: 40px 0px 0px 0px; font-size:90%;} /*rss*/ #header .rss {display: inline;} #header .rss a {background: url(images/buttons/header-rss.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold; margin: 0px 20px 0px 0px;} #header .rss a:visited {background: url(images/buttons/header-rss.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold;} #header .rss a:hover {background: url(images/buttons/header-rss.gif) no-repeat left bottom;} #header .rss a:active {background: url(images/buttons/header-rss.gif) no-repeat left bottom;} /*email*/ #header .email {display: inline;} #header .email a {background: url(images/buttons/header-email.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold;} #header .email a:visited {background: url(images/buttons/header-email.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold;} #header .email a:hover {background: url(images/buttons/header-email.gif) no-repeat bottom left;} #header .email a:active {background: url(images/buttons/header-email.gif) no-repeat bottom left;} /*bookmark*/ #header .bookmark {display: inline; } #header .bookmark a {background: url(images/buttons/header-bookmark.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold;margin: 0px 20px 0px 0px;} #header .bookmark a:visited {background: url(images/buttons/header-bookmark.gif) no-repeat top left; padding: 0px 0px 0px 35px; height: 20px; display: block; float: right; color: #8cc63f; font-weight: bold;} #header .bookmark a:hover {background: url(images/buttons/header-bookmark.gif) no-repeat left bottom;} #header .bookmark a:active {background: url(images/buttons/header-bookmark.gif) no-repeat left bottom;} /* breadcrumbs*/ p#breadcrumbs {position: absolute; right: 90px; top:110px; width: 600px;} #breadcrumbs {clear: both; padding: 0px 0px 0px 0px; color: #8cc63f;} #breadcrumbs a {color: #7e8083;} /* main nav*/ #cms-nav-wrap {clear: both; position: absolute; width: 820px; left: 70px; top: 167px; font-weight: bold;} #cms-nav-wrap #menu-wrap ul {margin: 0px; padding: 0px; list-style-type: none;} /* level 1*/ #cms-nav-wrap #menu-wrap ul li {margin: 0px; padding: 0px; display: inline;} #cms-nav-wrap #menu-wrap ul li a {margin: 0px 2px 0px 2px; padding: 8px 7px 8px 7px; background: url(images/buttons/main-nav.jpg) repeat-x top; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 110%;display: block; float:left; } #cms-nav-wrap #menu-wrap ul li a:visited {margin: 0px 2px 0px 2px; padding: 8px 7px 8px 7px; background: url(images/buttons/main-nav.jpg) repeat-x top; font-family:"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 110%;display: block; float: left; } * html #cms-nav-wrap #menu-wrap ul li a {padding: 5px 7px 5px 7px;} * html #cms-nav-wrap #menu-wrap ul li a:visited {padding: 5px 7px 5px 7px;} #cms-nav-wrap #menu-wrap ul li a:hover {background: url(images/buttons/main-nav.jpg) repeat-x bottom; color: #ffffff;} #cms-nav-wrap #menu-wrap ul li a:active {background: url(images/buttons/main-nav.jpg) repeat-x bottom; color: #ffffff;} #cms-nav-wrap #menu-wrap ul li a.selected {background: url(images/buttons/main-nav.jpg) repeat-x bottom;color: #ffffff; text-decoration: underline;} #cms-nav-wrap #menu-wrap ul li a:visited.selected {background: url(images/buttons/main-nav.jpg) repeat-x bottom; color: #ffffff; text-decoration: underline;} #cms-nav-wrap #menu-wrap ul li a:hover.selected {background: url(images/buttons/main-nav.jpg) repeat-x bottom; color: #ffffff; text-decoration: underline;} #cms-nav-wrap #menu-wrap ul li a:active.selected {background: url(images/buttons/main-nav.jpg) repeat-x bottom; color: #ffffff; text-decoration: underline;} #cms-nav-wrap #menu-wrap ul li ul li {display: none;} /************ narrowcolumn */ .narrowcolumn {width: 530px; float: left;} .narrowcolumn ul {margin: 0px; padding: 0px; list-style-type: none;} .narrowcolumn ul li {background: url(images/bullet_01.gif) no-repeat top left; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 20px;} .narrowcolumn p {line-height: 18px; text-align:justify;} .date {clear: both; display: block;padding: 20px 0px 10px 0px; color: #7e8083; font-weight: bold;} .post {margin: 0px;} /* blog posts*/ .blog {margin: 0px 0px 50px 0px; background: url(images/blog-bg.gif) no-repeat bottom left; padding: 0px 0px 20px 0px;} /* post meta*/ .postmetadata {font-size: 80%; color: #7e8083; line-height: 20px; font-weight: bold;} .postmetadata a {background: none; color: #7e8083; padding: 2px;} .postmetadata a:visited {background: none; color: #7e8083; padding: 2px;} .postmetadata a:hover {background-color: #363738; color: #ffffff; text-decoration: underline;} .postmetadata a:active {background-color: #363738; color: #ffffff; text-decoration: underline;} /* navigation */ .navigation {padding: 0px 0px 10px 0px;} /* download - old*/ .download {} .download a {background: none; padding: 0px;} .download a:visited {background: none; padding: 0px;} .download a:hover {background: none; padding: 0px;} .download a:active {background: none; padding: 0px;} .download a span {background-color: #8cc63f; padding: 2px 5px 2px 5px; font-weight: bold;} .download a:visited span {background-color: #8cc63f; padding: 2px 5px 2px 5px; font-weight: bold;} .download a:hover span {background-color: #363738; color: #ffffff;} .download a:active span {background-color: #363738; color: #ffffff;} p.autodownload img {display: block;} /*tables - student blogs*/ .mytable1 {background-color: #eeeeee; border-collapse: collapse; with:100%; margin: 10px 0px 10px 0px} .mytable1 td {vertical-align: top; padding: 2px; width: 20%;} .mytable1 td a {display: block; height: 40px; padding: 2px 5px 2px 5px;} /*tables - student blogs*/ .mytable2 {width: 530px;} .mytable2 td {} .mytable2 td a {background: none; padding: 0px;} .mytable2 td a:visited {background: none; padding: 0px;} .mytable2 td a:hover {background: none; padding: 0px;} .mytable2 td a:active {background: none; padding: 0px;} .mytable2 td a img {width: 170px; height: 170px;} /*tables - attendance*/ table.mytable3 {width: 530px; font-size: 70%; background-color: #ffffff; margin: 20px 0px 10px 0px; border-collapse:collapse;} table.mytable3 td {width: 10px; padding: 2px;} table.mytable3 th {background-color: #8cc63f;} /* gallery*/ .ngg-galleryoverview a {padding: 0px; margin: 0px;} .ngg-galleryoverview a:visited {background: none; padding: 0px;} .ngg-galleryoverview a:hover {background-color: #8cc63f; padding: 0px;} .ngg-galleryoverview a img {padding: 2px; margin: 2px 0px 2px 0px; border: solid 1px #eeeeee;} /************ widecolumn */ /************ sidebar */ #sidebar {width: 240px; float: right; margin: -20px 0px 0px 0px;} #sidebar ul {margin: 0px; padding: 0px; list-style-type: none;} #sidebar ul li {margin: 0px 0px 50px 0px; padding: 0px; background-image: none; clear: both;} #sidebar ul ul {margin: 10px 0px 10px 0px;} /* 1st level */ #sidebar ul li a {background: none; clear: both; font-size: 90%; padding: 3px 0px 3px 0px; font-weight: bold;} #sidebar ul li a:visited {background: none; clear: both; font-size: 90%; padding: 3px 0px 3px 0px; font-weight: bold;} #sidebar ul li a:hover {color: #8cc63f; text-decoration: underline;} #sidebar ul li a:active {color: #8cc63f; text-decoration: underline;} /* 2nd level */ #sidebar ul ul li {margin: 8px 0px 8px 0px;} #sidebar ul ul li a {background: none; clear: both; font-size: 90%; padding: 3px 0px 3px 20px; font-weight: bold; background: url(images/arrow-01.gif) no-repeat top left;} #sidebar ul ul li a:visited {background: none; clear: both; font-size: 90%; padding: 3px 0px 3px 20px; font-weight: bold; background: url(images/arrow-01.gif) no-repeat top left;} #sidebar ul ul li a:hover {background: url(images/arrow-02.gif) no-repeat top left; color: #8cc63f; text-decoration: underline;} #sidebar ul ul li a:active {background: url(images/arrow-02.gif) no-repeat top left; color: #8cc63f; text-decoration: underline;} #sidebar ul li h2{display: block; background: url(images/sidebar_heading.gif) no-repeat bottom left; font-size: 160%; padding: 0px 0px 20px 20px; color: #8cc63f;} .widgit-title {margin: 0px 0px 10px 0px;} /* tag cloud*/ .widget_tag_cloud {} .widget_tag_cloud a {margin: 0px 20px 0px 0px;} .widget_tag_cloud a:hover {background-color: #363738; color: #ffffff;} /* sidebar sidenav*/ #sidebar .cms-navigation h4 {display: none;} #sidebar .cms-navigation ul ul {margin: 0px; padding: 0px 0px 0px 30px; font-size: 90%;} #sidebar .cms-navigation ul ul a {font-weight: normal; background: url(images/arrow-01.gif) no-repeat top left; padding: 0px 0px 0px 20px;} #sidebar .cms-navigation ul ul a:visited {font-weight: normal; background: url(images/arrow-01.gif) no-repeat top left; padding: 0px 0px 0px 20px;} #sidebar .cms-navigation ul ul a:hover {background: url(images/arrow-01.gif) no-repeat top left;} #sidebar .cms-navigation ul ul a:active {background: url(images/arrow-01.gif) no-repeat top left;} /* sidebar search*/ #sidebar #search {margin: 0px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif;} #sidebar #search {padding: 0px 0px 30px 0px; margin: 0px;} #sidebar #search label {display: none;} #sidebar #search input#s {background: url(images/search-bg.gif) no-repeat top left; border: 0px; width: 130px; height: 30px; margin: 0px; padding: 4px 5px 4px 5px; float: left;} #sidebar #search input#searchsubmit {cursor: pointer; border: 0px; color: #ffffff; margin: 0px; padding: 0px 25px 0px 0px; background: url(images/buttons/button-01.gif) no-repeat top left; text-align: center; width: 100px; height: 30px; font-weight: bold; text-transform:uppercase; float: right;} #sidebar #search input:hover#searchsubmit {background: url(images/buttons/button-01.gif) no-repeat bottom left;} /* sidebar search copy*/ #sidebar #search-copy-1 {margin: 0px; font-family:"Trebuchet MS", Arial, helvetica, sans-serif;} #sidebar #search-copy-1 {padding: 0px 0px 30px 0px; margin: 0px;} #sidebar #search-copy-1 label {display: none;} #sidebar #search-copy-1 input#s {background: url(images/search-bg.gif) no-repeat top left; border: 0px; width: 130px; height: 30px; margin: 0px; padding: 4px 5px 4px 5px; float: left;} #sidebar #search-copy-1 input#searchsubmit {cursor: pointer; border: 0px; color: #ffffff; margin: 0px; padding: 0px 25px 0px 0px; background: url(images/buttons/button-01.gif) no-repeat top left; text-align: center; width: 100px; height: 30px; font-weight: bold; text-transform:uppercase; float: right;} #sidebar #search input:hover#searchsubmit {background: url(images/buttons/button-01.gif) no-repeat bottom left;} /************ footer */ #footer {clear: both; background: url(images/footer-bg.jpg) no-repeat top left; height: 260px; padding: 0px 80px 0px 90px; text-align: right; position: relative;} #footer .email {padding: 0px; float: left; position: absolute; top: 100px; left: 90px;} #footer .email a {display: block; width: 200px; height: 18px; background: url(images/buttons/email.gif) no-repeat top left; padding: 15px 0px 0px 40px; font-weight: bold; color: #363738;} #footer .email a:visited {display: block; width: 200px; height: 18px; background: url(images/buttons/email.gif) no-repeat top left; padding: 15px 0px 0px 40px; font-weight: bold; color: #363738;} #footer .email a:hover {background: url(images/buttons/email.gif) no-repeat bottom left; color: #8cc63f; text-decoration: underline;} #footer .email a:active {background: url(images/buttons/email.gif) no-repeat bottom left; color: #8cc63f; text-decoration: underline;} #footer .email a span {} #footer .logo {padding: 100px 0px 20px 0px; float: right;} #footer .logo a {background: none;}