/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html {width:100%; height:100%;} body {width:100%; height:100%;} #wrapper {position: relative; min-height: 100%;} *html #wrapper { height: 100%;} #header_container {width:100%; height:257px; position:relative; background:url(../images/header.jpg) repeat-x top left; } #header { background:url(../images/header_top.jpg) no-repeat right bottom; position:relative; width:100%; height:257px; margin-top:0px; padding:0px; width:980px; margin-left:auto; margin-right:auto;} #logo { width:190px; height:173px; position:absolute; bottom:2px; left:0px; margin:0px; padding:0px; } *html #logo {bottom:-1px; } #header_news {width:549px; position:absolute; top:67px; right:0px; } #news_title { background:#5CB0DD; width:539px; color:#FFF; font-size:1.2em; padding:8px 0px 7px 10px; margin:0px 0px 23px 0px; } .header_news .date { display:block; float:left; width:72px; height:66px; padding:6px 0px 0px 0px; background:url(../images/date_purple.gif) no-repeat left top; text-align:center; } .header_news .date .day { font-size:2.7em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .header_news .date .day span {font-size:0.5em !important;} .header_news .date .month {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .header_news .date .year {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .header_news .text { display:block; float:right; width:172px;} .header_news .text a {color:#5CB0DD; text-decoration:none;} .header_news .text a:hover {color:#5CB0DD; text-decoration:underline !important;} #search { width:200px; position:absolute; bottom:5px; right:0px;} #search input { width:142px; background:url(../images/search_bac.jpg) repeat-x left top; border:0px; border-top:1px solid #000000; border-bottom:1px solid #000000; display:block; float:left;} #search button {background:none; border:0px; padding:0px; margin:-1px 0px 0px -3px; display:block; float:left; } *+html #search button {background:none; border:0px; padding:0px; margin:-2px 0px 0px -3px; display:block; float:left; } *html #search button {background:none; border:0px; padding:0px; margin:-2px 0px 0px -3px; display:block; float:left; } #search_left { height:20px; width:6px; display:block; float:left; background:url(../images/search_left.jpg) no-repeat top left } #news_left { display:block; float:left; width:257px;} #news_right { display:block; float:right; width:257px; } #logo_other { position:absolute; top:0px; right:0px;} #container{ position:relative; border:#000000 0px solid; padding:0px 0px 47px 0px; margin-top:36px; margin-bottom:15px; margin-left:auto; margin-right:auto; width:980px; } #main { width:100%; margin:0px 0px 0px 0px; } #sidebar { width:406px; height:100%; float:left; margin:0px 0px 0px 0px; padding:0px;} #sidebar .content {width:401px; margin:0px auto 0px auto;} #content_main { width:548px; margin:0px 0px 10px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:272px; float:left;} #content_title { font-size:1.2em; color:#ffffff; background:#6FBD04; font-weight:normal; margin:0px 0px 15px 0px; padding:6px 0px 7px 14px; } .events .date { display:block; float:left; width:70px; height:64px; padding:6px 0px 6px 0px; background:url(../images/date.gif) no-repeat left top; text-align:center; } .events .date .day { font-size:2.7em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events .date .day span {font-size:0.5em !important;} .events .date .month {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events .date .year {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events .text { display:block; float:right; width:190px;} .events .text a {color:#6FBD04; text-decoration:none !important;} .events .text a:hover {color:#6FBD04; text-decoration:underline !important;} #sidebar_right { width:271px; min-height:365px; height:100% !important; height:365px; float:right; margin:0px 0px 0px 0px; padding:0px; background:url(../images/findyournearest.jpg) #000000 repeat-x top left;} #find_title { font-size:1.2em; color:#ffffff; background:#772774; font-weight:normal; margin:0px 0px 0px 0px; padding:6px 0px 7px 14px; } .reigion_right { display:block; float:right; width:122px; margin:301px 10px 0px 0px;} .reigion_right a {color:#ffffff; text-decoration:none;} .reigion_right a:hover {color:#ffffff; text-decoration:underline;} .reigion_left { display:block; float:left; width:122px; margin:301px 0px 0px 10px;} .reigion_left a {color:#ffffff; text-decoration:none;} .reigion_left a:hover {color:#ffffff; text-decoration:underline;} *html .reigion_left { margin:301px 0px 0px 5px;} *html .reigion_right {margin:301px 5px 0px 0px;} #footer { position:relative; width:980px; border:1px solid #ffffff; border-bottom:0px; background:url(../images/footer.jpg) repeat-x top left; height:47px; margin:-47px auto 0px auto; padding:0px; } #footer p { font-size:1em; color:#333333; margin:0px; padding:20px 0px 0px 14px; display:block; float:left; } #footer a {color:#333333; } #bottom_right {width:218px; height:36px; position:absolute; bottom:0px; right:0px;} .clear { clear:both; } /*------------------------------------ EVENTS -----------------------------------------------------------*/ #events_left { width:687px; display:block; float:left; position:relative;} .pagetitle_green {background:#6FBD04; color:#FFF; font-size:1.2em; width:677px; padding:8px 0px 7px 10px; } #breadcrumb { margin:19px 0px 0px 0px; font-size:1.1em; color:#A1A1A1;} #breadcrumb a { margin:0px 0px 0px 5px; padding:0px 0px 0px 14px; color:#ffffff; text-decoration:underline; background:url(../images/bread_crumb_arrow.jpg) no-repeat left 60%; } .events_main {margin:14px 0px 0px 0px;} .events_main .date { display:block; float:left; width:70px; height:64px; padding:6px 0px 0px 0px; background:url(../images/date.gif) no-repeat left top; text-align:center; } .events_main .date .day { font-size:2.7em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events_main .date .day span {font-size:0.5em !important;} .events_main .date .month {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events_main .date .year {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .events_main .text { display:block; float:right; width:602px;} .events_main .text a {color:#92F905; text-decoration:none;} .events_main .text a:hover {color:#92F905; text-decoration:underline;} .events_main .text p { margin:0px 0px 8px 0px;} .events_main h5 { margin:0px 0px 8px 0px;} .paging_top {display:block; float:right; margin:10px 0px 0px 0px; font-size:1.1em; position:absolute; top:38px; right:0px;} .paging {display:block; float:right; margin:10px 0px 0px 0px; font-size:1.1em;} .page {color:#797979; display:block; float:left;} .pages {display:block; float:left; margin:0px 0px 0px 10px;} .pages a {color:#8BEB06; text-decoration:underline;} .pages a:hover {color:#8BEB06;} .green_box { display:block; float:left; margin:-5px 0px 0px 10px; } .green_box a { display:block; background:#28430C; color:#ffffff; padding:6px 9px 6px 9px; text-decoration:none;} .green_box a:hover { color:#ffffff; text-decoration:underline;} #events_right {width:271px; display:block; float:right;} #quicklinks {margin:10px 0px 23px 0px;} #quicklinks a {text-decoration:none; padding:7px 0px 9px 9px; margin:0px 0px 5px 0px; display:block; background:#5CB0DD; color:#ffffff; font-size:1.2em; } #quicklinks a:hover {text-decoration:underline; } #enquiry {background:#CC9400; width:252px; padding:15px 0px 0px 19px; margin:10px 0px 0px 0px; } #enquiry input {width:151px; padding:5px 0px 5px 9px; font-size:1.1em;} #enquiry textarea {width:223px; padding:5px 0px 5px 9px; font-size:1.1em; color:#000000; font-weight:bold;} #enquiry button {background:none; border:0px; display:block; float:right; margin:0px 9px 10px 0px; } #enquiry p {margin:5px 0px 5px 0px;} .title_events { font-size:1.4em; color:#ffffff; margin:5px 0px 0px 0px;} /*------------------------------------ News -----------------------------------------------------------*/ .pagetitle_blue {background:#5CB0DD; color:#FFF; font-size:1.2em; width:677px; padding:8px 0px 7px 10px; } .news_main {margin:14px 0px 0px 0px;} .news_main .date { display:block; float:left; width:72px; height:66px; padding:6px 0px 0px 0px; background:url(../images/date_purple.gif) no-repeat left top; text-align:center; } .news_main .date .day { font-size:2.7em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .news_main .date .day span {font-size:0.5em !important;} .news_main .date .month {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .news_main .date .year {font-size:1em; font-family:Verdana, Geneva, sans-serif; color:#333333;} .news_main .text { display:block; float:right; width:602px;} .news_main .text a {color:#5BB0DD; text-decoration:none; } .news_main .text a:hover {color:#5BB0DD; text-decoration:underline; } .news_main .text p { margin:0px 0px 8px 0px;} .news_main h4 { margin:0px 0px 8px 0px;} .pages_news {display:block; float:left; margin:0px 0px 0px 10px;} .pages_news a {color:#5BB0DD; text-decoration:underline;} .pages_news a:hover {color:#5BB0DD;} #cat {} #cat .title { padding:7px 0px 7px 7px; margin:13px 0px 0px 0px; color:#ffffff; font-size:1.2em; width:264px; background:#5CB0DD;} #cat a {font-size:1.2em; text-decoration:none; padding:5px 0px 5px 6px; margin:4px 0px 0px 0px; color:#ffffff; display:block; background:url(../images/arrow_news.gif) no-repeat right 50%;} #cat a:hover {text-decoration:underline;} #archive .title { padding:7px 0px 7px 7px; margin:13px 0px 0px 0px; color:#ffffff; font-size:1.2em; width:264px; background:#164463;} #archive a {font-size:1.2em; text-decoration:none; padding:5px 0px 5px 6px; margin:4px 0px 0px 0px; color:#ffffff; display:block; background:url(../images/arrow_news.gif) no-repeat right 50%;} #archive a:hover {text-decoration:underline;} /*------------------------------------ Bracknock YFC Clubs -----------------------------------------------------------*/ .pagetitle_purple {background:#772774; color:#FFF; font-size:1.2em; width:677px; padding:8px 0px 7px 10px; } .pages_clubs {display:block; float:left; margin:0px 0px 0px 10px;} .pages_clubs a {color:#832D7F; text-decoration:underline;} .pages_clubs a:hover {color:#832D7F;} .club {margin:21px 0px 0px 0px; position:relative; } .club_title { margin:0px 0px 13px 0px; } .club_title a {font-size:1.2em; color:#ffffff; font-weight:bold; text-decoration:none; } .club_title a:hover {text-decoration:underline; color:#ffffff;} .club_left {width:173px; display:block; float:left; min-height:65px; height:auto !important; height:65px; border-right:1px solid #333333;} .club_right {display:block; width:377px; margin:0px 0px 0px 17px; float:left; min-height:65px; height:auto !important; height:65px;} .club_titles {font-size:1.1em; color:#ffffff; margin:0px 0px 9px 0px;} .club_titles span {color:#BE3FB8 !important;} .club_titles a { color:#ffffff; text-decoration:underline;} .club_titles a:hover { color:#ffffff;} .club_link {display:block; float:left; margin:30px 0px 0px 0px;} #club_back { display:block; float:right; margin:10px 0px 10px 0px;} /*------------------------------------ gallery -----------------------------------------------------------*/ #gallery_left {width:400px; display:block; float:left;} #gallery_main ul {position:relative; margin:10px 0px 10px 0px; padding:0px; width:400px; height:266px;} #gallery_main li {position:absolute; top:0px; left:0px; margin:0px 0px 0px 0px; padding:0px; list-style:none;} #gallery_right {width:265px; display:block; float:right; margin:8px 0px 0px 0px;} .gal {width:120px; text-align:center; margin:0px 6px 10px 5px; display:block; float:left; cursor:pointer} #gallery_menu { margin:10px 0px 0px 0px;} #gallery_menu a { padding:7px 0px 7px 12px; text-decoration:none; margin:0px 0px 3px 0px; font-size:1.2em; display:block; color:#ffffff; background:url(../images/gallery_nav.jpg) #7D2D74 no-repeat 90% 60%;} #gallery_menu a:hover { text-decoration:underline; } /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #nav a { margin:0px 0px 1px 0px; text-decoration:none; padding:11px 10px 8px 8px; font-size:1.1em; color:#ffffff; float:left; background:url(../images/border_nav.jpg) no-repeat top right; display:block; font-weight:normal; } #nav a:hover { color:#ffffff; text-decoration:underline; display:block; float:left; } /* ------------- Slide --------------*/ ul#slide{ list-style:none; margin:0px; padding:0px; } ul#slide li{ list-style:none; margin:0px; padding:0px; } /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; color:#ffffff; letter-spacing:normal; background:url(../images/bac.jpg) #ffffff; font-family:Tahoma, Geneva, sans-serif; font-size:0.6em; color:#FFF;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#ffffff; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { font-size:1.2em; color:#ffffff; background:#CC9400; font-weight:normal; margin:15px 0px 15px 0px; padding:6px 0px 7px 14px; } h3 { color:#999999; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#5BB0DD; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#8BEB06; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#772774; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul { } ul li { font-size:1.2em; color:#ffffff; list-style:disc; } ol {} ol li { font-size:1.2em; color:#ffffff; list-style:decimal;} address {} a { color:#FF0022; text-decoration:underline; } a:hover { color:#FF0022; text-decoration:underline; } p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:20px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */