/*
Theme Name: St Pauls 2010
Theme URI: http://www.stpaulsbessbrook.org
Version: 1
Author: David Kennedy
Author URI: http://www.stpaulsbessbrook.org

*/

body {
color:#333333;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
line-height:16px;
margin:0;
padding:30px 0 0 0;
}

.homeblue, .homegreen {
background-color:#fff;
background-image:url(images/home-bg-gradient.gif);
background-repeat:repeat-x;
}

a:focus, a:visited {
text-decoration:none;
}

a:active, a:hover {
text-decoration:underline;
}

hr {
display: none;
}

#page {
margin:0 auto;
padding:0 6px;
width:976px;

}
#header {
height:150px;
margin:0 20px 24px;
padding:0;
}

#headerimg {
background-image:url(images/headerlogo.png);
background-repeat:no-repeat;
float:left;
height:124px;
width:520px;
}

#headerblock {
float:right;
height:95px;
width:370px;
}

ul.riva-slider {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.rs-center {
    background-image: url("images/banner-bg-gradient.gif");
    background-repeat: repeat-x;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:95px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0;
	padding:0;
	background:transparent;
}
    div#rotator ul li.show {
	z-index:500;
}

div#rotator-mini {
    background: none repeat scroll 0 0 transparent;
    float: right;
    height: 95px;
    position: relative;
    width: 218px;
}
div#rotator-mini ul li {
    float: left;
    list-style: none outside none;
    position: absolute;
}
div#rotator-mini ul li img {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 0;
}
div#rotator-mini ul li.show {
    z-index: 500;
}

div#nisma {
    float: right;
    margin-right: -29px;
    width: 164px;
}



#ribbon {
    background: none no-repeat scroll 0 0 transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}


/* NAVIGATION */


#access a, #access h2 {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:13px;
line-height:26px;
font-weight:bold;
text-decoration:none;
color:#fff;
}

#access h2 {
padding:0;
text-align:center;
}

#access a:active, #access a:focus, #access a:hover {
color: #fff;
text-decoration:none;
}

#access ul {
float:left;
display:block;
list-style-image:none;
list-style-position:outside;
list-style:none;
height:24px;
width:940px;
position:relative;
padding:0;
margin:0;
z-index:1800;
}

#access ul li {
float:left;
}

#access ul li:hover > div {
display:block;
}

#access div.navdrop {
float:left;
display:none;
padding:6px 6px 7px;
position:absolute;
top:26px;
}

#access div.navdropright {
right:4px;
}

#access div.navdrop ul {
float:left;
width:auto;
height: auto;
}

#access div.navdrop ul.colpadleft {
margin-left: 15px;
padding-left: 15px;
border-left: 1px dotted black;
}

#access div.navdrop ul.colpadright {
background:url("images/transwhite1pixel20.png") repeat-y scroll right top transparent;
margin-right:7px;
padding-right:8px;
}

#access div.navdrop ul li {
float:none;
background: transparent;
}

#access div.navdrop a {
display:block;
padding: 1px 6px;
left: 0px;
font-size: 12px;
line-height:20px;
}

#access div.navdrop ul li ul li {
background: url(submenubullet.gif) no-repeat 10px 1px;
}

#access div.navdrop ul li ul li a {
font-size: 12px;
font-weight: normal;
margin-left: 20px;
}

#access div.navdrop a:hover, #access div.navdrop ul ul a:hover{
background:url("images/transwhite20.png") repeat scroll 0 0;
}




/* Nav Items Styling */


.page-item-15, .page-item-16, .page-item-2, .page-item-22, .page-item-18, .page-item-20, .page-item-28, .page-item-70, .page-item-32, .page-item-24, .page-item-30, .page-item-26 {
background-image:url(images/navbar.jpg);
background-repeat:no-repeat;
margin: 0 2px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

#about-us-items, #pastoral-items, #curriculum-items, #departments-items, #sport-items, #music-items, #library-items, #student-items, #staff-items {
min-width:140px;
}

/* Home styling  */

#home-items {
}

.page-item-15 {
background-position: 0px 0px;
width:59px;
}

.page-item-15:hover, .page-item-15.sfhover {
background-position: 0px -36px;
}



/* News styling  */

#news-items {
}

.page-item-16 {
background-position: -200px 0px;
width:57px;
}

.page-item-16:hover, .page-item-16.sfhover {
background-position: -200px -36px;
}



/* About Us styling  */

#about-us-items {
background:url("images/trans20.png") repeat scroll 0 0 #588c7f;
border: 4px solid #588c7f;
}

.page-item-2 {
background-position: -400px 0px;
width:81px;
}

.page-item-2:hover, .page-item-2.sfhover {
background-position: -400px -36px;
}



