/* $Id: style.css,v 1.1.4.2 2008/01/13 23:47:31 Gurpartap Exp $ */
/*The Jellywatch theme was adapted from Alek 2.0.  I have changed the color of most of the footer so that it is uniform, removed header inner, and added various images.*/
/* Main container styles */
* {
  margin: 0;
  padding: 0;
}

body {
font-size: 0.8em;
font-family: "Lucida Grande","Verdana", sans-serif;
line-height: 1.6em;
color: #666666;
background: #D2CCDB;
background-repeat: repeat-x;
height: 100%
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

html, #wrap {
  height: 100%;
}

body > #wrap {height: auto; min-height: 100%;}


/* SH Added Oct 2013 to make password message disappear */
.password-description {
    position: absolute;
    left: -9999px;
}


/* header span*/

#header {
  width:941px;
  height:157px;
  margin-left: auto;
  margin-right: auto;
  background:url('/sites/all/themes/jellytheme/img/banner.png') no-repeat;
  display: block;
}

#header a {
  width:941px;
  height:157px;
  margin-left: auto;
  margin-right: auto;
  background:url('/sites/all/themes/jellytheme/img/banner.png') no-repeat;
  display: block;
  text-decoration: none;
}

#header a span {
  visibility: hidden;
}

/*removed #headerinner* 8/17/08/ */

/* logo, text logo, and slogan */

#siteName {
  font-family:"trebuchet ms", helvetica, sans-serif ;
  color: #2B76AF;
  font-size: 44px;
  display: inline;
  line-height: 140px;
  padding-left:25px;

}

#siteSlogan {  
  font-family:"trebuchet ms", helvetica, sans-serif ;
  float:left;
  margin:33px 0 0 10px;
  color: #eee;
  font-size: 24px;
  white-space:nowrap;
  text-transform: lowercase;
}

#siteName a {
  color:#fff;
  text-decoration:none;
}

#siteName a:hover {
  color:#ddd;
  text-decoration:none;
}

#logo {
  float: left;
  margin:16px 0 0 75px;
  
}

#logo img {
  float: left;
  border: 0;
}


#logowrapper {position: absolute;}
#logowrapper p{color:#fff;float:left;font-size:0.9em;height:40px;line-height:1.3;padding-left:5px;padding-top:32px;width:210px;}
#logowrapper p a{color:#fff;text-decoration:underline;}


/* navigation links */

#navigation{position:absolute;right:0;top:0px;}
#navigation li a{background:#fff url(img/menu.gif) no-repeat 0 100%;color:#2d373f;display:block;font-weight:700;margin:0 3px;padding:5px 0;text-align:center;width:90px;}
#navigation li.active a,#navigation li a:hover{color:#2b76af;padding-top:12px;text-decoration:none;}
#navigation li{float:left; list-style:none;}

/* main body layout */

#main {
  background: #D2CCDB;
  width: 941px;
  margin: 0px auto 0px;
  padding-bottom: 93px;
}

#mainInner {
  position: relative;
  width: 950px;
  margin: auto auto;
  padding-top: 1em;
  background: #666666;
}

#menuLeft {
	width: 166px;
	float: left;
	position: relative;
	padding-right: 10px;
}

/* 3 columns and primary content layout */
  
#primaryContent {
  width: 745px;
  position: relative;
  margin: 10px 0px 30px 0px;
  float: left;
  background: #FFFFFF;
  min-height: 600px;
  padding: 10px;
}

#primaryContent h3 {
  margin:5px 0 5px 0;
}
  
#columns {
  position: relative;
  float: left;
  margin-right: -34em;
  margin-bottom:15px;
  padding-right: 2em;
  overflow:hidden;
}

#columns h2 {
  font-size:18px;
  margin:10px 0 5px 0;
}
  
/* secondary content */
  
#secondaryContent {
  float: right;
}

/* begin sidebarLeft */

#sidebarLeft {
width: 166px;
float: left;
margin-top: 10px;
color: #FFFFFF;
}

#sidebarLeft .title {
  margin:0;
  padding: 0;
}

.sidebarLeft-content {
padding: 8px;
text-align: left;
background: #6633CC;
}

#block-user-1 {
margin:0;
}

#sidebarLeft span#topspan {
display: block;
height: 25px;
width: 166px;
margin: 0;
padding: 0;
background: #D2CCDB url(/sites/all/themes/jellytheme/img/wave-top.png) no-repeat top left;
}

#sidebarLeft span#bottomspan {
display: block;
height: 99px;
width: 166px;
margin: 0;
padding: 0;
background: #D2CCDB url(/sites/all/themes/jellytheme/img/wave-bottom.png) no-repeat top left;
}

#sidebarLeft a {
	color:#92CC9A;
}

#sidebarLeft li a.active {
	color: #FFFFFF;
	font-weight: bold;
}

#social_networking {
margin-left:1.3em;
margin-top:-1em;
margin-bottom:-1.5em;
}
#social_networking img {
padding-right:5px;
}

li.leaf {
	list-style-image: none;
	list-style-type: none;
}

#block-aggregator-feed-2 li, #block-aggregator-feed-3 li {
	line-height: 1.2em;
	margin: 0.6em 0 0.6em 0;
	font-size: 0.8em;
}

#block-block-5 .content {
	padding:2px 0px 0px 0px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background:#E0DCEA;
	margin:0;
}

#block-aggregator-feed-2 .content, #block-aggregator-feed-3 .content {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	margin: 0;
	padding: 5px;
/*	background: #D0CCDA url(/sites/all/themes/jellytheme/img/news2.png) no-repeat scroll left bottom; */
	background: #E0DCEA  no-repeat scroll left bottom; 
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


#block-aggregator-feed-2 h2, #block-aggregator-feed-3 h2, #block-block-5 h2 {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	font-family: "Lucida Grande","Verdana", sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	/* background: #D0CCDA url(/sites/all/themes/jellytheme/img/news-top-sm.png) no-repeat scroll left bottom; */
	background-color: #6633CC;
	font-family:"Lucida Grande","Verdana",sans-serif;
	font-size:1em;
	font-weight:bold;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#block-aggregator-feed-2 .title, #block-aggregator-feed-3 .title {
	padding: 5px;
}

#block-aggregator-feed-2 a, #block-aggregator-feed-3 a {
	color: #666666;
}
  
/* #block-block-5 { background:#D0CCDA url(img/news2.png) no-repeat scroll left bottom;} */

#block-block-5 .title {
padding:5px;
}

#google_translate_element {
padding-left:5px;
width:166px;
}

#google_translate_element .goog-te-gadget {
font-size:0.7em;
}

#sidebarRight {
  width: 166px;
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  background: #6633CC;
}
  
#sidebarRight .title {
  background: #6633CC;
  padding:0 0 1em;
  color: #FFFFFF;
  font-family: "Lucida Grande","Verdana", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

#sidebarRight h3 {
  border:none;
}

#sidebarRight span#topspan {
display: block;
height: 18px;
width: 166px;
margin: 0;
padding: 0;
background: #D2CCDB url(/sites/all/themes/jellytheme/img/news-top.png) no-repeat top left;
}

#sidebarRight span#bottomspan {
display: block;
height: 18px;
width: 166px;
margin-top: -2px;
padding: 0;
background: #D2CCDB url(/sites/all/themes/jellytheme/img/news-bottom.png) no-repeat top left;
}




/* node and basic text attributes */

h1,h2,h3,h4,h5,h6 {
  font-family:"Lucida Grande","Verdana", sans-serif;;
  font-weight:normal;
  letter-spacing: 0px;
}
h1,h2,h3 {
  font-size:1.5em;
}
h4,h5,h6 {
  font-size:1.4em;
}

popup {
  font-family:Geneva,Helvetica,Arial;
  font-weight:normal;
  letter-spacing: 0px;
font-size: 9px;
}

h5 {
  margin-bottom: 0.5em;
}

a {
  text-decoration: none;
  color: #76A67E;
}

a:hover {
  text-decoration: underline;
  color:#76A67E;
}

.content {
  margin-top:5px;
  clear: both;
}

.content p {
  line-height: 1.5em;
  text-align: left;
  margin-bottom: 1em;
}

.node {
  margin: 0 0 1em 0;
}

.node ul, .node ol {
  margin: 1em 3em 1em 3em;
  line-height: 1.5em;
}
.node ul{
  margin: 1em 3em 1em 0;
}

.node ul li{
  padding: 0 0 0 3em;
  background:url('img/custombullet.gif') 19px 5px no-repeat;
}

* html .node ul li{
   height:10px;
}

#comment-form div.form-item{
   clear:both;
   padding:10px 20px;
   background:#FAF8F5;
   border:1px solid #f4f2eb;
}

* html #comment-form div.form-item{
   height:1px;
}

