@font-face {
    font-family: Vibrocentric;
    src: local('vibrocen'), local('vibrocentric'), url('/media/vibrocentric.ttf');
}


header, footer, nav, section, article, aside   {display: block;}


html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q,
ol, ul, li,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;}


h1, h2, h3, h4, h5, h6      {color: #3D454B; font-weight: bold; line-height: 1.2em;
                             font-family: Vibrocentric, "Helvetica Neue", Arial, "DejaVu Sans", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a    {color: #3D454B;}
h1                          {font-size: 29px;}
h2                          {font-size: 26px;}
h3                          {font-size: 23px;}
h4                          {font-size: 20px;}
h5                          {font-size: 17px;}


p                           {margin: 0.6em 0 0.8em;}
p img.left                  {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right                 {float: right; margin: 1.5em 0 1.5em 1.5em;}


a                           {text-decoration: none; color: #3D454B; font-weight: bold;
                             border-bottom: 1px solid #B4B4B4;}
a:hover                     {color: #B4B4B4;}
a img                       {border: none;}


strong                      {font-weight: bold;}
em                          {font-style: italic;}
blockquote                  {margin: 1.5em; border-left: 3px solid #777; padding-left: 1.5em; color: #666; font-style: italic;}
sup, sub                    {line-height: 0;}
dfn                         {font-style: italic; font-weight: bold;}
abbr, acronym               {border-bottom: 1px dotted #666;}
address                     {margin: 0 0 1.5em; font-style: italic;}
del                         {color: #666;}

pre                         {margin: 1.5em 0; white-space: pre;}
pre, code, tt               {font: 1em "andale mono", "lucida console", "courier new", monospace; line-height: 1.5;}


li ul, li ol                {margin: 0 1.5em;}
ul, ol                      {margin: 0 1.5em 1.5em;}
ul                          {list-style-type: disc;}
ol                          {list-style-type: decimal;}


dl                          {margin: 0 0 1.5em;}
dt                          {font-weight: bold;}
dd                          {margin-left: 1.5em;}


table                       {margin-bottom: 1.4em; background-color: #FFF; border-collapse: collapse;}
th, td                      {vertical-align: top;}
th                          {font-weight: bold;}
thead th                    {}
th, td, caption             {padding: 4px 10px 4px 5px;}
tbody tr:nth-child(even) td {background-color: #e5ecf9;}
tfoot                       {font-style: italic; background-color: #eee;}
caption                     {background-color: #eee;}


form ul, form ol            {list-style: none;}
textarea                    {font: 13px Verdana,Arial,sans-serif;}
form .error_list            {margin: 0 1.5em 0.8em; color: red;}
form .radio_list,
form .checkbox_list         {margin: 0;}


form table                  {background-color: transparent; width: auto;}
form tbody th               {text-align: right;}
form tbody tr:nth-child(even) td  {background-color: transparent;}
form tfoot                  {background-color: transparent;}


.floatLeft                  {float: left;}
.floatRight                 {float: right;}
.clearLeft                  {clear: left;}
.clearRight                 {clear: right;}
.clear                      {clear: both;}
hr.clear, hr.clearRight, hr.clearLeft {height: 1px; padding: 0; color: transparent;}


.pagination                 {margin: 20px 0 20px 10px;}
.pagination span            {margin: 0 0 5px 27px; display: inline; font-weight: bold; font-size: 18px;}
.pagination ul              {margin: 0 0 0 10px; display: inline;}
.pagination li              {list-style: none; display: inline; padding: 4px 7px; margin: 0 6px;
                             background-color: #DEE; border: 1px solid #EFF}
.pagination li a            {text-decoration: none; font-size: 14px;}
.pagination li.current      {font-size: 18px;}




/**
 * Layout and Design
 */

html                        {overflow-y: scroll;}

body                        {font-family: "Helvetica Neue", Arial, "DejaVu Sans", sans-serif;
                             color: #3D454B; font-size: 12px; line-height: 23px;
                             max-width: 1116px; margin: 0 auto;}


header                      {margin: 20px 60px 25px; border-bottom: 3px double #D1D1D1;}
#logo                       {float: left; border-bottom: none; display: block;}
#topMenu                    {margin: 0 0 0 400px; padding-top: 5px;}
#topMenu ul                 {list-style-type: square;}
#topMenu ul li              {float: left; list-style-position: inside; margin: 0;
                             padding-right: 22px;}
#topMenu ul li a            {border-bottom: none;}


section#leftSide            {margin-left: 20px;}
section#rightSide           {width: 320px; float: right; margin: 0 20px;}


#flashFeedback              {background-color: #ffd700; padding: 1em; margin: 1em auto 0;
                             width: 70ex;}
#flashFeedback h2           {color: #000;}


footer                      {clear: both; margin: 5em 0 0; padding: 3em; color: #E6E6E6;
                             background-color: #222;}
footer a                    {color: #737F5C; text-decoration: none; border-bottom: none;}



section.blogPostFull article    {max-width: 87ex;}
section.blogBlogShort           {}
section.big                     {font-size: 1.3em;}

section.commentList             {max-width: 73ex;}