/* //////////////////////////////////////////////// structure //////////////////////////////////////////////// */	


body {
	margin: 0 0;
	padding: 0 0;
	color: Black;
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	/* background: transparent url(/image/zigs.gif) 0 0 repeat; */
	border-top: 6px solid #f06465;
	background-color: #eee; 
	}

/*
body.homepage #top {
	background: #fff url(/image/newflr.jpg) 190px 100px no-repeat;
	height: 600px;
	}

*/

body.pop {
	margin: 14px 0 0 14px;
	background-color: #f06465;
	background-image: none;
	}

#header a {
	color: Black;
	text-decoration: none;
	}

#header a:hover {
	color: #f06465;
	text-decoration: underline;
}
	
#container {
	margin: 0;
	padding: 0;
	border-top: 6px solid #ccc;
	}

#top {
	margin: 0 0;
	padding:  50px;
	border-top: 6px solid #eee;
	background-color: white;
	/* background: white url(/image/zigs.gif) 0 0 repeat; */
	}

#content {
	margin-left: 195px;
	width: 560px;
	}

#content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

/* //////////////////////////////////////////////// bottom //////////////////////////////////////////////// */	
	
#bottom {
	margin: 0 0;
	padding:  0 50px 50px 245px;
	background-color: white;
	}

#bottom:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

/* //////////////////////////////////////////////// footer //////////////////////////////////////////////// */	

#footer {
	padding: 14px 0 0 50px;
	margin: 0;
	height: 80px;
	color: #666;
	/*background: transparent url(/image/rabbit.gif) 50px 14px no-repeat; */
	 border-top: 1px solid #e3e3e3;
	}

#footer p {
	padding: 0;
	margin: 0;
	}

#footer a, #footer a:active {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	color: Black;
	text-decoration: none;
}
	
/* //////////////////////////////////////////////// header //////////////////////////////////////////////// */


#header {
	/*width: 195px;
	height: 34px;
	margin: 0 0 30px 0; */
	padding: 0;
	line-height: 15px;
	}

#header h1 {
	width: 500px;
	height: 15px;
	margin: 0 0 53px 0;
	padding: 0 0;
	text-indent: -3000px;
	text-decoration: none;
	}
 	
#header h1 a, .homepage #header h1 a:hover {
	float: left;
	width: 500px;
	height: 15px;
	display: block;
	text-decoration: none;
	font-size: 8px;
	background: transparent url(/image/titlenew.gif) 0 0 no-repeat;
	}
	

#header h1 a:hover {
	background: transparent url(/image/titlenew.gif) 0 0 no-repeat;
	}
	
#header ul {
	margin: 0;
	padding: 0;
	}
	
#header li {
	list-style-type: none;
	margin: 0 0 0 10px;
	}

.projectspage #header #projects a, .diversionspage #header #diversions a , .infopage #header #info a {
	color: #f06465;
	}

/* //////////// littlenav //////////// */

	
ul#mainnav {
	width: 195px;	
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
	}
	
ul#mainnav li {
	list-style-type: none;
	margin: 0 0 13px 0;
	padding: 0 0;
	}

ul#mainnav li a {
	text-indent: -3000px;
	display: block;
	margin: 0 0;
	padding: 0 0;
	height: 14px;
	}

ul#mainnav li#projects a {
	background: transparent url(/image/menu.gif) 0 -15px no-repeat;
	width: 55px;
	}

ul#mainnav li#diversions a { 
	background: transparent url(/image/menu.gif) -68px -15px no-repeat;
	width: 73px;
	}

ul#mainnav li#info a {
	background: transparent url(/image/menu.gif) -154px -15px no-repeat;
	width: 28px;
	}

ul#mainnav li#projects a:hover, .projectspage #nav #projects a {
	background: transparent url(/image/menu.gif) 0 0 no-repeat;
	}

ul#mainnav li#diversions a:hover, .diversionspage #nav #diversions a {
	background: transparent url(/image/menu.gif) -68px 0 no-repeat;
	}

ul#mainnav li#info a:hover, .infopage #nav #info a {
	background: transparent url(/image/menu.gif) -154px 0 no-repeat;
	}


