/*
Title: Jennifer Lewis Kannegieter Attorney at law master styles
Creator: Jason Van Schooneveld
Email: jvanschooneveld@gmail.com
Update: October 25th, 2007
*/

/* Global
------------------------------------*/

body {
	font-size: 60%;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background:url(../assets/images/header_bg.jpg) repeat-x;	
	}
	
/* Typology
------------------------------------*/
h1,h2, h3 {
	font-family:"Trebuchet MS" Helvetica, sans-serif;
	text-transform: capitalize;
	}

h1 {
	font-size: 1.5em;
	color: #7B3B5B;
	font-weight: lighter;
	padding: 0 0 0 15px;
	}
	
h2 {
	font-size: 1.3em;
	color: #300820;
	padding: 0 0 0 30px;
	}
	
h1.thankyou {
	text-align:center;
	}
	
h1.yellow {
	color: #BBAE91;
	padding: 10px 0 0 17px;
}
	
a {
	color:#7B3B5B;
	text-decoration: none;
	outline: none;
	}
a:hover {
	color: #D0D8D0
	}
	
a.header {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	margin-top: 5px;
	text-decoration: none;
	text-transform: capitalize;
	float:right;
	}
	
a.header:hover {
	color: #7B3B5B;
	text-decoration: underline;
	}

#main_content ul {
		font-size: 1.2em;
		padding: 10px 0 5px 25px;
		margin: 0 0 0 10px;
		text-transform: capitalize;
		list-style-type:disc;
		}
		
/* Page Structure
------------------------------------*/
#navigation {
	width: 900px;
	height: 3.2em;
	margin-left: 1px;
	background: #7B3B5B;
	border-bottom: 0.2em solid #CFC09F;
	}
	

#wrap {
	margin: auto;
	padding: 0;
	width: 905px;
	height: auto;
	background:url(../assets/images/wrap.jpg) repeat-y;
	}
	
#main_content {
	width: 650px;
	height: auto;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	margin: 0 0 0 1px;
	padding-bottom: 10px;
	float:left;
	}

#side_bar {
	width: 250px;
	height: auto;
	margin: 0 4px 0 0;
	padding: 0;
	float: right;
	}
	
#footer {
	margin: 0;
	width: 905px;
	clear: both;
	font-size:0.8em;
	height: 61px;
	background:url(../assets/images/footer.jpg) no-repeat;
	} 

	#footer p {
		text-align: center;
		color:#666666;
		padding-top:15px;
		}

/* Header
--------------------------------------*/
#header {
	margin-left: 5px;
	width: 900px;
	height: 80px;
	/* background:url(../assets/images/header_bg.jpg) repeat-x; */
	}
		
#header img {
	padding: 15px 0 0 10px;
	}

#right {
	margin-left: 730px;
	margin-top: -50px;
	height: 80px;
	width: auto;
	}

/* Naviggation
------------------------------------*/
#nav_buttons {
		font-size:1.16667em;
		width: 50em;
		height: 2.95em;
		margin: 0 0 0 23px;
		
		}
	
		#nav_buttons ul {
			display: inline;
			width: 6.3em;
			height: 2.9em;
			margin: 0;
			padding: 0;
		}
		
		#nav_buttons li {
			color:#000000;
			list-style-type: none;
			height: 2.8em;
			width: 6.3em;
			padding:0;
			margin:0;
			float: right;
			border-left: 1px solid #FFFFFF;
		}
		
		#nav_buttons a:link, a:visited {
			font-family: "Trebuchet MS" Helvetica, sans-serif;
			font-weight: lighter;
			color:#FFFFFF;
			background: #7B3B5B url(../assets/images/button_bg.jpg) repeat-x;
			outline: none;
			padding: 0;
			margin: 0;
			height: 2.1em;
			width: 6.3em;
			float:left;
			text-align: center;
			text-decoration:none;
			text-transform:capitalize;
			border:none;
		}
		
		#nav_buttons a:hover {
			color:#300820;
			background: #CFC09F url(../assets/images/button_over_bg.jpg) repeat-x; 
			height: 2.9em;
		}
		
		#nav_buttons a.family_law {padding: 0.65em 0 0 0; height:2.1em;}
		#nav_buttons a.probate {padding: 0.65em 0 0 0; height:2.1em;}
		#nav_buttons a.blog {padding: 0.65em 0 0 0; height: 2.1em;}
		#nav_buttons a.resources {padding: 0.65em 0 0 0; height: 2.1em;}
		#nav_buttons a.contactus {padding: 0.65em 0 0 0; height: 2.1em; border-right: 1px solid #FFF;}
		#nav_buttons a.estate_planning {padding: 0 0 0.1em 0; height: 2.65em;}
		#nav_buttons a.attorney_profile {padding: 0 0 0.1em 0; height: 2.65em;}
		
