@charset "utf-8";

/* _____________
   General Layouout
   ______________
*/

* {
	margin: 0;
	padding: 0;
}
p { 
	margin: 10px 0;
}
body {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color: #efe69a;
	color: #59595b;
	background: url(img/bg.png) repeat;
}
#container {
	width: 95%;
	min-width: 850px;
	max-width: 1300px;
	margin: 56px auto; 
	position: relative;
}
#header {
	height: 50px;
	background: #b0cb36;
	margin-left: 150px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
}
#mainContent {
	padding: 20px 30px 20px 40px; 
	background: url(img/bg-container.png) repeat;
	background-color: #faf5cc;
	width: auto;
	margin-left: 150px;
	min-height: 300px;
}
#footer {
	margin-left : 150px;
	padding: 5px 30px 5px 40px;
}

/*  ______________
	Navigation and Branding
	_____________
*/

#navcontainer {
	position: absolute;
	width: 150px;
	top: 115px;
}
#navcontainer ul {
	list-style-type: none;
}
#navcontainer ul li a{
	color: #59595b;
	display: block;
	text-indent: -9999px;
	width: 150px;
	height: 28px;
	background: transparent url(img/nav-text.png) no-repeat 0 0;
}
ul li#navprint a:hover {
	background-position: 0 -140px;
}
ul li#navbrand a{
	background-position: 0 -28px
}
ul li#navbrand a:hover{
	background-position: 0 -168px
}
ul li#navweb a{
	background-position: 0 -56px
}
ul li#navweb a:hover{
	background-position: 0 -196px
}
ul li#navphoto a{
	background-position: 0 -84px
}
ul li#navphoto a:hover{
	background-position: 0 -222px
}
ul li#navabout a{
	background-position: 0 -112px
}
ul li#navabout a:hover{
	background-position: 0 -250px
}
#currentnav{   
	background: url(images/nav_highlight.gif) center center repeat-x;
}

#navcontainer h1 {		/* Branding -- martin-lebreton-logo*/
	position: absolute;	
	left: 26px;	
	top: 157px;
	width: 112px;
	height: 94px;
}
#navcontainer h1 a {
	width: 112px;
	height: 94px;
	text-indent: -9999px;
	display: block; 
	background: url(img/martin-lebreton-logo.png ) no-repeat;
}


/* ___________________
   Header
   __________________
   */
   
#mandevilla {
	position: absolute;
	width: 187px;
	height: 161px;
	background: url(img/mandevilla.png) no-repeat;
	top: -56px;
	left: 0;
}

/* ______________
	Sidebar
	___________
*/

.sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div include the padding and border in addition to the width */
	margin: 0 0 20px 20px;
}
.sidebarhead {
	background: #b0cb36;
	padding: 10px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius: 3px;
}
.sidebarbody {
	padding: 10px;
	background-color: #efe69a;
	background: url(img/bg.png) repeat;
	margin-bottom: 25px;
}
.sidebarhead h1, .sidebarhead h2, .sidebarhead h3, .sidebarhead h4, .sidebarhead h5, .sidebarhead h6{
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

/*  ______________
	Content
	______________
*/
h1, h2 {
	margin: 15px 0 8px 0;
}

h3, h4, h5, h6 {
	margin: 8px 0 4px 0;
}

.clear {
	clear: both;
}
a:link {
	color: #59595b; 
	text-decoration: underline; 
}
a:visited { 
	color: #59595b; 
	text-decoration: underline;
}
a:active { 
	color: #59595b; 
	text-decoration: underline; 
}
a:hover { 
	color: #59595b; 
	text-decoration: none; 
}
img { 
	border: 0px;
}
.floatL {
	float: left;
	margin: 10px 10px 10px 0;
}
.floatR {
	float: Right;
	margin: 10px 0 10px 10px;
}
.bold { 
	font-weight: bold;	
}


/* ___________________
   Headlines
   __________________
   */
   
#header h2  {
	position: absolute;	
	top: -2px;
	left: 191px;
	width: 600px;
	height: 23px;
	background: url(img/headline.png ) no-repeat;
	text-indent: -9999px
}

#header h2#about{
	background-position: 0 -25px;
}
#header h2#blog{
	background-position: 0 -50px;
}
#header h2#photo{
	background-position: 0 -75px;
}