@charset "utf-8";
/* CSS Document */

/* BEGIN Custom CSS */
/*#header, #sidebar, #main, #footer, #maincontainer{margin-bottom:0;}
#header{text-align:right;}
#sidebar{background-color:#e4b29b; text-align:center; height:350px;}*/
.container{width:750px;background:#bec39b ;padding:16px 14px;}/*
#maincontainer{background:#fff;}
#main{ background:#fff; height:350px; overflow:auto;}
*/body{background:#424a05 url(../images/bg.jpg) 0% top repeat-x;}/*
#mainnav{ list-style:none; margin:0; padding:0; text-align:center; margin-top:1.5em;}
li.home a{background-image:url(../images/btnHome.gif);}
li.about a{background-image:url(../images/btnAbout.gif);}
li.contact a{background-image:url(../images/btnContact.gif);}
li.portfolio a{background-image:url(../images/btnPortfolio.gif)}
li.resume a{background-image:url(../images/btnResume.gif);}
#mainnav li{}
#mainnav li a{display:block; background-repeat:no-repeat; background-position:50% 0%;height:54px; width:148px; text-indent:-999em; overflow:hidden;}
#mainnav li a:hover{background-position:50% -54px;}

#home li.home a, #about li.about a, #contact li.contact a, #portfolio li.portfolio a, #resume li.resume a{background-position:50% -54px;}*/
/*#sidebar {margin-right:0;width:280px;}*/
hr.space{background:transparent; color:#f2f3eb;}
#header .i3{height:163px;}
#header img{margin:0;padding:0;}
div.menu {margin-left:7px;}
/*.box {background:#f2f3eb;}*/
#sidebar .box {padding:5px;}
#sidebar p img {margin:5px 5px 5px 0;}
#sidebar p img.top{margin-top:0;}
.left {float:left;}
.content .box {background-color:#f2f3eb;}
.content .cb{background-color:#bec39b;}
/* typography for mossy creek */
body {color:#312c12;}
h1{font-size:2em;}
h1, h2, h3, h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif;color:#312c12;}
.span-19, div.span-19{margin-right:0px;}

p.incr, .incr p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8333em;
	line-height: 1.2em;  
	margin-bottom: 1.5em;
}

.pageimage
{
	margin-bottom:.5em;
}

/* FigureHandler CSS */
.figure {
  margin: 0 0 1.5em;
}
.figure p {
  margin: 0;
}
.figure .credit {
  font-size: .8em;
  text-align: right;
}
.figure .credit cite {
  font-style: inherit;
}
.figure .caption {
  text-align:left;
  font-style: italic;
  font-size: 1em;
}
.figure .title {
  font-style: normal;
  font-weight: bold;
}
.figure .title:after {
  content: ":";
}
/* END FigureHandler CSS */


/* CBB Styling ==================
Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0;
	padding:0;
	/*background:#fff;*/
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:/*0.5em*/ 0;}
	/* Top corners and border */
.bt {
	font-size:0;
	line-height:0;
	height:5px;
	margin:0 0 0 7px;
	background:url(../images/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-7px;
	width:7px;
	height:5px;
	background:url(../images/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	font-size:0;
	line-height:0;
	height:9px;
	margin:0 0 0 7px;
	background:url(../images/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-7px;
	width:7px;
	height:9px;
	background:url(../images/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 7px;
	background:url(../images/borders.gif) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 7px 0 0;
	background:url(../images/borders.gif) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0;
	/*padding:5px;
	top:-8px;*/
	background:#f2f3eb;
	overflow:hidden;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
/*.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}*/
/* Default CSS ends here */

/***---------------Jappler Menus--------------------**/

/*Adapted from the following sources:
*** Based on Sliding Doors of CSS (http://www.alistapart.com/articles/slidingdoors2/)
**** Son of SuckerFish(http://www.htmldog.com/articles/suckerfish/)
**** and technique of Jennifer Zelazny (http://www.jappler.com/blog/archive/2007/11/12/sliding-doors-sons-of-suckerfish-jappler-menus)***/
ul#nav {float: left;width: 100%;list-style: none;margin: 0;padding: 0;line-height:17px;}
ul#nav li ul#nav ul {background: #f2f3eb;width: 16em;}
#nav a {display: block;color: #fff;text-decoration: none;padding: 2px 4px 2px 4px;background:none;}
ul#nav li {margin-right:10px;float: left;text-align:center;padding: 0;padding-bottom:5px;background: transparent url(../images/button_btm.gif) left bottom repeat-x;}
ul#nav li a { padding:0 0 0 7px;font-family:Arial, Helvetica, sans-serif;text-decoration:none;text-transform:uppercase; letter-spacing:0.4pt;font-weight:bold;color:#333;background:url("../images/nav-tabs_left.gif") no-repeat left top;}
ul#nav li a span{display:block;padding:4px 7px 2px 0px;background:url("../images/nav-tabs_right.gif") no-repeat right top;}
ul#nav li.parent a span{padding-right:17px; background-position:100% -300px;}
ul#nav li.parent ul li a,
ul#nav li.parent ul li a span{ background:none;font-weight:normal;border-bottom:none;}
/*ul#nav li.parent ul li a span{ background:none; font-weight:normal;}*/
ul#nav li ul li.parent a {background: url("menu-arrow.gif") center right no-repeat;}
ul#nav li ul, ul#nav li#current.active ul {border: 1px solid #ccc;/*margin-left:-9px;*/border-right:#666 solid 4px;border-bottom:#666 solid 4px;}
ul#nav li ul li, ul#nav li#current.active ul li {background: none;/**/text-align:left;border:none;margin-left:0;border-bottom:1px solid #ccc;}
#nav li ul { background:#f2f3eb;list-style:none;position: absolute;left: -999em;height: auto;width: 15em;/*w\idth: 14.9em;*/font-weight: normal;margin: 0;padding: 0; }
/*#nav li ul li {padding-right: 1em;width: 15em}*/
#nav li ul a {width: 15em;/*w\idth: 11em;*/text-align:left;background:none; font-family:Arial, Helvetica, sans-serif; text-transform:none; letter-spacing:normal;}
#nav li ul ul {margin: -1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {z-index:999;left: auto;}
ul#nav li ul li:hover, ul#nav li ul li.sfhover {background: #ccc;color:#fff;}
#nav li:hover, li.sfhover{position:static;}
ul#nav li ul li a:hover {color:#fff;}
#nav li a:hover{background-position:0% -150px;color:#333;}
#nav li.parent a:hover span{background-position:100% -450px;}
#nav li a:hover span{background-position:100% -150px;}
ul#nav li#current a, ul#nav li.active a{background-position:0% -150px; border-bottom:none;}
ul#nav li#current a span, ul#nav li.active a span{background-position: 100% -150px;padding-bottom:7px;}
/***-----------------------END JAPPLER MENU-------------------***/

/*-------Innerfader styling-----------------*/
ul#fade{margin:0; list-style:none; padding:0;height:163px;overflow:hidden;}