/*  
Theme Name: WorkabilityBucks
Theme URI: 
Description: Template for Bucks Workability Website
Version: 1.0
Author: Tim Bowes, BSS Web Services
Author URI: mailto:tim.bowes@obmh.nhs.uk
*/

/* ===== HTML STYLES ===== */
* {margin:0;padding:0;}

body    {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
        background-color: #669999;
        background-image: url(images/bd.gif);
        background-repeat: repeat-y;
        background-attachment:fixed;
        background-position: 50% 50%;
        }

p {
       font-size: 1.2em;
       line-height: 1.5em;
       margin: 0.8em  0.5em;
}



a, a:link, a:visited {color: #0066cc; text-decoration:none}
a:hover, a:active {color: #0066cc; text-decoration:underline;}
a img {border:0;}
acronym, abbr, span.caps {font-size:1em; cursor:help; border-bottom:1px dashed #3366FF;}			
blockquote {padding: 10px 50px 5px 50px; margin:10px 0px; font-style:italic;}
select {width: 130px;}	
h1 {font:3em Arial, Helvetica, sans-serif; font-weight:bold;}
h2 {font:2em Arial, Helvetica, sans-serif;}
h3 {font:1.4em Arial, Helvetica, sans-serif; font-weight:bold; margin: 1.2em 0 0 0.5em}
h4 {font:1.3em Arial, Helvetica, sans-serif; font-weight:bold;margin: 1.2em 0 0 0.5em;}
h3.blog {font:2em georgia, times, serif; font-weight:normal;margin: 1em 0 0 10px;}


/* ===== IMAGES ===== */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* ===== FLOATS ===== */

.clearfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;	}
.clearfloat {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}


/* ===== HOME PAGE STYLES ===== */

#splash {margin: 0 auto;width: 877px;}
img.splash {margin-left: 00px;border-style: none;}
#splashcontent {margin:40px 0px 0px 40px; width:100%; padding:0px; color:#000;float:right;min-height:300px;}
#splashcontent p {font-size:1.2em; line-height:1.4em; color: #000; padding-top:5px;padding-bottom:10px;}
#splashcontent h2 {font:2em Verdana, Arial, sans-serif; color: #000; padding:5px 0px;}
#splashcontent ol {
      font-size:1em; line-height:1.4em; 
      padding-top:10px;
      margin: 0px 0px 0px 20px; 
      padding: 10px 0px 15px 0px;
      }

#splashcontent ol li {
      font-size:1em; line-height:1.4em; 
      padding-top:10px;
      margin: 0px 0px 0px 20px; 
      padding: 0px 0px 5px 0px;
      }

#splashcontent ul {
      font-size:1em; line-height:1.4em; 
      margin-top:10px;      
      padding-top:10px;
      list-style-type: square; 
      margin: 0px 0px 0px 20px; 
      padding: 0px 0px 15px 0px;
      }

#splashcontent ul li {
      font-size:1em; line-height:1.4em; 
      list-style-type: square;
      margin: 0px 0px 0px 20px;
      padding: 0px 0px 5px 0px;
      }


/* ===== STRUCTURE ===== */

#wrap {
        margin: 30px auto 00px; 
        background-color: #669999;
        background-image: url(images/bg.gif);
        background-repeat: repeat-y;
        background-attachment:fixed;
        background-position: 50% 50%;
        }

#container {
        margin: 0px auto 0px;         
        width:958px;
        background-color: #fff;        
        }

#head {
	width:100%;
	margin:0px auto;
	margin-top:15px;
	padding:00px;
	}

#page {
	width:918px;
	margin:0px auto;
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        background-color: #fff;     
	}

.left, .alignleft {float:left;}
.right, .alignright {float:right;}


/* ===== MAST HEAD ===== */

#headercontent {
	position: absolute;
	margin: 18px 20px 20px 20px;
	padding-left: 65px;
	width:500px;
	height:60px;
	background: url(images/logo.png) no-repeat 0px 2px;
	}

#headercontent h1 {
	font-weight: bold;
	font-size: 29px;
	letter-spacing:-1px;
	color:#FF0000;
	font-weight:normal;
	}
	
.green {color: #69DA00;}
.blue {color: #40CDFF;}

#headercontent h2 {
	font-size: 18px;
	color: #000;
	font-weight:bolder;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	}
		

#search {
	float:right;
	width:300px;
        height:35px;
        margin: 38px 20px;
	text-align:right;
		}

#searchsubmit {
        padding: 4px 3px 3px 3px;
	font-size:10pt;
        margin-left:10px;
        cursor: pointer;
        color:#fff;
        border: 1px solid #000;
        background: #33CC00;
        }

#s  {
	padding:5px;
	font-size:10pt;
	width:200px;
        background: #F2F2F2;
        border: 1px solid #000;
	}

#topmenu {
        width:958px;	
        margin: 15px auto 0px; 
	text-transform:none;
	background:#000 url(images/glass.png) no-repeat top left;
	font-size:1em;
        }

#menus {margin-left: 5px}
#menus ul {list-style: none; margin: 0; padding: 0;}

#menus li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	margin: 0px;
	padding: 0px;
        color:#fff;
	}

#menus li:hover {}

#menus li.current_page_item a, #menus li.current_page_ancestor a {
   	background: url(images/tab-l.png) no-repeat left bottom;
        color:#000;
        padding-left: 10px;
        text-decoration:none;
        }

#menus li.current_page_item, #menus li.current_page_ancestor {
	background: url(images/tab.png) no-repeat right bottom;
        color:#000;
        padding-right: 0px; 
        }

