/* html and body
----------------------------------------------------------------------*/
html {
background: #fff url('../img/html.png') center top fixed repeat;
}
body {
text-align: center;
}
.wrapper {
background: #fff;
background: RGBa(255, 255, 255, 0.8);
margin: 0 auto;
text-align: left;
width: 960px;
}
/* header
----------------------------------------------------------------------*/
#header {}
body.home #header {
background: url('../img/header.png') center bottom no-repeat;
}
#header div.logo {
display: inline;
float: left;
margin: 0;
padding: 15px 0 0 60px;
width: 200px;
}
.logo a {
background: url('../img/logo.png') center center no-repeat;
display: block;
height: 95px;
text-indent: -10000px;
width: 200px;
}
#header div.header_banner {
display: inline;
float: right;
margin: 0 0 10px;
padding: 15px 10px 0 0;
width: 620px;
}
.header_banner a {
display: block;
height: 90px;
text-indent: -10000px;
width: 600px;
}
.header_banner img {
display: block;
}
#header ul.navigation {
clear: both;
margin: 0;
padding: 15px 10px 5px;
}
.navigation li {
display: inline;
float: left;
line-height: 13px;
list-style: none;
margin: 0;
}
.navigation li a {
display: block;
height: 18px;
padding: 5px 6px;
}
.navigation li a span {
background: url('../img/nav.png') no-repeat;
display: block;
height: 18px;
text-indent: -10000px;
}
.navigation li.home a span { background-position: left 0; width: 51px; }
.navigation li.about a span { background-position: -200px 0; width: 158px; }
.navigation li.news a span { background-position: -400px 0; width: 71px; }
.navigation li.events a span { background-position: -600px 0; width: 62px; }
.navigation li.gallery a span { background-position: -800px 0; width: 66px; }
.navigation li.info-index a span { background-position: -1000px 0; width: 89px; }
.navigation li.on-the-web a span { background-position: -1200px 0; width: 105px; }
.navigation li.organisations a span { background-position: -1400px 0; width: 127px; }
.navigation li a:hover {
background: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-border-radius: 8px;
}
.navigation li.home a:hover span { background-position: left 0; }
.navigation li.about a:hover span { background-position: -200px 0; }
.navigation li.news a:hover span { background-position: -400px 0; }
.navigation li.events a:hover span { background-position: -600px 0; }
.navigation li.gallery a:hover span { background-position: -800px 0; }
.navigation li.info-index a:hover span { background-position: -1000px 0; }
.navigation li.on-the-web a:hover span { background-position: -1200px 0; }
.navigation li.organisations a:hover span { background-position: -1400px 0; }
body.home .navigation li.home a,
body.about .navigation li.about a,
body.news .navigation li.news a,
body.events .navigation li.events a,
body.gallery .navigation li.gallery a,
body.info-index .navigation li.info-index a,
body.on-the-web .navigation li.on-the-web a,
body.organisations .navigation li.organisations a {
background: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-border-radius: 8px;
}
body.home .navigation li.home a span { background-position: left -18px; }
body.about .navigation li.about a span { background-position: -200px -18px; }
body.news .navigation li.news a span { background-position: -400px -18px; }
body.events .navigation li.events a span { background-position: -600px -18px; }
body.gallery .navigation li.gallery a span { background-position: -800px -18px; }
body.info-index .navigation li.info-index a span { background-position: -1000px -18px; }
body.on-the-web .navigation li.on-the-web a span { background-position: -1200px -18px; }
body.organisations .navigation li.organisations a span { background-position: -1400px -18px; }
body.home .navigation li.home a:hover span { background-position: left -18px; }
body.about .navigation li.about a:hover span { background-position: -200px -18px; }
body.news .navigation li.news a:hover span { background-position: -400px -18px; }
body.events .navigation li.events a:hover span { background-position: -600px -18px; }
body.gallery .navigation li.gallery a:hover span { background-position: -800px -18px; }
body.info-index .navigation li.info-index a:hover span { background-position: -1000px -18px; }
body.on-the-web .navigation li.on-the-web a:hover span { background-position: -1200px -18px; }
body.organisations .navigation li.organisations a:hover span { background-position: -1400px -18px; }
/* page contents
----------------------------------------------------------------------*/
#page {}
#content {
display: inline;
float: left;
margin: 0 10px 20px;
width: 620px;
}
body.home #page div.clearfix {
padding-bottom: 20px;
}
body.home #page div.home_white {
background: #fff;
padding: 10px 0 0;
}
#sidebar {
display: inline;
float: right;
margin: 0 10px 20px;
width: 300px;
}
/* page elements
----------------------------------------------------------------------*/
div.ad {
display: inline;
float: left;
margin: 0 10px;
}
.ad a {
display: block;
}
.ad img {
display: block;
}
.avatar_60 {
background: url('../img/icons/avatar_60.png') no-repeat;
border: 1px solid #990100;
display: inline;
float: left;
margin: 0 10px 10px 0;
height: 60px;
width: 60px;
}
.avatar_128 {
background: url('../img/icons/avatar_128.png') no-repeat;
border: 1px solid #990100;
display: inline;
float: left;
margin: 0 10px 10px 0;
height: 128px;
width: 128px;
}
p.tags {
font-size: 1.1em;
margin-bottom: 2em;
}
.tags a {
font-weight: bold;
text-decoration: none;
}
.tags a:hover {
text-decoration: underline;
}
div.alert {
background-position: 10px 10px;
background-repeat: no-repeat;
border: 1px solid;
padding: 9px 35px;
margin-bottom: 20px;
color: #000;
}
div.done { background-color: #deffef; background-image: url('/incs/themes/common/img/icons/tick.gif'); border-color: #58bf8c; }
div.error { background-color: #fde6e6; background-image: url('/incs/themes/common/img/icons/alert.gif'); border-color: #e56666; }
div.warning { background-color: #fcfce2; background-image: url('/incs/themes/common/img/icons/alert.gif'); border-color: #e4cb9c; }
.alert a {
color: #000;
}
.alert h3 {
display: block;
margin: 0 0 15px;
padding: 0;
text-indent: 0;
}
.alert p {
color: #000;
line-height: 1.3em;
margin: 0 0 10px 0;
padding: 0;
}
.alert ul,
.alert ol {
color: #000;
line-height: 2.4em;
margin: 0 0 10px 0;
}
div.box {
background: url('../img/boxes/blue_bottom.png') center bottom no-repeat;
color: #fff;
margin: 0 0 20px;
padding: 0 10px 15px;
}
div.box_top {
background: url('../img/boxes/blue_top.png') center top no-repeat;
height: 10px;
}
.box h2 {
color: #fff;
margin: 0 0 10px;
}
.box h2 a {
color: #fff;
}
.box p {}
.box p a {
color: #444;
}
.box p.view_all {}
.box p.view_all a {
border: 0;
color: #444;
display: block;
float: right;
height: 20px;
margin-bottom: 10px;
text-indent: -10000px;
width: 100px;
}
div.comment {
border-bottom: 1px dotted #ccc;
clear: both;
margin-bottom: 20px;
}
.comment a {
text-decoration: none;
}
.comment a:hover {
text-decoration: underline;
}
.comment_content {
display: inline;
float: left;
width: 460px;
}
.comment_user {}
.comment_user h3 {
font-family: Arial, sans-serif;
font-size: 2.2em;
margin: 0;
padding: 7px 0;
text-transform: none;
}
.comment_user .avatar_60 {
display: inline;
float: left;
margin: 0 10px 10px 0;
}
.comment_user p {
color: #999;
font-size: 1.2em;
}
.comment_user p span {
display: none;
}
.comment_user p:hover span {
display: inline;
}
.comment_links {
display: inline;
float: right;
width: 140px;
}
.comment_links li {
border-bottom: 1px dotted #ccc;
list-style: none;
margin: 0;
padding: 3px 0;
}
.comment_links li.last {
border: 0;
}
div#comment_form {
background: url('../img/recent_comments.png') center top no-repeat;
margin-top: 20px;
padding-top: 10px;
position: relative;
}
#comment_form .inner {
background: url('../img/recent_comments_bottom.png') center bottom no-repeat;
padding: 0 70px 30px;
position: relative;
}
#comment_form .social_bookmarks {
display: inline;
float: left;
}
#comment_form .social_bookmarks p {
margin: .5em 0;
text-indent: 0;
}
#comment_form .social_list {
margin: 5px 0 0;
padding: 0;
}
#comment_form a {
color: #5aacc6;
}
#comment_form a:hover {}
#comment_form button {
cursor: pointer;
display: inline;
float: right;
font-size: 1.8em;
font-weight: bold;
padding: 5px 10px;
margin-top: 23px;
}
#comment_form div.textarea_holder {
height: auto !important;
height: 150px;
min-height: 150px;
padding-top: 10px;
}
#comment_form .alert {}
#comment_form .alert p {
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}
#comment_form h2 {
background: url('../img/recent_comments_header.png') left top no-repeat;
color: #5aacc6;
line-height: 1.5;
margin: 0;
}
#comment_form p {
font-size: 1.2em;
line-height: 1;
margin: 0;
}
#comment_form textarea {
border: 1px solid #77caed;
color: #444;
font: 1.2em arial, sans-serif;
height: 142px;
margin-top: 1em;
padding: 3px;
width: 469px;
}
div#comments {
clear: both;
margin-top: 4em;
}
#comments h2 {
margin-top: 0;
}
#comments h2 a {
font-size: .75em;
font-weight: normal;
}
div.dashboard_panel {
background: url('../img/boxes/white_top_wide.png') center top no-repeat;
padding: 30px 0 0;
}
.dashboard_panel a {
background: center top no-repeat;
display: block;
padding-top: 120px;
text-align: center;
text-decoration: none;
width: 180px;
}
.dashboard_panel a:hover {
text-decoration: underline;
}
.dashboard_panel ul {
background: url('../img/boxes/white_bottom_wide.png') center bottom no-repeat;
margin: 0;
padding: 0 0 20px 20px;
}
.dashboard_panel li {
display: inline;
float: left;
line-height: 1;
list-style: none;
margin: 0 20px 20px 0;
}
.dashboard_panel li.edit a { background-image: url('../img/dashboard/edit.png'); }
.dashboard_panel li.avatar a { background-image: url('../img/dashboard/avatar.png'); }
.dashboard_panel li.password a { background-image: url('../img/dashboard/password.png'); }
.dashboard_panel li.support a { background-image: url('../img/dashboard/support.png'); }
.dashboard_panel li.submit_news a { background-image: url('../img/dashboard/submit_news.png'); }
.dashboard_panel li.submit_event a { background-image: url('../img/dashboard/submit_event.png'); }
.dashboard_panel li.subs a { background-image: url('../img/dashboard/subs.png'); }
.dashboard_panel li.privacy a { background-image: url('../img/dashboard/privacy.png'); }
div.home_events {
color: #111;
display: inline;
float: left;
margin: 0 10px;
width: 300px;
}
.home_events a {
color: #111;
font-weight: bold;
text-decoration: none;
}
.home_events a:hover {
text-decoration: underline;
}
.home_events form {
margin-bottom: 1.5em;
}
.home_events select {
border: 1px solid #8ea759;
color: #444;
font-size: 1.2em;
padding: 3px;
}
.home_events h2 {
font-size: 2.2em;
margin: 0 0 15px;
}
.home_events h2 a {
color: #111;
}
.home_events p {
margin: 5px 0;
}
.home_events p.view_all {
margin: 0;
}
.home_events ul {
margin: 0;
}
.home_events li {
list-style: none;
margin-left: 0;
}
div.home_featured {
background: url('../img/featured_news.png') center bottom no-repeat;
margin-bottom: 20px;
}
.home_featured .inner {
background: url('../img/featured_news_inner.png') center top no-repeat;
padding: 80px 10px 0;
}
.home_featured .inner h2 {
margin: 0 0 10px;
}
div.filters {
background: url('../img/boxes/blue_bottom_wide.png') left bottom no-repeat;
color: #fff;
margin: 0 0 20px;
padding: 0 20px 5px;
}
.filters_top {
background: url('../img/boxes/blue_top_wide.png') left top no-repeat;
height: 10px;
}
.filters button {
display: inline;
float: right;
font-size: 1.2em;
padding: 1px 4px 2px;
vertical-align: middle;
}
.filters form {
padding: 0 150px 20px;
width: 260px;
}
.filters h2 {
color: #d0fd6a;
margin: 0 0 10px;
}
.filters input {
border: 1px solid #999;
color: #444;
color: #fff;
display: inline;
float: left;
padding: 3px;
width: 180px;
}
.filters input:focus {
border-color: #5aacc6;
}
.filters label {
display: inline;
float: left;
font-size: 1em;
font-weight: bold;
line-height: 25px;
width: 70px;
}
div.filters p {}
div.filters p.submit {
margin: 0 !important;
}
.filters select {
border: 1px solid #999;
color: #444;
display: inline;
float: left;
padding: 3px;
vertical-align: middle;
width: 188px;
}
.filters select:focus {
border-color: #5aacc6;
}
div.home_follow {
display: inline;
float: left;
margin: 0 10px;
padding-top: 10px;
width: 300px;
}
div.home_follow a {
color: #444;
text-decoration: underline;
}
div.home_follow a:hover {
text-decoration: none;
}
div.home_follow h2 {
color: #111;
font-size: 2.2em;
margin: 0 0 .5em;
}
div.home_follow h2 a {
color: #111;
}
div.home_follow p {
display: none;
visibility: hidden;
}
div.home_follow ul {
margin-bottom: 5px;
}
div.home_follow ul li {
margin: 0;
padding: 0 0 0 3px;
list-style: none;
}
div.home_follow ul li a {
background: url('../img/icons/rss_green.png') left center no-repeat;
display: inline-block;
padding-left: 24px;
}
div.home_most_viewed {
color: #111;
display: inline;
float: left;
margin: 0 10px;
padding: 0 !important;
width: 300px;
}
div.home_most_viewed a {
color: #111;
text-decoration: underline;
}
div.home_most_viewed a:hover {
text-decoration: none;
}
div.home_most_viewed h2 {
color: #111;
font-size: 2.2em;
margin: 0 0 .5em;
}
div.home_most_viewed h2 a {
color: #111;
}
div.home_most_viewed p {
display: none;
visibility: hidden;
}
div.home_most_viewed ul {
margin-bottom: 5px;
}
div.home_most_viewed ul li {
list-style: none;
margin: 0;
}
div.home_most_viewed ul li a {
background: url('../img/bullets/black.png') center left no-repeat;
padding-left: 20px;
}
div.home_news {
display: inline;
float: left;
margin: 0 10px;
width: 300px;
}
.home_news a {
color: #111 !important;
text-decoration: none;
}
.home_news a:hover {
text-decoration: underline;
}
.home_news .thumb_list .info {
width: 220px;
}
.home_news h2 {
font-size: 2.2em;
margin: 0 0 10px;
}
.home_news h2 a {
color: #f00;
}
.home_news h3 {
margin: 0;
}
.home_news h3 a {
color: #f00;
}
.home_news img {
background: url('../img/thumb_bg.png') left top no-repeat;
display: block;
padding: 6px 3px 4px 8px;
}
.home_news img.title_image {
background: none;
border: 0;
padding: 0;
}
.home_news p {}
.home_news ul {
margin: 0;
}
.home_news li {
list-style: none;
margin: 0;
}
div.home_orgs {
background: url('../img/green_bg.png') center top no-repeat;
display: inline;
float: left;
margin: 0 10px;
padding: 10px;
width: 280px;
}
.home_orgs a {
color: #444;
font-weight: bold;
text-decoration: none;
}
.home_orgs a:hover {
text-decoration: underline;
}
.home_orgs h2 {
color: #fff;
}
.home_orgs h2 a {
color: #fff;
}
.home_orgs p {}
.home_orgs ul {
margin: 0 20px;
}
.home_orgs ul li {
color: #fff;
margin: 0;
padding: 0;
}
.home .poll_inline {
float: left;
margin: 0 10px 20px;
width: 300px;
}
div.home_themes {
display: inline;
float: left;
margin: 0 10px;
width: 300px;
}
.home_themes a {
color: #111 !important;
text-decoration: none;
}
.home_themes a:hover {
text-decoration: underline;
}
.home_themes .thumb_list .info {
width: 230px;
}
.home_themes h2 {
color: #fff;
font-size: 2.2em;
margin: 0 0 15px;
}
.home_themes p {
margin: 0;
}
.home_themes ul {
margin: 0;
}
.home_themes img {
border: 1px solid #111;
}
.home_themes img.title_image {
border: 0;
}
.home_themes li {
color: #111;
list-style: none;
margin-left: 0;
}
div.home_twitter {
color: #111;
display: inline;
float: left;
margin: 0 10px;
padding: 0 !important;
width: 300px;
}
.home_twitter a {
color: #111;
font-weight: bold;
text-decoration: none;
}
.home_twitter a:hover {
text-decoration: underline;
}
.home_twitter h2 {
font-size: 2.2em;
margin: 0 0 10px;
}
.home_twitter h2 a {
color: #111;
}
.home_twitter p.follow {
font-size: 1.5em;
font-weight: bold;
line-height: 1;
margin: 0;
text-align: right;
}
.home_twitter ul {
margin: 0 5px 5px;
}
.home_twitter ul li {
background: url('../img/speech_bubble.png') center bottom no-repeat;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 1.2em;
line-height: 1.4em;
list-style: none;
margin: 0 0 10px;
padding: 10px 10px 23px;
}
.home_twitter ul li a {
color: #fff;
}
div.home_welcome {
background: url('../img/en/welcome.jpg') center top no-repeat;
display: inline;
float: left;
height: 350px;
width: 620px;
margin: 0 10px;
position: relative;
}
.home_welcome h1 {
display: none;
visibility: hidden;
}
.home_welcome img {
display: block;
}
.home_welcome p {
display: none;
visibility: hidden;
}
.home_welcome ul.actions {
bottom: 30px;
margin: 0;
position: absolute;
left: 45px;
}
.home_welcome ul.actions li {
display: inline;
float: left;
list-style: none;
margin: 0 20px 0 0;
}
.home_welcome ul.actions li a {
background: center center no-repeat;
display: block;
height: 30px;
text-indent: -9999px;
}
.home_welcome ul.actions li.login a { background-image: url('../img/en/welcome_login.png'); width: 84px; }
.home_welcome ul.actions li.register a { background-image: url('../img/en/welcome_register.png'); width: 100px; }
div.informed {
background: #3b3637;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 0 0 20px;
padding: 20px;
}
.informed h2 {
margin: 0 0 3px;
}
.informed ul {
margin: 0;
}
div.internal_ads {}
.internal_ads a {
float: left;
margin: 0 10px;
}
div.more_section_top {
background: url('../img/boxes/red_top.png') center top no-repeat;
height: 10px;
}
div.more_section {
background: url('../img/boxes/red_bottom.png') center bottom no-repeat;
margin: 0 0 20px;
padding: 0 10px 20px;
}
.more_section a {
background: url('../img/bullets/orange.png') left top no-repeat;
color: #fff;
font-weight: bold;
padding: 0 0 0 20px;
text-decoration: none;
}
.more_section a:hover {
text-decoration: underline;
}
.more_section h2 {
color: #fff;
line-height: 1;
margin: 0 0 7px;
padding: 0;
}
.more_section ul {
margin: 0;
padding: 0;
}
.more_section ul li {
color: #fff;
font-size: 1.2em;
list-style: none;
margin: 3px 0;
}
div.media_cell {
display: inline;
float: right;
margin: 0 0 20px 20px;
width: 380px;
}
div.mini_filter {
background: #8ea759;
color: #fff;
margin: 20px 0;
}
.mini_filter button {
display: inline;
float: left;
font-size: 1.2em;
padding: 1px 4px 2px;
vertical-align: middle;
}
.mini_filter form {
padding: 10px 15px;
}
.mini_filter input {
border: 1px solid #999;
display: inline;
float: left;
margin-right: 10px;
padding: 3px;
width: 174px;
}
.mini_filter input:focus {
border-color: #e573b8;
}
.mini_filter label {
display: inline;
float: left;
font-size: 1.4em;
line-height: 25px;
margin-right: 10px;
}
.mini_filter select {
border: 1px solid #999;
color: #444;
display: inline;
float: left;
font-size: 1.2em;
margin-right: 10px;
padding: 3px;
vertical-align: middle;
width: 182px;
}
.mini_filter select:focus {
border-color: #e573b8;
}
div.org {}
div.org h3 {
clear: both;
}
div.org img {
display: inline;
float: right;
margin: 0 0 10px 10px;
}
div.org dl {
margin-bottom: 1.5em;
}
div.org dt {
clear: left;
display: inline;
float: left;
margin: 0 10px .3em 0;
width: 180px;
}
div.org dd {
display: inline;
float: left;
margin-bottom: .3em;
width: 300px;
}
div.recent_comments {
color: #111;
display: inline;
float: left;
margin: 0 10px;
width: 300px;
}
.recent_comments .inner {}
.recent_comments a {
color: #8ea759;
text-decoration: none;
}
.recent_comments a:hover {
text-decoration: underline;
}
.recent_comments h2 {
color: #fff;
font-size: 2.2em;
margin: 0 0 10px;
}
.recent_comments ul {
margin: 0 5px 5px;
}
.recent_comments ul li {
background: url('../img/speech_bubble.png') center bottom no-repeat;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 1.2em;
line-height: 1.4em;
list-style: none;
margin: 0 0 10px;
padding: 10px 10px 23px;
}
.recent_comments ul li a {
color: #fff;
}
div.results_footer {
border-top: 1px solid #444;
margin-top: 20px;
}
.results_footer a {
font-weight: bold;
padding: 2px 6px;
text-decoration: none;
}
.results_footer a:hover,
.results_footer a.current {
background: #990100;
color: #fff;
}
.results_footer p {
display: inline;
float: left;
font-size: 1.4em;
margin: 5px 0 0;
}
.results_footer .paging {
float: right;
}
div.results_info {
border-bottom: 1px solid #444;
margin-bottom: 20px;
}
.results_info p {
font-size: 1.4em;
margin: 0 0 5px;
}
.results_info .showing {
display: inline;
float: left;
}
.results_info .paging {
display: inline;
float: right;
}
div.submit_vid {
background: #333;
font-size: 1.4em;
font-weight: bold;
margin: 0 0 20px;
}
.submit_vid a {
background: url('/incs/themes/common/img/icons/video.png') 10px center no-repeat;
color: #fff;
display: block;
padding: 20px 10px 20px 65px;
text-decoration: none;
}
.submit_vid a:hover {
text-decoration: underline;
}
div.sub_nav {
margin: 0 0 20px;
}
.sub_nav h2 {
background: url('../img/boxes/red_top.png') center top no-repeat;
color: #fff;
margin: 0;
padding: 10px 5px 0;
}
.sub_nav ul {
background: url('../img/boxes/red_bottom.png') center bottom no-repeat;
margin: 0;
padding: 0 10px 25px 15px;
}
.sub_nav li {
color: #fff;
line-height: 1.6;
list-style: none;
margin: 0;
}
.sub_nav li a {
background: url('../img/bullets/orange.png') left top no-repeat;
color: #fff;
font-weight: bold;
font-size: 1em;
padding-left: 20px;
text-decoration: none;
}
.sub_nav li a:hover {
text-decoration: underline;
}
.sub_nav li.active {}
.sub_nav li.active a {
text-decoration: underline;
}
.sub_nav li.active ul {
margin: 0 0 0 35px;
padding: 0;
}
.sub_nav li.active ul li {
list-style: disc;
font-size: .9em;
}
.sub_nav li.active ul li a {
background: none;
font-weight: normal;
padding: 0;
}
.sub_nav li.active ul li a:hover {
text-decoration: underline;
}
.sub_nav li.active ul li.active {}
.sub_nav li.active ul li.active a {
text-decoration: underline;
}
div.this_section {
background: url('../img/boxes/red_bottom_wide.png') center bottom no-repeat;
margin: 0 0 20px;
padding: 0 10px 20px;
}
.this_section_top {
background: url('../img/boxes/red_top_wide.png') center top no-repeat;
height: 10px;
}
.this_section h3 {
color: #fff;
margin: 0;
}
.this_section span {
display: none;
visibility: hidden;
}
.this_section ul {
margin: 0 0 0 5px;
}
.this_section li {
color: #fff;
float: left;
line-height: 2;
list-style: disc inside;
margin: 0 20px 0 0;
}
.this_section li a {
color: #fff;
text-decoration: none;
}
.this_section li a:hover {
border-bottom: 1px dashed #fff;
}
.this_section li.active {}
.this_section li.active a {
border-bottom: 1px solid #fff;
}
div.user {
margin: 20px 0;
}
.user a {
color: #f0219c;
text-decoration: none;
}
.user a:hover {
text-decoration: underline;
}
.user_details {}
.user_details h2 {
color: #3ba5ed;
font-family: Arial, sans-serif;
font-size: 2.2em;
margin: 0;
padding: 7px 0;
text-transform: none;
}
.avatar_128 {
display: inline;
float: left;
margin: 0 10px 10px 0;
}
.user_details p {
color: #999;
font-size: 1.2em;
}
.user_details p span {
display: none;
}
.user_details p:hover span {
display: inline;
}
dl.event_details {
margin-bottom: 1.5em;
}
.event_details dt {
clear: both;
display: inline;
float: left;
margin: 0;
padding-right: 10px;
}
.event_details dd {
display: inline;
float: left;
margin: 0;
}
form.content_county_picker {}
.content_county_picker button {
display: inline;
float: left;
font-size: 1em;
padding: 1px 4px 2px;
vertical-align: middle;
}
.content_county_picker label {
display: inline;
float: left;
line-height: 1.8;
margin-right: 10px;
}
.content_county_picker legend {}
.content_county_picker select {
border: 1px solid #77caed;
color: #444;
display: inline;
float: left;
font-size: 1em;
margin-right: 10px;
padding: 3px;
vertical-align: middle;
}
.content_county_picker select:focus {
border-color: #e573b8;
}
form.default {}
form.default button {
font-size: 1.1em;
padding: 5px 7px;
}
form.default fieldset {
background: #ececec;
border: 1px solid #ccc;
padding: 9px;
margin-bottom: 30px;
}
form.default input[type=text],
form.default input[type=password] {
background: #fff;
border: 1px solid #999;
padding: 3px;
width: 280px;
}
form.default input#cost {
width: 50px;
}
form.default input:focus,
form.default select:focus,
form.default textarea:focus {
border-color: #3ba5ed;
}
form.default input.error {
background: #fde6e6;
border-color: #e56666;
}
form.default label {
display: block;
font-weight: bold;
padding-bottom: 2px;
}
form.default legend {
font-size: 1.8em;
padding: 0 5px;
}
form.default select {
background: #fff;
border: 1px solid #999;
padding: 3px;
width: 288px;
}
form.default select.error {
background: #fde6e6;
border-color: #e56666;
}
form.default textarea {
background: #fff;
border: 1px solid #999;
font-family: arial, sans-serif;
font-size: 1.2em;
padding: 5px;
width: 400px;
}
form.default textarea.error {
background: #fde6e6;
border-color: #e56666;
}
form.default span {}
form.default span.asterisk {
color: #f44;
}
form.default ul.multi_check {}
form.default ul.multi_check li {
list-style: none;
margin-left: 0;
}
form.default ul.tags_checks {
margin-bottom: 2em;
}
form.default ul.tags_checks li {
display: inline;
float: left;
list-style: none;
margin: 0;
width: 200px;
}
form.side_filters {
margin: 0 0 10px;
padding: 0 10px;
}
.side_filters a {
color: #444;
}
.side_filters button {
display: inline;
float: right;
font-size: 1.2em;
padding: 1px 4px 2px;
vertical-align: middle;
}
.side_filters form {}
.side_filters h2 {
color: #d0fd6a;
margin: 0 0 10px;
}
.side_filters input {
border: 1px solid #999;
color: #444;
display: inline;
float: left;
padding: 3px;
width: 180px;
}
.side_filters input:focus {
border-color: #5aacc6;
}
.side_filters label {
display: inline;
float: left;
font-size: 1em;
font-weight: bold;
line-height: 25px;
width: 70px;
}
div.side_filters p {}
div.side_filters p.submit {
margin: 0 !important;
}
.side_filters select {
border: 1px solid #999;
color: #444;
display: inline;
float: left;
padding: 3px;
vertical-align: middle;
width: 188px;
}
.side_filters select:focus {
border-color: #5aacc6;
}
object#home_flash {
display: inline;
float: left;
width: 300px;
}
ul.bg_pos {}
.bg_pos li {
border-color: #bbb;
}
.bg_pos li:hover {
border-color: #aaa;
}
.bg_pos li.checked {
border-color: #3ba5ed;
}
ul.events_featured {
margin: 0;
padding: 0;
}
.events_featured a {
font-weight: bold;
text-decoration: none;
}
.events_featured a:hover {
text-decoration: underline;
}
.events_featured h3 {
font-family: Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
margin: 0;
text-transform: none;
}
.events_featured img {}
.events_featured li {
border-bottom: 1px dotted #ccc;
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.events_featured p {}
.events_featured p.thumb {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
.events_featured p.meta {
font-size: .85em;
}
ul.events_list {}
.events_list h3 {
background: #d8fc86;
color: #262626;
display: inline-block;
font-size: 1.1em;
line-height: 1;
margin-bottom: 1.2em;
padding: 5px;
}
.events_list li {
clear: both;
list-style: none;
margin-left: 0;
}
.events_list li ul {}
.events_list li ul li {
clear: both;
}
.events_list li ul li h4 {
color: #d8fc86;
font-size: 1em;
font-weight: bold;
margin: 0;
}
.events_list li ul li p {}
.events_list li ul li p.thumb {
display: inline;
float: left;
margin-right: 10px;
}
ul.feed_list {}
.feed_list a {
background: url('../img/icons/rss_green.png') left center no-repeat;
color: #fff;
text-decoration: none;
padding-left: 20px;
}
.feed_list a:hover {
text-decoration: underline;
}
.feed_list li {
font-size: 1.2em;
list-style: none;
margin: 3px;
}
ul.info_index_cats {
letter-spacing: -1em;
margin: 0 0 0 -10px;
padding-top: 20px;
}
.info_index_cats a {
color: #111;
text-decoration: none;
}
.info_index_cats a:hover {
text-decoration: underline;
}
.info_index_cats div {
background: url('../img/boxes/narrow_boxes_bottom.png') center bottom no-repeat;
min-height: 150px;
padding: 0 10px 25px;
position: relative;
}
.info_index_cats li.education div { background-position: left bottom; }
.info_index_cats li.employment div { background-position: -200px bottom; }
.info_index_cats li.environment div { background-position: -400px bottom; }
.info_index_cats li.health div { background-position: -600px bottom; }
.info_index_cats li.housing div { background-position: -800px bottom; }
.info_index_cats li.law div { background-position: -1000px bottom; }
.info_index_cats li.leisure div { background-position: -1200px bottom; }
.info_index_cats li.local div { background-position: -1400px bottom; }
.info_index_cats li.money div { background-position: -1600px bottom; }
.info_index_cats li.relationships div { background-position: left bottom; }
.info_index_cats li.world div { background-position: -200px bottom; }
.info_index_cats h3 {
font-size: 1.3em;
line-height: 1.3;
margin: 0 0 8px;
padding-right: 30px;
width: 150px;
}
.info_index_cats li {
background: url('../img/boxes/narrow_boxes_top.png') center top no-repeat;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
letter-spacing: 0;
list-style: none;
margin: 0 0 10px 10px;
padding: 10px 0 0;
vertical-align: top;
width: 200px;
}
.info_index_cats li.education { background-position: left top; }
.info_index_cats li.employment { background-position: -200px top; }
.info_index_cats li.environment { background-position: -400px top; }
.info_index_cats li.health { background-position: -600px top; }
.info_index_cats li.housing { background-position: -800px top; }
.info_index_cats li.law { background-position: -1000px top; }
.info_index_cats li.leisure { background-position: -1200px top; }
.info_index_cats li.local { background-position: -1400px top; }
.info_index_cats li.money { background-position: -1600px top; }
.info_index_cats li.relationships { background-position: left top; }
.info_index_cats li.world { background-position: -200px top; }
.info_index_cats p {
font-size: .9em;
line-height: 1.6;
}
.info_index_cats p.view_all {
line-height: 1;
margin: 0;
}
ul.master_cats {
margin: 20px 0 0 -10px;
}
* html ul.master_cats {
margin-left: 0;
}
.master_cats a {
background-image: url('../img/info_index_buttons.png');
background-repeat: no-repeat;
color: #fff;
display: block;
font-size: 1.4em;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
}
.master_cats li {
display: inline;
float: left;
list-style: none;
margin: 0 0 10px 10px;
width: 200px;
}
* html .master_cats li {
margin: 0 0 5px 5px;
}
ul.news_featured {
margin: 0;
padding: 0;
}
.news_featured a {
font-weight: bold;
text-decoration: none;
}
body.home .news_featured a {
color: #111;
}
.news_featured a:hover {
text-decoration: underline;
}
.news_featured h3 {
font-family: Arial, sans-serif;
font-size: 1.5em;
margin: 0;
text-transform: none;
}
body.home .news_featured h3 {
font-size: 1.3em;
font-weight: normal;
margin: 7px 10px 0;
}
body.home .news_featured h3 a {
background: url('../img/bullets/black_big.png') left top no-repeat;
display: inline-block;
padding-left: 26px;
}
.news_featured img {
display: block;
}
.news_featured li {
border-bottom: 1px dotted #ccc;
list-style: none;
margin: 0 0 20px;
padding: 0;
}
body.home .news_featured li {
border: 0;
display: inline;
float: left;
margin: 0 10px;
width: 300px;
}
body.home .news_featured li.first { margin-left: 0; }
body.home .news_featured li.last { margin-right: 0; }
.news_featured p {}
body.home .news_featured p {
font-size: .9em;
margin: 0 10px;
}
.news_featured p.thumb {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
.news_featured p.meta {
font-size: .85em;
}
ul.news_more {
letter-spacing: -1em;
margin: 0 0 0 -10px;
padding-top: 20px;
}
.news_more a {
color: #111;
text-decoration: none;
}
.news_more a:hover {
text-decoration: underline;
}
.news_more div {
background: url('../img/boxes/narrow_boxes_bottom.png') center bottom no-repeat;
min-height: 150px;
padding: 0 10px 25px;
position: relative;
}
.news_more li.art div { background-position: left bottom; }
.news_more li.climate div { background-position: -200px bottom; }
.news_more li.comedy div { background-position: -400px bottom; }
.news_more li.creative-writing div { background-position: -600px bottom; }
.news_more li.culture div { background-position: -800px bottom; }
.news_more li.dance div { background-position: -1000px bottom; }
.news_more li.education div { background-position: -1200px bottom; }
.news_more li.environment div { background-position: -1400px bottom; }
.news_more li.fashion div { background-position: -1600px bottom; }
.news_more li.festivals div { background-position: left bottom; }
.news_more li.food-drink div { background-position: -200px bottom; }
.news_more li.health div { background-position: -400px bottom; }
.news_more li.history div { background-position: -600px bottom; }
.news_more li.movies div { background-position: -800px bottom; }
.news_more li.music div { background-position: -1000px bottom; }
.news_more li.people div { background-position: -1200px bottom; }
.news_more li.school-holidays div { background-position: -1400px bottom; }
.news_more li.stage div { background-position: -1600px bottom; }
.news_more li.sport-leisure div { background-position: left bottom; }
.news_more li.technology div { background-position: -200px bottom; }
.news_more li.topical div { background-position: -400px bottom; }
.news_more li.travel div { background-position: -600px bottom; }
.news_more li.work-training div { background-position: -800px bottom; }
.news_more li.volunteering div { background-position: -1000px bottom; }
.news_more li.yn-gymraeg div { background-position: -1200px bottom; }
.news_more h3 {
font-size: 1.3em;
line-height: 1.3;
margin: 0 0 8px;
width: 150px;
}
.news_more h3 a {
color: #111;
}
.news_more li {
background: url('../img/boxes/narrow_boxes_top.png') center top no-repeat;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
letter-spacing: 0;
list-style: none;
margin: 0 0 10px 10px;
padding: 10px 0 0;
vertical-align: top;
width: 200px;
}
.news_more li.art { background-position: left top; }
.news_more li.climate { background-position: -200px top; }
.news_more li.comedy { background-position: -400px top; }
.news_more li.creative-writing { background-position: -600px top; }
.news_more li.culture { background-position: -800px top; }
.news_more li.dance { background-position: -1000px top; }
.news_more li.education { background-position: -1200px top; }
.news_more li.environment { background-position: -1400px top; }
.news_more li.fashion { background-position: -1600px top; }
.news_more li.festivals { background-position: left top; }
.news_more li.food-drink { background-position: -200px top; }
.news_more li.health { background-position: -400px top; }
.news_more li.history { background-position: -600px top; }
.news_more li.movies { background-position: -800px top; }
.news_more li.music { background-position: -1000px top; }
.news_more li.people { background-position: -1200px top; }
.news_more li.school-holidays { background-position: -1400px top; }
.news_more li.stage { background-position: -1600px top; }
.news_more li.sport-leisure { background-position: left top; }
.news_more li.technology { background-position: -200px top; }
.news_more li.topical { background-position: -400px top; }
.news_more li.travel { background-position: -600px top; }
.news_more li.work-training { background-position: -800px top; }
.news_more li.volunteering { background-position: -1000px top; }
.news_more li.yn-gymraeg { background-position: -1200px top; }
.news_more li ul {
margin: 0 0 10px;
}
.news_more li ul li {
background: url('../img/bullets/black.png') left top no-repeat;
display: block;
float: none;
font-size: .9em;
margin: 0;
padding: 0 0 0 20px;
width: auto;
}
.news_more p {
clear: both;
font-size: .9em;
line-height: 1;
margin: 0;
}
ul.orgs_list {
margin: 0;
padding: 0;
}
.orgs_list a {
font-weight: bold;
text-decoration: none;
}
.orgs_list a:hover {
text-decoration: underline;
}
.orgs_list h3 {
font-family: Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
margin: 0;
text-transform: none;
}
.orgs_list img {}
.orgs_list li {
border-bottom: 1px dotted #ccc;
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.orgs_list p {}
.orgs_list p.meta {
font-size: .85em;
}
.orgs_list p.more_purple {}
.orgs_list p.more_purple a {
background: #f6f643;
color: #444;
}
.orgs_list p.thumb {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
ul.resources_list {
margin: 0;
padding: 0;
}
.resources_list h4 {
font-family: Arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
margin: 0;
text-transform: none;
}
.resources_list img {
border: 1px solid #ddd;
}
.resources_list li {
border-bottom: 1px dotted #ccc;
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.resources_list p {}
.resources_list p.thumb {
display: inline;
float: left;
margin: 0 20px 10px 0;
}
ul.social_list_big {}
.social_list_big p.url a {
color: #777;
}
ul#themes_list {
letter-spacing: -5px;
margin: 0 0 0 -10px;
}
#themes_list h3 {
font-size: 1.2em;
}
#themes_list img {
margin: 0;
}
#themes_list li {
background: #111;
color: #fff;
display: -moz-inline-stack;
display: inline-block;
*display: inline;
letter-spacing: normal;
margin: 0 0 10px 10px;
padding: 10px;
vertical-align: top;
width: 285px;
zoom: 1;
}
#themes_list li div {
position: relative;
}
ul.thumb_list {
margin: 0;
padding: 0;
}
.thumb_list .info {
display: inline;
float: right;
width: 219px;
}
.thumb_list a {
color: #8ea759;
font-weight: bold;
text-decoration: none;
}
.thumb_list a:hover {
text-decoration: underline;
}
.thumb_list form {}
.thumb_list h3 {
font-family: arial, sans-serif;
font-size: 1.1em;
margin: 0;
text-transform: none;
}
.thumb_list img {
display: block;
float: left;
}
.thumb_list li {
background: transparent;
list-style: none;
margin: 0 0 .5em;
padding: 0;
}
.thumb_list p {
font-size: .9em;
margin: 0;
}
div.calendar {
background: url('../img/boxes/green_bottom.png') center bottom no-repeat;
margin: 0 0 20px;
padding: 0 10px 15px;
}
.calendar_top {
background: url('../img/boxes/green_top.png') center top no-repeat;
height: 10px;
}
.calendar h2 {
margin: 0 0 5px;
}
.calendar span.tape {
display: none;
visibility: hidden;
}
.calendar form {
border-bottom: 1px solid #fff;
margin-bottom: 2px;
padding: 0 15px 10px;
}
.calendar form fieldset {
display: inline;
float: left;
text-align: center;
width: 130px;
}
.calendar form p {
display: inline;
float: left;
font-size: 1.4em;
margin: 0;
padding: 0;
width: 60px;
}
.calendar form p a {
font-size: 1.0em;
font-weight: bold;
line-height: 1.5;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.calendar form p a:hover {
text-decoration: underline;
}
.calendar form p.next {
text-align: right;
}
.calendar table {
margin: 0 auto 10px auto;
}
.calendar thead {}
.calendar thead td {
color: #444;
font-size: 1.4em;
fpnt-weight: bold;
line-height: 2;
padding: 0;
text-align: center;
}
.calendar thead td abbr {
border: 0;
display: block;
font-weight: bold;
width: 31px;
}
.calendar tbody {
padding-top: 3px;
}
.calendar tbody td {
border: solid #8ea759;
border-width: 0 1px 1px 0;
color: #3d6624;
font-size: 1.4em;
font-weight: bold;
line-height: 29px;
padding: 0;
text-align: center;
width: 29px;
}
.calendar tbody td a {
display: block;
height: 29px;
}
.calendar tbody td a {
background: #d8fc86;
color: #333;
text-decoration: none;
}
.calendar tbody td a:hover {
background: #fff;
}
.calendar tbody td span {
background: #66ab3c;
display: block;
height: 29px;
}
.calendar table td.not_this_month {
color: #505050;
}
.calendar_key {
margin: 0;
padding: 0 20px 10px;
}
.calendar_key span {
display: inline;
float: left;
font-size: 1.3em;
font-weight: bold;
line-height: 1.7;
margin-right: 10px;
padding: 3px 0;
width: 30px;
}
.calendar_key span.has_events {
background: #d8fc86;
color: #444;
text-align: center;
width: 85px;
}
.calendar_key span.doesnt {
background: #66ab3c;
color: #3d6624;
margin-right: 0;
text-align: center;
width: 85px;
}
div.related_news {
margin-bottom: 15px;
}
.related_news p {
background: url('../img/news_more_left.png') center left no-repeat;
font-size: 1.6em;
font-weight: bold;
padding-left: 5px;
}
.related_news p a {
background: url('../img/news_more.png') center right no-repeat;
color: #fff;
display: block;
line-height: 30px;
padding: 0 7px;
text-decoration: none;
width: 75px;
}
.related_news p a:hover {
text-decoration: underline;
}
.related_news ul {}
.related_news ul li {
color: #d8fc86;
font-size: 1.3em;
line-height: 1.3;
margin: 0 10px 5px 20px;
}
.related_news ul li a {
color: #fff;
text-decoration: none;
}
.related_news ul li a:hover {
text-decoration: underline;
}
.big_link {
margin-bottom: 15px;
}
.big_link a {
background-image: url('../img/big_links.png');
background-repeat: no-repeat;
color: #fff;
display: block;
font-size: 2em;
font-weight: bold;
height: 55px;
line-height: 1.1;
padding: 10px 20px 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 260px;
}
.related a:hover {
text-decoration: none;
}
/* footer
----------------------------------------------------------------------*/
#footer {
background: url('../img/footer.png') center top repeat;
clear: both;
height: 250px;
padding: 35px 10px 0;
position: relative;
}
#footer a {
color: #111;
font-weight: bold;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer h2 {
color: #111;
margin: 0 0 .5em;
text-transform: uppercase;
}
#footer .rss_feeds {
display: inline;
float: left;
margin-right: 20px;
width: 300px;
}
.social p {
font-size: 1.2em;
}
.social {
display: inline;
float: left;
width: 620px;
}
.social p {
font-size: 1.2em;
}
#footer .feed_list a {
background-image: url('../img/bullets/black.png');
padding: 2px 0 1px 20px;
}
ul.partners {
margin: 0 0 0 90px;
}
.partners a {
display: block;
height: 40px;
}
.partners li {
display: inline;
float: left;
list-style: none;
margin: 0 0 0 10px;
}
p.copyright {
border-top: 1px solid #fff;
color: #111;
font-size: 1.2em;
line-height: 3;
margin: 0 0 1em;
}
.copyright a {
color: #111;
font-weight: bold;
text-decoration: none;
}
.copyright a:hover {
text-decoration: underline;
}