/* Pastoral styling  */

#pastoral-items {
background:url("images/trans20.png") repeat scroll 0 0 #5c5ba7;
border: 4px solid #5c5ba7;
}

.page-item-22 {
background-position: -600px 0px;
width: 73px;
}
.page-item-22:hover, .page-item-22.sfhover {
background-position: -600px -36px;
}



/* Curriculum styling  */

#curriculum-items {
background:url("images/trans20.png") repeat scroll 0 0 #bf3a4d;
border: 4px solid #bf3a4d;
}

.page-item-18 {
background-position: -800px 0px;
width: 91px;
}
.page-item-18:hover, .page-item-18.sfhover {
background-position: -800px -36px;
}



/* Departments styling  */

#departments-items {
background:url("images/trans20.png") repeat scroll 0 0 #969696;
border:4px solid #969696;
}

.page-item-20 {
background-position: -1000px 0px;
width: 103px;
}
.page-item-20:hover, .page-item-20.sfhover {
background-position: -1000px -36px;
}

/* Sport styling  */

#sport-items {
background:url("images/trans20.png") repeat scroll 0 0 #6fa140;
border: 4px solid #6fa140;
}

.page-item-28 {
background-position: -1200px 0px;
width: 56px;
}
.page-item-28:hover, .page-item-28.sfhover {
background-position: -1200px -36px;
}


/* Music styling  */

#music-items {
background:url("images/trans20.png") repeat scroll 0 0 #73408d;
border: 4px solid #73408d;
}

.page-item-70 {
background-position: -1400px 0px;
width: 59px;
}
.page-item-70:hover, .page-item-70.sfhover {
background-position: -1400px -36px;
}


/* Library styling  */

#library-items {
background:url("images/trans20.png") repeat scroll 0 0 #b48f7d;
border: 4px solid #b48f7d;
}

.page-item-32 {
background-position: -1600px 0px;
width: 65px;
}
.page-item-32:hover, .page-item-32.sfhover {
background-position: -1600px -36px;
}


/* Contact styling  */

#contact-items {
}

.page-item-24 {
background-position: -1800px 0px;
width: 88px;
}
.page-item-24:hover, .page-item-24.sfhover {
background-position: -1800px -36px;
}


/* Student styling  */

#student-items {
background:url("images/trans20.png") repeat scroll 0 0 #e6791e;
border: 4px solid #e6791e;
}

.page-item-30 {
background-position: -2000px 0px;
width: 102px;
}
.page-item-30:hover, .page-item-30.sfhover {
background-position: -2000px -36px;
}


/* Staff styling  */

#staff-items {
background:url("images/trans20.png") repeat scroll 0 0 #c06090;
border: 4px solid #c06090;
}

.page-item-26 {
background-position: -2200px 0px;
width: 80px;
}
.page-item-26:hover, .page-item-26.sfhover {
background-position: -2200px -36px;
}

#pre-containershadow {
    background: url("images/banners/schooloftheyearbanner.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 135px;
    margin: -14px 0 8px;
    padding: 0;
    width: 976px;
}

#containershadow {
float:left;
width:976px;
margin-top:0;
padding:0 4px;
background:url("images/homecontainershadow-alc3.png") no-repeat scroll 0 0 transparent;
}

#container {
float:left;
width:968px;
padding:0;
}

#content {
float:left;
width:600px;
padding:16px 16px 0 16px;
}


.frontpagearticle {
background:url("images/single-column-article-bg.png") no-repeat scroll 0 0 transparent;
padding:16px 0;
margin: 16px 0 16px 0;
float:left;
position:relative;
clear:both;
width:600px;
}


.frontpagearticle img.alignleft, .frontpagearticle img.attachment-thumbnail {
position:absolute;
border:0 none;
float:left;
top:16px;
left:0;
padding:0;
}


.frontpagearticle h2 {
font-size:18px;
margin:0 0 8px 176px;
}


.frontpagearticle h2 a {
color:#1A437F;
text-decoration:none;
}

.frontpagearticle h2 a:hover {
color:#8C0D0A;
}

.frontpagearticle p {
line-height:18px;
margin:0 0 0 176px;
}



.fl {
float:left;
}

.fr {
float:right;
}


/* POSTS */

.post {
clear:both;
margin-top:16px;
padding-right:16px;
}

.post img {
max-width:586px;
height:auto;
}

.post-date {
background:url("images/datetag-news-55.png") no-repeat scroll 0 0 transparent;
float:left;
height:55px;
margin-left:-57px;
margin-top:-6px;
padding-left:0;
width:41px;
}

.post-year {
color:#FFFFFF;
display:block;
font-size:10px;
line-height:12px;
margin-left:5px;
padding-top:0;
text-align:center;
}

