/*  
Theme Name: FSPL Theme
Theme URI: http://www.thewebdesignloft.com
Description: Custom Theme for FamilySupport.org.uk
Version: 1.0
Author: Susan Nelson
Author URI: http://www.thewebdesignloft.com/

*/

/*GENERAL SELECTORS*/

* {
 margin: 0;
 padding: 0;
}

img {
 border: 0;
}

ul, form, img {
 padding: 5px 15px;
}

ul {
 list-style-type: square;
}

ol {
 padding: 5px 25px;
}

p {
 margin: 12px;
}

h1 {
 padding: 0 0 15px 0;
}

h2 {
padding: 12px 10px 2px 12px;
}

h2 {
 font-size: 1.6em;
 font-family: arial, verdana, sans-serif;
 font-weight: normal;
 color: #256392;
}

h2 a, h2 a:visited {
 font-family: arial, verdana, sans-serif;
 font-size: 1em;
 font-weight: normal;
 color: #069;
 text-decoration: none;
}

h2 a:focus, h2 a:hover, h2 a:active {
 text-decoration: underline;
 color: #069;
}


h3 {
 font-size: 1.4em;
 padding: 10px 0 2px 10px;
 font-family: georgia, 'times new roman', serif;
 font-weight: normal;
 color: #069;
}

h4 {
 font-size: 1em;
 font-family: verdana, arial, sans-serif;
 font-weight: bold;
 color: #333;
 padding: 12px 10px 2px 14px;
}

a, a:visited {
 color: #069;
 text-decoration: underline;
}

a:focus, a:hover, a:active {
 color: #069;
 text-decoration: none;
}

/*GLOBAL STYLES*/

body {
 font-family: verdana, arial, sans-serif;
 font-size: .8em;
 text-align: center;
 color: #333;
 background: #9fbfd1;
}

#top {
 width: 780px;
 height: 16px;
 background: #fff url('images/Template-shadows_02.gif');
 margin: 20px auto 0 auto;
}

#wrapper {
 width: 780px;
 background: #fff url('images/Template-shadows.gif') repeat-y;
 text-align: left;
 margin: 0 auto;
 padding-bottom: 2em;
}

#bottom {
 width: 780px;
 height: 16px;
 background: #fff url('images/Template-shadows_03.gif');
 margin: 0 auto;
}

#header {
 position: relative;
 width: 740px;
 height: 100px;
 margin: 0 auto;
}

#header img {
 position: absolute;
 top: 0;
 left: 50px;
}

#header h1 {
 margin: 0;
 padding: 45px;
 color: #256392;
 text-align: center;
 font: 1.5em 'trebuchet ms', verdana, arial, sans-serif;
}

#search-box {
 float: right;
 width: 230px;
 margin: 10px 5px 0 0;
 text-align: center;
 font-size: .9em;
 color: #006c8b;
 font-family: arial, verdana, sans-serif;
}

#form_test {
position:absolute;
top: -5px;
right: 0px;
}

#form_test input {
 width: 135px;
 color: #333;
}

#headerImage {
 width: 740px;
 height: 240px;
 background: #e6e5e0;
 margin: 10px auto;
 text-align: center;
}

#headerImage img {
 margin: 0;
 padding: 0;
}

/*Top Tab Menu*/

#nav {
 width: 740px;
 margin: 30px auto 0 auto;
 position: relative;
}

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font-size: .9em;
font-family: verdana, arial, sans-serif;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
background: #01a0c7; /*Default menu color*/
border-bottom: 1px solid #fff;
}

#modernbricksmenu a:hover{
background-color: #51b1db; /*Menu hover bgcolor*/
border-bottom: 0;
}

#modernbricksmenuline{
clear: both;
padding: 0;
margin: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #256392;  
}

#modernbricksmenu .current_page_item a {
 background: #256392;
 border-bottom: 1px solid #256392;
}

#modernbricksmenu .current_page_ancestor a {
 background: #256392;
 border-bottom: 1px solid #256392;
}

/*Top Subnav*/

#subnavigation {
 width: 740px;
 height: 28px;
 margin: -5px auto 0 auto;
 background: #256392;
 color: #fff;
 font-family: verdana, arial, sans-serif;
}

#subnav ul {
 color: #fff;
 list-style-type: none;
}

#subnav li {
 font-size: .85em;
 padding-right: 15px;
 display: inline;
}

#subnav li a, #subnav li a:visited {
 color: #fff;
 text-decoration: none;
}

#subnav li a:focus, #subnav li a:hover, #subnav li a:active {
 color: #fff;
 text-decoration: underline;
}

#one li a:hover, #one li a:active {
text-decoration: underline;
}