div.picture{
   float:left; 
   margin:0 0 0 0;
   padding:5px;
}

div.picture a{
   display:block;
   width:auto;
   height:auto;
   padding:1px;
   border:1px solid #A0B2BC;
}

.nodeimg {
   padding:3px;
   border:1px solid #A0B2BC;
}

div.picture a:hover{   
   border:1px solid #31353E;
}

div.picture a img{
   display:block;   
}

.nodeTitle, .pageTitle {
  font-family:"Lucida Grande","Verdana", sans-serif;
  font-size: 1.5em;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 5px 0px 3px 0px;
  line-height: 1.2em;
  clear:left;  
}

.nodeTitle, .pageTitle{   
   padding-left:40px;
   padding-top:30px;
   padding-bottom: 15px;   
   background:url(/sites/all/themes/jellytheme/img/liljelly.png) top left no-repeat; 
   width:400px;   
}

div#comments h2.title{   
   padding:10px 0 10px 40px;
/*   background:url('img/leaf1.gif') center left no-repeat; zzzzzzzap 6/5/11 KE */
   width:400px;   
}

.nodeTitle a {
  color:#3C4E55;
}

.nodeTitle a:hover {
  text-decoration: none;
  color:#2596D0;
  border-bottom: 1px dotted #2596D0;
}

.submitted {
  background: url(img/user.gif) no-repeat;
  background-position: 2px 3px;
  padding:3px 0 3px 20px;
  color:#999;
  font: normal 11px arial;
  margin:0 0 0 3px; 
  float: left;
}

.linkswrap {
  padding: 5px;
  margin-bottom: 3em;
}

.service-links {
  background-color: #e2eff8;
  border-top: 3px solid #B9D9EE;
  padding: 5px;
  margin-bottom: 0em;
  margin-top: 1em;
}

.postlinks {
  background-image: url(img/commenticon.gif);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  padding: 1px 0 0 20px;
  margin: .5em 0;
  float: right;
  width: 15%;
	clear: none;
}
}

.taxonomy {
  background-image: url(img/posted.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  position: relative;
  padding: 1px 0 0 20px;
  margin: .4em 0;
}
  
ul.links {
  list-style-type: none;
  margin: 0;  
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  margin: 0 0.2em;
  padding:0;
  background-image:none;
}

/* SH for login */
#user-login-form ul {
	font-size:0.8em; /* SH */
	margin:0;
	padding:0 0 0.15em 0.35em;
	text-align: left;
}

/* comments layout */

.commentbox{
  background: #f3f3f3 url(img/comment_line.gif) no-repeat 0 -2px;
  padding: 10px;
  margin:0 0 9px 0;
  clear: both;
  min-height:65px;
  height:auto !important;
}

.commentbox .avatar {
  width:54px;
  height:54px;
  background:url(img/avatar.jpg) no-repeat;
  float:left; 
  margin:0 0 0 0;
}

.commentbox p{
  margin:5px 0 10px 0;
  font: normal 12px/16px arial;
}
  
.comment_date {
  color:#999; 
  font:normal 11px arial; 
  line-height:23px;
}

.comment_links {
  float: right;
}

.comment_links ul {
  background:#FFFFDA;
  padding: 1px 3px 1px 3px;
}
  
.author_meta{   
  width:420px;  
  min-height:60px;
}

* html .author_meta{
  height:60px;
}
  
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

/* other styles */

#mission {
  font-size: 13px;
  margin: 0 0 2em 0;
  background: #F4F1EA url('img/mission3.gif') top center repeat-y;   
  width:515px;
}

#mission div#mcontainer{  
  background: url('img/mission2.gif') bottom center no-repeat;  
}

#mission div#mcontainer1{  
  background: url('img/mission1.gif') top center no-repeat;
  padding:10px 3px 10px 15px;   
}

#mission h1, #mission h2{font-size:1.5em; margin:0 0 0.5em 0;}

#mission ul li{
   width:145px;
   padding:7px;
   float:left;
   list-style:none;
}
.clearme{
   clear:both;
   height:1em;
   font-size:1%;
}

dt {
  font-size:14px;
  font-weight:bold;
  margin:10px 0 5px 0;
}

.commentTitle {
  font-size:18px ;
}

.block {
  margin: 10px 0 20px 0;
}

.messages {
  background:#FFFFDA;
  margin: 5px 0 5px 0;
  padding: 10px;
}
#pager {
  clear:both;
  padding:30px 0px 10px 0;
}

/* img styles */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #31363E;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.preview {
  border: 1px solid #ccc;
}

/* table styles */

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #AAAAAA;
  color: #494949;
  font-weight: bold;
}

td, th {
  padding: .3em 0 .5em 0;
}

tr.even, tr.odd, tbody th {
  border: solid #D5D6D7;
  border-width: 1px 0;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #E1E1E1;
}

tr.even td.active {
  background-color: #F1F1F1;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #AAAAAA;
  background-color: #D5D6D7;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

/*Editing the look of the list-sightings table*/
.view-id-sightings_list tr.even, .view-id-sightings_list tr.odd, .view-id-my_sightings tr.even, .view-id-my_sightings tr.odd {
	font-size: 10px;
	line-height: 1.2em;
}

/* .views-field-field-date-value, .views-field-field-other-value {padding-right:1em;} */

.view-id-sightings_list  TD {
	padding: 4px;
	overflow: hidden;
}

.view-id-my-sightings  TD {
	padding: 4px;
	overflow: hidden;
}
/* SH: is this supposed to be views- or view-? 
in the source, these are used view-sightings-list view-id-sightings_list 
Also why are they repeated several times 
REMOVING THE FOLLOWING:
*/ 

/* .views-sightings-list {
   width: 745px;
   display: block;
}
.views-sightings-list, .views-my-sightings {
	width: 745px;
}
*/


.view-id-sightings_list TABLE {
	width: 745px;
	table-layout: fixed;
}

.view-id-my_sightings TABLE {
	width: 745px;
	table-layout: fixed;
	float: left;
}

.views-field-field-description-value {
	width: 200px;
}

.views-field-title {
	width: 100px;
}



.box {
  clear: both;
  margin-top: 1.5em;
}

.form-text, .form-submit, .form-textarea, .form-item {
margin-top:        6px;
margin-bottom:     4px;
}

#edit-search-block-form-keys{
   border:1px solid #31363e;
   width:164px;
   margin-top:0;
   padding: 2px 0 2px 0;
   background:url('img/searchformbcg.gif') center center no-repeat;
}

#sidebarRight #edit-submit{
   border:1px solid #31363e;
   font: normal 1em "Trebuchet MS", sans-serif;
   cursor:pointer;
   background:#fff url('img/searchbtn.gif') bottom left repeat-x;
   width:65px;
   height:23px;
   margin:0;
   padding:0;
   line-height:100%;
}

.node blockquote {background: #f4f4f4 url('img/bquote1.gif') no-repeat 0% 0%; padding: 20px 0 0 40px; margin: 1em 30px;}
.node blockquote p {background: url('img/bquote2.gif') no-repeat;background-position:bottom right; padding: 0 40px 20px 0;}

#block-block-1 div.content{
   width:166px;
   background:url('img/feed3.gif') top center repeat-y;
}

#block-block-1 div.content div#feedcont{   
   background:url('img/feed2.gif') bottom center no-repeat;
}

#block-block-1 div.content ul{
   margin:0;
   padding:15px 6px 10px 15px;
   list-style:none; 
   background:url('img/feed1.gif') top center no-repeat;    
}

#block-block-1 div.content ul li{
   padding-bottom:4px; 
}

#sidebarLeft #block-comment-0 div.item-list ul,
#sidebarLeft #block-similar-0 div.item-list ul,
#sidebarLeft #block-block-3 div.item-list ul { list-style-type:none; margin:0; padding:0; }

#sidebarLeft #block-comment-0 div.item-list ul li,
#sidebarLeft #block-similar-0 div.item-list ul li,
#sidebarLeft #block-block-3 div.item-list ul li { list-style-type:none; margin:0; border-bottom: 1px solid #394559; text-align:left; }

#sidebarLeft #block-comment-0 div.item-list ul li a,
#sidebarLeft #block-similar-0 div.item-list ul li a,
#sidebarLeft #block-block-3 div.item-list ul li a { display: block; padding:2px 10px 5px 10px; text-decoration: none; color:#b9b9b9; }

#sidebarLeft #block-comment-0 div.item-list ul li a:hover,
#sidebarLeft #block-similar-0 div.item-list ul li a:hover,
#sidebarLeft #block-block-3 div.item-list ul li a:hover { background:#353b44; }

#sidebarLeft #block-comment-0 div.item-list ul li a span,
#sidebarLeft #block-similar-0 div.item-list ul li a span,
#sidebarLeft #block-block-3 div.item-list ul li a span { display:block; }

#footer {position: relative;
  margin-top: -93px; /* negative value of footer height */
  margin-left: auto;
  margin-right: auto;
  height: 93px;
  clear:both;
  background: transparent url(/sites/all/themes/jellytheme/img/footer.png) no-repeat scroll 0 0;
  width: 941px;
  
}

#footercontent {
float:left;
height:40px;
margin-left:auto;
margin-right:auto;
padding:40px 0 0 40px;
width:620px;
}
#footerlogos {
float:left;
height:40px;
padding:20px 0 0;
width:220px;
}

#footercontent a {
color:#92CC9A;
font-weight:bold;
padding: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 */

.biglists {
list-style-type:none;
margin:0pt;
padding:0pt;
}

.biglists li {
margin:0px;
padding:0px;
width:195px;
float:left;
}

.biglists a {
border-bottom:1px solid #E6E6E6;
display:block;
text-decoration:none;
}

/* attempting to get the lat and lng fields side by side... */
/* <span id="edit-field-lat-0-value"><?php print form_render($form['field_lat_value']); ?></span>
<span id="edit-field-lng-0-value"><?php print form_render($form['field_lng_value']);?></span> */

#edit-field-lat-0-value-wrapper {
  float: left;
  margin-right: 10px;
}

#edit-field-moderation-0-value-wrapper {
  display: none;
}

#mapsearch {
  width : 400px;
  margin : 10px;
  padding : 4px;
  /* border : 1px solid #f9f9f9; */
}

/* set height of idle state map */
#mapsearch .gsmsc-idleMapDiv { height : 200px; }

/* set height of active state map */
#mapsearch .gsmsc-mapDiv { height : 300px; }

/* center the map in the homepage */
#map_spot {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 500px;
	float: left;
	overflow: hidden;
}

/* Organisim checkboxes */

#map_filters {
	margin: auto;
	width: 500px;
}

#organism_selectors {
	width: 500px;
	margin: auto;
}

#organism_checkboxes {
	position: relative;
	float: left;
	width: 140px;
	margin: 0px 0px 0px 4px;
}

#organism_checkboxes input {
	vertical-align: text-top;
	margin-right: 4px;
}

#organism_checkboxes table {
	border-collapse: separate;
	margin: 12px 0px 0px 4px;
}

#organism_checkboxes td {
	padding: 2px 0px 0px 0px;
}

#organism_checkboxes img{
	vertical-align: text-bottom;
}

#time_range {
	float: left;
	margin-top: 15px;
	text-align: right;
}

a.imagecache img {
	margin: auto;
	margin-top: 10px;
	display: block;
}

#tell_us {
margin-bottom:10px;
text-align:center;
width:600px;
}

#tell_us a {
background: #dbd6e8 none repeat scroll 0 0;
border-bottom:1px solid #A693BB;
border-right:1px solid #A693BB;
color:#666666;
font-weight:bold;
	padding: 5px 10px;
text-align:center;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;

}

#tell_us a:hover {
background:#A693CC none repeat scroll 0 0;
border:1px solid #8966CD;
text-decoration:none;
color:#FFF;
}


/*SH for featured */
#featured {
	border: 1px solid #8f55cc;
	float: right;
	padding: 0px;
	margin: 10px;
	width: 120px;
	visibility: visible;
	background-color: #dee0f8;
	}
#featured * {
	padding: 0px;
}
#featured hr{
	color: #6633cb;
	width: 100px;
	padding-left: 0px;
	text-align: center;
	margin: 0 0 0 auto; 
}
#featured a:link{
        color: #666;
        padding: 0px;
        background: none;
}

#featured img{
	align:	left;
	margin-right: 6px;
	margin-top: 3px;
	margin-left: 12px;
	vertical-align: bottom;
}

#featured h3{
	font-size: .6em;
	color: #6633cb;
	font-variant: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.2;
	padding: 0;
}
#featured ul li{
	list-style-position: outside;
	list-style-type: none;
	background-image: none;
	list-style-image: none;
	padding: 0 4px 0 0;
  	background: none;
  	text-align: left;
  	font-size: .6em;
  	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
}

#sticker{
	position: absolute;
	top: -130px;
	left: 510px;
}


/* Instead of using li class = "squid" should dynamically generate the img tag with php 
  */
#featured > ul li.squid{
list-style-image: url("http://www.jellywatch.org/jellymap/icons/squid_15.png");
}