/*   Theme Name: Elegance 
Theme URI: http://www.powertheme.com/themes/elegance/ 
Description: An elegant WordPress theme brought to you free by <a href="http://www.powertheme.com">PowerTheme</a> 
Version: 1.1 
Author: PowerTheme Author URI: http://www.powertheme.com/ 
Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns 
*/ 

* { margin: 0; padding: 0; outline: none;  }

a:link, a:visited { color:#C40064; } 
a:hover { text-decoration: none; }
a:focus{ color:#fff; background: #C40064; }



a img {border:0;}
strong {color:#313131;}


body {  font-family:Arial, Verdana,  Helvetica, san-serif; font-size: 1em; color: #4D4D4D; background: #bdd1ef url(img/new/blue_grad.png) top left repeat-x;   }

blockquote {padding-left: 4em; padding-right: 4em; margin-top: 2em; margin-left:1em;  background: transparent url(img/quote.gif) top left no-repeat; }

blockquote p {max-width:100%; min-height: 45px;}

#wrapper {   width: 60em; margin: 0 auto;  height:100%;}

#header {  width: 60em; height: 135px; }
#header a { color:#CB5914; }
header a:focus { color:#fff; }

a.logo { width: 192px; height: 52px; float: left; background: url(img/logo.png); margin-top: 45px; }
a.logo span { display: none; }

.cons { margin-top: 8.5em; color:#000;}

#branding { float:left; margin-top:0; width: 100%;}

#branding h1 a { color:#914b08; font-weight: normal; text-decoration: none;}

#branding img { border:0; }

#branding p.alignright { float:right; color:#b55c08; font-size: 0.8em; padding-top: 0.5em; padding-right:23em; }
#branding p.alignright a {text-decoration: none; }
#branding p.alignright a:focus {color:#fff; }


#subheader { background: url(img/subheader-bg.png) no-repeat; width: 800px; height: 163px; float: left; } 
#subheader p { font-size: 0.7em; margin: 3.5em 0 0 0.63em; width: 29em; }

/*
	script stuff 
*/
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#content { width: 30em; float: right; margin-right: 8em;}
#page-content { width: 30em; float: left; margin-right: 8em;}


.post { margin-bottom: 2em;}
.post ul {margin-left: 2em;}
.post ul li {padding: 0.3em; line-height: 1em;}
.post h2 {max-width:80%; font-weight:normal; color: #752011;}
.post h2 a:hover {text-decoration: underline;}
.post h3 {color: #752011; margin-bottom: -0.5em; margin-top:1.2em;}
.post hr {background:#C2CFE0; color: #C2CFE0; margin-top: 1em; margin-bottom: 1em; }
.post a:visited { color: ##e47611; }
.post a:focus{ color:#fff; background: #C40064; }

.post h2 a { max-width 20em; margin-right:1em; color: #C40064; text-decoration: none; }
.post span.post-info { color: #999; font-size: 0.75em; padding-bottom: 0.3em; width: 35em; }
.post p { width:35em; line-height: 1.4em; margin-bottom: 0.7em; margin-top: 0em; }
.post p img { margin-bottom: 0.7em; }
.post div.cats { border-top: 1px solid #ececec; padding-top: 1em; }










#sidebar{ margin-top: -1.5em;  font-size: 0.8em; width: 21em; float: left; margin-left: 1em; background:#fff; margin-right:1em;}
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 1.3em; }
#sidebar ul li ul li { margin: 0; border: none; padding: 0; margin-left:1em;}
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 15.2em; background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }
#sidebar ul li h2 { background:  #D3E0F4; color: #752011; font-weight:normal; font-size:1.7em; padding: 0.3em;
margin-bottom:1em; }
#sidebar p {padding-left:0.6em; padding-bottom:0.8em; }
#sidebar ul li h2 a {padding-left: 1em;}

/*
	Stuff for homepage
*/

#rss {
text-align:right;
margin-right: 0.5em;
}

#davidphoto { background: #bdd1ef; padding-bottom: 0.8em; margin-top: -7px; }

#homeright { width: 17em; float:right; margin-bottom: 2em; margin-right:1em; background:#fff; margin-left: 0.7em; list-style-type:none;}
#homeright h3 {background:#D3E0F4; color: #752011; font-weight:normal; font-size:1.4em; padding: 0.3em; padding-left:0.5em; margin-bottom:1em;}


#homeright ul li h2 {background: #D3E0F4; color: #752011; font-weight:normal; font-size:1.4em; padding: 0.3em; padding-left:0.5em; margin-bottom:1em; }

#homeright p {padding-left:0.6em; padding-bottom:0.8em; width:15em; }


#linked {margin-right:8em; float:right; margin-top: -1.3em; margin-left:0.7em}


#homeimage { float:left; padding-bottom: 1.3em; padding-left: 2.3em; padding-top: 0.3em; width:39em;  background:#fff; }

#homeimage ul { margin-top:1.2em;  margin-left: 2em; list-style-image:url('img/sidebar-bullet.gif'); }
#homeimage ul li {padding: 0.3em;}

#homeimage h2 { width:90%; color:#752011; font-weight:normal; font-size:1.9em;}
#homeimage h3 { width:90%; color: #752011; margin-top:1em; font-weight:normal; font-size:1.4em;}
#homeimage h4 { width:36em; color: #752011; padding-top: 1.5em; margin-bottom:-0.5em;}
#homeimage p { width:90%; line-height: 1.4em; margin-bottom: 0.3em;  margin-top:1.3em; }
#homeimage li { max-width:90%; line-height: 1.2em;}



#homeimage hr {background:#C2CFE0; color: #C2CFE0; margin-top: 1em; margin-bottom: 1em; }

.navigation .previous {float:left;}
.navigation .next {float:right; margin-right: 1em;}

#footer { margin:auto; clear:both; width: 55em; color:#fff; margin-top: 1.3em; padding: 0.4em 0; }



#footer .inner { width: 54em; margin: 0 auto;  padding: 1em; }

#footer a {color:#fff; vertical-align:middle; }

img#linkedin { border:0; margin-left: 1em;}



/*
	.comments template styles
*/


div.comments {width: 32em;}

.comments { float: left; padding: 0;  }

.comments input[type=text], textarea { width: 21em; }

.comments input:focus { background-color:#DAECF4;}
.comments textarea:focus { background-color:#DAECF4;}


textarea { width: 28em; }

.comments fieldset {padding: 1.25em; border: 1px solid #CCC;  margin: 0.7em 0 1.2em 0; }

.comments p { padding: 0 0 0.7em 0;  }
.comments ul { list-style-type:none;  }
.comments li { list-style-type:none;  }

 h3#comments { font-size:1.6em; width:24em; padding: 0 0 0.9em 0; color:#752011;}

#cdisplay {  padding: 0; margin: 0; font-size: 0.9em;}
#cdisplay ul { list-style:none; }

#cdisplay p { width: 32em; } 

	#cdisplay li { padding: 0.7em;  margin-bottom: 10px;  }
	
	#cdisplay li.first { width:100%; list-style-image:none; border-bottom: #CCC 1px solid; background: #f6f6f6;}
	#cdisplay li.first p {width:30em; }
	#cdisplay p.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }



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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.hide {display:none}

.wp-caption {
   border: 1px solid #ddd;

   text-align: center;
   background-color: #fff;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}



.wp-caption p.wp-caption-text {

max-width:90%;
   font-size: 11px;
   line-height: 17px;

   padding: 0 4px 5px;
   margin: 0;

}

img.avatar {float:right;
margin-top: -4px;
margin-right: -105px; 
}



/*
	TABS stuff 
*/

#navtabs ul{ 

    list-style: none; 
    margin-top: 51px; 
margin-left: 10px;
    width: 100%;
    height: 2.5em;
    max-height: 2.5em;
    
} 

* html #navtabs ul{ 
border-bottom: 0;
}
 
#navtabs li { 
    float: left;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
margin-top:0.5em;
margin-left: 0.8em;



} 



#navtabs li.page-item-20 {
float:right;
}
 
#navtabs li a { 
                text-decoration: none;

} 

#navtabs li a:hover, #navtabs li a:focus{ 
        text-decoration: underline;
background:transparent;
color: #C40064;
} 
 
#navtabs li.current_page_item { 

background: #fff url(http://www.goodusability.co.uk/white_tab.png) top repeat-x;
margin-right: 5px; 
} 
 
#navtabs li.current_page_item a { 
        color: #979A9B; 
    }



/* for highlighting blog tab on posts */

#navtabspost ul{ 

    list-style: none; 
    padding: 0;
    padding-top: 35px; 
    height: 39px; 
} 
 
#navtabspost li { 
    float: left; 
    padding: 4px 0 6px 13px; 
    margin-right: 0; 

} 
 
#navtabspost li a { 
        padding: 8px 14px 8px 0;  
        text-decoration: none;

} 

#navtabspost li a:hover, #navtabspost li a:focus{ 
        text-decoration: underline;
background:transparent;

color: #C40064;
} 
 
#navtabspost li.page-item-3 { 

background: #fff;
margin-right: 5px; 
} 
 
#navtabspost li.page-item-3 a { 
        color: #6A6A6A; 
    }

      
/* for highlighting blog tab on services page*/


#navtabshire ul{ 

    list-style: none; 
    padding: 0;
    padding-top: 35px;
    height: 39px; 
} 
 
#navtabshire li { 
    float: left; 
    padding: 8px 14px 8px 0; 
    margin-right: 0; 

} 
 
#navtabshire li a { 
        padding: 8px 14px 8px 0; 

        text-decoration: none;


} 

#navtabshire li a:hover, #navtabsposthire li a:focus{ 
        text-decoration: underline;
background:transparent;
color: #C40064;
} 

 
#navtabshire li.page_item page-item-3 { 
border-top: solid 1px #C2CFE0 ;
border-left: solid 1px #C2CFE0;
border-right: solid 1px #C2CFE0;

border-bottom: solid 1px #fff;
background: #fff;
margin-right: 5px;  

} 


 
#navtabshire li.page_item page-item-3 a { 

        color: #000; 
    }