/*  
Theme Name: About Counselling
Version: 1.0
Author: James Rowland

Colours:
	green: #006666
	wine:  #660033
	beige: #ffffcc


----------------- */

/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,f,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	behavior: url(iepngfix.htc);

}

img, h1, div, a, li { behavior: url(/iepngfix.htc); }

p {
	color: #333333;
	margin: 0.7em 0 0.7em 0;
	line-height: 1.3em;
}

blockquote{
 font-family:Georgia, "Times New Roman", Times, serif;
 padding-top: 5px;
}
/* base.css*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:158.5%; 
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:123.1%; 
}

#main-col h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:158.5%; 
}


h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;  
}

h4 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:100%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0 0.5em 0;

}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	color: #660033;
}

hr {
 border: 0;
 color: #006666;
 background-color: #006666;
 height: 1px;
}

a:link		{ color: #006666; text-decoration: none;}
a:visited	{ color: #006666; text-decoration: none;}
a:hover		{ color: #660033; text-decoration: none;}
a:active	{ color: #660033; text-decoration: none;}


/*---------------------------------------------------------------------------------
Blog Entries
---------------------------------------------------------------------------------*/

.post h2{ /*controls the colour of a posts h2*/
 color: #006666;
}

.post ul {

 margin-top: 10px;
}

.post li {
 background:transparent url(images/bullet.gif) no-repeat scroll 0 50%;
 padding-left:15px;
 margin-left: 12px;
 margin-top: 5px;
}

.datebox{
 width: 40px;
 float:left;
 padding: 3px;
 background: url(images/date-bg.gif) repeat-x;
 text-align: center;
 margin: 0 0.7em 0 0;
 }
 
 .datebox p{
 color:white;
 }
 
 .day{
  font-size: 2.6em;
  font-weight: bold;
  margin: 0;
  }

 .month{
  font-size: 1.4em;
  font-weight: bold;
  text-transform:uppercase;
  margin: 0;
  padding-top: 2px;
  }
  
.year{
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  }
  
  .navigation{
  position:relative;
  float:left;
  padding-top: 20px;
  }
  
  .post-link{
  position:relative;
  float:left;
  padding-right: 20px;
  }
/*---------------------------------------------------------------------------------
Blog Comments 
---------------------------------------------------------------------------------*/

textarea#comment{width: 250px; height: 100px;}

.comments-numbers{
	margin-top:10px;
	font-size:123.1%;
	font-weight:bold; 
	color: #333333;
}


.commentlist li {
	width: 434px;
 	padding: 15px 18px 32px 18px;
	margin-top:15px;
	background:#669999 url(images/bg_commentlist.gif) bottom left no-repeat;
	color:#fff;
	}

.commentlist cite {
	display:block;
	font-style:normal;
	margin-bottom:10px;
	margin-left:20px;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#006666;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#660033;
	text-decoration:underline;
	}


/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	 /*margin-right: auto; this centres the body */
	/*margin-left: auto;   this centres the body */
	height: 100px;
	font-family: Arial, Verdana, 'Lucida Grande', Helvetica,  sans-serif;
    background: #ffffcc  url(images/about_counselling_services_bkg_white-grad6.jpg) no-repeat scroll center top;

}


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}


/*
Structure
*/

#page-wrap { 
width: 897px;
margin: 0px auto -250px; /*sticky footer stuff*/
min-height: 100%;
height: auto !important;
height: 100%; /*for IE 6 browsers that don't respect min-height.*/
 }

#push{
height:50px; /*sticky footer stuff*/

}

/*Utility Styles*/
.left {float: left;}
.right {float: right;}
.clear {clear:both;}
.button {
 border: 1px solid #006633;
 background:#006666;
 padding: 3px 8px;
/* -moz-border-radius: 3px;
 -webkit-border-radius: 3px;*/
 color: white;
 }
 
 .button:hover{
 background:#fff;
 color:#006666;
 
}

/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------
Header-----*/

h1#logo {
 width: 250px;
 height: 108px;
 background: url(images/logo-new8bigger.png) no-repeat;
 float:left;
 margin: 20px 15px;
 text-indent: -9999px;
}
  
 h1#logo a{
 display: block;
 height: 108px;
 background: url(images/logo-new8bigger.png) no-repeat;
}


#top-box{
	position:relative;
	width: 330px;
	height : 35px;
	float:right;
	padding: 5px 5px;
	margin: 0 23px 0 0;
	background: url(images/search-grad.gif) repeat-x;
}

#search-box{
	position:relative;
	float:left;
	padding-left: 4px;
	}

#text-box {
	position:relative;
	float:left;
	margin: 5px 0 0 5px;
	}

#text-box a {
	color:#FFFFFF;
		}

#text-box a:hover {
	color:#006666;
		}


#masthead-contact {
  position:relative;
  float:right;
  width: 350px;
  height: 58px;
  background: url(images/call-now-new2.png) no-repeat;
  margin: 25px 15px 0 50px;
  
}

