/* MAIN LIGHT */

* {
margin:0;
padding:0;
}

body {
background-image:url(images/black_stripe5b.gif);
background-repeat:repeat-x;
background-color:#fff;
}

body#light {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ccc;
background-color:#000;
}

body#light #pagewrapper {
position:relative;
width:960px;
margin:0 auto;
padding:0 0 50px 0;
background-image:url(images/wrapper_bg13.gif);
background-repeat:repeat-y;
}

body#light #pagewrapper  h1 {
height:120px;
background-image:url(images/logo.gif);
background-position:left;
background-repeat:no-repeat;
position:relative;
background-color:#000;
}

body#light #pagewrapper h1 #address p {
font-size:12px;
position:absolute;
right:0;
top:0;
width:300px;
}

body#light #pagewrapper #anim {
height:120px;
padding:0;
background-color:#000;
}

body#light #pagewrapper #top_menu {
background-color:#222122;
height:26px;
margin:0 0 0 0;
}

body#light #pagewrapper #bread {
height:25px;
background-color:#EDAD4C;
margin:-4px 0 0 0;
padding:0;
color:#333;
}

body#light #pagewrapper #bread a {
color:#333;
text-decoration:none;
font-size:11px;
}

body#light #pagewrapper #bread a:hover {
color:#333;
text-decoration:underline;
font-size:11px;
}

body#light #pagewrapper #bread ul#children {
list-style-type:none;
margin:4px 0 0 10px;
padding:4px 0 0 0;
}

body#light #pagewrapper #bread ul#children li {
display:inline;
margin:0 20px 0 0;
}

body#light #pagewrapper #bread ul#children li a {
font-weight:normal;
}

body#light #pagewrapper #cont_wrap {
width:685px;
float:left;
padding-top:8px;
line-height:180%;
background-color:#fff;
background-image:url(images/cont_wrap_bg.gif);
}

body#light #pagewrapper #cont_wrap #content {
margin:15px 10px 10px 5px;
width:420px;
float:right;
color:#666;
overflow:hidden;
}

body#light #pagewrapper #cont_wrap #content p {
margin:0 0 10px 0;
}

body#light #pagewrapper #cont_wrap #content h2 {
font-size:14px;
color:#333;
margin:0 0 15px 0;
}

body#light #pagewrapper #right_col {
padding-top:8px;
width:260px;

float:right;
background-color:#dbdcdd;
overflow:hidden;
}

body#light #pagewrapper #right_col img[alt~="RSS"] {
border: none; 
width:15px;
float:left;
margin:0 5px 10px 15px;
} 

body#light #pagewrapper #right_col a[title~="RSS"]  {
text-decoration:none;
color:#333;
}

body#light #pagewrapper #right_col a[title~="RSS"]:hover  {
text-decoration:underline;
color:#333;
} 

body#light #pagewrapper #left_col img[alt~="RSS"] {
border: none; 
width:15px;
float:left;
margin:2px 5px 10px 5px;
} 

body#light #pagewrapper #left_col a[title~="RSS"]  {
text-decoration:none;
color:#333;
}

body#light #pagewrapper #left_col a[title~="RSS"]:hover  {
text-decoration:underline;
color:#333;
} 

body#light #pagewrapper #left_col img { 
margin:0 0 10px 0;
}

.clr {
clear:both;
}

body#light #pagewrapper #header #address {
color:#fff;
font-size:12px;
}


body#light #pagewrapper h1 #address a {
color:#fff;
text-decoration:none;
}

body#light #pagewrapper  h1 #address a:hover {
color:#fff;
text-decoration:underline;
}

body#light #pagewrapper #left_col h2 {
font-size:12px;
color:#333;
font-weight:bold;
margin:0 0 0 5px;
}


body#light #pagewrapper #right_col p.archive_link,  
body#light #pagewrapper #left_col p.archive_link {
margin:0 0 15px 62px;
}

body#light #pagewrapper #right_col p.archive_link a,
body#light #pagewrapper #left_col p.archive_link a {
font-size:10px;
color:#333;
font-weight:bold;
text-decoration:none;
}

