/*
Theme Name: All Saint's Centre
Theme URI: http://www.allsaintshuthwaite.co.uk/
Description: Designed exclusively for the All Saint's Centre, Huthwaite Ltd.
Version: v2.0
Author: Adrian Burns

The CSS, XHTML and design is exclusively owned by All Saint's Centre, Huthwaite Ltd
and must not be reproduced in any form without the express permission of the owner.
*/




/* -------------------- LAYOUT -------------------- */

body {
font-size: 82.5%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
background: #dfe3f7 url('images/bg-body.png') repeat-x top center fixed;
color: #464646;
text-align: center;
margin: 0 0 25px 0;
}

#page {
width: 900px;
margin: 0 auto;
background: #fff url('images/bg-page.png') no-repeat top center;
padding: 0;
overflow: hidden;
border-left: 13px solid #dfe3f7;
border-right: 13px solid #dfe3f7;
}

#header {
width: 900px;
height: 140px;
padding: 0;
margin: 0 auto;
text-align: center;
overflow: hidden;
}

/* #navbar {
width: 100%;
height: auto;
overflow: hidden;
margin: 0;
padding: 0;
background: #67c04b url('images/bg-nav.png') no-repeat top left;
border-top: 0;
border-top: 2px solid #dfe3f7;
} */

#line {
width: 100%;
height: 2px;
overflow: hidden;
margin: 0;
padding: 0;
border-top: 2px solid #dfe3f7;
background-color: #e07f0f;
}

#content {
float: right;
overflow: hidden;
width: 540px;
height: auto;
margin: 35px 0 25px 0;
padding: 0 30px;
font-size: 1em;
text-align: left;
}

#sidebar {
float: left;
overflow: hidden;
width: 300px;
margin: 0;
padding: 20px 0 25px 0;
font-size: 1em;
text-align: center;
}

#sidebar-img-container {
float: left;
width: 300px;
height: 225px;
position: relative;
margin: 17px 0 7px 0;
padding: 0;
overflow: hidden;
display: block;
text-align: left;
background-color: transparent;
}

#sidebar-img-overlay {
background-color: transparent;
top: 0;
right: 0;
overflow: hidden;
position: absolute;
width: 10px;
height: 225px;
padding: 0;
margin: 0;
z-index: 1;
text-align: right;
}

#footer {
width: 875px;
height: 50px;
float: none;
overflow: hidden;
font-size: 0.8em;
margin: 0 auto;
padding: 30px 0 0 25px;
text-align: left;
clear: both;
color: #fff;
background: #dfe3f7 url('images/bg-footer.png') no-repeat top center;
line-height: 16px;
}

#footer-reflection {
width: 860px;
height: 45px;
float: none;
overflow: hidden;
font-size: 0.6em;
font-weight: normal;
text-transform: uppercase;
margin: 0 auto;
padding: 5px 40px 0 0;
text-align: right;
background: #dfe3f7 url('images/bg-footer-reflection.png') no-repeat top center;
}




/* -------------------- IMAGES -------------------- */

.header-img {
width: 900px;
height: 140px;
padding: 0;
margin: 0;
border: 0;
}

.sidebar-img {
padding: 0;
margin: 0;
width: 300px;
height: 225px;
border: 0;
}

.sidebar-img-overlay {
padding: 0;
margin: 0;
width: 10px;
height: 225px;
border: 0;
}

.print-img {
width: 45px;
height: 45px;
border: 0;
padding: 0;
margin: 0;
}

#content img, p img {
max-width: 100%;
border: 1px solid #dfe3f7;
padding: 3px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px !important;
margin-bottom: 20px !important;
}

img.alignright {
margin: 0 0 20px 20px;
display: inline;
}

img.alignleft {
margin: 0 20px 20px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}




/* -------------------- IMAGE CAPTIONS -------------------- */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.alignleft, div.alignleft {
display: block;
margin-left: 0;
margin-right: 20px;
margin-top: 4px;
margin-bottom: 20px;
}

.alignright, div.alignright {
display: block;
margin-left: 20px;
margin-right: 0;
margin-top: 4px;
margin-bottom: 20px;
}

.wp-caption {
border: 0 none;
text-align: center;
background-color: transparent;
padding: 0;
/* -moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; */
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 0.8em;
font-style: normal;
line-height: 16px;
padding: 3px 0 0 0;
margin: 0;
color: #a1a1a1;
}

.sidebar-caption {
font-size: 0.8em;
font-style: normal;
line-height: 16px;
padding: 0 10px;
margin: 0 0 20px 0;
color: #a1a1a1;
}

/* End captions */




/* -------------------- TYPOGRAPHY & LINKS -------------------- */

p {
margin: 0 0 17px 0;
line-height: 19px;
}

p.edit {
margin: 17px 0 0 0;
line-height: 19px;
}

p.links {
margin: 17px 0 0 0;
line-height: 19px;
}

#footer p {
margin: 0;
line-height: 15px;
}

small {
font-size: 0.8em;
}

p.title-text {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.75em;
font-weight: bold;
color: #40608f;
margin: 0 0 25px 0;
}

p.future-events-excerpt {
border-bottom: 1px solid #dfe3f7;
padding-bottom: 21px;
margin-top: 0;
margin-bottom: -15px;
}

p.news-excerpt {
border-bottom: 1px solid #dfe3f7;
padding-bottom: 21px;
margin-top: -5px;
margin-bottom: -15px;
}

#header h1 {
display: none;
}

h1 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.75em;
font-weight: bold;
color: #40608f;
margin: 37px 0 15px 0;
}

