main.css

/* http://riddle.pl/emcalc/*/
/*BODY FONT-SIZE 13PX*/
/*Pixels    EMs     Percent     Points*/
/*1px   0.077em*/
/*2px   0.154em*/
/*3px   0.231em*/
/*4px   0.308em*/
/*5px   0.385em*/
/*6px   0.462em     46.2%   5pt*/
/*7px   0.538em     53.8%   5pt*/
/*8px   0.615em     61.5%   6pt*/
/*9px   0.692em     69.2%   7pt*/
/*10px  0.769em     76.9%   8pt*/
/*11px  0.846em     84.6%   8pt*/
/*12px  0.923em     92.3%   9pt*/
/*13px  1em     100%    10pt*/
/*14px  1.077em     107.7%  11pt*/
/*15px  1.154em     115.4%  11pt*/
/*16px  1.231em     123.1%  12pt*/
/*17px  1.308em     130.8%  13pt*/
/*18px  1.385em     138.5%  14pt*/
/*19px  1.462em     146.2%  14pt*/
/*20px  1.538em     153.8%  15pt*/
/*21px  1.615em     161.5%  16pt*/
/*22px  1.692em     169.2%  17pt*/
/*23px  1.769em     176.9%  17pt*/
/*24px  1.846em     184.6%  18pt*/
/*25px  1.923em*/
/*28px  2.154em*/
/*29px  2.231em */
/*32px  2.462em */
/*36px  2.769em*/
/*37px  2.846em*/
/*38px  2.923em*/
/*39px  3.077em*/
/*40px  3em*/

/* http://modularscale.com/scale/?px1=13&px2=11&ra1=1.5&ra2=0

Modular Scale
----------------------
13px @ 1:1.5
11px @ 1:1.5
----------------------

Pixels  Ems     % of 13
1,124.483   86.499  8,649.869
951.483     73.191  7,319.100
749.655     57.666  5,766.577
634.322     48.794  4,879.400
499.770     38.444  3,844.385
422.881     32.529  3,252.931
333.180     25.629  2,562.923
281.921     21.686  2,168.623
222.120     17.086  1,708.615
187.947     14.457  1,445.746
148.080     11.391  1,139.077
125.298     9.638   963.831
98.720  7.594   759.385
83.532  6.426   642.554
65.813  5.063   506.254
55.688  4.284   428.369
43.875  3.375   337.500
37.125  2.856   285.577
29.250  2.25    225.000
24.750  1.904   190.385
19.500  1.5     150.000
16.500  1.269   126.923
13.000  1   100.000
11.000  0.846   84.615
8.667   0.667   66.669
7.333   0.564   56.408
5.778   0.444   44.446
4.889   0.376   37.608
3.852   0.296   29.631
3.259   0.251   25.069
2.568   0.198   19.754
2.173   0.167   16.715
1.712   0.132   13.169
1.449   0.111   11.146
1.141   0.088   8.777 */

/* this should be placed after all basic definitions
like fontface, reset, elements but before 3rd-party
styles with their fixes */

body {
    background: transparent;
}

h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.462;/*19px/13px*/
}

h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 7px;
}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    text-decoration: underline;
}

p.hyphenate {
    text-align: justify;
}

table.strict {
    border-top-width:0;
    border-right-width:0;
    border-bottom-color:#D1CFCF;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-left-color:#D1CFCF;
    border-left-style:solid;
    border-left-width:1px;
}

table.strict td,
table.strict th {
    background-color: transparent !important;
    border-top-color:#D1CFCF;
    border-top-style:solid;
    border-top-width:1px;
    border-right-color:#D1CFCF;
    border-right-style:solid;
    border-right-width:1px;
    border-bottom-width:0;
    border-left-width:0;
    text-align: left;
    vertical-align: top;
}

.alert a,
.error a,
.notice a,
.info a,
.success a {
    text-decoration: none;
}