/* //////////////////////////////////////////////// text //////////////////////////////////////////////// */


h2 {
	font-size: 13px;
	color: #f06465;
	color: black;
}

/* 
#bottom h2 {
	font-size: 14px;
	margin: 0 0 10px 0;
	color: #f06465;
}
*/

h3 {
	margin: 0 0 8px 0;
	font-size: 11px;
	color: Black;
}

a, a:active {
	color: #f06465;
	text-decoration: none;
}

a:hover {
	color: Black;
	text-decoration: none;
}

.projectspage p, .infopage p {
	width: 560px;
	}

.diversionspage p, .tabbed p {
	margin-bottom: 26px;
	}
	
.starter {
	color: #f06465;
	}

a.return,  a:active.return {
	float: left;
	color: #f06465;
	text-decoration: none;
	margin: 0 6px 0 0; 
	padding: 0 0 0 9px; 
	text-decoration: none;
	background: transparent url(/image/arrow-return.gif) 0 5px no-repeat;
}

a:hover.return {
	color: Black;
	background: transparent url(/image/arrow-return.gif) 0 -13px no-repeat;
}

a.next, a:active.next {
	color: #f06465;
	text-decoration: none;
	margin: 0 0 0 5px; 
	padding: 0 9px 0 0; 
	text-decoration: none;
	background: transparent url(/image/arrow-next.gif) right 3px no-repeat;
}

 a:hover.next {
	color: Black;
	background: transparent url(/image/arrow-next.gif) right -15px no-repeat;
}

img {
	display: block;
	}

/* //////////////////////////////////////////////// home //////////////////////////////////////////////// */

/* //////////// thumbnail //////////// */

a.rcrd {
	width: 296px;
	height: 296px;
	margin: 0 0 0 0;
	padding: 0 0;
	display: block;
	font-size: 8px;
	text-indent: -3000px;
	text-decoration: none;
	background: transparent url(/image/rcrd.jpg) 0 0 no-repeat;
	}	

a:hover.rcrd {
	background: transparent url(/image/rcrd_over.jpg) 0 0 no-repeat;
	}

/* //////////// bignav //////////// */

	
ul#bignav {
	margin: 0;
	padding: 0;
	width: 660px;
	height: 324px;
	}
	
ul#bignav li {
	list-style-type: none;
	margin: 0 0;
	padding: 0 0;
	width: 660px;
	height: 108px;
	}

ul#bignav li a {
	text-indent: -3000px;
	display: block;
	margin: 0 0;
	padding: 0 0;
	width: 660px;
	height: 108px;
	}

ul#bignav li a#proj {
	background: transparent url(/image/bn-projects.gif) 0 0 no-repeat;
	}

ul#bignav li a#dive {
	background: transparent url(/image/bn-diversions.gif) 0 0 no-repeat;
	}

ul#bignav li a#inf {
	background: transparent url(/image/bn-info.gif) 0 0 no-repeat;
	}

ul#bignav li a:hover#proj {
	background: transparent url(/image/bn-projects.gif) 0 -108px no-repeat;
	}

ul#bignav li a:hover#dive {
	background: transparent url(/image/bn-diversions.gif) 0 -108px no-repeat;
	}

ul#bignav li a:hover#inf {
	background: transparent url(/image/bn-info.gif) 0 -108px no-repeat;
	}




/* //////////////////////////////////////////////// projects //////////////////////////////////////////////// */

	
img.pic {
	border: 1px solid #ccc;
	background-color: white;
	}

/* //////////// thumbnail //////////// */

ul.thumbnail img {
	border: 1px solid #ccc;
}

ul.thumbnail {
	margin: 0 0 16px 0;
	padding: 0 0;
	width: 600px;
	}
	
ul.thumbnail li {
	float: left;
	list-style-type: none;
	margin: 0 14px 10px 0;
	width: 182px;
	}

ul.thumbnail li {
	line-height: 20px;
	}

ul.thumbnail:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
ul.thumbnail li a {
	display: block;
	}

p.caption {
	color: #b3b3b3;
	margin: 5px 0 8px 0;
	}

.projectspage #bottom img {
	display: block;
	}