/* Main Content
----------------------------------------*/
#top_image {
	width: 650px;
	height: 130px;
	margin:0;
	background: url(../assets/images/rotate_image/rotate.php) no-repeat top left;
	/*border: 2px solid #CFC09F; */
	}
		
.lowercase {
	text-transform:lowercase;
	}
/* Sidebar
----------------------------------------*/
#ad {
	width: 250px;
	height: 65px;
	margin: 0;
	}
	
	#ad a {
	cursor:pointer;
	outline: none;
	text-decoration:none;
	width: 250px;
	height: 65px;
	margin: 0;
	}
	
	#ad a img {
	border: none;
	}	

#search {
	width: 250px;
	height: 65px;
	background:url(../assets/images/search_bg.jpg) no-repeat;
	margin:0;
	}

#blog_updater {
	width: 250px;
	height: auto;
	margin: 140px 0 0 655px;
	padding-bottom: 10px;
	}

/* Search bar
---------------------------------------*/
#search_box {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px 0 0 15px;
	}
	
.blank {
	width: 60px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	background-color: #7B3B5B;
	border: none;
	color: #FFF;
	outline: none;
	}
	
.textbox {
	height: auto;
	width: 150px;
}
	
.contact {
	margin: 0 0 0 20px;
	background: #D0D8D0;
	border: 1px solid #CFC09F;
	}
	
.submit {
	width: 75px;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	background-color: #7B3B5B;
	border: none;
	color: #FFF;
	outline: none;
	cursor: pointer;
	margin: 10px 0 0 265px;
	}

/* Blog updator
---------------------------------------*/
#entry {
	width: 237px;
	height: auto;
	margin:0;
	border-top: 1px solid #7B3B5B;
	}

	h1.entry {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: lighter;
		width: 7.13em;
		height: 1.5em;
		background:#7B3B5B;
		margin: 0px 0 0 0;
		padding: 5px 0 0 5px;
		text-transform:capitalize;
		color: #FFF;
	}
	
	#entry h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 2px 0 0 -13px;
		padding: 0 0 0 17px;
		font-weight:lighter;
		color: #000;
		text-transform:capitalize;
	}
	
	#entry h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 1px 0 0 5px;
		font-weight:lighter;
		color: #666;
		text-transform:capitalize;
	}
	
	#entry p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 234px;
		height:auto;
		margin: 3px 0 0 0;
		padding: 0 0 6px 4px;
		color: #999;
		text-align:left;
		line-height: 11px;
		font-weight:lighter;
		border-bottom: 1px solid #7B3B5B;
	}
	
/* Paragraph
-----------------------------------*/

p {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding: 5px 10px 5px 15px;
	text-align: left;
	font-weight:lighter;
	color:#000;
	}
	
p.frontpage {
	font-size: 1.3em;
	font-family: Georgia;
	margin:4px 0 0 0;
	padding: 10px 17px 0 17px;
	text-align:justify;
	font-weight:lighter;
	line-height: 22px;
	color:#7B3B5B;
	}

p.search {
	font-size: 1.4em;
	margin: 0;
	padding: 5px 0 0 150px;
	font-family: Georgia;
	color: #300820;
	}
	
p.contact {
	margin: 0 0 0 20px;
	border: none;
	background: none;
	}
	
p.thankyou {
	text-align: center;
	}

p.info {
	font-size: 1.2em;
	font-family: Verdana;
	font-weight:lighter;
	color:#7B3B5B;
	padding-bottom: 3px;
	white-space: nowrap;
	}
	
.bold {
	font-weight: bold;
	}	
	
	
a.list {
		float:none;
		font-family: arial;
		font-size: 1.2em;
		text-decoration: none;
		color: #7B3B5B;
		background: none;
		width: auto;
		height: 20px;
		margin-left: 40px;
		outline: none;
		padding-bottom: 10px;
		}
		
a.list:hover {
		color: #D0D8D0;
		height: 20px;
		}
			
a.intext, a.intext:hover {
		font-family: arial;
		text-decoration: none;
		color: #7B3B5B;
		background: none;
		width: auto;
		height: auto;
		margin: 0;
		}
		
a.intext:hover {
		color: #D0D8D0;
		}
		
a.img:link, a.img:visited {
	border: none;
	outline: none;
	background: none;
	float: none;
	color: #FFF;
	}
	
a.none:link, a.none:visited {
	color:#7B3B5B;
	text-decoration: none;
	outline: none;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	float: none;
	height: auto;
	text-align: left;
	text-transform: capitalize;
	}
	
a.none:hover {
	color: #D0D8D0
	}
a:visited { background: none; }