.post-month {
color:#FFFFFF;
display:block;
font-size:12px;
line-height:11px;
margin-left:5px;
padding-top:8px;
text-align:center;
}

.post-day {
color:#FFFFFF;
display:block;
font-size:20px;
line-height:18px;
margin-left:6px;
text-align:center;
}


.post h2 {
color:#1A437F;
font-size:24px;
line-height:24px;
}

.post-title {
float: left;
margin-top:-2px;
margin-bottom:16px;
}

.post-title h2 {
color:#1A437F;
font-size:24px;
line-height:24px;
}

.post-title h2 a, .post-title h2 a:link, .post-title h2 a:active, .post-title h2 a:visited {
color:#1A437F;
text-decoration:none;
}

.post-title h2 a:hover {
color:#8C0D0A;
}

.mceTemp {
float: left;
}

.entry {
clear: both;
}

.entry p {
line-height:18px;
margin-bottom:18px;
}

.post img.alignright {
border: none; 
padding: 0;
float:right;
margin:3px 0px 18px 18px;
}

.post img.alignleft {
border:0 none;
float:left;
margin:3px 18px 18px 0;
}

.post img.aligncenter {
border:0 none;
display:block;
margin:18px auto;
}

.wp-caption {
margin-bottom:18px;
max-width:600px;
}

.post-cat {
float:left;
font-size:11px;
margin-top:2px;
}

.post-cat a {
color:#999999;
}

.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}


/* Comments */

.post-comments {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/single-column-article-bg.png) no-repeat scroll 0 0;
float:left;
margin-top:24px;
padding-top:24px;
width:600px;
}


.post-comments:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.post-comments h2 {
color:#1A437F;
font-size:18px;
font-weight:bold;
margin-bottom:24px;
}


.comment {
	margin: 0 0 25px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ddd;
	clear: both;
	height: 1%;
}

.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comment-avatar {
float:left;
margin-bottom:8px;
width:60px;
}


.comment-avatar img {
	width: 54px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
}

.comment-body {
float:left;
font-size:14px;
line-height:20px;
width:600px;
}


.comment-meta {
	font-size: 12px;
	color: #777;
}

.comment-form table {
border-collapse:collapse;
width:530px;
}

.comment-form th {
padding:0;
text-align:left;
vertical-align:top;
}

.comment-form th label {
color:#333333;
font-size:14px;
}


.comment-form th p {
color:#777777;
font-size:11px;
font-weight:normal;
margin:0;
}


.comment-form td {
padding:2px 0 12px 12px;
vertical-align:top;
}

.comment-form td input {
border:1px solid;
color:#666666;
font-size:14px;
padding:4px;
width:250px;
}


.comment-form td textarea {
border:1px solid;
color:#666666;
font-size:14px;
font-weight:300;
line-height:18px;
padding:4px;
width:360px;
}


#submit {
background:#1A437F scroll 0 0;
border:0 none;
color:#FFFFFF;
cursor:pointer;
font-size:14px;
font-weight:bold;
padding:4px 6px;
width:auto;
}

#submit:hover {
	background-color: #8c0d0a;
	text-decoration: none;
}




/* INLINE-PAGELIST PLUGIN */

#inline_pagelist {
background:none repeat scroll 0 0 #EFF1F5;
border:0 none;
float:left;
margin:5px 10px 5px 0;
padding:10px;
width:auto;
}

#inline_pagelist p {
border-bottom:1px dotted;
font-size:13px;
font-weight:normal;
margin:0;
text-align:left;
}

#inline_pagelist ul {
overflow:visible;
padding:0;
text-indent:0;
}

#inline_pagelist ul li {
list-style-type:none;
margin:4px 0 0;
padding:0;
}

#inline_pagelist ul li a {
color:#1A437F;
text-decoration:none;
}

#inline_pagelist ul li a:hover {
color:#8c0d0a;
text-decoration:none;
}

/* SIDEBAR */

#sidebar {
float:right;
margin:0;
padding:0;
width:320px;
}

.newsflash {
background:transparent none repeat scroll 0 0;
float:left;
height:61px;
margin-bottom:12px;
margin-top:-15px;
width:307px;
}

.sidebarpromo-left {
background:transparent none repeat scroll 0 0;
float:left;
margin:0 0 24px;
border:0;
}

.sidebarpromo-right {
background:transparent none repeat scroll 0 0;
float:right;
margin:0 0 24px;
border:0;
}

/* QUICKLINKS */

.quicklinks-container {
float:left;
height:52px;
width:320px;
}

.quicklinks-header {
color:#FFFFFF;
float:left;
font-size:16px;
font-weight:bold;
margin-top:15px;
}

