/* CSS Document */

body { 
  font-family: arial,helvetica,sans-serif; 
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  background-color: #BFCFCF;
}

form {
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 0px; 
	margin: 0px;
}

a, a:visited {
  color: #000099;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #000099;
  font-weight: bold;
  text-decoration: underline;
}
h1 {
	font-size: 24px;
}
h2, h3 {
	color: #9F699B;
	align: left;
	font-weight: bold;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h1,h2,h3,h4,h5 {
  padding: 0px;
  margin: 0px;
}
img {
	border: 0px;
}

table {
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin: 0px;
	color: #000000;
}


#header {
	height: 114px;
	width: 1024px;
	background: #000000 URL( ../images/cannedpetslogo.jpg ) top left no-repeat;
	position: relative;
	margin: 0 auto;
}

#header h1,
#header h2 {
	margin-left: -5000px;
}

.terms {
	color: #FFFFFF;
}

.terms a,
.terms a:visited {
	color: #FFCC33;
}
.terms a:hover {
	text-decoration: underline;
}

#navigation {
}
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#navigation h2 {
	padding-bottom: 3px;
	margin: 0px;
	font-size: 16px;
	line-height: 1.4em;
	color: #fff;
}
#navigation ul li {
	padding: 0px 0px 4px 12px;
	padding-left: 10px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#navigation a,
#navigation a:visited {
	color: #FFCC33;
}
#navigation a:hover {
	text-decoration: underline;
}


#footer { 
  text-align: center;
  font-family: arial,helvetica,sans-serif; 
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 0px;
  background-color: #BFCFCF;
  color: #000000;
}

/* Main */

#main {
	width: 1000px;
	margin: 0 auto;
	margin-top: -13px;
	overflow: hidden;
}

#main .channel {
 	margin: 0px 20px 0px 20px;
  	display: none;
}

#main .title {
	text-transform: capitalize;
	padding-top: 1px;
		padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	text-align: center;
}

#main .logo {
	text-align:center;
}

#main .title-desc {
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	color: #BBBBBB;
	font-size: 12px;
	text-align: center;
}

#main .wiki-image {
	text-align: center;
	position:relative;
}


.credit {
	margin-left: 100px;
	float: left;
}


.author-image {
	text-align:middle;
	padding-bottom: 6px;
	padding-right: 0px;
	color: #BBBBBB;
}

.author {
	text-align:left;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin: 0px;
		color: #BBBBBB;
}

.license {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-right: 0px;
	margin: 0px;
		color: #BBBBBB;
}

.google {
	padding: 0px;
	margin-left:  -3px;
}

.setcount {
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
}

.setcount2 {
 height: 30px;
}

#main .image-preview-right {
	padding-top: 3px;
	padding-bottom: 0px;
	height: 90px;
	float: right;
	margin-right: 6px;
	position: relative;
}

#main .image-preview-left {
	padding-top: 3px;
	height: 90px;
		padding-bottom: 0px;
	float: left;
	margin-right: 6px;
	position: relative;
}

.image-preview-right img {
	height: 90px;
}

.image-preview-right .prev-text a,
.image-preview-right .prev-text a:visited,
.image-preview-right .next-text a,
.image-preview-right .next-text a:visited {
	color: #FFF;
	text-decoration: none;
}

.image-preview-right .prev-text a:hover, 
.image-preview-right .next-text a:hover {
	color: #BFCFCF;
	text-decoration: none;
}

.image-preview-right .next-text {
	position: absolute;
	top: 55px;
	right: 5px;
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
}

.image-preview-right .prev-text {
	position: absolute;
	top: 55px;
	left: 5px;
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
}

.image-preview-left img {
	height: 90px;
}

.image-preview-left .prev-text a,
.image-preview-left .prev-text a:visited,
.image-preview-left .next-text a,
.image-preview-left .next-text a:visited {
	color: #FFF;
	text-decoration: none;
}

.image-preview-left .prev-text a:hover, 
.image-preview-left .next-text a:hover {
	color: #BFCFCF;
	text-decoration: none;
}

.image-preview-left .next-text {
	position: absolute;
	top: 55px;
	right: 5px;
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
}

.image-preview-left .prev-text {
	position: absolute;
	top: 55px;
	left: 5px;
	font-weight: bold;
	font-size: 36px;
	color: #FFF;
}

#main .image-preview-padding {
	padding-top: 3px;
	height: 50px;
	width: 94px;
	float: right;
	margin-right: 0px;
	position: relative;
}

