/*

Theme Name: FLP

Theme URI: http://familylawprofessionals.ca

Description: Custom theme design for Family Law Professionals

Version: 1.1

Author: Brendan Sera-Shriar

Author URI: http://backspacestudios.com

Revisions: John Sessford

Revision Author URI: http://ikailo.com

*/

/* Begin Structure */

body {

	width: 100%;

	margin: 0 auto;

	padding: 0;

	font-size: 62.5%; /* Resets 1em to 10px */;

	font-family: Tahoma, Arial, Sans-Serif;

	background: #cccccc url('images/body_bg.png') top left repeat-x;

	color: #333;

}

#container {

	width: 769px;

	height: 100%;

	margin: 0 auto;

	padding: 0;

}

#header {

	width: 769px;

	height: 170px;

	margin: 8px auto 0 auto;

	padding: 0;

	background:url('images/header.png') no-repeat;

}

#navigation {

	width: 769px;

	height: 20px;

	margin: 0 auto;

	padding: 0;

	background: url('images/menu_bg.png') repeat-y;

}

#page {

	width: 769px;

	height: 100%;

	margin: 0 auto;

	padding: 0 0 20px 0;

	background: url('images/page_bg.png') repeat-y;

}

#content {

	width: 477px;

	/*height: 100%;*/

	margin: 20px 0 0 0;

	padding: 10px 30px 0 50px;

	float: left;

	border-right: 2px dotted #cccccc;

}

.post {

	margin: 0;

	text-align: justify;

}

#sidebar {

	width: 150px;

	height: 100%;

	margin: 20px 0 20px 0;

	padding: 10px 30px 0 30px;

	float: right;

}

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

#footer {

	background-color: white;

	margin: 0px auto;

	padding: 0;

	width: 769px;

	height: 27px;

	background: url('images/footer.png') top left no-repeat;

	clear: both;

	font-size: 10px;

}

/* End Structure */

/* Menu */

.menu {

	width: 757px; 

	/*height: 100%;*/

	margin: 0 auto;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-weight: bold;

	border-bottom: 1px #ffffff solid;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

	width: 100%;

	height: 20px;

	margin: 0 auto;

	padding: 0;

	list-style-type: none;

}

.menu ul ul {

	width: 200px;

	border-top: 1px white solid;

	border-left: 1px white solid;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {

	width: 124px;

	margin: 0;

	padding: 0 1px 0 1px;

	float: left;

	position: relative;

	text-align: center;

	z-index:200;

}

.menu ul ul li {

	float: left; /*width:200px;*/

	position: relative;

	padding: 0;

	margin: 0;

}

/* style the links for the top level */

.menu a, .menu a:visited {

	display: block;

	font-size: 12px;

	text-decoration: none;

	color: #fff;

	background: #231f20;

	line-height: 20px;

}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

	background: #6e6e6e;

}

/* style the second level hover */

.menu ul ul a.drop:hover {

	color: #ffc91e;

	background: #231f20;

}

.menu ul ul :hover > a.drop {

	background: #000;

}

/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {

	visibility: hidden;

	position: absolute;

	height: 0; /*top:20px;*/

	left: 0;

/*	width:200px;*/

/*	border-top:1px solid #000;*/

}

/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {

	position: absolute;

	top: 0;

	left: 10px;

	border-collapse: collapse;

}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {

	background: #6e6e6e;

	color: #ffffff; /*height:auto;*/

	line-height: 1em;

	padding: 5px 10px 5px 20px;

	width: 221px;

	text-align: left;

	text-transform: none;

	font-size: 11px;

	font-weight: normal;

}

.menu .current_page_item > a, .menu .current_page_item > a:visited, .menu .current_page_parent > a, .menu .current_page_parent > a:visited, .menu .current_page_ancestor > a, .menu .current_page_ancestor > a:visited {

	color: #ffc91e;

}

.menu .current_page_item ul a, .menu .current_page_item ul a:visited {

	color: #ffffff;

}

/* style the top level hover */

.menu a:hover, .menu ul ul a:hover {

	color: #ffc91e;

	background: #6e6e6e;

	text-decoration: none;

}

.menu a:hover {

	color: #ffc91e;

	background: #6e6e6e;

	text-decoration: none;

}

.menu ul ul a:hover {

	color: #ffc91e;

	background: #000000;

	text-decoration: none;

}

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {

	visibility: visible;

}

/*End Menu */

/* Typography & Colors */

hr {

	border: none;

	border-top: 2px #ffc91e solid;	

	color: #ffc91e;

	margin: 12px 0;

	padding: 0;

}



input.input {

	border: 1px solid #cccccc;

	padding: 0 0 0 5px;;

	margin: 0;

	width: 120px;

	height: 17px;

	float: left;

	font-family: Tahoma, Arial, Sans-Serif;

	background: none;

	vertical-align: middle;

	font-size: 10pt;

}

