/*  
   Theme Name: Think Gene Vertical GIT
   Theme URI: http://www.thinkgene.com
   Description: Think Gene Vertical, from Oct 2008, in github git repo
   Version: 3
   Author: Andrew Yates
   Author URI: http://andrewyates.name
   Spacing: 13px PHI => 5, 8, 13, 21, 34, 55, 89
   Colors: 
   navy:            #000b44
   link-blue:       #0000ee
   visited-purple:  #551A8B
   burnt-orange:    #cc6600
   pure-red:        #ff0000
*/
/* DEFAULTS */
a:link {
    color: #0000ee;
    text-decoration: underline;
}
a:visited {
    color: #551A8B;
    text-decoration: underline;
}
a:hover {
    color: #cc6600;
    text-decoration: underline;
}
a:active {
    color: #ff0000;
    text-decoration: underline;
}

/* LAYOUT */
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #000;
    font: normal 12px Verdana, sans-serif;
    /* font: normal 13px Georgia, serif; */
    text-align: center;
}
#AreaWrap 
{ 
  width: 1008px;
  margin: 0 auto;
  position: relative;
}
table#Area 
{
  margin: 0;
  border-spacing: 0px;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
  width: 1008px;  /* OPTIMIZE */
  background: url('i/ajax-loader.gif') no-repeat 780px 120px;
}
.wide {
    background-image: none !important;
}
table#Area td#Left,
table#Area td#Right,
table#Area td#Middle,
table#Area td#Bottom {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}
td#Left {
    width: 278px;
}
td#Right {
    width: 278px;
    background: url('i/thinkgene.jpg') no-repeat left top;
    padding-top: 402px !important;  /* height of bg image */
}
td#Middle {
    width: 452px;
    background: url('i/main-gray-border-bg-450.gif') repeat-y left top;
}
.wide td#Middle {
    width: 730px;
    background: url('i/main-gray-border-bg-728.gif') repeat-y left top;
}
td#Bottom {
}

/* TITLE */
#Title {
    width: 452px; /* OPTIMIZE */
    text-align: center;
    background-color: #fff; /* cover (hide) left and right gray border */
    padding: 0 0 21px 0;
}
#Title h1 {
    width: 452px;
    padding: 21px 0 0 0;
    margin: 0 auto 0 auto;
    line-height: 10px;
    position: relative;
}

#Title h2#Caption {
    font-size: 11px;
    color: #333;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    padding: 8px 0 0 0;
    margin: 0;
}
#Title img {
    border: none;
}
#Title #HelixGlyph {
    padding: 13px 0 0 0;
    margin: 0;
}
#Title img#RSSFeedIcon {
    position: absolute;
    top: 21px;
    right: 31px;
    border: none;
}
/* wide corrections */
.wide #Title h1,
.wide #Title {
    width: 730px;
}
.wide #Title img#RSSFeedIcon {
    position: absolute;
    top: 21px;
    right: 168px;
    border: none;
}


/* LEFT MENU */
#MainMenu {
    margin: 89px 0 0 0;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    padding: 0 0 21px 0;
    background: url('i/helix-line.gif') no-repeat left bottom;
    width: 278px; /* OPTIMIZE */
}
#MainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1em;
}
#MainMenu li {
    display: block;
}
#MainMenu a {
    display: block;
    padding: 8px 13px 8px 13px;
}
#MainMenu a:link, #MainMenu a:visited {
}
#MainMenu a:hover, #MainMenu a:active {
    /* letter-spacing: 2px; */
}

#Sponsors {
    width: 263px; /* OPTIMIZE (278-13) */ 
    padding: 21px 13px 0 0;
    margin-bottom: 50px; /* 55 */
}
#Sponsors img {
    border: none;
}
.sponsor {
    text-align: center;
    margin: 34px 0 34px 0;
}
.top-sponsor {
    margin-top: 13px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 21px;
}
.sponsor-caption {
    color: #666;
    margin: 0 0 3px 0;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}
#LeftImageFill {
    border-top: 1px solid #ccc;
    background: url('i/thinkgene.jpg') no-repeat 70px top;
    height: 402px;
}


/* MAIN CONTENT */
#Main {
    width: 452px; /* OPTIMIZE */
}
.wide #Main {
    width: 730px; /* OPTIMIZE */
}

