/*
Theme Name: Scoil Cholimcille
Theme URI: http://scoilcholimcille.com
Description: School website for Scoil Cholimcille
Version: 2.9
Author: Adam Williams Web Design
Author URI: http://awx2d.com
*/

/* DEFAULT */
/* ----------------------------------------- */

body {font:12px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;background:#f8f5ef url(images/bg.png) repeat-x;}
#chewy-wrapper {margin:0 auto;width:940px;}

h2, h2 a {font:18px/24px Times, "Times New Roman", Georgia, serif;color:#3e5e4c;}
h3, h3 a {font:16px/24px Times, "Times New Roman", Georgia, serif;color:#8c0707;margin:0 0 10px 0;}
h2 a:hover, h3 a:hover {text-decoration:underline;}

a {color:#3e5e4c;text-decoration: none;}
a:hover {color:#324c3e;text-decoration: underline;}

/* WPCF7 */
/* ----------------------------------------- */

.wpcf7 input, .wpcf7 textarea {font:12px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;border:1px dashed #d9d9d9;width:240px;padding:4px 6px;}
.wpcf7 input:hover, .wpcf7 textarea:hover {border:1px solid #e1e1e1;}
.wpcf7 input:focus, .wpcf7 textarea:focus {border:1px solid #ccc;}
.wpcf7-form p {float:left;width:600px;clear:both;display:block;}
.wpcf7-form label {float:left;width:150px;text-align:right;margin-right:10px;}
.wpcf7-form input, .wpcf7-form textarea {float:left;width:300px;}


/* HEADER */
/* ----------------------------------------- */

#header {float:left;width:940px;height:129px;color:#fff;}
#header h1.logo a {float:left;width:295px;background:url(images/logo.png) no-repeat;height:113px;text-indent:-9999px;}
#navigation {float:right;width:403px;margin:25px 0 0 0;padding:0;height:46px;}
#navigation li {display:inline;margin:0;padding:0;float:left;}
#navigation li a {text-indent:-9999px;line-height:46px;}
#navigation .page-item-6 a, #navigation .page-item-52 a, #navigation .page-item-27 a {background:url(images/navigation.png) no-repeat;display:block;height:46px;}

#navigation .page-item-6 a {background-position:0 -46px; width:132px;}
#navigation .page-item-52 a {background-position:-132px -46px; width:161px;}
#navigation .page-item-27 a {background-position:-293px -46px; width:110px;}

#navigation .page-item-6 a:hover, .page-id-6 #navigation .current_page_item a {background-position:0 0;}
#navigation .page-item-52 a:hover, .page-id-52 #navigation .current_page_item a {background-position:-132px 0;}
#navigation .page-item-27 a:hover, .page-id-27 #navigation .current_page_item a {background-position:-293px 0;}

/* MAIN */
/* ----------------------------------------- */

#main {float:left;width:940px;background:#f8f5ef;clear:both;}
#hero-wrapper {float:left;width:940px;height:301px;background:#f8f5ef;position:relative;clear:both;}
#latest-events p {position:absolute;top:300px;right:250px;background:url(images/latest-events.png) no-repeat;display: block;width:179px;height:37px;text-indent:-9999px;}

/* QUICK LINKS */
/* ----------------------------------------- */

#quick-links {float:left;width:300px;background:url(images/quick-links.png) no-repeat;position:absolute;top:-10px;}
#quick-links ul {margin:75px 0 0 30px;padding:0;display:block;height:350px;}
#quick-links ul li {margin:0;padding:0;display:block;}
#quick-links ul li a {margin:0;padding:0;text-indent:-9999px;line-height:30px;}

.page-item-11 a, .page-item-12 a, .page-item-68 a, .page-item-16 a, .page-item-80 a, .page-item-81 a, .page-item-cal a {background:url(images/quicklinks.png) no-repeat;display:block;height:30px;width:160px;}

.page-item-11 a {background-position:0 0; width:160px;}
.page-item-12 a {background-position:0 -30px; width:160px;}
.page-item-68 a {background-position:0 -60px; width:160px;}
.page-item-16 a {background-position:0 -90px; width:160px;}
.page-item-80 a {background-position:0 -120px; width:160px;}
.page-item-81 a {background-position:0 -150px; width:160px;}
.page-item-cal a {background-position:0 -180px; width:160px;}

.page-item-11 a:hover, .page-id-11 .current_page_item a {background-position:-160px 0; width:160px;}
.page-item-12 a:hover, .page-id-12 .current_page_item a {background-position:-160px -30px; width:160px;}
.page-item-68 a:hover, .page-id-68 .current_page_item a {background-position:-160px -60px; width:160px;}
.page-item-16 a:hover, .page-id-16 .current_page_item a {background-position:-160px -90px; width:160px;}
.page-item-80 a:hover, .page-id-80 .current_page_item a {background-position:-160px -120px; width:160px;}
.page-item-81 a:hover, .page-id-81 .current_page_item a {background-position:-160px -150px; width:160px;}
.page-item-cal a:hover, .page-id-cal .current_page_item a {background-position:-160px -180px; width:160px;}

/* HERO */
/* ----------------------------------------- */

/* Most common stuff you'll need to change */

#hero { float:left;position:absolute; top:-41px; right:0;background:url(images/hero-bg.png) no-repeat;width:618px; height:301px;}

.hero-photo {position:relative;background:#fff;}
.hero-photo img {padding:7px;}
.hero-photo span {position:absolute;top:-3px;left:95px;background:url(images/hero-pin.png) no-repeat; width:28px;height:21px; }

.hero-nav {display:none;text-align:center;}

.coda-slider {color:#fff;margin:30px 0 0 40px; padding:20px 0 0 0;font-style:italic;}
.coda-slider h2 {font:18px/24px Times, "Times New Roman", Georgia, serif;color:#fff;margin-bottom:10px;}
.coda-slider img {width:190px;height:170px;float:left;margin:10px 15px 20px 0;border:0;background:#fff;}
.coda-slider a {color:#fff;text-decoration:underline;}
.coda-slider a:hover {color:#fff;text-decoration:none;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 540px;float:left;	 } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 540px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Panel padding */
.coda-slider .panel-wrapper { /*padding: 10px;*/ width:520px; }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { position:absolute;bottom:-16px;right:50px;clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline;text-align:center;}
.coda-nav ul li a { background:url(images/hero-nav-bg.png) no-repeat bottom left; color: #fff; display: block; float: left; margin-right: 1px; text-decoration: none;height:30px;width:31px;}
.coda-nav ul li a:hover, .coda-nav ul li a.current { background-position:bottom right;text-decoration: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden;height:214px; position: relative }
.coda-slider .panel { display: block; float: left; width:560px; }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


/* SECONDARY */
/* ----------------------------------------- */

#secondary {float:left;width:940px;background:#f8f5ef url(images/secondary.png) no-repeat center;display: block;clear:both;}

#secondary .section {float:left;width:220px;}
#secondary .section p {padding-bottom:10px;}

#secondary .first, #secondary .mid {margin:0 20px 0 0;}
#secondary .last {margin:0;}

#secondary h3.whats-on, #secondary h3.latest-pics, #secondary h3.latest-booklists, #secondary h3.get-in-touch {background:url(images/home-headings.png) no-repeat;width:224px;height:32px;text-indent:-99999px; margin:10px 0;}
#secondary h3.whats-on {background-position:0 0;}
#secondary h3.latest-pics {background-position:0 -32px;}
#secondary h3.latest-booklists {background-position:0 -64px;}
#secondary h3.get-in-touch {background-position:0 -96px;}

.latest-pics-btn, .latest-booklists-btn, .whats-on-btn, .get-in-touch-btn {background:url(images/link-buttons.png) no-repeat;width:163px;height:25px;text-indent:-9999px;display:block;margin:20px 0;}

.latest-pics-btn {background-position:0 0px;}
.latest-booklists-btn {background-position:-163px 0;}
.whats-on-btn {background-position:-326px 0;}
.get-in-touch-btn {background-position:-489px 0;}

.latest-pics-btn:hover {background-position:0 -25px;}
.latest-booklists-btn:hover {background-position:-163px -25px;}
.whats-on-btn:hover {background-position:-326px -25px;}
.get-in-touch-btn:hover {background-position:-489px -25px;}

.gallery-home {list-style: none;background: none;margin: 0;padding:10px 0;clear: both;}
.gallery-home li {background: none;margin: 0;padding:2px;float:left;}
.gallery-home img, .gallery-home a img {border: solid 1px #D9D9D9;background: #ffffff;padding:2px;width:60px;height:60px;}
.gallery-home a:hover img {border-color: #666666;background: #fff;}
.gallery-home:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.gallery-home {display: inline-block;}
* html .gallery-home {height: 1%;}
.gallery-home {display: block;}

.booklist-home ul {height:140px;padding:20px 0 10px 0;}
.booklist-home ul li {background:url(images/li-icon.png) no-repeat;padding:0 0 0 20px;}
.booklist-home ul li a {font:16px/24px Times, "Times New Roman", Georgia, serif;color:#3e5e4c;}

.whats-new li {display:block;width:210px;float:left;margin:5px 0;}
.whats-new .date {background:#fff;float:left;width:30px;text-align:center;text-transform:uppercase;padding:5px 2px;border:1px solid #d9d9d9;margin-right:5px;position:relative;}
.whats-new .date span {margin:-6px 0 0 0;display:block;font-size:14px;padding:0;}
.whats-new:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.whats-new {display: inline-block;}
* html .whats-new {height: 1%;}
.whats-new {display: block;}

/* SUB-NAVIGATION */
/* ----------------------------------------- */

#sub-navigation {float:left;width:240px;background: url(images/sub-nav-bg.png) no-repeat;margin:10px 0 10px 0;}
#sub-navigation h2 {margin:10px 0;color:#bc251d;}
.sub-nav {width:220px;}
.sub-nav li {padding:4px 17px;margin:5px 0;border-top:1px solid #ccc;}
.sub-nav li a {color:#3e5e4c;text-decoration: none;}
.sub-nav li a:hover {color:#324c3e;text-decoration: underline;}


#sub-quick-links {float:left;width:220px;background:url(images/sub-quicklinks.png) no-repeat;margin:20px 0 0 0;}
#sub-quick-links ul {margin:75px 0 0 30px;padding:0;display:block;height:350px;}
#sub-quick-links ul li {margin:0;padding:0;display:block;}
#sub-quick-links ul li a {margin:0;padding:0;text-indent:-9999px;line-height:30px;}


/* PAGE-CONTENT */
/* ----------------------------------------- */

#page-content {float:left;width:690px;margin:10px 0 10px 10px;}
#page-content h2 {margin:10px 0;}
#page-content p {margin:10px 0;}
#page-content .post ul {margin:10px 0;}
#page-content .post ul li {list-style:disc;margin:5px 0 5px 20px;}

.extra-info {border-top:1px solid #d9d9d9; padding:5px 0 0 0; margin:0 0 5px 0;}

.gallery {list-style: none;background: none;margin: 0;padding: 0 0 15px 0;clear: both;}
.gallery li {background: none;margin: 0;padding: 5px;float: left;text-align: center;font: 110%/140% Georgia, "Times New Roman", Times, serif;color: #666;position: relative;}
.gallery img, .gallery a img {border: solid 1px #D9D9D9;background: #ffffff;padding: 4px;width:100px;height:100px;}
.gallery a:hover img {border-color: #666666;background: #fff;}
/* clearfix for gallery */
.gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.gallery {display: inline-block;}
* html .gallery {height: 1%;}
.gallery {display: block;}
.thickbox span.tape {display:none;width:77px;height:27px;display:block;position:absolute;top:-8px;left:20px;background: url(images/tape.png) no-repeat;}

.gallery-of-work {display: block;list-style:none;}
.gallery-of-work li {display:block;border-bottom:1px solid #ddd;height:110px;padding:15px 0;list-style:none;}
.gallery-of-work li img {float:left;border: 1px solid #D9D9D9;padding:4px;margin-right:20px;background:#fff;width:100px;height:100px;}

.star li, .sotw ul li {background:url(images/star.gif) no-repeat;padding:0 0 0 20px;margin:5px 0;list-style:none;}
.newsletter ul li, .booklist li, .booklists ul li {background:url(images/li-icon.png) no-repeat;padding:0 0 0 20px;margin:5px 0;list-style:none;}
.earth li, .eco ul li {background:url(images/earth.png) no-repeat;padding:0 0 0 20px;margin:5px 0;list-style:none;}


/* FOOTER */
/* ----------------------------------------- */

#footer-wrap {float:left;width:100%;margin:20px 0 0 0;background:#204675 url(images/footer-bg.png) repeat-x;clear:both;}
#footer {width:940px;margin:10px auto;color:#fff;position:relative;}

ul.footer-left {color:#fff;width:130px;float:left;}
ul.footer-left li.title {font-size:13px;margin-bottom:5px;}
ul.footer-left li {color:#fff;background:none;display:block;width:130px;margin-left:10px;}
ul.footer-left li a {color:#fff;text-decoration:underline;}
ul.footer-left li a:hover {text-decoration:none;}

#footer .award {position:absolute; top:-60px;right:250px;}

ul.footer-right {width:220px;float:right;}
ul.footer-right li {}

ul.footer-right li.awx2d {margin:20px 0;}
ul.footer-right li.awx2d a {color:#fff;text-decoration:underline;}
ul.footer-right li.awx2d a:hover {color:#fff;text-decoration: none;}

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }

q:before, q:after { content:''}

.c {clear:both;}
.aligncenter { display:block; margin:10px auto;border:1px solid #ccc;padding:5px; }
.alignleft { float:left; margin:0 10px 10px 0; border:1px solid #ccc;padding:5px;}
.alignright { float:right; margin:0 0 10px 10px; border:1px solid #ccc;padding:5px;}
.wp-caption { border:1px solid #ccc; text-align:center; background:#fff; padding:10px; margin:10px }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */