/*
Theme Name: save-our-souls
Theme URI: 
Description: 
Author: Jordan Chatwin
Author URI:
Template: modularity
Version: 2.0
License:  GPL
*/
	
@import url("../modularity/style.css");

body {background:#222 /* url('http://www.save-our-souls.co.uk/images/diagonalstripe3.png') repeat */; border-top:none;}
.container-inner {width:900px;padding:40px 0 20px 0;margin-top:10px;margin-bottom:10px;}
#top {width:950px;margin:0 auto;padding:0;height:auto; background: none; clear:both;float:none;border:none;}
#masthead {margin: 0px 0 -20px -20px;width:990px;height:100px;background:#FFF;}
#masthead #logo h1 {line-height:0; margin:22px 0 0 45px;width:300px;}
#masthead #logo h1 a { color: #222; text-decoration: none; }
#masthead #logo .description { margin: 25px 45px 0 0;text-align:right; }
#masthead span.description {color:#999; position:relative;top:12px;}

.span-3 {width:500px;margin-left:22px;}
.span-8 {margin-top:68px;margin-left:37px;text-align:right;}
.span-10 {width:200px;float:right;margin-left:40px;margin-top:-90px;}
.span-15 {width:500px;margin-top:60px;}
.span-22 {width:875px;border-right:none !important;}

.content {width:520px;padding:40px 0}

#footer-wrap {background:transparent; url('http://www.save-our-souls.co.uk/images/blank.png') repeat;}

/* Typography */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.8em;margin-bottom:0.75em;font-weight:bold;border-bottom:1px solid #ddd;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h6 a {color:#666 !important;}
h6 a:hover {color:#000 !important}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

h3.sub, h2.sub {
border-bottom-color:#ddd;
border-bottom-style:solid;
border-bottom-width:1px;
color:#AAA;
font-size:1.5em;
font-weight:bold;
letter-spacing:0px;
line-height:1em;
margin-bottom:20px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:5px;
padding-left:166px;
padding-right:0;
padding-top:0;
text-transform:none;
}
p  {color:#555;}
a, .welcomebox h2 a {color:#111;font-weight:bold;}
a:hover {color:#AAA;}
.footer a {color:#AAAAAA !important:}

/* Navigation override */
#top .sf-menu {background:#fff; width:898px; float:left;margin:84px 25px 0px 0px;top:30%;border:1px solid #ddd;height:29px;}
#top .sf-menu a, .sf-menu a:visited  {color:#666;}
#top .sf-menu a:hover {color: #333;}
#top .sf-menu li {background:#fff;width:130px;margin:0px;border-right:1px solid #ddd;}
#top .sf-menu li li {background:#fff;width:130px !important;border-left:1px solid #ddd;}
#top .sf-menu li li ul {background:#fff;width:159px !important;margin-left:-191px;margin-top:29px;height:20px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#top .sf-menu li:hover, .sf-menu li.sfHover,
#top .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#eee;}
#top .sf-sub-indicator {background:url('http://www.save-our-souls.co.uk/wp-content/themes/save-our-souls/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
#top li.information {margin-left:195px;border-right:0px;border-left:1px solid #ddd;float:right;width:130px;}
#top li.information li {width:130px !important;margin-left:-1px;}
.sf-shadow ul {-moz-border-radius-bottomleft:0;-moz-border-radius-topright:0;padding-right:18px;background:none;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	none;}

/* Slider Post */
#slider-posts {-webkit-box-shadow: 0 0 20px #999;-moz-box-shadow: 0 0 20px #999;}
#slider-posts .slide{ background:#eee;}
#slider-posts .slide .slide-details h2 { color:#111;}
#slider-posts .slide .slide-details p { color:#222;}
#slider-posts .slide .slide-wrapper a, #slider-posts .slide .slide-details h2 a {color:#111}
#slider-posts .slide .slide-wrapper a:hover, #slider-posts .slide .slide-details h2 a:hover {color:#000}
#slider-posts .slide h2 a.button {color:#fff;text-decoration: none;}
#slider-posts .slide h2 a.button:hover {color:#eee;}
    
/* Category Sections */
#category-stack{margin:0 0 2em}
.byline {font-size:.9em;margin:0;color:#bbb}
.byline a {color:#bbb}
.more {margin:0 0 1em;}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#222;height:1%;background:url(images/li.png) no-repeat 0 50%;line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#515151;background: #f7f7f7 url(images/li.png) no-repeat 2px 50%; text-indent: 1px;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

/* Sidebar Styles */
#sidebar ul li a, ul.txt li { background:url(images/li.png) no-repeat 0 50%; }
#sidebar ul li a:hover, ul.txt li:hover { background: #f7f7f7 url(images/li.png) no-repeat 2px 50%; text-indent: 1px; }


/* Welcome Box */
.welcomebox { background: #f7f7f7; }
.welcomebox h2 { color: #232323; }
.welcomebox h2 a { color: #232323; text-decoration: underline; }
.welcomebox h2 a:hover { color: black ;}

/* Thumbnails */
.thumbnail { /* opacity - move to sep. stylesheet */ filter: alpha(opacity=.60); -moz-opacity: .60; opacity:.60; cursor:pointer}
.thumbnail:hover { /* opacity - move to sep. stylesheet */ filter: alpha(opacity=100); -moz-opacity: 100; opacity:100; cursor:pointer}

/* Post */
.post  {clear:both;display:block; border-bottom:0px solid #EEE;margin-bottom:40px;}
.prev {float:left;}
.next {float:right;}

.prev a, .next a {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EEE;
color:#222;
display:block;
font-size:14px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
margin-bottom:40px;
text-decoration:none;
}

.prev a:hover, .next a:hover {background-color:#222;color:#EEE;}

#commentform #submit {font-size:1em;color:#222;background-color:#EEE;border:none;}
#commentform #submit:hover {color:#EEE;background-color:#222}

.postmetadata  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
background-attachment:scroll;
background-color:#FFF;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
color:#999999;
font-size:10px;
padding-bottom:.5em;
padding-left:0em;
padding-right:1em;
padding-top:.5em;