/*Sidebar Menu*/

#sidebar2 {
 width: 175px;
 float: left;
 margin: 0;
 padding-top: 12px;
 overflow: hidden;
}

#navcontainer { 
 width: 175px;
 margin-top: 12px; 
}

#navcontainer ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a {
 display: block;
 padding: 3px;
 width: 160px;
 background-color: #256392;
 border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited {
 color: #fff;
 text-decoration: none;
}

#navcontainer a:hover {
 background-color: #01a0c7;
 color: #fff;
 text-decoration: none;
}

#navcontainer .current_page_item a {
background: #01a0c7;
 }

#navcontainer .current_page_ancestor a {
 background: #01a0c7;
}


/*Sidebar*/

#sidebar ul, #homeSidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#homeSidebar li {
list-style-type:none;
}

#homeSidebar li h2 {
font-size: 1.1em;
}

#sidebar ul li, #homeSidebar ul li {
padding: 0;
}

#sidebar ul li h2, #homeSidebar ul li h2, #sidebar2 h2 {
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
padding: 0;
margin-top: 10px;
}

#sidebar ul ul li, #homeSidebar ul ul li {
padding: 2px 0 0 5px;
line-height: 1.2em;
}

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

#sidebar a:focus, #sidebar a:hover, #sidebar a:active {
 color: #333;
 text-decoration: underline;
} 

.chat {
margin-left:6px;
}

/*Content Layout*/
      
#columns {
 width: 740px;
 margin: 0 auto;
 background: #fff;
 overflow: auto;
}

#content {
 width: 520px;
 float: left;
 background: #fff;
 margin: 0 30px 0 0;
}

#sidebar {
 width: 175px;
 float: left;
 margin: 0;
 padding-top: 12px;
 overflow: hidden;
}

#homeSidebar {
 width: 175px;
 float: left;
 margin: 0;
 padding-top: 12px;
}

#homeSidebar p {
 padding: 0;
}

#contactSidebar {
 width: 350px;
 float: left;
 margin: 0;
}

#contactContent {
 width: 380px;
 float: left;
 background: #fff;
 margin: 0 0 0 0;
}

#announcement {
 width: 300px;
 background: #e6e5e0;
 margin: 0 0 0 12px;
 float: left;
}

#announcement h2 {
 font-size: 1.2em;
 font-family: georgia, 'times new roman', serif;
}

#centerBox {
 width: 220px;
 height: 100px;
 background: #e6e5e0;
 margin: 0 0 0 20px;
 float: left;
}

#rightBox {
 width: 220px;
 height: 100px;
 background: #e6e5e0;
 margin: 0 0 0 20px;
 float: left;
}

/*Links Page*/

.catlinkspage {
 margin: 0 0 0 10px;
}

.clplinkcategory h2 {
 font-family: verdana, arial, sans-serif;
 font-size: .5em;
}

ul.clplinklist {
 list-style-type: none;
}

/*Posts & Blog Miscellaneous*/

.post {
 padding: 0;
}

.post h2 {
 font-family: verdana, arial, sans-serif;
 font-size: 1em;
 font-weight: bold;
 margin: 0 0 5px 0;
 color: #000;
}

.post h2 a, .post h2 a:visited {
 font-family: verdana, arial, sans-serif;
 font-size: 1.5em;
 font-weight: normal;
 color: #069;
 text-decoration: none;
}

.post h2 a:focus, .post h2 a:hover, .post h2 a:active {
 text-decoration: underline;
 color: #069;
}

.post img {
 float: left;
 padding: 3px;
 border: 1px solid #e6e5e0;
 margin: 6px 8px 6px 8px;
}

.entry {
 line-height: 18px;
}

.entry h2 {
 font-size: 1.6em;
 font-family: verdana, arial, sans-serif;
 font-weight: normal;
 color: #256392;
}

.entry h2 a, .entry h2 a:visited {
 font-family: verdana, arial, sans-serif;
 font-size: 1.6em;
 font-weight: normal;
 color: #069;
 text-decoration: none;
}

.entry h2 a:focus, .entry h2 a:hover, .entry h2 a:active {
 text-decoration: underline;
 color: #069;
}

p.postmetadata {
 border-top: 1px dotted #000;
 margin: 10px;
}

.navigation {
 padding: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.2em;
}

table#wp-calendar {
 width: 85%;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
	margin: 0 0 0 10px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*Footer*/

#footer {
 width: 780px;
 text-align: left;
 font-size: .85em;
 color: #069;
 margin: 0 auto;
 padding: 0;
}

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

#footer a:focus, #footer a:hover, #footer a:active {
 color: #069;
 text-decoration: underline;
}