#Main h1 {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    margin: 0 0 30px 0;
    text-align: center;
    font-family: Georgia, serif;
}
#Main h1.page-title {}
#Main p.page-caption {
    color:#666666;
    font-size:11px;
    font-style:italic;
    margin-bottom:28px;
    margin-left:0pt;
    margin-right:0pt;
    margin-top:-32px;
    text-align:center;
}
#Main h2 {
    color: #cc6600;
    font-size: 21px;
    font-weight: normal;
    text-indent: -13px;
    margin: 0;
    font-family: Georgia, serif;
    padding: 0 0 0 13px;
}
#Main h2 a:link, #Main h2 a:visited {
    color: #cc6600;
    text-decoration: none;
}
#Main h2 a:hover {
    color: #cc6600;
    text-decoration: underline;
}
#Main h3 {
    border-top: 1px dotted #ccc;
    padding-top: 1.6em;
    margin-top: 1em;
    font-size: 16px;
    color: #333;
    font-family: Georgia, serif;
}
#Main a:active {
    color: #ff0000;
}
#Main p {
    line-height: 1.8em;
}
#Main ul, #Main ol {
}
#Main li {
    line-height: 1.7em;
    padding: 0;
    margin: 0 0 0.5em;
}
#Main blockquote {
    margin: 0 8px 0 21px;
}
#Main blockquote p, #Main blockquote li {
    line-height: 1.7em;
    color: #444;
    /* font-style: italic; */
}
.post {
    position: relative;
    margin: 0 13px 34px 13px;
    background: url('i/helix-line.gif') no-repeat center bottom;
    padding: 0 0 21px 0;
}
.byline {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #888;
    border-bottom: 1px solid #ddd;
    padding: 3px 0 3px 0px; 
}
.byline span {
    color: #666;
}
.byline a {
    text-decoration: none;
}
.byline .news-thinkgene {
    padding-top: 6px;
}
.postmetadata {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #666;
    padding: 8px 0 0 5px;
}
.postmetadata .tags {
    margin: 0 0 5px 0;
}
.no-tags {
    color: #888;
}
.postmetadata .comments {
    font-size: 12px;
    margin: 0 0 3px 0;
}
#MoreNavigation {
    text-align: center;
    margin: 0 0 13px 0;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    padding: 0 18px 0 0; /* correct centering */
}
.pagination {
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}
.caption {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
}
#Main a:link img
{  
  border: 1px solid #333;
n}
#Main a:visited img 
{  
  border: 1px solid #999;
}
#Main a:hover img 
{  
  border: 1px solid #cc6600;
}
#Main a:active img 
{  
  border: 1px solid #f00;
}
.wp-caption 
{ 
  text-align: center;
  padding: 7px 3px 3px 3px;
  background-color: #eee;
  border: 1px solid #ccc;
}


/* RIGHT MENU */
#RightMenu {
    border-top: 1px solid #ccc;
    margin-bottom: 55px;
    width: 278px; /* OPTIMIZE */
}
.right-menu-entry {
    margin: 13px 0 13px 0;
    padding: 0 13px 13px 13px;
    border-bottom: 1px solid #ccc;
}
.right-menu-entry h5 {
    font-size: 13px;
    font-family: Georgia, serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 8px 0 0 0;
    margin: 0 0 13px 0;
    color: #444;
}
.right-menu-entry ul {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
    line-height: 1.3em;
}
.right-menu-entry li {
    padding-left: 8px;
    text-indent: -8px;
    margin-bottom: 0.5em;
}
#LatestBioNews {
    margin-top: 13px;
}

#EmailSubscription {
}
#EmailSubscription form, #Search form {
    padding: 0;
    margin: 0;
    border: none;
}
#EmailSubscription fieldset, #Search fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
#EmailCaption, #SearchCaption {
    margin: 0 0 3px 0;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}
#EmailInput, #SearchInput {
    margin: 0 0 1px 0;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    width: 167px;
}
#Tags {
    font-family: Verdana, sans-serif;
}
#Tags a {
    padding: 0 2px 0 2px;
    white-space: nowrap;
}
#Technorati {
    padding: 0 13px 0 13px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
}
#Technorati img {
    border: none;
    vertical-align: text-bottom;
}




/* COMMENTS */
#Comments {
    margin: 0 13px 34px 13px;
}
#PostLink {
    float: right;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    padding: 30px 3px 0 0; /* correct vertical-align to text baseline */
}
#Comments h3 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #444;
    border-bottom: 1px solid #ddd;
    font-family: Georgia, serif;
}
#Comments ol {
    margin: 0 0 0 21px;
    padding: 0 8px 0 0;
}
#Comments li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
}
#Comments h5 {
    font-size: 13px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
}
#Comments .comment-meta, #CommentList .comment-meta {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #999;
    margin: 0 0 13px 0;
    padding: 0 0 0 0;
    line-height: 1em;
}
#CommentList h5 {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
    color: #333333;
    margin: 0 0 2px 0;
    padding: 0 0 0 0;
}
#CommentList .wordpress-trackback-text {
    font-size: 11px;
    line-height: 1.5em;
    padding-left: 1.6em;
}
#Comments li {
    margin-bottom: 13px;
    border-bottom: 1px solid #ddd;
}
#Comments li.alt {
}
#Comments p {
    line-height: 1.5em;
    margin: 8px 0 8px 0;
}
#Comments form, #Comments fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
#Comments .text-entry {
    margin: 0 0 3px 0;
}
h4#PostCommentTitle {
    margin: 34px 0 13px 0;
    font-size: 13px;
    font-weight: bold;
}
#LoggedInAs {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #333;
    margin: 0 0 3px 0;
}
#CommentArea {
    width: 99%;
    margin: 0 0 3px 0;
}


