/*-------------------------------------------------------------- 
  COLOR webpage demo Jollymoon.com
-------------------------------------------------------------- */

html {
margin: 0;
padding: 0;
}

 
body {  background: #fff url('images/bg.jpg') no-repeat top left fixed;
font-family: arial; font-size: 13px; 
 
}
p { text-indent: 14pt; }

/* BODY */

#body { padding-left: 150px; height:600px;}
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* NAVIGATION */
#navigation { position: absolute; margin: 0px; padding: 0; top: 0; left: 0; list-style: none;   background: url(images/colorbar.jpg) no-repeat; }
#navigation li { width: 70px; }
#navigation li a { display: block; margin-left: -70px; padding-top: 50px; width: 70px; height: 0; overflow: hidden; background: #000; opacity: .8; -webkit-border-radius: 4px; }
#navigation .home a       { background: url(images/home.gif) no-repeat top right; }
#navigation .about a      { background: url(images/about.gif) no-repeat top right; }
#navigation .posts a      { background: url(images/posts.gif) no-repeat top right; }
#navigation .projects a   { background: url(images/projects.gif) no-repeat top right; }
#navigation .lab a        { background: url(images/lab.gif) no-repeat top right; }
#navigation .sketchbook a { background: url(images/sketchbook.gif) no-repeat top right; }
#navigation .photos a     { background: url(images/photos.gif) no-repeat top right; }
#navigation .people a     { background: url(images/people.gif) no-repeat top right; }
#navigation .library a    { background: url(images/library.gif) no-repeat top right; }
#navigation .contact a    { background: url(images/contact.gif) no-repeat top right; }


/* PAGE */
#page { width: 800px;  }

#container { width: 680px;
	margin-top: 0px;margin-left: 10px;
	padding: 5;
}

#content {background: transparent url('images/trans5.gif') repeat 50px 50px;
	margin-top:0px;
	margin-left: 100px;
	padding: 40px;
	}

a, a:visited {
	background: transparent;
	color: #333;
	border-bottom: 1px solid #333;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	background: transparent;
	color: #666;
}

h1 {font-style:bold;
	color: #336699;
	border-bottom: 1px solid #666;
	margin: 0;
	padding: 10px 0 1px 0;
	font-size: 18px;
	font-family: veranda;
}	

b {color: #339900; font-weight: bold; font-family: veranda;}
/*---------------------------- jollymoon -------------------------------*/
#jollymoon { position:absolute;margin-top: -90px;  margin-left: 20px;
float: right;  background:transparent; overflow:hidden; padding:0px 0px;
 }
#jollymoon  h2 { float:left; margin-right:10px; margin-top:2px; margin-bottom:2px; display:inline; }
#jollymoon  h2 a { display:block; width:114px; height:88px; background: transparent url(images/jollymoon_logo_mini_gray.png) top left no-repeat; text-indent:-9999px;}
#jollymoon  h2 a:hover { background: transparent url(images/jollymoon_logo_mini.png) top left no-repeat; }
#jollymoon  p {   float:left; margin-left:80px; display:inline; margin-top:6px;}




#menu dl {width: 360px;   padding: 0 0 10px 0; background: #FF99CC;}
#menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color:#ffffff; border-bottom:1px solid #fff; }
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #660000;}
#gallery a, #gallery a:visited {color:#006699; text-decoration:none; display:block; padding:8px 9px 5px 38px;
background: #CCFFFF url(images/digg.png) no-repeat 10px 10px; width:360px;
}
#gallery a:hover {background: #FFFFCC; color: #990000;}
ol li {font-size:11px;}