h2 {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #67c04b;
margin: 33px 0 14px 0;
}

h2.future-events-title, h2.news-title {
margin-bottom: 12px;
}

h3.future-events-date {
margin-bottom: 2px;
}

h3.future-events-time, h2.news-time {
margin-bottom: 12px;
}

h3, h4, h5, h6 {
font-size: 0.8em;
font-weight: normal !important;
color: #ababab;
margin: 0 0 17px 0;
}

a, a:visited {
color: #e07f0f;
text-decoration: none;
}

a:hover {
color: #e07f0f;
text-decoration: underline;
}

#sidebar a, #sidebar a:visited {
color: #e07f0f;
text-decoration: none;
}

#sidebar a:hover {
color: #e07f0f;
text-decoration: underline;
}

#footer a, #footer a:visited {
color: #dfe3f7;
text-decoration: none;
}

#footer a:hover {
color: #dfe3f7;
text-decoration: underline;
}

#footer-reflection a, #footer-reflection a:visited {
color: #dfe3f7;
text-decoration: none;
}

#footer-reflection a:hover {
color: #fff;
text-decoration: none;
}




/* -------------------- FORMS -------------------- */

form {
margin: 0px;
padding: 0px;
}




/* -------------------- LISTS -------------------- */

ul {
margin: 0 0 17px 0;
padding: 0;
list-style: disc;
line-height: 19px;
}

ul li {
margin-left: 40px;
padding-left: 3px;
}

ol {
margin: 0 0 17px 0;
padding: 0;
list-style: decimal;
line-height: 19px;
}

ol li {
margin-left: 43px;
padding: 0;
}

/* sidebar list level 1 */
#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

/* sidebar list level 2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}

#sidebar ul li ul li {
border-bottom: 1px solid #eee;
}


#sidebar ul li ul li a, sidebar ul li ul li a:visited {
text-decoration: none;
padding: 3px 0 3px 15px;
display: block;
}

#sidebar ul li ul li a:hover {
text-decoration: none;
color: #462518;
}

/* sidebar list level 3 */
#sidebar ul li ul li ul li {
padding: 2px 0 0 15px !important;
border: none;
}

/* parent pages */

#page-parent {
width: 570px;
margin: 30px 0 17px -27px;
padding: 0;
}

#page-parent li {
float: left;
width: 254px;
border: 1px solid #dfe3f7;
margin: 0 0 28px 27px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
list-style: none;
padding: 0;
}

#page-parent .page_item a {
padding: 5px 10px 7px 10px;
display: block;
color: #464646;
text-decoration: none;
background: url('images/bg-page-parent.png') no-repeat top right;
}

#page-parent .page_item a:hover {
background: #dfe3f7 url('images/bg-page-parent-hover.png') no-repeat top right;
color: #464646;
text-decoration: none;
}

/* wp page nav menu */

.wp-page-menu {
float: left;
width: 100%;
background: #67c04b url('images/bg-nav.png') no-repeat top left;
margin: 0;
padding: 0;
font-size: 0.8em;
border-top: 2px solid #dfe3f7;
text-align: left;
list-style: none;
}

.wp-page-menu a {
display: block;
color: #fff;
text-decoration: none;
padding: 7px 12px;
}

li.page_item {
float: left;
padding: 0;
margin: 0;
border-right: 1px dotted #67c04b;
}

li.page_item a:hover {
color: #cafcbb;
}




/* -------------------- NAVIGATION MENU -------------------- */

#suckerfishnav {
background: #67c04b url('images/bg-nav.png') no-repeat top left;
font-size: 0.8em;
font-weight: normal;
width: 100%;
margin: 0;
border-top: 2px solid #dfe3f7;
text-align: left;
}

#suckerfishnav, #suckerfishnav ul {
float: left;
list-style: none;
padding: 0;
border: 0;
margin: 0;
width: 100%;
}

#suckerfishnav a {
display: block;
color: #fff;
text-decoration: none;
padding: 7px 12px;
}

#suckerfishnav li {
float: left;
padding: 0;
margin: 0;
border-right: 1px dotted #67c04b;
}

#suckerfishnav ul {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
margin: 0 0 0 -10px;
line-height: 1;
border: 0;
border-top: 2px solid #dfe3f7;
width: 200px;
z-index: 101 !important;
filter: alpha(opacity=90);
-moz-opacity: .90;
opacity: .90;
}

#suckerfishnav li li {
float: none;
border-bottom: 1px solid #dfe3f7;
border-right: 0;
font-weight: normal;
margin: 0;
}

#suckerfishnav li li a {
padding: 9px 20px 9px 20px;
color: #fff !important;
margin: 0;
}

#suckerfishnav li ul ul {
margin: -14px 0 0 150px;
}

#suckerfishnav li li:hover {
background-color: #8dace0;
}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color: #fff;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color: #cafcbb;
}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color: #fff;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left: -999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left: auto;
background-color: #40608f;
/* filter: alpha(opacity=90);
-moz-opacity: .90;
opacity: .90; */
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background: none;
}




/* -------------------- IN-TOUCH EMAIL FORM -------------------- */

div.intouch {
float: left;
width: 100%;
margin-bottom: 30px;
clear: both;
}




/* -------------------- GOOGLE MAPS I-FRAME -------------------- */

#google-map {
width: 532px;
height: 340px;
margin: 10px 0 20px 0;
padding: 3px;
border: 1px solid #dfe3f7;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}




/* -------------------- VIDEO QUICK-TAGS -------------------- */

.vvqbox {
margin-bottom: 30px !important;
}