/* //////////////////////////////////////////////// projects //////////////////////////////////////////////// */

	
img.pic {
	border: 1px solid #ccc;
	background-color: white;
	}

/* //////////// thumbnail //////////// */

.thumbnail img {
	border: 1px solid #ccc;
	margin: 0 0 6px 0;
	padding: 0;
	color: #333;
	}

.thumbnail {
	margin: 0;
	padding: 0 0;
	width: 600px;
	}
	
.thumbnail .projectthumb {
	float: left;
	margin: 0 14px 18px 0;
	width: 182px;
	line-height: 14px;
	color: #777;
	}

.thumbnail:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}

#assorted #bottom img {
	padding-left: 36px; 
	padding-right: 36px; 
	}

#plus6 #bottom img {
	padding-left: 6px; 
	padding-right: 6px; 
	}
	
#projnav {
	float: right;
	margin: 0 0;
	}

	 
/* //////////////////////////////////////////////// diversions //////////////////////////////////////////////// */


.diversionspage #header #diversions a {
	color: #f06465;
	}

h4.expand {
	color: #F06465;
	text-decoration: none;
	font-weight: normal;
	padding: 6px 0 6px 10px;
	margin: 0;
	/* border-top: 2px solid #222; */
	background: transparent url(/image/arrow-grey.gif) 0 10px no-repeat;
	}

#container h4.open {
	background: transparent url(/image/arrow-grey-down.gif) 0 10px no-repeat;
	}

h4:hover {
	color: #777;
	text-decoration: underline;
	}

/*
.pictures img {
	margin-bottom: 10px;
	}
*/

.diversionspage hr {
	width: 562px; 
	height: 1px; 
	color: #ccc; 
	background-color: #ccc; 
	margin: 0 0 2px 0; 
	padding: 0; 
	border: none;
}

img.dpic {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
	background-color: white;
	}

/* ////// threes ////// */

#threes ul.three img {
	border: 1px solid #ea8c8d;
	margin: 0 0 6px 0;
	padding: 0 0;
}


ul.three {
	margin: 0 !important;
	padding: 0 0 7px 0;
	width: 565px;
	background-color: #f06465;
	}
	
ul.three li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 16px;
	margin: 0;
	width: 167px;
	line-height: 13px;
	}

ul.three:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	}
	
ul.three li a {
	padding: 0 0;
	margin: 0 0;
	display: block;
	color: #fff;
	}

ul.three li a:hover {
	color: #000;
	}

.threes-bottom {
	margin: 0 0 26px 0;
	padding: 0 0;
	width: 565px;
	height: 6px;
	background: transparent url(/diversions/threes/threebot.gif) 0 0 no-repeat;
	}
	
/* ////// links ////// */

.diversionlinks {
	width: 600px;
}

.linkcolumn {
	/* float: left; */
	list-style-type: none;
	margin: 0 10px 50px 0;
	width: 182px;
}

ul.links img {
	border: 1px solid #b3b3b3;
}

ul.links {
	margin: 0 0;
	padding: 0 0;
	width: 182px;
	line-height: 15px;
	}
	
ul.links li {
	padding: 0 0;
	list-style-type: none;
	margin: 0 0;
	width: 182px;
	}
	

/* //////////////////////////////////////////////// info //////////////////////////////////////////////// */

#lc {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 0;
	width: 400px;
	}

#rc {
	float: left;
	margin: 0;
	padding: 0 0;
	width: 130px;
	}

ul.infolinks {
	margin: 0 0 20px 0;
	padding: 0 0;
	line-height: 15px;
	}
	
ul.infolinks li {
	margin: 0 0;
	padding: 0 0;
	list-style-type: none;
	}


/* //////////////////////////////////////////////// test //////////////////////////////////////////////// */


 .rss-popup {
    margin: 0;
    padding: 0;
    width: 100px;
    position: relative;
}

div.rss-popup em {
    background: url(/image/bubble.png) no-repeat;
    width: 100px;
    height: 55px;
    position: absolute;
    top: -70px;
    left: -0px;
    text-align: left;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}

#rss-icon {
    width: 42px;
    height: 42px;
    background: url(/image/rabbit.gif) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 0;
    display: block;
}