#masthead-contact h3{
color:#006666;
}

.mast-contact-left {
 float:left;
 width: 145px;
 margin-left:15px;
}
	
.mast-contact-right {
 float:left;
 width: 130px;
 margin-left:44px;
 margin-top: 0;

}	
	
/*---------------------------------------------------------------------------------
Navigation-----*/

#nav-bar {
	position:relative; 
	height:62px; 
 	width:818px;
	margin-left:37px;
	padding-top: 28px;
	z-index:1;
}

#main-nav ul{
	list-style-type: none;
	position:relative; 
	height:62px; 
	width:818px;
	
}

li#nb1 {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 164px;
	height: 62px;
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat 0 0;
}

li#nb2 {
	position:absolute;
	bottom: 0;
	left: 164px;
	width: 164px;
	height: 62px;
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -164px 0;
}

li#nb3 {
	position:absolute;
	bottom: 0;
	left: 328px;
	width: 164px;
	height: 62px;
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -328px 0;
}

li#nb4 {
	position:absolute;
	bottom: 0;
	left: 492px;
	width: 164px;
	height: 62px;
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -492px 0;
}

li#nb5 {
	position:absolute;
	bottom: 0;
	left: 656px;
	width: 164px;
	height: 62px;
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -656px 0;
}

#main-nav a{
    display:block;
	width: 164px;
	height: 62px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

li#nb1 a:hover, li#nb1.active {
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat 0 -62px;
}
li#nb2 a:hover, li#nb2.active {
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -164px -62px;
}
li#nb3 a:hover, li#nb3.active {
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -328px -62px;
}
li#nb4 a:hover, li#nb4.active {
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -492px -62px;
}
li#nb5 a:hover, li#nb5.active {
	background: url(images/navigation-bar-image-smaller-png.png) no-repeat -656px -62px;
}

/*---------------------------------------------------------------------------------
Banner Section-----*/

#top-banner{
	position:relative; 
	height:238px; 
 	width:818px;
	margin-top:-10px;
	margin-left:37px;
	
}



/*---------------------------------------------------------------------------------
Main Content-----*/

.white-bg{
	position:relative;
	width: 898px;
	height: 100%;
	/*margin-left:2px;*/
	background: #fff url(images/bg-paper.png) repeat-y;

}

#main-col{
	position:relative; 
	float:left;
	width: 620px;
	margin-left:10px;
	padding-left: 10px;
	padding-top: 20px;
	background: #fff;

}


/*---------------------------------------------------------------------------------
Sidebar-----*/

#sidebar {
 position:relative; 
 width:157px;
 float:left;
 
 padding-bottom:25px;
 margin-left: 18px;
 margin-top: 25px;
 background: url(images/sidebar-bg.gif) repeat-y;
 border: 1px solid #333333;
 
 /*margin-top: 250px; // below top-banner*/
}

#sidebar li{
 list-style-type:none;
 padding-bottom: 15px;
 
}

.cat-item{
background-color:#7b0c45;
/*  background: url(images/sidebar-a-bg.gif) no-repeat left bottom;
*/  }

#sidebar h2{
color:#FFFFFF;
font-size:138.5%;
margin: .9em 0 0.7em;
}

#sidebar a{
color:#FFFFFF;
}

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

/*---------------------------------------------------------------------------------
Footer-----*/

#footer {
 margin: 0px auto; 
 height: 187px;
 width: 818px;
 background: url(images/footerbg-long.gif) repeat-x;
}

#footer a {
 color:#fff;
 }

#footer a:hover	{ 
 color: #660033; 
 
 }

#footer-columns {
 position:relative;
 height: 122px;
 width: 818px;
 margin: 0 0 0 10px;

}

#footer-columns p{
 color:#fff;
 margin: 0 0 0.4em 0;
}

.footer-column-1 {
 position:relative; 
 float:left;
 width: 170px;
}

.footer-column-2 {
 position:relative; 
 float:left;
 width: 170px;
 margin-left:39px;
}

.footer-column-3 {

 position:relative; 
 float:left;
 width: 170px;
 margin-left:39px;

}

.footer-column-4 {

 position:relative; 
 float:left;
 width: 170px;
 margin-left:39px;

}

#footer-copyright-section {
 position:relative;
 height: 27px;
 width: 800px;
 margin: 30px 0 0 10px;
 
}

#footer-copyright-section p{

 margin: 9px 0 0 0;
  color:#fff;
 
}

#footer-copyright-section a:hover {

 color: #006666;
}

.hr-footer{
 border: 0;
 margin: 8px 0;
 height: 1px;
 width: 80%;
 background-color: #660033;
 color: #660033;
 /*background: url(images/dot1.png) repeat-x;*/
}

#map{
width: 100%; 
height: 300px; 
margin: 20px 0 0 5px;
}