/*
Theme Name: BernardBrayLaw.com
Version: 1.0
Author: Justin Hilles
Author URI: http://www.justinhilles.com/
*/

@import "public/stylesheets/reset.css" screen, print;
@import "public/stylesheets/forms.css" screen, print;

/* Table of Contents 
=======================
	* - Global
	1 - Header
	2 - Structure
	3 - Nav
	4 - Search
	5 - Headings
	6 - Lists
	7 - Forms
	8 - Links
	9 - Misc
=======================
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(public/images/bg.png) repeat-x top center #4B5456;
	font-family:Times New Roman,Times,serif;
	font-size: 12pt;
}

p {
	margin-bottom: 1em;	
}

small {
	font-size: 10px;	
}

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

div#header {
	width: 100%;
	display: block;
}

div#header img#logo {
	float:left;
	clear:both;
}

div#header img#tagline{
	width: 256px;
	float: right;
	margin-right: 20px;
}

/* 2- Structure
----------------------------------------------- */

div#wrapper {
	background: url(public/images/content.bg.png) repeat-y top center;
	width: 939px;
	margin: 0px auto;
	border-left: 2px solid #FFFFFF; 
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}	

div#wrapper div#topnav, div#bottomnav{
	width: 940px;
	background-color: white;
	opacity: .25;
	filter: alpha(opacity = 25);
	height: 25px;
}	

div#content {
	display: inline-block;
	width: 939px;
	text-align: left;
}

div#right {
	float: right;
	width: 225px;
	color: white;
	margin-right: 30px;
}

div#right div.ad p {
	line-height: 2em;	
}

div#right a {
	color: #FFF;	
}

div#right ul {
	list-style-type: none;	
}

div#right ul li{
	margin: 5px;	
}

div#right ul li ul {
	list-style-type: disc;	
	margin: 1em;
}

div#left {
	float: left;
	width: 600px;
	margin-left: 22px;
	color: white;
	display: block;
}

div.entry {
	margin: 1em;
	margin-left: 0;
	padding: 20px;
	background-color: white;
	width: 580px;
	color: #444;
}

div.entry p {
	margin-bottom: 1em;
}

div.entry ul {
	margin: 1em;
}

div.entry ul li {
	line-height: 1.5em;
}


div.ad {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
}

div.ad h3 {
	text-transform: uppercase;
	font-size: 14pt;
}

div#banner {
	display: block;
	width: 939px;
	background: url(public/images/banner.bottom.png) no-repeat bottom center;
	height: 349px;
	padding-bottom: 48px;
	margin-bottom: -48px;
}	

div#footer {
	width: 100%;
	display: block;
	clear: both;
	float:left;
}

img#image {
	margin-left: -22px;	
}

div#translate {
	position: absolute;
	margin-left: 5px;
	margin-top: -27px;
}

div#seolinks {
	width: 325px;
	margin: 25px auto;
	text-align: center;
	display: block;
}

div#seolinks a{
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px 5px;
	margin: 0px 3px;
	white-space:pre-wrap;
	display: inline;
}

div#seolinks a+a{
	border-left: 1px solid #FFFFFF;
	margin-left; 9px;
}

div.navigation {
	background-color: #FFFFFF;	
	padding: 5px;
	color: #444;
	font-size: 10px;
	height: 20px;
	width: 610px;
	display: block;
	margin-top: 10px;
}

div.adress {
	padding-top: 50px;	
}
/* 3- Nav
----------------------------------------------- */

ul#nav {
	background: url(public/images/nav.bg.png) no-repeat top center;
	width: 939px;
	height: 67px;
	list-style-type: none;
	color: #FFF;
	clear:both;
	margin: 0;
	padding: 0;
}

ul#nav li {
	float: left;
	padding: 10px 7px;
	margin-top: 8px;
}

ul#nav li ul {
	display: none;
	list-style-type: none;
	width: 200px;
	float: left;
	position: absolute;
	background-color: #A78258;
	margin-top: 10px;
}

ul#nav li ul li  {
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
}

ul#nav li:hover ul {
	display: block;
}

ul#nav li a {
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 17px;
	padding: 10px;
	outline: none;
}

ul#nav li.current_page_item ul li a  , ul#nav li.current_page_parent ul li a {
	background-color: inherit;
}

ul#nav li a:hover, ul#nav li.current_page_item a , ul#nav li.current_page_parent a, ul#nav li ul li a:hover {
	background-color: #C89A65;
}

ul#subnav {
	background: url(public/images/subnav.bg.png) repeat-x top left;
	width: 244px;
	height: 349px;
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	text-align: left;
}

ul#subnav li {
	padding: 0;
	margin: 20px 0px;
}


ul#subnav a {
	list-style-type: none;
	padding: 10px;
	margin: 0;
	padding-left: 21px;
	padding-right: 5px;
	width: 234px;
	color: #FFFFFF;
	text-transform: uppercase;	
	font-size: 18px;
	font-weight: bolder;
	
}

ul#subnav a:hover {
	background-color: #FFFFFF;
	color: #2F445C;
	border: 1px solid #ffffff;
	padding-left: 20px;
}

ul.social {
	height: 25px;
	list-style-type: none;
	font-size: 14px;
	margin-left: 300px;
}

ul.social li {
	float: left;
	margin: 2px 7px;
}

ul.social li p {
	opacity: 1;
}

ul.social a {
	color: #000;
	font-weight: normal;
}	

img.top {
	width: 366px;
}

/* 4- Search
----------------------------------------------- */

/* 5- Headings
----------------------------------------------- */

h1 {
	font-size: 2em;
	border-bottom: 1px solid white;
}

h2 {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}

/* 6- Lists
----------------------------------------------- */

/* 7- Forms
----------------------------------------------- */

/* 8- Links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #444;
	font-weight: bold;
}

a img {
	border: none;	
}

/* 9- Misc
----------------------------------------------- */