html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

body { background-color:#212121; }

#biolaHeaderTab { z-index:1; }

#wrapperSite { min-width:990px; background:#B9BAB4 url(images/bg_main_default.jpg) center top no-repeat; border-top:7px solid #1D1309; margin:0; padding:0 0 1px; }
#siteHeader { width:980px; height:118px; margin:0 auto; margin-top:-7px; }

#siteTitle { margin:20px 0 0 5px; position:absolute; background:url(images/logo_biolamag_white.png) 0 0 no-repeat; z-index:5; }
#siteTitle a { display:block; width:190px; height:82px; text-indent:-1000px; overflow:hidden; outline:none; }

#navMain { width:750px; height:36px; margin:44px 10px 10px 230px; padding:0; position:absolute; background:url(images/bg_nav_main.png) center center repeat-x; z-index:5; }
#navMain ul { float:left; }
#navMain li { float:left; border-right:solid 1px #AAA; padding:0; }
#navMain li a, #navMain li span { display:block; padding:8px 15px 9px; text-decoration:none; font:bold 15px/1.3 "ff-din-web", "Trebuchet MS", Arial, sans-serif; color:#222; }
#navMain li a:hover, #navMain li.active a { background:#CCC; color:#111; }
#navMain form { float:right; margin:4px 4px; width:216px; height:26px; background:#FFF url(images/bg_search_field.png) repeat-x 0 0; border:solid 1px #AAA; }
#navMain form input { width:172px; padding:0 8px; margin:5px 0 0; background:transparent; border:none; display:block; float:left; line-height:1.4; }
#navMain form button { width:18px; height:18px; display:block; float:left; margin:4px 0 0 0; background:url(images/icon_search.png) no-repeat center center; border:none; text-indent:-1000px; overflow:hidden; outline:none; cursor:pointer; }

#navMain .dropdown {}
#navMain .dropdown span { padding-right:32px; cursor:default; background:url(images/icon_arrow_menu.png) no-repeat right 10px; }
#navMain .dropdown span.active { background-color:#CCC; color:#111; }
#navMain .dropdown ul { display:none; position:absolute; z-index:100; background:#FFF; width:200px; padding:10px 0; border-top:solid 1px #999; }
#navMain .dropdown li { float:none; border:none; margin:0; }
#navMain .dropdown li a { font-size:13px; line-height:1.3; padding:4px 16px; }
#navMain .dropdown li a:hover { background:#CCC; }

#navMain,
#navMain .dropdown > ul,
.pageBlock > div { box-shadow:0 2px 3px rgba(0,0,0,0.35); }

.pageBlock { margin:0 auto 0; width:980px; padding:0 0 10px; }
.pageBlock > div { width:960px; padding:20px 10px 0; background:#FFF; overflow:hidden; }

#body { min-height:300px; }

#magazineFooter { margin-bottom:20px; }
#magazineFooter #footer { padding-top:0; }

#footer .recentIssues { background:#DDD; float:left; width:640px; border-right:solid 1px #AAA; margin:0 0 0 -10px; padding:15px 10px 5px; }
#footer .recentIssues h2 { font-size:14px; border-bottom:solid 1px #AAA; padding:0 0 4px; margin:0 10px 15px; }
#footer .recentIssues ul { float:left; width:100%; margin:0 0 15px; }
#footer .recentIssues li { padding:0; float:left; width:140px; margin:0 10px 0; }
#footer .recentIssues li .cover { float:left; display:block; margin:0 10px 0 0; padding:0 4px 4px 0; background:url(images/bg_mag_shadow.png) no-repeat right bottom; }
#footer .recentIssues li .cover img { float:left; }
#footer .recentIssues li a { text-decoration:none; }

#footer .magazineInfo { float:left; width:255px; margin:0 -10px 0 0; padding:25px 30px 0; }
#footer .magazineInfo .nav { margin:0 0 20px; float:left; width:100%; }
#footer .magazineInfo .nav li { padding:0; float:left; }
#footer .magazineInfo .nav li:first-child { margin:0 10px 0 0; padding:0 10px 0 0; border-right:solid 1px #666; }
#footer .magazineInfo .nav li a { text-decoration:none; font-weight:bold; font-size:12px; }
#footer .magazineInfo .contactInfo { font-size:12px; }
#footer .magazineInfo .contactInfo dt { float:left; width:75px; margin:0 0 6px; color:#333; }
#footer .magazineInfo .contactInfo dd { margin:0 0 6px; }

#wrapperBiolaFooter { background-color: #222; }

#issueDate { background:#AE2319; color:#FFF; padding:8px 10px; font:bold 14px/1 "ff-din-web", "Trebuchet MS"; letter-spacing:1px; text-transform:uppercase; }
#body .magazineSection h2, #contentSidebar h2, #articleComments h2, #commentForm h2 { color:#ae2319; }

/* Defaults */
body { font: 13px/18px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color:#111; }
input,button,textarea { font: 12px/16px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color:#111; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style:decimal; }
ul { list-style-type:none; }
ol li { margin-left:40px; }
ul li { margin:0; padding:0 0 0 30px; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 18px; }
h1 { font:bold 22px/1.2 "ff-din-web", "Trebuchet MS", Arial, sans-serif; margin:0 10px 20px; text-transform:uppercase; color:#111; }
h2,h3,h4,h5,h6 { color:#111; font-family:"ff-din-web", "Trebuchet MS", Arial, sans-serif; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
a:link { color:#054593; }
a:hover, a:focus { text-decoration: underline; }
a:visited { color: #666; }
a:focus { outline:none; }
dt { font-weight:bold; }
table { width:100%; }
caption { font-style:italic; border-bottom:solid 1px #CCC; padding:0 4px 4px; }
th { border-bottom:solid 2px #888; text-align:left; }
td, th { padding:2px 5px; }

a.rss { background: url('images/feed.png') left 50% no-repeat; padding-left: 20px; }

/* Classes */
.flush { margin-left:-20px; margin-right:-20px; width:100%; clear:both; position:relative; }

.btn { display:inline-block; text-decoration:none; padding:10px 15px; border-radius:5px; background:#DDD; }
.btn:hover { background:#BBB; }
.btn.btnCTA { background:#C12; color:#FFF; }
.btn.btnCTA:hover { background:#333; }

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