/* FOOTER */
#Foot {
    padding: 5px 0 5px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #eee;
    text-align: center;
    font: 12px Verdana, sans-serif;
    color: #666;
    cursor: default;
    line-height: 1.4em;
}
#Foot img#RSSFoot {
    border: none;
    vertical-align: text-bottom;
}
#Foot a:link, #Foot a:visited {
    color: #666;
    text-decoration: none;
}
#Foot a:hover, #Foot a:active {
    color: #666;
    text-decoration: underline;
}

/* CATEGORY TAGS */
.category-tag {
    margin: 0 0 8px 0;
}
.category-tag a {
    width: 104px;
    height: 20px;
    display: block;
}
.category-tag-bio-news {
    background: url('i/bio-news-tag.gif') no-repeat top left;
}
.category-tag-bio-opinion {
    background: url('i/bio-opinion-tag.gif') no-repeat top left;
}
.category-tag-education {
    background: url('i/education-tag.gif') no-repeat top left;
}
.category-tag-industry {
    background: url('i/industry-tag.gif') no-repeat top left;
}
.category-tag-bio-wire {
    background: url('i/bio-wire-tag.gif') no-repeat top left;
}

/* SOCIAL */
.social-item {
}
.reddit {
    float: left;
    padding: 0 21px 0 0;
}
.addthis {
    padding: 18px 0 3px 0;
    margin-left: 80px;
}
.news-thinkgene-modder {
    position: absolute;
    top: 4px;
    left: 0px;
    width: 28px;
    height: 31px;
    background-image: url('i/news-thinkgene-modder.gif');
    background-repeat: no-repeat;
}
.news-thinkgene-modder:link,
.news-thinkgene-modder:visited {
    background-position: 0px -31px;
}
.news-thinkgene-modder:hover,
.news-thinkgene-modder:active {
    background-position: 0px 0px;
}

/* IN-POST */
.div-divider {
    margin: 13px 0 0 0;
    border-top: 1px dotted #999999;
}
.alignleft {
    float: left;
    margin: 0.5em 1em 0em 0em;
}
.alignright {
    float: right;
    margin: 0.5em 0.5em 0em 1em;
}
.aligncenter {
    display: block;
    margin: 1em auto 1em auto;
}


/* news.thinkgene.com SIDEBAR */
#NewsThinkgene {
    background-color: #f5f5f5;
    padding: 13px;
    border: 1px solid #ccc;
}
#NewsThinkgene a:link {
    color: #0000ee;
    text-decoration: underline;
}
#NewsThinkgene a:visited {
    color: #551A8B;
    text-decoration: underline;
}
#NewsThinkgene a:hover {
    color: #cc6600;
    text-decoration: underline;
}
#NewsThinkgene a:active {
    color: #ff0000;
    text-decoration: underline;
}
#NewsThinkgene a.need-help-link:link,
#NewsThinkgene a.need-help-link:visited {
    color: #666;
}
#NewsThinkgene a.need-help-link:hover,
#NewsThinkgene a.need-help-link:active {
    color: #cc6600;
}
#NewsThinkgene .subheader {
    color:#555;
    font-family:georgia, serif;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin: 0 0 6px 0;
}
#NewsThinkgene .sublink {
    font-size: 10px;
    margin: 0 0 0 0;
}
#NewsThinkgene #NewsThinkgeneLogo {
    margin: 0 0 0 0;
    border: none;
    width: 205px;
    height: 25px;
}
#NewsThinkgene .sidebar-header {
    margin: 13px 0 8px 0;
    color: #333;
}
#NewsThinkgene .sidebar-text {
    color: #666;
    font-size: 11px;
    margin: 0 0 3px 0;
}
#NewsThinkgene .news-thinkgene-button {
    margin: 21px 0 0 0;
    padding: 0 8px 0 8px;
}
#NewsThinkgene .browser-button {}
#NewsThinkgene .website-button {
    padding-top: 13px;
    margin-top: 21px;
    border-top: 1px solid #ccc;
}
#NewsThinkgene #buttonSelectTable {
    margin: 0 auto 5px auto;
    border-spacing: 8px;
}
#NewsThinkgene #buttonSelectTable td {
    text-align: left;
    vertical-align: top;
}
#NewsThinkgene textarea#ButtonCode {
    color: #333;
/*    white-space: pre; no css for this... 'wrap="off"' this breaks strict, but is necessary */
}
#NewsThinkgene fieldset {border:none;margin:0 0 0 0;padding: 0 0 0 0;}
#NewsThinkgene legend {display:none;}


.bottom-ads {
    text-align: center;
    margin: 0 auto;
}
#dsq-options-toggle img {
    width: 71px !important;
    height: 19px !important;
}
.top-optional-ads {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#NewsThinkgeneAbsArea 
{ 
  position: relative;
  height: 530px;
  padding: 0px;
  margin: 0px;
 }
#NewsThinkgeneAbs
{
  position: absolute;
  height: 525px;
  width: 248px;
  top: 300px; /* estimate. adjust as needed */
  left: 0px;
 }