/*  
Theme Name: North West Employment Law
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
 2008, Jigsaw Internet Solutions. All rights reserved. 
*/


/* RESET BUILT IN BROWSER STYLES */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul,li {list-style-type:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
a{text-decoration:none;}
:focus,:active { outline: 0;}

html { min-height: 100%; margin-bottom: 1px; }

body {
background:#fff url(images/bg-top.gif) repeat-x;
color:gray;
font:small/1.6em "Helvetica Neue", Helvetica, Arial, sans serif; }

.wrapper {
margin:0 auto;
width:940px; }

.clear {
clear:both; }

img.floatleft {
float:left;
margin:0 20px 10px 0;}

img.floatright {
float:right;
margin:0 0 10px 20px;}

/* TOP */

#top {
height:99px; }

#top h1 a {
background:url(images/header-logo-2.jpg) no-repeat 0 14px;
border:none;
display:block;
height:99px;
padding-bottom:10px;
text-indent:-9999px;
width:474px; }

#top h1,#footer .copyright,#page #side-col {
float:left; }

#top ul {
border:4px double #e5e4e0;
color:#5f5c56;
display:block;
float:right;
font-size:90%;
height:13px;
line-height:1.2em;
list-style-type:none;
margin:20px 0 0;
padding:10px; }

#top ul li {
background:transparent url(/img/bullet.gif) no-repeat scroll right 4px;
display:block;
float:left;
padding:0 25px 0 0; }

#top ul li a {
border:none;
color:#367295; }

#top ul li a:hover {
color:#86aabf;
text-decoration:none; }

#top ul li.end {
background:none;
padding:0; }

#top,#intro {
float:left;
width:940px; }


/* LINKS */

a {
color:#9B1D20;
text-decoration:none; }

a img {
border:0;
border-bottom:0; }

a.form {
border:0; }

a:hover {
text-decoration:underline; }

ul#employmeny-servies a, #sidebar a {
color:gray;
display:block; }

ul#employmeny-servies a:hover, #sidebar a:hover {
background-color:#E5E2DE;
color:#9A1C1F;
text-decoration:none; }

/* NAV */

#nav {
background-color:#E5E2DE;
border-bottom:solid 1px #fff;
height:35px;
width:100%; }

#nav a {
border:none;
color:#6b6a68;
display:block;
float:left;
height:23px;
line-height:100%;
padding:12px 17px 0; }

#nav a:hover {
background-color:#9B1D20;
color:#fff;
text-decoration:none; }

#nav li.selected a {
background-color:#8ac064;
color:#fff; }

#nav ul {
border-left:1px solid #fff;
float:left;
list-style-type:none;
width:100%; }

#nav ul li {
border-right:1px solid #fff;
float:left;
font-family:Palatino, "Palatino Linotype", Georgia, Times New Roman, serif;
font-weight:700;
height:35px;
letter-spacing:1px;
text-transform:uppercase; }




/* FOOTER */

#footer {
background:#fff url(images/footer.gif) repeat-x;
clear:both;
height:45px;
margin-top:30px;}

#footer .address,#page #main-col {
float:right;}

#footer p {
font-size:95%;
padding:15px 0 0; }

/* INTRO */

#intro {
padding:34px 0; }

#intro #photo-box {
float:left;
height:244px;
margin:0 50px 0 0;
width:359px; }

#intro #photo-box p.text {
background-color:#000;
color:#ddd;
margin-top:140px;
padding:.3em 1.5em; }

#intro a {
font-size:105%; }

#intro h1 {
float:left;
font-size:24px;
line-height:1.1em;
width:530px; }

#intro img {
float:left;
margin:0; }

#intro p {
float:left;
font-size:110%;
line-height:1.5em;
margin:0 0 15px;
width:530px; }

/* MAIN */

#main {
background:url(images/main_bg.png) repeat-x;
padding-top:1em; }

#main-col {
float:left;
width:700px; }

#main-col,#side-col {
margin-top:20px; }

#page #main-col h2 {
line-height:24px;}

#page #main-col ul {
float:left;
margin-bottom:10px;
width:170px;}

#page #main-col ul h4 {
color:#9A1C1F;}

#page #main-col ul.content {
float:none;
margin-top:-20px;
width:auto;}

#page #main-col ul.content li {
list-style-position:outside;
list-style-type:disc;
margin-left:20px;}

#photo-box p a {
border-bottom-color:#999;
color:#eee;
font-weight:700;}

#photo-box strong,#photo-box p a:hover {
color:#fff;}

#picborder {
border:2px solid #9A1C1F;}

/* SIDEBAR */

#side-col {
float:right;
width:200px;}
#sidebar { width: 200px;}
#side-col h3, #sidebar h3 {
font-weight:700;}

#side-col ul, #sidebar ul {
margin-bottom:20px;}

#side-col ul li, #sidebar ul li {
border-bottom:1px solid #E5E2DE;
font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:3px 0;}

/* TEXT */

div#main-col h2 {
font-size:2em; }

h1,h2,dd.title,dt.title {
color:#9B1D20;
font-family:Georgia, Times, "Times New Roman";
font-weight:400;
margin-bottom:.5em;}

h3 {
color:#9B1D20;
font-size:1.1em;
font-weight:400;
letter-spacing:1px;
padding:0 0 .3em;
text-transform:uppercase;}

h4#combo {
padding-top:15px;}

input.text {
border:1px solid #d9d9d9;
color:#666;
font-family:"Helvetica Neue", Helvetica, Arial, sans serif;
font-size:100%;
padding:.4em;}

p {
margin-bottom:1.8em; }

p.postmetadata {  border-top: 1px solid #E5E2DE; padding-top: 5px; }

span.jigsaw { margin-left:280px; }

#searchform {
margin:20px 0;
width:300px;
}

ol.commentlist li { padding-top: 20px; border-bottom: 1px solid #e5e2de;}

textarea#comment { width: 450px;}

ul.comment-list { margin: 0; padding:0;}

.comment-info h4 { margin:0; font-size: 14px;}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

li.comment { 
	border-bottom: 3px solid #E5E5E5; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
#respond h3, h3#respond, h3#comments { font-size: 16px; margin-top: 50px; border-bottom:  3px solid #E5E5E5; padding-bottom: 10px;}
	
h3#respond { border-bottom: 0;}
	
p.commentdate { margin: 0; font-size: 11px; font-weight: bold;}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}