/*

	TITLE:	Little Black Box Photography
	DATE:	5-17-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px 'Trebuchet MS'; color: #8f8f8f; background: #151515;
}

/* links */
a{font-weight: bold; color: #ccc;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 1.8em 'Trebuchet MS'; padding: 5px 0px;}
h2{font: normal 1.6em 'Trebuchet MS'; padding: 3px 0px;}
h3{font: normal 1.4em 'Trebuchet MS'; padding: 2px 0px;}
h4{font: normal 1.2em 'Trebuchet MS'; padding: 1px 0px;}
h5{font: normal 1.0em 'Trebuchet MS'; padding: 0px 0px;}
h6{font: normal 0.9em 'Trebuchet MS'; padding: 0px 0px;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: #151515 url('images/mainBg.jpg') center top repeat-x;}

#bg{width: 100%; float: left; background: url('images/bg.gif') center top repeat-y;}
#bgTop{width: 100%; float: left; background: url('images/bgTop.gif') center top no-repeat;}
#bgBottom{width: 100%; float: left; padding: 0 0 32px 0; background: url('images/bgBottom.gif') center bottom no-repeat;}

#frame{width: 762px; margin: 0 auto;}
#header{width: 762px; height: 150px; float: left; background: url('images/header.jpg') no-repeat;}
#header #logo{float: left;}

#container{width: 722px; padding: 0 20px 15px 20px ; height: auto; min-height: 300px; _height: 300px; float: left; background-color: #000;}
#container ul{padding: 5px 15px;}
#container #content{width: 450px; float: left;}
#container #cLeft{width: 360px; float: left;}
#container #cRight{width: 360px; float: right;}

body#home #container{background: #000 url('images/home.jpg') right bottom no-repeat;}
body#portfolio #container{background: #000 url('images/portfolio.jpg') right bottom no-repeat;}
body#oneCol #container #content{width: 740px; float: left;}

#footer{width: 100%; float: left; padding: 4px 0;}
#footer #fNav li{display: inline; padding: 0 8px 0 0;}
#footer #fNav li a{padding:3px; color: #b3b3b3; text-decoration: none; text-transform: Uppercase;}

/* Water */
.photoGalleryElement{padding: 15px 0 0 0;}
.thumbnail{margin: 0 14px 0 0 !important; display: inline;}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}