.alert a:hover,
.error a:hover,
.notice a:hover,
.info a:hover,
.success a:hover,
.alert a:focus,
.error a:focus,
.notice a:focus,
.info a:focus,
.success a:focus {
    text-decoration: underline;
}

.alert p:last-child,
.error p:last-child,
.notice p:last-child,
.info p:last-child,
.success p:last-child {
    margin-bottom: 0;
}

.alert,
.error {
    background: #EADED0;
    border-color: #EADED0;
}

.bolder {
    font-weight: 600;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.br {
    height: 1em;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.code pre {
    background: #E5E3D5;
    border-color: #E5E3D5;
    color: inherit;
    border-style: solid;
    border-width: 1px;
}

.container_12 p.center {
    text-align: center;
}

.container_12 p.left {
    text-align: left;
}

.container_12 p.right {
    text-align: right;
}

.error,
.alert,
.notice,
.success,
.info {
    color: inherit;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    font-size: 0.923em;/*12px/13px*/
    margin-bottom: 20px;
    padding: 5px 7px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.google_ad_client {
    text-align: center;
}

.hide {
    display: none;
}

.highlight {
    font-weight: 600;
    color: #FEFEFE;
    background: #C82E3D;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.hr {
    border-bottom-width: 0;
    border-top-color: #D1CFCF;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    margin: 0 10px 20px;
    max-width: 2500px;
    padding: 2px 0 0;
}

.info {
    background: #E9F3FD;
    border-color: #E9F3FD;
}

.italic {
    font-weight: 400;
    font-style: italic;
}

.justify {
    text-align: justify;
}

.larger {
    font-size: 123.1%;/*16px/13px*/
}

.left {
    text-align: left;
}

.notice,
.success {
    background: #E8E7D2;
    border-color: #E8E7D2;
}

.right {
    text-align: right;
}

.smaller {
    font-size: 84.6%;/*11px/13px*/
}

.subhead {
    font-size: 1.615em;/*21px/13px*/
    font-weight: 300;
    font-style: italic;
    line-height: 1.385em;/*18px/13px*/
    text-align: center;
    padding-bottom: 20px;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.underline {
    text-decoration: underline;
}

#div_comments_check {
    font-weight: 600;
    color: #C82E3D;
}

#comments_textarea {
    width: 95%;
    overflow: auto;
    margin: 0;
}

#copyright {
    text-align: center;
    margin-top: 0;
}

#copyright p {
    font-size: 0.846em;/*11px/13px*/
}

#copyright a,
#topnavigation a {
    color: inherit;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

#footer {
    background: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

#google_ad_client_728x90 {
    margin: 0 auto 20px auto;
}

#pagearticle {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

#pagecontainer {
    margin: 0 auto;
}

#topbanner {
    height: 124px;
    margin: 0;
    background: transparent;
}

#topbannerwrapper {
    margin: 0 auto;
    padding: 0;
}

/*
<div id="topbar">
    <div id="topnavigation">
        <div class="grid_2">
        <div class="grid_2">
        <div class="grid_2">
        <div class="grid_2">
        <div class="grid_2">
        <div class="grid_2">
        <div class="clear"></div>
    </div>
</div>
*/
#topbar {
    margin: 0 auto 13px auto;
    padding: 0;
    z-index: 100001;
}

/* don't use filter:... */
#topnavigation {

    box-shadow: 0px 3px 5px #999;
    -khtml-box-shadow: 0px 3px 5px #999;
    -moz-box-shadow: 0px 3px 5px #999;
    -webkit-box-shadow: 0px 3px 5px #999;

    border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;

    background: #2E2E2E;

    opacity: 0.92;
    /* filter:alpha(opacity=92); */

    font-size: 13px;
    font-weight: 600;

    text-align: center;
    text-shadow: -1px -1px 3px #3E3E3E;

    color: #C2C2C2;

    margin-bottom: 0;

    cursor: pointer;
}

#topnavigation a {
    display: inline-block;
    padding: 5px 7px 9px 7px;
}