﻿body 
{
    font-size: 12px;
    font-family: Segoe UI, Tahoma, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #484848;
}
a 
{
	font-family: Lucida Sans Unicode, Segoe UI, Tahoma;
}
a:link
{
    color: #a40000;
    text-decoration: none;
}
a:visited
{
    color: #a40000;
}
a:hover
{
    color: #a40000;
    text-decoration: underline;
}
a:active
{
    color: #a40000;
}
p, ul
{
    margin: 0;
}

a.red { padding: 3px 5px; background-color: #a40000; font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI, Tahoma; font-size: 10px !important; text-decoration: none; color: #fff;  }
a.red:hover { padding-bottom: 2px; padding-right: 4px; border-bottom: 1px solid #000; border-right: 1px solid #000; text-decoration: none !important; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 12px;
    color: #a40000;
    font-family: Segoe UI, Tahoma, Helvetica, Sans-Serif;
}
h1
{
    font-size: 22px;
    padding-bottom: 0;
    margin-bottom: 0;
    font-family: Georgia;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#top-scroller
{
    width: 100%;
    height: 26px;
    background: url(images/top-bg.png) repeat-x;
}
#top-scroller #contents
{
    width: 850px;
    margin: 0 auto;
}
#head
{
    width: 850px;
    margin: 0 auto;
    margin-top: 10px;
}
#menu-container
{
    width: 100%;
    height: 45px;
    background: url(images/menu-bg.png) repeat-x;
}
#container
{
    width: 850px;
    margin: 0 auto;
}
#left-col
{
    width: 590px;
    float: left;
}
#right-col
{
    width: 250px;
    float: right;
}

.sep { height: 10px; clear: both; }

#footer { 
    width: 100%;
    height: 45px;
    background: url(images/btm-bg.png) repeat-x;
    margin-top: 20px;
    margin-bottom: 1px;
}
#footer a { font-family: Nyala, Lucida Sans Unicode, Segoe UI, Tahoma; font-size: 18px; color: #868686; text-decoration: none; padding-right: 15px; }
#footer .container { width: 850px; margin: 0 auto; }
#footer .container .left { float: left; margin-top: 8px; }
#footer .container .right { float: right; }

.liner { background: url(images/line-tile.png) repeat-x; height: 1px; }

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 2px;
    margin: 0 auto;
    padding-top: 8px;
    width: 850px;
}
ul#menu li
{
    display: inline;
    list-style: none;
}
ul#menu li a
{
	font-family: Georgia;
    font-weight: normal;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    padding: 4px 15px 0 15px;
    display: block;
    height: 26px;
    float: left;
}
ul#menu li a:hover
{
	background-color: #a40000;
}
ul#menu li a:active
{
}
ul#menu li.selected a
{
}

#menu-pop { position: absolute; width: 255px; height: 345px; padding: 50px 10px 15px 18px; display: none; background: url(images/most-read.png); z-index: 1000; overflow: hidden; }
#menu-pop .item { border-bottom: 1px solid #dbdbdb; cursor: pointer; margin: 3px 0; max-height: 65px; overflow: hidden; }
#menu-pop .item.hover { background-color: #fffecf; }
#menu-pop .item .title { margin-bottom: 3px; } 
#menu-pop .item .title a { font: bold 10px/10px 'Segoe UI', Tahoma; text-decoration: none; color: #4c4c4c; }
#menu-pop .item .summary a { font: normal 10px/10px 'Segoe UI', Tahoma; text-decoration: none; color: #5e5e5e; }
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset
{
	border: none;
	padding: 0;
	margin: 0;
}
fieldset p
{
    margin: 2px 12px 10px 10px;
}
fieldset label
{
    display: block;
}
fieldset label.inline
{
    display: inline;
}
legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input[type="text"]
{
    width: 200px;
    border: 1px solid #dbdbdb;
    font-family: Segoe UI, Tahoma, Helvetica, Sans-Serif;
}
input[type="text"].search
{
    width: 180px;
    border: 1px solid #dbdbdb;
    height: 22px;
    font-size: 14px;
    color: #a3a3a3;
    padding-top: 3px;
    padding-left: 3px;
}
input[type="password"]
{
    width: 200px;
    border: 1px solid #dbdbdb;
}