input.submit {

	float: right;

	height: 19px;

	width: 19px;

	vertical-align: middle;

}

#emailform,

#searchform {

	height: 19px;

	width: 147px;

	padding: 0;

	margin: 0 0 6px 0;

}

#emailform {

	background-image: url('images/input_email_bg.png');

	background-repeat: no-repeat;

	background-position: 2px center;

}

#searchform {

	background-image: url('images/input_search_bg.png');

	background-repeat: no-repeat;

	background-position: 5px center;

}

#emailform.clear, #searchform.clear {

	background: #ffffff;

}



.search_but_off {

display:block;

width: 19px;

height: 19px;

background: url("images/search_but.gif") no-repeat 0 0;

}

.search_but_on {

display:block;

width: 19px;

height: 19px;

background: url("images/search_but_over.gif") no-repeat -19px 0;

}

#textsize {

height:25px;

margin:6px 0 0;

padding:0;

width:147px;

}

#textsize_img {

background:#FFFFFF url(images/textsize.gif) no-repeat scroll left center;

height:25px;

margin:0;

padding:0;

width:64px;

}

#textsize_img, #textsize_minus, #textsize_default, #textsize_plus {

float:left;

}

#textsize_minus a {

background:#FFFFFF url(images/minus_but.gif) no-repeat scroll left center;

display:block;

height:24px;

width:28px;

}

#textsize_minus a:hover {

background-position:-30px 0;

}

#textsize_minus a:active {

background-position:-58px 0;

}



#textsize_default a {

background:#FFFFFF url(images/default_but.gif) no-repeat scroll left center;

display:block;

height:24px;

width:28px;

}

#textsize_default a:hover {

background-position:-29px 0;

}

#textsize_default a:active {

background-position:-56px 0;

}

#textsize_plus a {

background:#FFFFFF url(images/plus_but.gif) no-repeat scroll left center;

display:block;

height:24px;

width:27px;

}

#textsize_plus a:hover {

background-position:-29px 0;

}

#textsize_plus a:active {

background-position:-56px 0;

}

#page {

	font-size: 1.1em;

}

#sidebar .title {

	font-size: 1.4em;

	font-weight: bold;

	text-align: left;

	margin: 5px 0 5px 0;

	font-family: Verdana, Arial, Sans-Serif;

}

.side-content {

	font-size: 1em;

	text-align: left;

}

h2 {

	margin: 0;

	padding: 0;

	font-weight: bold;

	font-size: 14px;

	font-family: Verdana, Arial, Sans-Serif;

}

a, h2 a:hover, h3 a:hover {

	color: #5182b3;

	text-decoration: none;

}

a:hover {

	color: #147;

	text-decoration: underline;

}

#footer-left {

	width: 365px;

	height: 27px;

	float: left;

	padding: 2px 0 0 20px;

	text-align: left;

	color: #ffffff;

}

#footer-right {

	width: 364px;

	height: 27px;

	float: right;

	padding: 2px 20px 0 0;

	text-align: right;

	color: #ffffff;

}

/* Print */

#print a {

	display: block;

	margin: 3px 0 0 0;

	width: 147px;

	height: 24px;

	background: url('images/print.gif') 0 0 no-repeat;

}

#print a:hover {

	background-position: -146px 0;

}

#print a:active {

	background-position: -294px 0;

}

/* End Print */

/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */

html > body .entry ul {

	margin: 0;

	padding: 0 0 0 10px;	

	list-style: none;

	text-indent: -10px;

}

html > body .entry li {

	margin: 7px 0 8px 10px;

}

.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

}

.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

}

.entry ol li {

	margin: 0;

	padding: 0;

}

/* End Entry Lists */



p {

	margin: 10px 0;

	padding: 0;

}



.entry {

	margin: 0;

	padding: 0;

}







#sidebar ul {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	/*font-size: 10px;*/

	font-style: normal;

	line-height: 2em;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #5182b3;

	text-decoration: none;

	text-align: left;

	list-style-position: outside;

	list-style-image: url(images/gold_arrow.gif);

	list-style-type: none;

	padding: 6px;

	margin: 10px;

}

#sidebar ul a {

	color: #5182b3;

	text-decoration: none;

}

#sidebar ul a:hover {

	color: #147;

	text-decoration: underline;	

}



ol.cf-ol li#li-3-10 {color:#000000; letter-spacing:0; margin:0 0 0 !important; padding:0;}

ol.cf-ol li.cf-box-group label.cf-group-after {width:135px;}

ol.cf-ol li.cf-box-group span {width:145px;}



ol.cf-ol li#li-3-11 {padding:0 0 5px 100px;}

.cform input#cf3_field_11 {width:105px;}

ol.cf-ol li#li-3-11 label {width:30px;}

.page-item-325 {font-weight:bold;}