.quicklinks {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:6px 0 17px 0;
	padding:0;
	width:173px;
}
.quicklinks li {
	padding: 0;
	margin: 0 4px;
	float: left;
	position: relative;
	text-align: center;
}
.quicklinks a {
	padding: 0px;
	display: block;
	height:24px;
	text-decoration: none;
	background: url(images/quicklinks-lighter.png) no-repeat 0px 0px;
}
.quicklinks li.files a {
	width:24px;
	background-position: 0px -24px;
}
.quicklinks li.files a:hover {
	background-position: 0px 0px;
}


.quicklinks li.email a {
	width:25px;
	background-position: -33px -24px;
}
.quicklinks li.email a:hover {
	background-position: -33px 0px;
}


.quicklinks li.mapping a {
	width:27px;
	background-position: -65px -24px;
}
.quicklinks li.mapping a:hover {
	background-position: -65px 0px;
}


.quicklinks li.moodle a {
	width:30px;
	background-position: -100px -24px;
}
.quicklinks li.moodle a:hover {
	background-position: -100px 0px;
}


.quicklinks li.curriculum a {
	width:22px;
	background-position: -138px -24px;
}
.quicklinks li.curriculum a:hover {
	background-position: -138px 0px;
}


.quicklinks li em {
	background:transparent url(images/bubble.png) no-repeat scroll 0 0;
	width: 78px;
	height: 28px;
	position: absolute;
	top: -35px;
	left: -28px;
	text-align: center;
	padding-top: 6px;
	font-style: normal;
	font-size:10px;
	line-height:10px;
	display: none;
}

.quicklinks li em.twolines {
	padding-top: 1px;
}

.twitter-header {
background:none repeat scroll 0 0 #1A437F;
color:#FFFFFF;
float:left;
font-size:12px;
font-weight:bold;
padding:4px 8px;
position:relative;
width:288px;
}

.twitter-header a {
color:#EFF1F5;
}

#twitter {
float:left;
position:relative;
width:304px;
}

.recent-comments {
float:left;
font-size:11px;
position:relative;
width:304px;
}

.recent-comments ul li {
background:none repeat scroll 0 0 #eaeff5;
padding:8px;
margin-bottom:8px;
}

.recent-comments ul li a {
color:#1A437F;
}

.sidebar-item-before {
float:left;
background:url(images/sidebar-item-before.png) no-repeat scroll 0 0;
height:28px;
width:304px;
padding-top:8px;
}
.sidebar-item-before h2 {
font-size:16px;
color:#1A437F;
}
.sidebar-item-after {
float:left;
background:transparent none scroll 0 0;
height:24px;
width:304px;
}
.vimeovideobox {
position: relative;
float: left;
}

.calendar {
position: relative;
float: left;
}
.archivedropdown {
position: relative;
float: left;
}

.ul-cat {
padding: 0;
float: left;
position: relative;
width:304px;
}

.ul-cat li {
background:transparent url(images/chevron-right-maroon.gif) no-repeat scroll 0 7px;
float:left;
line-height:20px;
padding-left:10px;
width:140px;
}

.ul-cat li a {
color: #333333;
text-decoration: none;
font-size: 12px;
}

.ul-cat li a:hover {
color: #8c0d0a;
}

.facebookfeed {
float:left;
}

.facebookstatus {
position:relative;
float:left;
}


/* POSTS */


/* COMMENTS FORM */

/* FOOTER */

#footer {
background:#153872 url("images/footer-bg-gradient.jpg") repeat-x scroll 0 0;
clear:both;
color:#ffffff;
float:left;
padding-top:82px;
padding-bottom:60px;
width:100%;
margin:0;
}

#footercontent {
margin:0 auto;
width:970px;
}

#footercontent .left-col {
float:left;
margin-left:16px;
width:250px;
}

#footercontent .right-col {
	width: 220px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

#footercontent .logos {
background:transparent url(images/footer-logos.png) no-repeat scroll 0 0;
float:right;
height:267px;
margin-right:6px;
margin-top:-28px;
position:relative;
width:314px;
}

#footercontent h4 {
color:#c5e5fa;
font-size:18px;
font-style:normal;
font-weight:bold;
margin-bottom:12px;
margin-left:16px;
}

#footercontent p {
color:#E1F1F9;
font-size:12px;
line-height:17px;
margin-bottom:17px;
}

#footercontent .address-line {
border-bottom:1px solid #c5e5fa;
border-top:1px solid #c5e5fa;
float:left;
margin:2px 0 0 16px;
padding:12px 0;
width:506px;
}

#footercontent .address-line p {
font-size:12px;
line-height:17px;
margin:0;
}