/*
Theme name: Berk Legal
Author: Lakeshore Branding
Description: 
*/

body {background:url(images/bg-body.gif) repeat-x 0 0;}
#container {background:url(images/bg-container.png) repeat-y 0 0; width:958px; margin:0 auto; padding:15px 0;}

#header {background:url(images/bg-header.gif) repeat-x 0 0; height:93px; width:925px; margin-left:16px; position:relative;}
#header .logo {background:url(images/logo-berklegal.jpg) no-repeat; text-indent:-999em; position:absolute; top:22px; left:0px;}
#header .logo a {display:block;width:394px;height:57px;}
#header .logo:hover {background-position:0px;}

#banner {background:url(images/bg-banner.jpg) no-repeat 0 0; height:276px; width:933px; margin-left:12px;}

#navigation {background:url(images/bg-navigation.gif) repeat-x 0 0;height:39px; width:927px;float:left;}
#navigation-left {background:url(images/bg-navigation-leftcap.gif) no-repeat 0 0; height:39px; width:3px;float:left; margin-left:12px;}
#navigation-right {background:url(images/bg-navigation-rightcap.gif) no-repeat 0 0; height:39px; width:3px;float:left; }

#navigation ul {margin:8px 0 0 20px;}
#navigation ul li {display:inline; margin-right:25px;}
#navigation ul li a {color:#FFFFFF; text-decoration:none; font-size:1.2em;}

#main {width:925px; margin-left:24px; margin-top:55px; clear:both;}

#main .sidebar-left {width:170px; float:left;}
.sidebar-left h2 {background:url(images/bg-sidebar-left.gif) no-repeat 0 0; padding-left:34px; padding-top:4px; color:#FFFFFF; width:169px;height:24px; margin-bottom:-5px;}
.sidebar-left ul { border:1px solid #d3d2d3; border-top:none; width:163px; margin-left:2px; padding-top:10px; padding-bottom:30px;}
.sidebar-left ul li { background:url(images/bg-sidebar-left-li.gif) no-repeat 0 0; padding-left:30px; height:18px;}
.sidebar-left ul li:hover {background-position:0px -18px; background-color:#edeeee;}
.sidebar-left ul li a {color:#505050; text-decoration:none;}
.sidebar-left ul li:hover a {color:#97b0b4;}
.sidebar-left .isba-member {margin:2px 0 15px 1px;}
.sidebar-left .nacba-member {margin:0px 0px 0px 0px;}

#main .content {width:530px; float:left; padding:0px 20px 20px 20px;}
#main .sidebar-right {width:150px;float:left;}
.sidebar-right h2 {background:url(images/bg-sidebar-right.gif) no-repeat 0 0; padding-left:10px; padding-top:4px; color:#FFFFFF; width:169px;height:24px; margin-bottom:-5px;}
.sidebar-right .sidebar { border:1px solid #d3d2d3; border-top:none; width:153px; margin-left:2px; text-align:right; padding:0 5px 1px 5px; margin-bottom:15px;}
.sidebar-right p img {margin-right:100px; float:right; margin-top:-35px;}

#footer {background:url(images/bg-footer.gif) repeat-x 0 0; height:71px; text-align:center; width:925px; margin-left:16px; clear:both;}
#footer ul {padding-top:20px; color:#454b4e; font-size:1em;}
#footer ul li {display:inline; margin-right:5px;}
#footer p {padding-top:5px; color:#454b4e; font-size:.9em;}
#footer p.small {font-size:.7em; width:550px; margin:0px auto; padding-bottom:15px;}

/* Blog Page */

.blog h1 {margin:0px;}
.post { margin-bottom:15px;}
.post .title { font-size:1.6em;}
.blog .date {color:#546065; margin-bottom:5px; margin-top:-8px; font-weight:bold;}
.blog .photo img {border:1px solid #000;} 
.blog .photo {float:left; padding-right:10px; padding-bottom:5px;}
.post .info {}
.blog textarea {width:450px;}