body#light #pagewrapper #right_col p.archive_link a:hover,
body#light #pagewrapper #left_col p.archive_link a:hover {
font-size:10px;
color:#333;
font-weight:bold;
text-decoration:underline;
}


table#barristers, table#profile {
display:block;
float:none;
}

table.barristers  {
display:block;
float:none;
}

table#barristers td, table#barristers th, table#profile td, table#profile th {
vertical-align:top;
text-align:left;
font-size:11px;
line-height:140%;
color:#000;
padding:4px;
margin:0;
}

table.barristers td, table.barristers th {
vertical-align:top;
text-align:left;
font-size:11px;
line-height:140%;
color:#000;
padding:4px;
margin:0;
}

table#barristers th,  table#profile th {
border-bottom:1px solid #ccc;
}

table.barristers th {
border-bottom:1px solid #ccc;
}

table#barristers td img, table#profile td img {
line-height:0;
border:none;
margin:0;
padding:0;
}

table.barristers td img {
line-height:0;
border:none;
margin:0;
padding:0;
}

table#profile td.staff_image_profile {
text-align:right;
width:350px;
}

table#profile_detail {
border-top:1px solid #ccc;
}

table#profile_detail td {
padding:3px;
border-bottom:1px solid #ccc;
}
 
table#profile_detail td.head {
width:25%;
vertical-align:top;
text-align:left;
font-size:11px;
font-weight:bold;
line-height:120%;
color:#000;
padding:4px;
margin:0;
}

table#profile_detail td.detail {
vertical-align:top;
text-align:left;
font-size:11px;
line-height:140%;
color:#666;
padding:4px;
margin:0;

}

.page_heading, #content p.page_heading {
font-size:14px;
color:#333;
font-weight:bold;
}

body#light #content ul {
margin:0 0 0 15px;
}

body#light#content  a {
color:#333;
text-decoration:underline;
}

body#light#content  a:hover {
color:#333;
text-decoration:none;
}

body#light table#barristers td.tel_no {
width:80px;
}

#largeImage {
position: absolute;
padding: .5em;
background: #e3e3e3;
border: 1px solid #BFBFBF;
}

#brochure_thumbs {
text-align:center;
}

.portrait {
}

/* COMMON */
body {
padding:0;
margin:20px 0 0 0;
}

body#light #pagewrapper #cont_wrap #left_col  {
width:250px;
background-color:#efefef;
overflow:hidden;
}

body#light #pagewrapper #cont_wrap {
margin:0;
padding:0;
}

body#light #pagewrapper #footer {
margin:0 0 30px 270px;
}

body#light #pagewrapper #footer p,
body#dark #pagewrapper #footer p  {
font-size:10px;
color:#999;
}

/* HORIZ MENU */
body#light #pagewrapper #bread ul#primary-nav {
height:25px;
margin:0;
padding:0;
}

body#light #pagewrapper #bread ul#primary-nav li {
margin-right:10px;
}

body#light #pagewrapper #bread ul#primary-nav li a {
color:#000;
text-decoration:none;
}

body#light #pagewrapper #bread ul#primary-nav li a:hover {
color:#000;
text-decoration:underline;
}

body#light #pagewrapper #bread ul#primary-nav li a.menuactive {
color:#000;
font-weight:bold;
text-decoration:underline;
}

.post {
margin:0 0 20px 0;
}

#respond {
margin:10px 0 10px 0;
}

#commentform textarea {
width:400px;
}

#news_feed {
font-size:11px;
line-height:150%;
padding:0 15px 0 15px;
}

#news_feed_rt {
font-size:11px;
line-height:150%;
padding:15px 10px 0 15px;
}

#news_feed p.news_chan, #news_feed_rt p.news_chan {
color:#fff;
}

#news_feed p.news_chan a, #news_feed_rt p.news_chan a {
color:#333;
font-weight:bold;
text-decoration:none;
}


#news_feed p.news_chan a:hover, #news_feed_rt p.news_chan a:hover {
color:#333;
font-weight:bold;
text-decoration:underline;
}

#news_feed p.news_link a, #news_feed_rt p.news_link a {
color:#333;
}