.adbox {
	width: 234px;
	margin-bottom: 10px;
	margin-left: 7px;
}

.addfields {
	width: 220px;
}


.dialog {
 width:960px;
 margin:0px auto;
 margin-top: 6px;
 min-width:20em;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}


.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(http://www.sciencefunding.ca/subfolders/featuredpix/images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(http://www.sciencefunding.ca/subfolders/featuredpix/images/br.gif) no-repeat right 0px;
}

.roundbox {
	width: 234px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.roundboxsearch {
	width: 850px;
	margin: 5px;
}

.roundboxad {
	width: 216px;
	height: 490px;
	margin-bottom: 10px;
	margin-right: 8px;
}

.roundboximage{
	text-align: center;
	width: 663px;
	height: 565px;
	margin-bottom: 10px;
	margin-right: 8px;
}

/* SPIFFY */

.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ede2d0; }
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#FFFFFF}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#ECECEC;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy4{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy5{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffyfg{
  background:#ede2d0;
  padding-left: 10px;
  padding-right: 10px; }
  
.spiffy-pink{display:block}
.spiffy-pink *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #516D8C; }
.spiffy-pink1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#FFFFFF}
.spiffy-pink2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#ECECEC;}
.spiffy-pink3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-pink4{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-pink5{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-pinkfg{
  background: #516D8C;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px; }
  
.spiffy-white{display:block}
.spiffy-white *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #FFF; }
.spiffy-white1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#FFFFFF}
.spiffy-white2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#ECECEC;}
.spiffy-white3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-white4{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-white5{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-whitefg{
	text-align: center;
  background: #FFF;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-right: 10px; }
  
  
.spiffy-whiteimage{display:block}
.spiffy-whiteimage *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #FFF; }
.spiffy-whiteimage1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#FFFFFF}
.spiffy-whiteimage2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;
  background:#ECECEC;}
.spiffy-whiteimage3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-whiteimage4{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-whiteimage5{
  border-left:1px solid #ECECEC;
  border-right:1px solid #ECECEC;}
.spiffy-whiteimagefg{
  height: 565px;
  background: #FFF;
  padding-left: 9px;
  padding-bottom: 0px;
  padding-right: 10px; }
  
  
  
  
.spiffy-blue{display:block}
.spiffy-blue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #c0cac9; }
.spiffy-blue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #c0cac9;
  border-right:1px solid #c0cac9;
  background:#c0cac9}
.spiffy-blue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #c0cac9;
  border-right:1px solid #c0cac9;
  background:#c0cac9;}
.spiffy-blue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c0cac9;
  border-right:1px solid #c0cac9;}
.spiffy-blue4{
  border-left:1px solid #c0cac9;
  border-right:1px solid #c0cac9;}
.spiffy-blue5{
  border-left:1px solid #c0cac9;
  border-right:1px solid #c0cac9;}
.spiffy-bluefg{
  background: #c0cac9;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px; }


.spiffy-smokeblue{display:block}
.spiffy-smokeblue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #bfcfcf; }
.spiffy-smokeblue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bfcfcf;
  border-right:1px solid #bfcfcf;
  background:#bfcfcf}
.spiffy-smokeblue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #bfcfcf;
  border-right:1px solid #bfcfcf;
  background:#bfcfcf;}
.spiffy-smokeblue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #bfcfcf;
  border-right:1px solid #bfcfcf;}
.spiffy-smokeblue4{
  border-left:1px solid #bfcfcf;
  border-right:1px solid #bfcfcf;}
.spiffy-smokeblue5{
  border-left:1px solid #bfcfcf;
  border-right:1px solid #bfcfcf;}
.spiffy-smokebluefg{
  background: #bfcfcf;
  height: 490px;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-right: 10px; }
  
.spiffy-darkgrey{display:block}
.spiffy-darkgrey *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background: #373737; }
.spiffy-darkgrey1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #373737;
  border-right:1px solid #373737;
  background:#373737}
.spiffy-darkgrey2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #373737;
  border-right:1px solid #373737;
  background:#373737;}
.spiffy-darkgrey3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #373737;
  border-right:1px solid #373737;}
.spiffy-darkgrey4{
  border-left:1px solid #373737;
  border-right:1px solid #373737;}
.spiffy-darkgrey5{
  border-left:1px solid #373737;
  border-right:1px solid #373737;}
.spiffy-darkgreyfg{
  background: #373737;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px; }

/* CLEAR FIX */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *