/* 
##############################
	stylesheet | wiki
	last modified by skinhead
	2011-01-15
############################## */

/* ----- master style ----- */
body, h2, td, div, p { color: #ccc; }
input, textarea { border: 0; }
textarea { padding-top: 5px; }
input.submit { margin-top: 10px; }
h1, h2 { margin: 0; }
h1 { font-size: 20px; }
h2 { font-size: 14px; }
h2.tierTwoTitle { margin-top: 20px; }
hr.whitebg { border: 0; height: 1px; *color:#ccc; background-color: #ccc; margin-bottom: 15px;  }

/* ----- menu & search ----- */
table#wikiNav { width: 980px; }
table#wikiNav td.wikiMenu { width: 680px; padding: 0 15px; background: #000 url(images/bg_wikiNav_12x56.gif) 0 0 repeat-x; /* 710px */ }
a#navArticles, a#navTaxonomy,  a#navGallery { display: block; width: 65px; height: 56px; background: transparent url(images/bg_wikiNavMenus_195x83.png) 0 -56px no-repeat; float: left; margin-right: 10px;  }
a#navArticles { background-position: 0 -56px;  }
a#navTaxonomy { background-position: -65px -56px;  }
a#navGallery { background-position: -130px -56px;  }
a#navArticles:hover { background-position: 0 0;  }
a#navTaxonomy:hover { background-position: -65px 0;  }
a#navGallery:hover { background-position: -130px 0; }
a#navArticles.this-section { background-position: 0 0; }
a#navTaxonomy.this-section { background-position: -65px 0; }
a#navGallery.this-section { background-position: -130px 0; }
table#wikiNav td.wikiSearch { width: 240px; padding: 15px; background: #333; text-align: center; /* 269px */ } 

/* ----- body layout -----*/
table#wikiMain { width: 980px; vertical-align: top; }
table#wikiMain td { vertical-align: top; }
table#wikiMain td.main { width: 680px; background: #000; padding: 15px; /* 710px */ }
table#wikiMain td.panelRight { width: 240px; vertical-align: top; padding: 15px; background: #fff; /* 269px */ }

/* ----- search box ----- */
#search-wiki input.q { background: url(images/bg_searchWiki_240x18.gif) 0 0 no-repeat; width: 215px; /* 240px */}
#search-taxonomy { margin-top: 50px; margin-left: 80px; }
#search-taxonomy input.q { width: 485px; background: url(images/bg_searchMain-000_510x18.gif) 0 0 no-repeat; }

/* ----- layout review ----- */
table#wikiMain td.reviewMain { width: 980px;  }
table#wikiMain td.reviewMain div#container { width: 960px; margin: 0; padding: 10px; }

/* ----- homepage ----- */
.wikiHomeEntryTitle { font-size: 18px; font-weight: 600; }
.wikiHomeEntryDate { margin-bottom: 3px; }
.wikiHomeEntryPartition { clear: both;  width: 100%; height: 7px; background: #000 url(images/bg_wikiHomePartition.gif) center left no-repeat; margin: 15px 0 15px 0; }
.wikiHomeReadMore, .wikiHomeQuickEdit { text-align: right; font-size: 13px; }
.wikiHomeReadMore { margin-top: 10px; }

/* ----- side panel ----- */
div.sidePanel { width: 239px; margin-bottom: 15px; background: #fff; color: #000; }
div.sidePanel td, .sidePanel div { color: #000; }

/* ----- upload picture form & my uploads ---- */
div.sidePanel div#headingUploadPhoto { width: 89px; height: 23px; margin-bottom: 5px; background: url(images/bg_wiki_uploadImg.png) top left no-repeat; }
div#myUploads div#headingUploadedPhoto { width: 89px; height: 23px; margin-bottom: 5px; background: url(images/bg_wikiMyImg.png) top left no-repeat; }
div#formPicUpload div#headingGalleryUploadPhoto { width: 89px; height: 23px; margin-bottom: 5px; background: url(images/bg_wiki_uploadImg.png) top left no-repeat; }
div.sidePanel table#picUpload { width: 239px; vertical-align: middle; }
div.sidePanel table#picUpload td.label { width: 55px; font-size: 11px;  }
#picPermission { width: 239px; padding: 0; margin: 0; }
#picPermission table { width: 239px; }
#picPermission table td { vertical-align: middle; text-align: left; }
#picPermission table td.label { width: 55px; font-size: 11px; }
#picPermission, #loader { display: none; }
input#uploadDesc, #upload_maker, #upload_sourceURL { border: 1px solid #ccc; width: 175px; }

/* ----- taxonomy home ----- */
#taxCloud { width: 510px; text-align: center; margin: 50px auto 0 auto; }
#taxCloud span { margin-right: 5px; font-weight: 600; }

/* ----- tax links ----- */
div#taxLinks { display: inline-block; }
.taxLink { display: block; width: 70px; height: 70px; background: url(images/bg_wikiTaxLinks_420x120.gif) 0 0 no-repeat;  float: left; }
#taxTarantulas, #taxSquamata, #taxTurtlesTortoises { margin-bottom: 15px;}
#taxTarantulas, #taxSquamata, #taxAmphibians, #taxCrocsGators { margin-right: 15px;  }
#taxTarantulas:hover { background-position: 0 -70px;  }
#taxSquamata { background-position: -70px 0;  }
#taxSquamata:hover { background-position: -70px -70px;  }
#taxTurtlesTortoises { background-position: -140px 0;  }
#taxTurtlesTortoises:hover { background-position: -140px -70px;  }
#taxAmphibians { background-position: -210px 0;  }
#taxAmphibians:hover { background-position: -210px -70px;  }
#taxCrocsGators { background-position: -280px 0;  }
#taxCrocsGators:hover { background-position: -280px -70px;  }
#taxSnakes { background-position: -350px 0;  }
#taxSnakes:hover { background-position: -350px -70px;  }
#taxMantis { display: block; width: 239px; height: 200px; background: url(images/bg_wikiLinkMantis_240x200.gif) 0 0 no-repeat; margin-bottom: 15px; }

/* ----- side navigation & banners ----- */
table#wikiNav { width: 980px; }
table#tree  { width: 229px; margin-left: 10px; background: #000;}
table#tree td { padding: 5px; color: #fff; }
hr { border: 0; height: 1px; *color:#333; background-color: #333; }
div#collectionNow { width: 229px; height: 60px; padding: 40px 0 0 10px; background: url(images/bg_wiki_collectionNow.png) top left no-repeat; }
div#collectionNow div { color: #333; font-weight: 600; }
.alert { text-align: center; color: #ff9900; }
.addchild { text-align: right; margin-bottom: 14px; font-size: 11px; font-weight: 300; }
.editsection1 { margin: -35px 0 25px 0; text-align: right; font-size: 11px; }
.editsection2 { margin: -25px 0 15px 0; text-align: right; font-size: 11px; }
input.edit { width: 100%; }
textarea.edit { width: 100%; height: 300px;  }
.styleButtons { margin: 8px 0 2px 1px; }
.lastUpdate, .coAuthors, .createBy { color: #666; font-size: 11px; }
#loaderGallery { text-align: center; margin-top: 40px; }
img.thumb { border: 1px solid #333; margin-bottom: 3px; }
div.thumb { float: left; margin: 3px 2px 0 0; }
div.thumb a:link,div.thumb a:visited { color: #660099; text-decoration: none; }, 
div.thumb a:hoever { text-decoration: underline; }, 
div#pagingRecentUploads { margin-top: 5px; text-align: right; font-size: 11px; }
.imgID { font-size: 10px; text-align: center; }
ol { margin-left: 20px; padding: 0; }
a.new:link { color: #ff9999; }
table.bbcTable { background-color: #666; }
table.bbcTable td { background-color: #000; padding: 5px; }
table.twoColumn td { width: 325px; padding: 0 10px 0 0; }
#searchResult { margin: 5px 0 5px 0; }
#searchResult input.q { background: url(images/bg_searchMain-000_165x18.gif) 0 0 no-repeat; }
div#mainText { margin-top: 15px; } 
div#mainText ul { list-style-type: square; padding-left: 15px; margin-bottom: 10px; }
table#submitButtons { height: 17px; width: 100%; margin-top: 5px; }
table#submitButtons td { vertical-align: middle; }
table#submitButtons td.preview, table#submitButtons td.cancel { width: 65px; }
table#submitButtons td.submit { text-align: right; }
#returnMsg { color: #ff9900; }
.wikiAllTopicsColumn { float: left; width: 225px; }

/* ----- banner taxononomy ----- */
div.linkTaxon { width: 229px; height: 150px;  font-size: 14px; font-weight: 300; margin-bottom: 15px; padding-left: 10px; }
div.linkTaxon div { padding: 40px 0 0 8px; } 
div.linkTaxon a:link, div.linkTaxon a:visited { color: #663366; } 
div.linkTaxon a:hover { color: #666; padding-left: 10px; }
div.linkTaxonBg1 { background: white url(images/bg_wikiBannerTaxon_1.png) top left no-repeat; }
div.linkTaxonBg2 { background: white url(images/bg_wikiBannerTaxon_2.png) top left no-repeat; }
div.linkTaxonBg3 { background: white url(images/bg_wikiBannerTaxon_3.png) top left no-repeat; }
div.linkTaxonBg4 { background: white url(images/bg_wikiBannerTaxon_4.png) top left no-repeat; }
div.linkTaxonBg5 { background: white url(images/bg_wikiBannerTaxon_5.png) top left no-repeat; }
div.linkTaxonBg6 { background: white url(images/bg_wikiBannerTaxon_6.png) top left no-repeat; }

/* ----- tabber tabs ----- */
div.tabberBox { background: url(images/bg_wiki_tabbers.png) top right repeat-y; padding: 0; margin: 0; border-top: 1px solid #f1f1f1; margin-bottom: 15px;  }
ul.tabs {  list-style: none; margin: 0; padding: 0; height: 30px; }
ul.tabs li {  float:left; text-indent:0; padding:0; margin:0; list-style-image:none; } /* single tab */ 
ul.tabs a { background: url(images/bg_wikitab.png) top left no-repeat; font-size:12px; font-weight: 600;  display:block; height: 30px; line-height:23px; width: 79px; text-align:center;	text-decoration:none; color:#fff; padding:0px; margin:0px;	position:relative; top:1px;  }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { background: url(images/bg_wikitab_o.png) top left no-repeat; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: url(images/bg_wikitab_a.png) top left no-repeat;}
div.panes div.pane { padding: 5px 15px 10px 20px; background: url(images/bg_wikitab_footcap.png) bottom right no-repeat; }
div.panes a:link, div.panes a:visited { color: #663366; }
div.panes a:hover { text-decoration: underline; }

/* ----- taxon family tree ----- */
div#headingFamilyTree { width: 89px; height: 23px; margin-bottom: 5px; background: url(images/bg_wiki_familyTree.png) top left no-repeat; }

/* ----- image thumbnail ----- */
div.thumb { margin-bottom: .5em; border: 1px solid #fff;  width: auto; }
div.tright, embed.tright { clear: right; float: right; border-width: .5em 0 .8em 1.4em; margin: 0px 0 10px 10px; }
div.tleft, embed.tleft { float: left; clear: left; margin: 0px 10px 10px 0; border-width: .5em 1.4em .8em 0; }
div.tcenter { text-align: center; clear: both; }
div.thumbinner { border: 1px solid #ccc; padding: 5px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; }
.thumbcaption { border: none; text-align: left; line-height: 1.4em; padding: 3px !important;  font-size: 94%; color: #666; }

/* ----- gallery -----*/
div.thumbinner { border: 1px solid #ccc; padding: 5px !important; background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; }
div.thumbinner div#galleryEditPic { margin-top: 10px; display: none; }
div.thumbinner div#galleryEditPic, div.thumbinner div#galleryEditPic div, div.thumbinner div#galleryEditPic  td  { text-align: left; color: #666;}
div.thumbinner div a { color: #993399; }
div.thumbinner div a:hover { text-decoration: underline; }

/* ----- review ----- */
.modification { border: 1px solid #ccc; }

/* ----- google adsense display ----- */
div#headingGoogleAds { width: 89px; height: 23px; margin-bottom: 5px; background: url(images/bg_wiki_googleads.png) top left no-repeat; }