/*
Theme Name: Dhane in Space
Theme URI: http://wordpress.org/
Description: Custome theme by web consultant Dhane "Diesil" Crowley 
Version: 1.0
Author: Dhane Crowley
Author URI: http://dhanecrowley.com/
Tags: space, custom header, fixed width, three columns
*/


@import "960/960.css";
@import "960/reset.css";
@import "960/text.css";


/*
	TOOLBOX
*/

body{
	background: #fff url('images/bckgrd2a.jpg') top left fixed no-repeat;
	font-family: futura, tahoma, helvetica, san-serif;
	color: #003399;
}
#home{
	background: #fff url('images/bckgrd.jpg') top left fixed no-repeat;
	font-family: futura, tahoma, helvetica, san-serif;
	color: #003399;
}
#wrap{
	width: 1200px;
}
.floatLeft{
	float: left; margin:0 1em 0em 0

}

.floatRight{
	float: right;
}

.clear{
	clear: both;
}

a{
	color: #003399;
	text-decoration: underline;
}
a:hover{
	color: #6597fc;
	text-decoration: underline;
}
img{
	margin: 5px;
}

/*
	END TOOLBOX
*/



/*
	NAV
*/

#nav{
	background: url('images/navbar.jpg') transparent no-repeat;
	height:40px;
}
div.chromemenu{

}
div.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.chromemenu ul{
	height: 40px;
	margin: 0 auto;
	text-align: left; /*set value to "left", "center", or "right"*/
}

div.chromemenu ul li{
	display: inline;
}

div.chromemenu ul li a{
	display: block;
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	}
	div.chromemenu ul li#nav-today a{
		width: 92px;
		background: url('images/today.off.gif') top center no-repeat;
	}
	div.chromemenu ul li#nav-yesteryear a{
		width: 136px;
		background: url('images/yester.off.gif') top center no-repeat;
	}
	div.chromemenu ul li#nav-fame a{
		width: 95px;
		background: url('images/fame.off.gif') top center no-repeat;	
	}
	div.chromemenu ul li#nav-contact a{
		width: 111px;
		background: url('images/contact.off.gif') top center no-repeat;	
	}
	div.chromemenu ul li#nav-office-space a{
		width: 120px;
		background: url('images/office.off.gif') top center no-repeat;	
		}
	div.chromemenu ul li#nav-today a:hover{
		width: 92px;
		background: url('images/today.on.gif') top center no-repeat;
	}
	div.chromemenu ul li#nav-yesteryear a:hover{
		width: 136px;
		background: url('images/yester.on.gif') top center no-repeat;
	}
	div.chromemenu ul li#nav-fame a:hover{
		width: 95px;
		background: url('images/fame.on.gif') top center no-repeat;	
	}
	div.chromemenu ul li#nav-contact a:hover{
		width: 111px;
		background: url('images/contact.on.gif') top center no-repeat;	
	}
	div.chromemenu ul li#nav-office-space a:hover{
		width: 120px;
		background: url('images/office.on.gif') top center no-repeat;	
		}
	
		/*Style for Drop Down Menu*/

		div.dmd{
			position: absolute;
			border-top: 1px solid #003399;
			top: 0;
			font-size: 1.0em;
			line-height: 1.2em;
			z-index: 100px;
			background-color: #003399;
			width: 160px;
			visibility: hidden;
		}

		div.dmd a{
			width: auto;
			display: block;
			text-indent: 3px;
			padding: 3px 0;
			text-decoration: none;
			font-weight: none;
			font-size: 1.0em;
			color: #ffffff;
			border-bottom: 1px dotted #6597fc;
		}

		div.dmd a:hover{ 
			border: 2px 0 solid #fff;
			color: #6597fc;
		}

		* html div.dmd a{ /*IE only hack*/
			width: 100%;
		}
		
		
/*
	END NAV
*/



/*
	CONTENT
*/

#content{
	width: 750px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
}
#content2{
	width: 600px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
}
#content3{
	width: 1080px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
}
#content p strong{
	font-size: 14pt;
}
#content strong{
	font-size: 14pt;
}
.officeBanner{
	padding-left: 25px;
}
.homeGif{
	width: 418px;
	text-align: center;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.0em;
}
.videocaption{
	width: 340px;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
}
.galleries{
	list-style: none;
}

/*
	END WELCOME GALLERY
*/


/*
	LIGHTBOX
*/


.thumb{
	padding: 5px;
}
.lightbox-thumb {

	overflow: hidden;
}
.galleryBox{
	padding-bottom: 25px;
}

/*
	END LIGHTBOX
*/



/*
	FOOTER
*/

#footer{
	padding-top: 25px;
	padding-left: 150px;
	color: #999;
	font-size: 12px;
}

#footer p a{
	text-decoration: underline;
	color: #999;
}
#footer p a:hover{
	text-decoration: underline;
	color: #333;
}

/*
	END FOOTER
*/