/**********************************
Description...:OzzyRd Screen CSS
Author........:mark@markkirwan.co.uk
Last Changed..:22-10-2009
Notes.........:
/******************
Layout**/
* {padding:0;margin:0;border:0;}
html {height:100%;}
body{
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#757575; 
font-size:13px; 
line-height:1.5em;
margin: 0;
}
.color1 {
background: url(../img/backgrounds/body_bg1.jpg) no-repeat center fixed #050100;
}
.color2 {
background: url(../img/backgrounds/body_bg2.jpg) no-repeat center fixed #c1c0be;
}
.color3 {
background: url(../img/backgrounds/body_bg3.jpg) no-repeat center fixed #150d11;
}
.color4 {
background: url(../img/backgrounds/body_bg4.jpg) no-repeat center fixed #696960;
}
.color5 {
background: url(../img/backgrounds/body_bg5.jpg) no-repeat center fixed #0090b5;
}
#wrapper {
width: 980px;
margin: 0 auto;
}
/******************
Logo Area**/
#header {
background:url(../img/header_bg.png) no-repeat bottom;
height:118px;
width:980px;
clear:both;
overflow:hidden;
}
#header img{
float:right;
padding-right:10px;
padding-top:8px;
}
#header ul{
}
/******************
Top Navigation**/
#nav {
width:500px; 
height:36px;
}
#nav ul {
height:26px; 
list-style-type:none;
padding-left:18px;
padding-top:82px;
}
#nav li {
float:left;
margin-right:7px;
text-decoration:none;
}
#nav li a { 
height:36px;
background:url(../img/list_item_right.png) no-repeat right top;
padding-right:7px;
text-decoration:none;
display:block;
}
#nav li#active a {
background:url(../img/list_item_right_active.png) no-repeat right top;
}
#nav li:hover {
}
#nav a strong {
color:#ffffff; 
font-family:"Century Gothic", "Trebuchet MS", Arial; 
font-size:14px;
display:block;
height:36px;
text-decoration:none;
font-weight:normal;
}
#nav li.home a strong{background:url(../img/list_item_home_left.png) no-repeat left top; }
#nav li.calendar a strong{background:url(../img/list_item_calendar_left.png) no-repeat left top; }
#nav li.map a strong{background:url(../img/list_item_map_left.png) no-repeat left top; }
#nav li.blognav a strong{background:url(../img/list_item_blog_left.png) no-repeat left top; 
}
#nav li.home#active a strong{background:url(../img/list_item_home_active.png) no-repeat left top; color:#757575; }
#nav li.calendar#active a strong{background:url(../img/list_item_calendar_active.png) no-repeat left top; color:#757575; }
#nav li.map#active a strong{background:url(../img/list_item_map_active.png) no-repeat left top; color:#757575; }
#nav li.blognav#active a strong{background:url(../img/list_item_blog_active.png) no-repeat left top; color:#757575; 
}
#nav span {
display:block;
height:36px;
line-height:190%;
z-index:1;
padding-left: 23px;
}
#nav li a:hover {
}
#nav a:hover span {
background:url(../img/list_item_pointer.gif) no-repeat 60% bottom ;
}
#nav li#active a:hover span {
background:none;
color:#757575;
}
/*Main Navigation */
.suckerdiv {
width:155px;
padding-top:10px;
padding-left:20px;
float:left;
height:210px;
position:relative;
z-index:7;
}
.suckerdiv ul {
margin: 0;
list-style-type: none;
background-color:#ffffff;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0 7px 10px;
width: 145px;
-moz-border-radius: 5px; /* Width of Menu Items */
}
.suckerdiv ul li {
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul {
position: absolute;
width: 140px; /*sub menu width*/
top: 0;
visibility: hidden;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding:6px 0 6px 0;
}
.suckerdiv ul li.meeting a {
background:url(../img/nav-item-meeting.gif) no-repeat;
}
.suckerdiv ul li.meeting a:hover {
background:url(../img/nav-item-meeting-hover.gif) no-repeat;
}
.suckerdiv ul li.meeting#active a {
background:url(../img/nav-item-meeting-hover.gif) no-repeat;
}
.suckerdiv ul li.about a {
background:url(../img/nav-item-about.gif) no-repeat;
}
.suckerdiv ul li.about a:hover{
background:url(../img/nav-item-about-hover.gif) no-repeat;
}
.suckerdiv ul li.about#active a {
background:url(../img/nav-item-about-hover.gif) no-repeat;
}
.suckerdiv ul li.whatson a {
background:url(../img/nav-item-whats-on.gif) no-repeat;
}
.suckerdiv ul li.whatson a:hover {
background:url(../img/nav-item-whats-on-hover.gif) no-repeat;
}
.suckerdiv ul li.whatson#active a {
background:url(../img/nav-item-whats-on-hover.gif) no-repeat;
}
.suckerdiv ul li.city a {
background:url(../img/nav-item-city.gif) no-repeat;
}
.suckerdiv ul li.city a:hover {
background:url(../img/nav-item-city-hover.gif) no-repeat;
}
.suckerdiv ul li.city#active a {
background:url(../img/nav-item-city-hover.gif) no-repeat;
}
.suckerdiv ul li.contact a {
background:url(../img/nav-item-contact.gif) no-repeat;
}
.suckerdiv ul li.contact a:hover {
background:url(../img/nav-item-contact-hover.gif) no-repeat;
}
.suckerdiv ul li.contact#active a {
background:url(../img/nav-item-contact-hover.gif) no-repeat;
}
.suckerdiv ul li.meeting ul li a, .suckerdiv ul li.meeting ul li a:hover, .suckerdiv ul li.meeting#active ul li a, .suckerdiv ul li.about ul li a, .suckerdiv ul li.about ul li a:hover, .suckerdiv ul li.about#active ul li a, .suckerdiv ul li.whatson ul li a, .suckerdiv ul li.whatson ul li a:hover, .suckerdiv ul li.whatson#active ul li a, .suckerdiv ul li.city ul li a, .suckerdiv ul li.city ul li a:hover, .suckerdiv ul li.city#active ul li a, .suckerdiv ul li.contact ul li a, .suckerdiv ul li.contact ul li a:hover, .suckerdiv ul li.contact#active ul li a {
background:none;
}
.suckerdiv ul li ul li a {
font-size:13px !important;
border:0;
padding: 2px 10px 2px 15px;
background:none;
color:#00AEEF !important;
}
.suckerdiv ul li ul li a.strong {
font-weight:bold;
}
.suckerdiv ul li ul li a:hover {
text-decoration:underline;
}
/* Sub level menu links style */
.suckerdiv ul li a {
width:120px;
height:20px;
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding: 5px 10px 5px 15px;
border-bottom:dotted 1px #EAEAEA;
font-size:0.001em;
color:#FFFFFF;
}
a#bottom {
border-bottom:none;
}
.suckerdiv ul li a:visited {
color: ;
}
.suckerdiv ul li a:hover {
background-color:#CCCCCC;
}
.suckerdiv .subfolderstyle {
background: url(media/arrow-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/******************
Content Holder**/
#container {
background-color:#FFFFFF;
overflow:hidden;
zoom:1;
}
/******************
Home Content**/
.slideshow {
width:775px;
height:230px;
float:left;
display:block;
margin-top:10px;
margin-left:10px;
}
.left {
float:left;
width:295px; 
padding:20px; 
height:460px; 
background-image:url(../img/column-border.png);
}
#contentbelly {
float:left; 
width:940px;  
margin:20px 0 0 20px;
display:block;
}
#content {
float:left; 
width:620px;  
margin:20px 0 0 20px;
display:block;
}
.grey_box {
background-color:#eaeaea;
padding:10px;
display:block;
overflow:hidden;
}
.grey_box img {
float:left;
margin-right:10px;
}
.grey_box p {
margin:0;
}
.white_box {
padding-bottom:10px;
display:block;
overflow:hidden;
}
.white_box img {
float:left;
margin-right:10px;
}
.white_box p {
margin:0;
}
#events_container {
padding:0;
}
#events_container a {
font-weight:bold;
font-size:13px;
}
.post {
margin: 0 0 40px;
}
.wp-post-image { 
float: left;
padding: 2px 14px 6px 0; 
}
.blog {
margin-bottom:10px;
padding-right:10px;
width:300px;
float:left;
}
#blog_container {
margin:0; 
width:620px;
}
#blog_container p {
margin:0;
}
#blog_container p.date{
font-size:11px;
}
#blog_container a {
font-weight:bold;
}
#blog_container p.permalink a {
font-weight:normal;
}
#blog_container img {
width:75px;
height:75px;
}
.songbox {
width:205px;
height:250px;
margin-bottom:10px;
float:left;
margin-right:10px;
background-color:#EAEAEA;
padding:10px;
}
.songbox object {
margin-bottom:10px;
}
.contentbox {
width:100%;
margin-bottom:20px;
clear:both;
}
.contentbox #welcome {background-image:url(../img/welcome_bg.gif);
height:45px;
}
.contentbox #blog {background-image:url(../img/blog_bg.gif);
height:45px;
}
.contentbox h2#blog a {
float:right;
margin:0px 3px 0 0;
color:#FFFFFF;
text-indent:8px;
font-size:13px;
background:url(../img/btn_blog_view_all.gif) no-repeat center;
width:169px;
text-align:left;
display:block;
text-decoration:none;
line-height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.contentbox h2#blog a:hover {
background:url(../img/btn_blog_view_all_hover.gif) no-repeat center;
text-decoration:none;
}
.contentbox #events {background-image:url(../img/events_bg.gif);
height:45px;
}
.contentbox h2#events a {
float:right;
margin:0 3px 0 0;
color:#FFFFFF;
text-indent:0;
font-size:13px;
background:url(../img/btn_view_calendar.gif) no-repeat center;
width:136px;
text-align:left;
display:block;
text-decoration:none;
text-indent:8px;
line-height:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.contentbox h2#events a:hover {
background:url(../img/btn_view_calendar_hover.gif) no-repeat center;
text-decoration:none;
}
.contentbox h2#otherstuff {background-image:url(../img/otherstuff_bg.gif);
height:45px;
}
.contentbox h2#flickr {background-image:url(../img/flickr_bg.gif);
height:45px;
}
.contentbox #findus {background-image:url(../img/find_us_bg.gif);
height:45px;
}
#otherstuff_container {
background-color:#99FF66;
}
#otherstuff_container p {
margin:0;
}
#otherstuff_container ul li {
float:left;
width:202px;
list-style-type:none;
margin-right:7px;
}
#otherstuff_container ul li#last {
margin-right:0;
}
#otherstuff_container ul li a {
display:block;
background:url(../img/featurebox_bg_top.gif) no-repeat;
text-decoration:none;
color:#757575;
}
#otherstuff_container ul li a:hover {
display:block;
background:url(../img/featurebox_bg_top_hover.gif) no-repeat;
text-decoration:none;
color:#757575;
}
#otherstuff_container ul li span {
background:url(../img/featurebox_bg_bottom.gif) no-repeat bottom;
display:block;
padding:10px;
}
#otherstuff_container ul li a:hover span {
background:url(../img/featurebox_bg_bottom_hover.gif) no-repeat bottom;
display:block;
padding:10px;
}
#otherstuff_container ul li img {
margin-bottom:15px;
}
#otherstuff_container strong {
color:#00adef;
background:url(../img/more_arrow.png) no-repeat right;
display:block;
}
#sidebar {
float:left; 
width:300px;  
margin:20px 0 0 20px;
display:block;
}
#events_container ul {
list-style-type:none;
}
#events_container ul li{
font-size:11px;
padding:5px 0 5px 10px;
background:url(../img/events_li_bg.gif) no-repeat;
margin-bottom:5px;
height:58px;
}
/******************
Flash Content**/
/******************
Flickr Preview**/
#flickrPreview
{
border:none;
float:left;
padding:10px 10px 5px 10px;
background-color:#eaeaea;
width:180px;
display:block;
margin-left:50px;
-moz-border-radius:5px;
}
#images 
{ 
height: 180px; 
width: 180px; 
padding:0; 
margin:0; 
overflow: hidden;
display:block;
}
#images img 
{ 
border:none;
}
.flickrNav
{
display:block;
width: 180px;
padding:0; 
margin-top:5px;
text-align:center;
font-weight:bold;
}
.flickrNav a
{font-size:13px;
margin-left:5px;
margin-right:5px;
}
/******************
Main Content**/
/******************
Footer**/
#footer {
width:940px;
display:block;
height:68px; 
padding:38px 20px 12px 20px; 
background:url(../img/footer_bg.jpg) no-repeat;
font-size:11px;
color:#FFFFFF;
}
#footerbase{
width:980px;
display:block;
height:14px;
padding:20px; 
background:url(../img/footer_base.png) no-repeat;
}
#footer ul {
list-style-type:none;
display:inline-block;
}
#footernav {
display:block;
}
#footer li {
float:left;
}
#footer a {
margin-left:2px;
margin-right:2px;
color:#FFFFFF;
}
#footer span#address {
float:right;
margin-top:42px;
}
#footer span#copyright {
float:left;
margin-top:42px;
}
.footersocial {
float:left; 
width:624px; 
height:80px; 
line-height:0.2em; 
padding-left:11px; 
padding-right:10px; 
padding-top:20px
}
.footersocialbutton {
float:left; 
width:192px; 
height:52px;
line-height:0.2em; 
margin:8px
}
.footerbar {
float:left; 
width:980px; 
height:40px;
}
.footercopyright {
float:left; 
width:auto; 
height:auto; 
margin-top:15px; 
margin-left:20px
}
.footerlinks {
float:right; 
width:auto; 
height:auto; 
margin-top:15px; 
margin-right:20px
}
.footer p{
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#666666; 
font-size:9px; 
padding:0; 
margin-top:0px; 
line-height:1em;
}
/******************
Global Styles**/
h1 {
font-family:"Century Gothic", Arial; 
color:#757575; 
font-size:30px;
font-weight:normal;
margin-bottom:25px;
margin-top:10px;
}
h2 {
font-family:"Century Gothic", Arial; 
font-style:normal;
font-size:18px;
color:#757575;
margin-bottom:10px;
}
blockquote {
font-family:"Century Gothic", Arial; 
color:#757575; 
font-size:18px; 
line-height:1.5em;
margin-bottom:20px;
}
h3 {
font-size:13px;
}
p {
margin-bottom:15px;
}
.italic {
font-style:italic;
}
h2.vanish {
text-indent:-9999px;
}
h2.vanish span {
float:left;
display:block;
}
span.highlight {
background-color:#eaeaea;
padding:3px 0 3px 0;
}
/******************
Links**/
a {
color:#00aeef; 
text-decoration:none;
}
a:hover {
color:#00aeef; 
text-decoration:underline;
}
a.chords {
background:url(../img/icon_chords.gif) no-repeat left;
padding-left:20px;
}
/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}