/*
Theme Name: Truby Law
Theme URI: http://www.trubylaw.com
Description: Wordpress theme for Phyllis Alden Truby's website, trubylaw.com. Developed based on the Starkers nude theme by The totally nude Wordpress theme by <a href="http://elliotjaystocks.com">Elliot Jay Stocks</a>, which is based on Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.0 ( for WP 2.6.2)
Author: Dennis Deacon
Author URI: http://dennisdeacon.com
Tags: clean, basic, professional, corporate, legal
*/

@import "style/css/reset.css";


@charset "utf-8";
/* CSS Document */

body{
	background:#ded5cd;
	text-align:center;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
	font-size:13px;
	color:#575043;
	line-height:16px;
}

#wrapper{
	width:1000px;
	margin:10px auto;
}

#wrapper #masthead{
	width:940px;
	float:left;
	margin:0 30px;
	height:80px;
	display:inline;
}

#wrapper #masthead #logo{
	width:300px;
	float:left;
}

#wrapper #masthead #logo h1{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 0;
	color:#000;
}

#wrapper #masthead #logo h1 a{
	color:#000;
        text-decoration:none;
}

#wrapper #masthead #logo #tagline{
	display:block;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#000;
	
}

#wrapper #masthead #nav{
	width:630px;
	float:right;
	margin:10px 0 0 0;
	text-align:left;
}

#wrapper #masthead #nav ul{
	width:630px;
}

#wrapper #masthead #nav li{
	float:left;
	width:140px;
	text-transform:uppercase;
	text-align:center;
	line-height:20px;
	vertical-align:text-top;
	font-size:16px;
	font-weight:bold;
	display:inline;
	border-right:solid 2px #bfb7b0;
}	

#wrapper #masthead #nav li.last{
	border-right:none;
}

#wrapper #masthead #nav li a{
	padding:0 5px;
	display:block;
	text-decoration:none;
	color:#575043;
	height:55px;
}	

#wrapper #masthead #nav li a:hover{
	background:#ebe1d8;
}

#wrapper #mainback{
	clear:both;
	background:url(/wp-content/uploads/2009/12/background-main.png) bottom no-repeat;
	padding-bottom:20px;
}

#wrapper #main{
	width:960px;
	margin:0 auto;
	padding:10px 0;
	background:#fff;
	text-align:center;
}

#wrapper #main h2{
	font-size:18px;
        font-weight:bold;
	margin:10px 0 20px;
}

#wrapper #main h3{
	font-size:15px;
        font-weight:bold;
	margin:20px 0 10px;
}

#wrapper #main h4{
	font-size:13px;
        font-weight:bold;
	margin:10px 0 5px;
}

#wrapper #main p{
	margin:0 0 15px 0;
}

#wrapper #main .gutter{
	width:940px;
	margin:0 10px;
	text-align:left;
}

body.page-id-16 #wrapper #mainback #main .gutter #heading{
	width:940px;
	height:300px;
	background:url(/wp-content/uploads/2009/12/background-heading-940.jpg) bottom left no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-16 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:280px;
	background:rgba(87,80,67,0.5);
	padding:10px 0;
	text-align:left;
}

body.page-id-16 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-16 #wrapper #main #heading #header ul{
	list-style:disc;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	margin: 30px 20px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-16 #wrapper #main #heading #header li{
	list-style:disc;
        padding:20px;
	margin:0 20px;
}

body.page-id-17 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-aop-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-17 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-17 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-20 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-bl-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-20 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-20 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-18 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-fd-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-18 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-18 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-19 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-re-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-19 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-19 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-15 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-apat-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-15 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-15 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

body.page-id-21 #wrapper #main #heading{
	width:940px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-c-940.jpg) bottom right no-repeat;
	position:relative;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
}

body.page-id-21 #wrapper #main #heading #header{
	position:absolute;
	top:0;
	left:0;
	width:725px;
	height:70px;
	background:rgba(87,80,67,0.5);
	padding:15px 0;
	text-align:left;
}

body.page-id-21 #wrapper #main #heading #header h2{
	margin:20px 20px;
	text-transform:uppercase;
	color:#fdf5e6;
	font-size:21px;
	text-shadow: #575043 1px 1px 2px;
}

.shadow{
		filter:progid:DXImageTransform.Microsoft.Shadow(Color=#575043, Direction=120, Strength=1); /*For Text on Homepage Heading Area*/
}

.color-block {
       background:transparent;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99575043,endColorstr=#99575043); /*Background for heading area for each page; screened background*/
       zoom: 1;
    } 
	
#wrapper #main .col3{
	/*float:left;*/	
	width:940px;
	margin:20px 0;
	overflow:visible;
}

#wrapper #main .col3 h3{
	font-size:16px;
	font-weight:bold;
	color:#788c30;
	margin:5px 0px 10px 0px;
}



#wrapper #main .col3 a{
	text-decoration:none;
	color:#575043;
	font-weight:bold;
}

#wrapper #main .col3 a:hover{
	text-decoration:underline;
}

#wrapper #main .col3 a:visited{
	color:#998d76;
}

#wrapper #main .col3 a:active{
	text-decoration:underline;
}


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.col3 .colleft{
	width:300px;
	float:left;	
	margin:0 5px;
	height:175px;
	border-right:solid 1px #d7dacd;
	position:relative;
}

.col3 .colcenter{
	width:300px;
	float:left;	
	margin:0 5px;
	height:175px;
	border-right:solid 1px #d7dacd;
}

.col3 .colright{
	width:300px;
	float:left;	
	margin:0 5px;
	height:175px;
}

div#buslaw{
	width:290px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-bl-940.jpg) top right no-repeat;
}

div#franlaw{
	width:290px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-fd-940.jpg) top right no-repeat;
}

div#RElaw{
	width:290px;
	height:100px;
	background:url(/wp-content/uploads/2009/12/background-heading-re-940.jpg) top right no-repeat;
}

#wrapper #main ul{
	color:#575043;
	margin:10px 20px;
	list-style:disc;
}

#wrapper #main ul li{
	padding:0 0 12px 10px;
        list-style:disc;
}

#wrapper #main #container{
	float:left;
	width:940px;
}

#wrapper #main #container #content{
	float:left;
	width:620px;
}

#wrapper #main #container #sidebar{
	float:right;
	width:300px;
}

#wrapper #main #container #sidebar .asideblue{
	width:300px;
	background:#dce2f2;
}

#wrapper #main #container #sidebar .asideblue .gutter{
	width:280px;
	padding:10px;
}

#wrapper #main #container #sidebar .asideblue .gutter h3{
	font-size:15px;
	font-weight:bold;
	color:#2f5281;
}

#wrapper #main #container #sidebar .asideblue .gutter ul{
	margin:0;
        padding:0px;
        list-style:none;
        margin:10px 0;
}

#wrapper #main #container #sidebar .asideblue .gutter ul li{
	margin:0;
        padding:0px;
        list-style:none;
	background:url(/wp-content/uploads/2009/12/bullet-arrow-dbl.png) 0px 10px no-repeat;
        padding:10px 20px;
}

body.page-id-21 #wrapper #main #container #content{
	float:left;
	width:450px;
}

body.page-id-21 #wrapper #main #container #supcontent{
	float:right;
	width:450px;
}



#footer{
	width:960px;
	margin:0 auto;
	color:#575043;
}

#footer p{
	font-size:12px;
}

.clear{
	clear:all;
}