/*===========================================================================*

	written by:
	* julian at visuallizard dot com
	updated by:
	* ross at visuallizard dot com
	(c)2009 - visuallizard.com

*===========================================================================*/

/* mobile CSS is only partially supported at present ... where possible, create mobile content specificly */

/* start with no divs */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size: 16px;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* bring back what you need for handhelds that support the mobile tag */

div#navigation.ie6,
div#header.ie6,
div#slider-block,
div#lawyernav,
div#col1,
.news-image-corner,
#news-image-corner,
.lawyer-plugin-banner,
div#content.article-landing,
div#col1.wide ul.sitenav_1 {
	display: none;
}
a {
	color: #68b548;
}




/* !latest news */
div#col2.home {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px 0;
	float: left;
}
div#col2.home h3 {
	font-size: 1.4em;
	text-transform: capitalize;
	margin: 10px;
}
div#col2.home p.latest-news {
	margin-left: 10px;
	display: block;
	clear: left;
	float: left;
}
div#col2.home p.latest-news span.news-thumb {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
div#col2.home p#view-all {
	margin: 10px;
	clear: left;
}
div#col2.home p#view-all a.rss {
	float: right;
}

/* !column 2 from 3 column layout */
div#col2.wide {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}
div#col2.wide div#col2left,
div#col2.wide div#col2right {
	clear: left;
	float: left;
	margin: 10px;
	border-bottom: 1px solid #000;
}
div#col2.wide div#col2left h2,
div#col2.wide div#col2right h2 {
	font-size: 1.6em;
	margin-bottom: 10px;
}
div#col2.wide div#col2left h3,
div#col2.wide div#col2right h3 {
	font-size: 1.4em;
	margin-bottom: 10px;
}
div#col2.wide div#col2left p,
div#col2.wide div#col2right p {
	line-height: 1.6em;
	margin: 10px 0;
}
div#col2.wide div#col2right blockquote p {
	margin: 10px 0;
	padding: 10px;
	background: #efefef;
	font-size: 1.3em;
	font-style: italic;
	color: #68b548;
}
div#col2.wide div#col2left div.news-brief {
	display: block;
	clear: left;
	float: left;
	border-bottom: 1px solid #eee;
}
div#col2.wide div#col2left div.news-brief p {
	display: block;
}
div#col2.wide div#col2left div.news-brief p span.news-image {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
div#col2.wide div#col2left div#news-article {
	display: block;
	clear: left;
	float: left;
	border-bottom: 1px solid #eee;
}
div#col2.wide div#col2left div#news-article p {
	display: block;
}
div#col2.wide div#col2left div#news-article span.news-image {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
div#col2.narrow p {
	margin: 10px;
}


/* !column 1 from 2 column layout */
div#col1.wide {
	display: block;
	margin: 10px 0;
	border-bottom: 1px solid #000;
}
div#col1.wide h2 {
	font-size: 1.6em;
	margin: 10px;
}
div#col1.wide h3 {
	font-size: 1.4em;
	margin: 10px;
}
div#col1.wide p {
	margin: 10px;
	line-height: 1.6em;
}
/* !column 2 from 2 column layout */
div#col2.narrow {
	display: block;
	margin: 10px 0;
	border-bottom: 1px solid #000;
}
div#col2.narrow h2 {
	font-size: 1.6em;
	margin: 10px;
}
div#col2.narrow h3 {
	font-size: 1.4em;
	margin: 10px;
}
div#col2.narrow blockquote p {
	margin: 10px;
	padding: 10px;
	background: #efefef;
	font-size: 1.3em;
	font-style: italic;
	color: #68b548;
}


/* !column 2 from articling layout */
div.articling div#col2 {
	display: block;
	margin: 10px 0;
	border-bottom: 1px solid #000;
}
div.articling div#col2 h2 {
	font-size: 1.6em;
	margin: 10px;
}
div.articling div#col2 h3 {
	font-size: 1.4em;
	margin: 10px;
}
div.articling div#col2 p {
	margin: 10px;
	line-height: 1.6em;
}



/* !column 2 from lawyer landing layout */
div#static-lawyerlist {
	margin: 10px 0;
}
div#static-lawyerlist ul.alphalist {
	display: block;
	float: left;
	margin: 10px;
}
div#static-lawyerlist ul.alphalist li {
	display: block;
	float: left;
	text-transform: uppercase;
}
div#static-lawyerlist ul.alphalist li a {
	padding: 0 10px;
}
div#static-lawyerlist p.letter-category {
	clear: left;
	float: left;
	margin: 10px;
}
div#static-lawyerlist ul.list-group {
	margin: 0 20px;
	clear: left;
	float: left;
}
div#static-lawyerlist ul.list-group li {
	margin: 5px 0;
	clear: left;
}
div#static-lawyerlist ul.list-group li span {
	width: 200px;
	display: block;
	float: left;
}


div#lawyerlist {
	position: absolute;
	background: #fff;
	border-bottom: 1px solid #68b548;
	z-index: 10;
	margin-left: 10px;
}
div#lawyerlist ul {
	display: block;
	float: left;
	margin: 10px;
}
div#lawyerlist ul li {
	display: block;
	width: 200px;
	float: left;
	padding: 0 0 5px 0;
}
div#lawyerlist a#close-lawyerlist {
	margin: 10px;
}
div#landing {
	
}
div#landing a#display-lawyerlist {
	display: block;
	margin: 10px;
}
div#landing div.vcard {
	margin: 10px;
	float: left;
	border-bottom: 1px solid #000;
}
div#landing div.vcard h2 {
	font-size: 1.6em;
}
div#landing div.vcard img {
	float: left;
	margin: 0 10px 10px 0;
}
div#landing div.vcard div.lawyer-info,
div#landing div.vcard div.assistant-info {
	display: block;
	float: left;
	margin: 10px;
}
div#landing div#details {
	clear: both;
	margin: 10px;
}
div#landing div#details h3 {
	font-size: 1.4em;
	margin: 10px 0;
}
div#landing div#details ul {
	margin: 10px 25px;
	list-style: disc;
}
div#landing div#details p {
	margin: 10px 0;
	line-height: 1.6em;
}
div#landing div#details div {
	display: block;
	border-bottom: 1px solid #68b548;
}
div#landing div#details div ul {
	margin: 10px 25px;
	list-style: disc;
}



/* !header */
div#header {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px 0;
	clear: left;
}
div#header div#replace {
	margin: 10px;
	font-size: 1.6em;
}
div#header form {
	margin: 10px;
	padding-bottom: 10px;
}



/* !navigation */
div#navigation {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding: 10px 0;
}
div#navigation ul {
	margin-left: 10px;
	width: 300px;
}
div#navigation ul li {
	display: block;
}
div#navigation ul li a {
	border: 1px solid #ccc;
	display: block;
	margin-bottom: 5px;
	padding: 3px 10px;
	background: #fff;
	color: #68b548;
	text-decoration: none;
}
div#navigation ul li a:hover {
	background: #68b548;
	color: #fff;
}
div#navigation ul ul {
	background: #ddd;
	margin-left: 0;
	padding-left: 10px;
	border: 1px solid #ddd;
}
div#navigation p.date {
	margin: 10px;
}



/* !footer */
div#footer {
	
}
div#footer p {
	margin: 10px;
}