/* search results */
.search-results 
{
	width: 350px;
    border: 1px solid #dbdbdb;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 1000;
}
.search-results .head { background-color: #efefef; height: 20px; padding: 3px; }
.search-results .item { border-bottom: 1px solid #dbdbdb; cursor: pointer; padding: 5px; }
.search-results .item.hover { background-color: #fffecf; }
.search-results .item .title { font-weight: bold; color: #4c4c4c; }
.search-results .item p { color: #bababa; margin: 0; }
.search-results .paging { background-color: #efefef; height: 20px; padding: 3px; }
.search-results .paging span { font-weight: bold; }
.search-results .paging a { font-weight: bold; font-size: 14px; padding: 0 5px; text-decoration: none; }
.search-results .paging a:hover { color: #a40000; }


/* TABLE
----------------------------------------------------------*/
table
{
    border: none;
    border-collapse: collapse;
}
table td
{
}
table th
{
    text-align: left;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
    height: 0px;
}

.error
{
    color: #a40000;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


/* LISTER COMMON
----------------------------------------------------------*/

.lister
{
    width: 590px;
    position: relative;
    margin: 0;
    font-family: Segoe UI, Tahoma;
    color: #2b2b2b;
    font-size: 12px;
}
.lister .title h1 { margin: 0; font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI, Tahoma; color: #000; font-weight: normal; font-size: 18px; }
.lister a { font-family: Segoe UI, Tahoma; text-decoration: none; }
.lister a:hover { text-decoration: underline; }
.lister.right { width: 250px; background: url(images/vert-tile.png) repeat-y; }
.lister.right .title h1 { margin: 0 0 0 10px; }

.lister .title
{
    min-height: 35px;
    background-image: url(images/diag-tile.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 10px;
}
.lister h2 { margin: 0 0 5px 0; padding: 0 }
.lister p { margin: 0 0 10px 0; padding: 0; }
.lister h2 a
{
    font-size: 12px;
    color: #a40000;
}
.lister .content-body { text-align: justify; font-size:13px; }
.lister .content-body p { line-height: 20px !important; font-family: Calibri, Lucida Sans Unicode, Segoe UI, Tahoma; text-align: justify; }
.lister p a
{
    font-size: 12px;
    color: #484848;
}
.lister p.summary 
{
	margin: 5px 0;
	color: #a40000;
	font-weight: normal;
	font-size: 14px;
	font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI, Tahoma; 	
}

.lister img
{
    /*border: 1px solid #bababa;*/
}
.lister .detail img { border: none; }

.lister a.others { font-family: Tahoma; font-size: 10px; font-weight: bold; color: #a40000; display: block; padding-left: 10px; background: url(images/link-bullet.png) no-repeat left 4px; }
.lister a.others.right { float: right; }
.lister a.others:hover { text-decoration: underline; }

.lister .content { margin-left: 10px; }

.lister.comment-list {}
.lister.comment-list .title { margin-bottom: 0; }
.lister.comment-list p { width: 475px; margin: 5px 0; min-height: 45px; }
.lister.comment-list .comment { clear: both; width: 571px; padding: 10px 10px 0 10px; background-color: #f1f1f1; }
.lister.comment-list .comment .avatar { float: left; width: 72px; height: 72px; margin-right: 23px; background: url(images/avatar-shdw.png) bottom center; }
.lister.comment-list .comment .avatar img { border: 1px solid #dcdcdc; }
.lister.comment-list .comment .text { float: left; background: url(images/line-tile.png) repeat-x bottom center; }
.lister.comment-list .comment .text .username { font-size: 10px; font-family: Tahoma; font-weight: bold; color: #898989; }
.lister.comment-list .comment .text .date { font-size: 10px; font-family: Tahoma; font-weight: bold; color: #a40000; }
.lister.comment-list .comment .text p.subject { font-size: 10px; font-family: Tahoma; font-weight: bold; margin-bottom: 5px; min-height: 0px; border-bottom: 1px solid #e1e1e1; }

#comment-mip { width: 536px; height: 175px; }
.lister.post-comment input[type=text] { font-family: Segoe UI, Tahoma; font-size: 12px; height: 20px; }
.lister.post-comment table { }
.lister.post-comment table td.label { font-weight: bold; }
.lister.post-comment table td.username { width: 160px; }
.lister.post-comment table td.subject { width: 430px; }
.lister.post-comment table td.message { border: 1px solid #ffcc00; background-color: #ffde6b; font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI, Tahoma; font-size: 11px; color: #000; text-align: center; vertical-align: middle; }

.lister.entity-list {}
.lister.entity-list .items { background-color: #f1f1f1; }
.lister.entity-list .items .item { clear: both; width: 571px; padding: 10px 10px 0 10px; background-color: #f1f1f1; }
.lister.entity-list .items .item .content-img { float: left; width: 72px; height: 72px; margin-right: 23px; background: url(images/avatar-shdw.png) bottom center; }
.lister.entity-list .items .item .content-img img { border: 1px solid #dcdcdc; }
.lister.entity-list .items .item .text { float: left; }
.lister.entity-list .items .item p { width: 475px; margin: 5px 0; }
.lister.entity-list .items .item .text p.title { font: bold 10px Tahoma; margin-bottom: 5px; min-height: 0px; color: #a40000; }

.video-item { float: left; }
.video-item a { text-decoration: none; }
.video-item a:hover { text-decoration: underline; }
.video-item img { border: none; }
.video-item .text p.title { font: bold 10px Tahoma; margin-bottom: 5px; min-height: 0px; color: #a40000; }


.paging { height: 23px; padding: 0 10px; }
.paging a { font: bold 10px Tahoma; color: #707070; line-height: 23px; }
.paging table { height: 23px; }
.paging table .mid a { padding: 3px 5px; border: 1px solid #efeffe; background-color: #fff; }
.paging table .mid .current { font: bold 10px Tahoma; color: #a40000; padding: 3px 5px; border: 1px solid #efeffe; background-color: #ffde6b; }
.tag-list { float: right; }

/* Signup Form */
.sign-up {}
.sign-up fieldset { border: 0 none; margin: 0; padding: 0; }
.sign-up fieldset legend { font: bold 12px 'Segoe UI', Tahoma; padding: 0; color: #b60000; padding: 10px 0 10px 130px; }

.sign-up .row { clear: both; min-height: 23px; border: 1px solid #fff; padding-top: 2px; margin-bottom: 2px; }
.sign-up .row .label { float: left; width: 120px; color: #505050; text-align: right; line-height: 21px; vertical-align: middle; margin-right: 10px; }
.sign-up .row .field { float: left; font: bold 12px 'Segoe UI', Tahoma; color: #505050; width: 300px; }
.sign-up .row .field input[type=text] { font: 12px 'Segoe UI', Tahoma; width: 100px; }
.sign-up .row .field select { font: 12px 'Segoe UI', Tahoma; }
.sign-up .row .description { font: bold 10px 'Segoe UI', Tahoma; color: #505050; margin-left: 130px; clear: both; }
.sign-up .row textarea { font: normal 12px 'Segoe UI', Tahoma; }

.sign-up .row.error { background: url(images/frm-error.png); }
.sign-up .row.error .label { font-weight: bold; color: #a40000; }


/* addthis */
.addthis_toolbox .custom { float: right; }
.addthis_toolbox .custom a
{
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom a img
{
    opacity: 0.75;
}

/* fossils */
.fossil-thumb { width: 288; border: 1px solid #bfbfbf; height: 235px; float: left; font-family: Lucida Grande, Segoe UI, Tahoma; font-size: 12px; padding: 5px 5px 0 5px; margin: 5px 0; cursor: pointer; }
.fossil-thumb.hover { background-color: #efefef; }
.fossil-thumb a { text-decoration: none; }
.fossil-thumb a:hover { text-decoration: none; }
.fossil-thumb a img { width: 280px; height: 182px; border: 1px solid #bfbfbf; margin-bottom: 5px; }
.fossil-thumb a span.no { color: #7b7b7b; }
.fossil-thumb a span.name { color: #202020; }
.fossil-thumb a span.age { color: #a40000; }
div.info-title { font-weight: bold; font-size: 14px; color: #a40000; border-bottom: 1px solid #a40000; margin: 10px 0; }
table#fossil-info { margin-bottom: 10px; }
table#fossil-info .label { font-weight: bold; color: #a40000; width: 120px; }
.fossil-gallery { margin-top: 15px; }
.fossil-gallery img { background-color: #fff; border: 1px solid #DDDDDD; padding: 5px; cursor: pointer; margin: 5px 3px 5px 0; }

/* dictionary */
ul.dictionary { list-style: none; margin: 0 auto; padding: 0; float: right; }
ul.dictionary li { float: left;  }
ul.dictionary li a { text-decoration: none; font-family: Segoe UI, Tahoma; display: block; font-size: 10px; font-weight: bold; line-height: 20px; vertical-align: middle; width: 15px; height: 18px; border: 1px solid #dcdcdc; background-color: #efefef; text-align: center; margin: 0 1px; }
ul.dictionary li a:hover { text-decoration: none; color: #fff; background-color: #a40000; border: 1px solid #a40000; }

ul.dictionary-items { list-style: none; margin: 20px; padding: 0; }
ul.dictionary-items li { float: right; width: 250px; margin: 10px 0; text-align: right; }
ul.dictionary-items li a { font-size: 11px; font-weight: bold; color: #4c4c4c; text-transform: uppercase; }
ul.dictionary-items li a:hover { }

.lister.dictionary {}
.lister.dictionary .definition { text-align: right; padding-right: 10px; color: #a40000; vertical-align: top; font-weight: bold; }
.lister.dictionary .description { vertical-align: top; text-align: justify; }

