/*
-A single value (margin: 10px;): This is applied to all edges.
-Two values (margin: 10px 20px;): The first setting (10px) is applied to the top and bottom edges. The second setting (20px) is applied to both the left and right edges (20px each, not in total).
-Three values (margin: 10px 20px 30px;): The first setting (10px) is applied to the top edge. The 
second setting (20px) is applied to both the left and right edges. The
third setting (30px) is applied to the bottom edge.
-Four settings (margin: 10px 20px 30px 40px;): Settings are applied clockwise
from the top (i.e., top: 10px; right: 20px; bottom: 30px; left: 40px).
*/

body{
    font: 14px  helvetica, san-serif;
    background-color: #009999;/*#336699;*/
    margin: 0px 20px;
    }
#masthead{
    max-width: 670px;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 8px 15px 1px;
    }
#wrapper{
    max-width: 640px;
    margin: 0 auto;
    padding: 1px 30px 20px;
    background-color: #ffffff;
    /*min-height:650px;*/ /* I added this part as a test on 2011-0CT-16. STILL TESTING!!!. If this is above 700px, you will not see bottome green part on my Laptop computer as a green at the bottom. This really depends on computer screeen resolution. Not essential part o my website. can ber removed*/
    }
/*===========================================*/
p.footer {
    font: 12px  helvetica, san-serif;
    }
hr.footer-divider {
    height: 1px;
    border: 0;
    color: black;
    background-color: black;
    }
/*===========================================*/
span.head {
    font: 24px helvetica, arial;
    font-weight: bold;
    color: #990000;       /*#009966;*/
    }
span.subhead {
    font: 16px helvetica, arial;
    font-weight: bold;
    color: #999966 /*#660066; "free online protocols for your lab"*/
    }
span.head_link { /*this format the "journal-links" in the table cells in masthead */
    font: 14px helvetica, arial, coruier;
    }
#head-table{
    border-collapse: collapse;
    border: 1px solid #000000;
    background-color: #dedede;/* #bbbbbb; #A9A9A9;*/
    }/* burasi masthead'teki "journal-linkleri" format etmek icin kullaniliyor. sayfanin en basinda*/
hr.underline{
     height: 0px; /*use this height to make space between horizantal line <hr/> and the text below*/
     border: 0px; 
     border-top: 2px solid black;
     margin-top: 0px;/*use this to make hr line closer to links at the top. you can have negative value if you like it closer*/
     }
span.backlinks{
    font: 14px helvetica, arial, coruier;
    line-height: 1.9em;
    }
/*Below header-logo kismindaki linkleri format etmek icin kullaniliyor. */
a.baslik {
    text-decoration:underline;
    color: #990000;    /*#003366;*/
    }
a.baslik:hover {
    color:red
    } /*tiklanan sayfa*/
/*Buradan yukarisi, log kisminin oldugu yerleri edit etmek icindir*/

/*======================================*/
/*Below is usually for main content*/
/*Below. genel tiklamalar icin*/
a {
    text-decoration:underline; 
    color:blue;
    }
a:hover {
    color:red;
    } /*tiklanan sayfa*/
    
h1,h2,h3{
   text-align: center;
    }
span.des {
    font: 12px arial, courier;
    }/*bunu kullanmamin sebe, baskliklar altindaki description'u kucuk yapmaktir*/
/*========================================*/
ul.mol_bio {
    font-weight: bold;
    line-height: 2;
    }/*bunun amaci genellikle index sayfasinda olan listeyi format etmektir. line-height'in gorevi satirlar aras bosluk artirmaktir. boylece bosluk yapmak icin hic iki tane break kullanip zaman israf etemeye gerek yok. NOTE: MUMKKUNSE BUTUN UL LISTESINI PARAGRA HALINE GETIR VE ASAGIDAKI P CLASS LINK KULLAN SPACING YAPMAK DAHA KOLAY, DEScription VE PARAGRAPH ARASINDA....*/
.link{
    margin-left: 25px;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: medium;
    }/*burasi paragraf icine konulmus, baslik seklindeki liste-linkleri formatlamak icindir. Ama ya BUYUK linker icindir, ya da PROTOCOL CATEGORIES icindir. Kucuk linkleler icin asagidaki "link-protoc" formatini kullanman daha iyidir. */
.link-protoc{
    margin-left: 25px;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    }/*ul.mol.bio linkleri hep buna cevirmen daha iyidir. see also note above (.link kismindan bahsediyorum.*/
/*========================================*/
p.related-protoc{
    font-weight: bold;
    font-size: small;
    }/*This formats, Related Categories section: internal links*/
.cite{
    font-style: italic;
    font-size: 0.9em;
    }/*This formats journal articles as refences. Use as follows on the webpage:
    <hr/><h4>Scholarly Articles</h4><p class="cite"></p>
    */
.blocknote { 
    margin-left: 30px;
    font-size: 0.9em;
    margin-top: 0.5em;
    margin-bottom: 1em;
    }/*ornek-format="p.blocknote". Bunu blockquote'u replace etmek icin yaptim. Amai eger protocol yazarken her maddenin altina konulan notlar icindir. It makes additional notes, intended, smaller.*/
.postedby{
    font-style: italic;
    font-size: 0.9em;
    } /*This formats posted by name-last name, yani protocol yazarinin adini post eder. genelde kendim olurum*/