/*
	Corey Byrnes Photography
	
	creation date: 2008.08.06
	modified date: 2008.08.06
	
	colors:
		blue: #369
*/

/* body & misc */
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	border: 0;
}
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #666;
	border-top: 10px solid #369;
	background: #222;
}
a {
	color: #369;
}
a:hover{
	color: #ccc;
}
ul {
	list-style: none;
	line-height: 1;
}
li {
	float: left;
}
/* END body & misc */


/* wrap */
#wrap {
	margin: 5px auto;
	width: 800px;
	text-align: left;
}
/* END wrap */


/* header */
#header {
	padding: 0 5px;
}
#header a {
	display: block;
	font-size: 2.0em;
	color: #ccc;
	text-decoration: none;
}
#header span {
	font-size: 1.1em;
	margin-top: -60px;
	float: right;
}
/* END header */


/* footer */
#footer {
	padding: 5px;
	border-top: 1px solid #333;
	clear: both;
}
/* END footer */


/* nav */
#nav { 
	margin: 0; margin-top: -40px; 
	float: right;
	border-top: 2px solid #555;
}
#nav li {
	position: relative; z-index: 99;
	float: left; clear: none;
}
#nav a, #nav ul a {
	margin: 0 5px;
	padding: 5px;
	width: 100px;
	display: block;
	text-align: center;
	font-size: 1.2em;
	color: #aaa;
	text-decoration: none;
	border-bottom: 1px solid #aaa;
	background: #444;
}
#nav a img { position: absolute; top: 0; left: 0; }

#nav a:hover, #nav a:hover img, #nav ul a:hover, #nav a.active, #nav a.active img, #nav ul a.active { color: #369; border-bottom: 1px solid #369!important; border-bottom: 1px solid #aaa; }

#nav ul { position: absolute; left: -9999px; z-index: 99; }

#nav li:hover ul, #nav li.ieHover ul { top: auto; left: auto; }
/* END nav */


/* content */
#content {
	width: 800px;
	float: left; clear: left;
	position: relative;
	margin: 5px 0;
	min-height: 400px;
	height: auto !important; height: 400px;
	font-size: 1.3em;
	color: #999;
}
#content img { border: 5px solid #369; }
#content a img { border: 0; }
#content #text_area img { float: left; margin: 0 5px; }
/* END content */


/* intro slideshow */
#intro_slideshow {
	margin: 5px auto;
	position: relative;
	width: 720px;
	height: 480px;
	border: 10px solid #fff;
	border-bottom: 30px solid #fff;
}
#intro_slideshow li {
	position: absolute; top: 0; left: 0; z-index: 10;	
}
#intro_slideshow p {
	padding: 5px;
	font-size: 1.5em;
	font-weight: bold !important;	font-weight: none;
	text-align: right;
}
#intro_slideshow img { border: 0; }
/* END intro slideshow */


/* categories */
#categories li { float: left; clear: none; margin: 7px !important; margin: 2px; }
#categories a {
	float: left;
	position: relative;
	text-align: center;
	color: #369;
	font-weight: bold;
	border: 5px solid #369; /*if using images */
}
#categories a:hover {
	color: #369;
	border: 5px solid #555; /*if using images */
}
#categories img {
	float: left;
}
#categories span {
	float: left;
	padding: 5px 0;
	cursor: pointer;
	background: #fff;
	position: absolute; top:0; left:0;  filter: alpha(opacity=85); opacity: 0.85; /*if using images */
	/*position: relative; if not using images */
}
/* END categories */


/* category tabs */
#tabs a {
	/* resets */ margin: 0; float: left; position: relative; border: 0;
}
#tabs a:hover {
	/* resets */ border: 0;
}
/* END category tabs */


/* galleries */
#galleries li { float: left; clear: none; margin: 7px !important; margin: 2px; }
#galleries a {
	float: left;
	position: relative;
	text-align: center;
	color: #369;
	font-weight: bold;
	border: 5px solid #369; /* if using images */
}
#galleries a:hover {
	color: #369;
	border: 5px solid #555; /* if using images */
}
#galleries img {
	float: left;
}
#galleries span {
	float: left;  
	padding: 5px 0;
	cursor: pointer;
	background: #fff;
	position: absolute; top:0; left:0; filter: alpha(opacity=85); opacity: 0.85; /* if using images */
	/*position: relative;  if not using images */	
}
/* END galleries */


/* pictures */
#pictures li { float: left; clear: none; margin: 7px !important; margin: 2px; }
#pictures a {
	float: left;
	position: relative;
	border: 5px solid #369;
}
#pictures a:hover {
	border: 5px solid #555;
}
#pictures img {
	float: left;
}
#pictures span {
	display: none;
}
/* END pictures */


/* tooltips */
#tooltip {
	padding: 5px;
	position: absolute;
	z-index: 9999;
	font-size: 1.0em;
	color: #eee;
	background-color: #333;
}
#tooltip a { color: #fff; }
/* END tooltips */