#menus li.current_page_item a:link, #menus li.current_page_ancestor a:link, 
#menus li.current_page_item a:visited, #menus li.current_page_ancestor a:visited,
#menus li.current_page_item a:hover, #menus li.current_page_ancestor a:hover,
#menus li.current_page_item a:active, #menus li.current_page_ancestor a:active {
   	color:#000;        
        }

#menus a, #menus a:link, #menus a:visited, #menus a:hover  {
	margin: 0px;
	padding:10px 10px;
	font-weight:bold;
	color:#FFF;
	display:block;
	}

#mtools {
        color: #000;
        float:right;
        padding: 8px 8px 0 0;
        }


#submenu {
	width: 958px;
        height:35px;
        background: url(images/subm.png) repeat-x;
	}

#submenu ul {list-style: none; margin: 0; padding: 0;}

#submenu li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	margin-left: 5px;
	padding: 0px;
	}

#submenu li:hover {background: url(images/hover.png) repeat-x;}

#submenu a, #submenu a:link #submenu a:visited {
	margin: 0px;
	padding:10px 10px;
	font-weight:bold;
	color:#000;
	display:block;
	}

#submenu a:hover, #submenu a:active {text-decoration:none;display:block;}


/* ===== CONTENT LAYOUT ===== */

#content {
	width:590px;
	float:left;
        margin-bottom:50px;
	}

#content ol {
      font-size:1.1em; 
      line-height: 1.5em;
      margin: 0px 0px 0px 30px; 
      padding: 10px 0px 15px 0px;
      }

#content ol li {
      font-size:1.1em; 
      line-height: 1.5em;
      margin: 0px 0px 0px 30px; 
      padding: 0px 0px 5px 0px;
      }

#content ul {
      font-size:1.1em; 
      line-height: 1.5em;
      list-style-type: square; 
      margin: 0px 0px 0px 30px; 
      padding: 0px 0px 0px 0px;
      width: 500px;
      }

#content ul li {
      font-size:1.1em; 
      line-height: 1.5em;
      list-style-type: square;
      margin: 0px 0px 0px 30px;
      padding: 0px 0px 5px 0px;
      }

.date_cal { 
float:right; 
display:block; 
width:60px; 
height:60px; 
margin: 10px;
background: url('images/cal.gif') no-repeat; 
 } 

.date { 
color: #000; 
font-size: 16px; 
font-weight:bold;
margin:  7px 0 0 0px; 
text-align: center;
} 

.month { 
color: #000; 
font-size: 13px; 
font-weight:bold;
margin: 0 0 0 0px; 
text-transform: uppercase; 
text-align: center;
} 

.year { 
color: #000; 
font-size: 9px; 
font-weight:bold;
margin: 0 0 0 0px; 
text-align: center;
} 



#csummary, #asummary, #dsummary, #esummary, #psummary, #fade {
        margin-top: 40px; 
        margin-bottom: 0px;
        padding: 5px 0px 5px 10px;
        }

#asummary {background: url(images/h2d.png) no-repeat;}
#dsummary {background: url(images/h2b.png) no-repeat;}
#esummary {background: url(images/h2g.png) no-repeat;}
#csummary {background: url(images/h2y.png) no-repeat;}
#psummary {background: url(images/h2r.png) no-repeat;}
#fade {background: url(images/fade.png) no-repeat;}


/* ===== SIDEBAR ===== */

#sidebar {width:320px; float:right; margin:0px 0px 0px 0px; background-color: #fff;}
#jigside {width:275px; float:right; padding:10px 10px 10px 10px;}
#jigside .clearfloat {margin-top:7px; margin-bottom:8px;}
#jigside .info {margin-top:15px; padding-top:5px; float:right; width:175px;}
#jigside .infof {margin-top:15px; padding-top:5px; float:right; width:100%;}
#jigside .title {font-weight:bold;}
#jigside img {margin-top:5px;margin-right:5px;padding:2px;}
#jigside p {font-size: 1em; line-height: 1.5em; margin: 0 0 0.5em 0;}


#sidebar .side {margin: 0px 0 0 30px; font-size: 1em; line-height: 1.2em;}
#sidebar h4 {margin: 20px 0 0 30px;}

#sidebar ol {
      font-size:1em; 
      line-height: 1.2em;
      margin-left: 15px; 
      padding: 15px 0px 15px 0px;
      }

#sidebar ol li {
      font-size:1em; 
      line-height: 1.2em;
      margin-left: 15px; 
      padding: 5px 0px 5px 0px;
      }

#sidebar ul {
      font-size:1em; 
      line-height: 1.2em;
      list-style-type: none; 
      margin-left: 15px; 
      padding: 0px 0px 0px 0px;
      }

#sidebar ul li {
      font-size:1em; 
      line-height: 1.2em;
      list-style-type: none;
      margin-left: 15px; 
      padding: 5px 0px 5px 0px;
      }


/* ===== COMMENTS ===== */


.entry form { text-align:center; }

select { width: 130px; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
        margin: 0;
	padding: 0;
	text-align: left;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
        font-size: 1em;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* ===== FOOTER ===== */

#footer {
	bottom:0;
	margin: 0 auto;
       	width:961px;
        height: 30px;
        text-align: center;
        font-size: 10px;
        color: #fff;
        background-color: #000;
        padding: 5px 0 10px 0;
        border-left: 3px solid #588281;
        border-right: 3px solid #588281;
	}
#footer a {color: #fff;text-decoration:underline;}