#news_feed p.news_link a:hover, #news_feed_rt p.news_link a:hover {
color:#333;
text-decoration:none;
}

#news_feed p.news_desc, #news_feed_rt p.news_desc {
color:#333;
margin:0 0 10px 0;
}

body#light #pagewrapper #left_col #posts {
padding:5px;
color:#666;
font-size:11px;
line-height:130%;
}

body#light #pagewrapper #left_col p.post_title {
color:#666;
font-weight:bold;
}

body#light #pagewrapper #left_col .excerpt p {
color:#333;
margin:0 0 15px 0;
}

.post_image {
border:none;
cursor:default;
}



/** TOP MENU ** /

/* colours:
Orange: #F4AF48;
Grey: #222122
Light Grey: #59595
Dark Orange: #D58A3F
Mid Orange: #ECCAA2
/*

/* with of child elements li's */
#primary-nav li li { 
width: 120px; 
}

/* second level ul's */
#primary-nav, #primary-nav ul { 
list-style: none; 
margin: 0px; 
padding: 0px; 
}

#primary-nav ul { 
position: absolute; 
top: auto; 
display: none; 
}

/* adjust position of flyouts third level ul's */
#primary-nav ul ul { 
margin-top: 1px;
margin-left: -1px;
left: 100%; 
top: 0px; 
}

/* space the top level li's horizontally */
#primary-nav li {
text-align:center;
xmargin-left: -1px;
margin-right:30px;
float: left; 
}

/* child li's */
#primary-nav li li { 
text-align:center;
margin-left: 0px;
float: none; 
position: relative; 
background-color:#F4AF48;
border-bottom:1px solid #ECCAA2;
}

#primary-nav li li a.menuparent {
margin-right:5px;
background-image:url(images/right34.gif);
background-position:right;
background-repeat:no-repeat;
}

/* Styling the basic apperance of the top level text menu elements */
#primary-nav a { 
display: block; 
margin: 0px; 
padding: 5px 10px 6px 10px; 
text-decoration: none; 
}

/* style top level links */
#primary-nav li a:link, #primary-nav li a:visited, #primary-nav li.current_page_item {
color:#59595B;
}

/* style child level links */
#primary-nav li li a:link, #primary-nav li li a:visited, #primary-nav li li a:active {
color:#000;
}

/* style top level hover links */
#primary-nav li a:hover {
color:#fff;
}

/* style child level hover links */
#primary-nav li li a:hover {
color:#fff;
}

/* top level menu active menu parent */
#primary-nav li.menuactive a, #primary-nav li.menuparent  { 
color:#F4AF48;
xcolor:#EDAD4C;
}

/* top level acive link */
#primary-nav li.current_page_item a {
background-color:#F4AF48;
background-color:#EDAD4C;
color:#333;
}

/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}

/* Styling the apperance of menu LINKS on hover */
#primary-nav li a:hover, 
#primary-nav li a.menuh, 
#primary-nav li a.menuparenth, 
#primary-nav li a.menuactiveh,
#primary-nav li a:link.menuparent,
#primary-nav li a:visited.menuparent,
#primary-nav li a:active.menuparent { 
}

/* Styling the apperance of child bg menu items on hover */
#primary-nav li li:hover, 
#primary-nav li li.menuh, 
#primary-nav li li.menuparenth, 
#primary-nav li li.menuactiveh { 
}

/* Styling the apperance of child bg menu links on hover */
#primary-nav li li a:hover, 
#primary-nav li li a.menuh, 
#primary-nav li li a.menuparenth, 
#primary-nav li li a.menuactiveh { 
}


#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
display:none; 
}

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
display: block; 
}

/* IE Hacks */
#primary-nav li li { 
float: left; 
clear: both; 
}

#primary-nav li li a { 
height: 1%; 
}
/* ACCESSIBILIY */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


.entry p img {
border:none;
}
img.alignleft {float:left; margin-right:2px !important; border: 0px !important; margin-bottom:0px !important; padding-bottom:0px !important; padding-top:2px !important;}

.front_page_sidebar{

width:300px;
}