/* CSS for Make Magazine pages redesign */
/* magazine navigation current issue / other issues */
/* included from vol/zine.css CS template*/
#zine body {
    font-size:12px;
    line-height:1.125em;
}

.magnav {
    color: #8C8C8C;
    font-weight: bold;
    text-transform: uppercase;
}

.magnav #this_item {
    color: #0099FF;
}

.action {
    color: #0099FF;
    text-transform:uppercase;
    font-variant: normal;
    font-weight: bold;
}

.action_right {
    color: #0099FF;
    float: right;
}

.year {
    margin:0 0 0.2em;
    font-size:2em;
    font-weight: bold;

}

hr {height:1px;border:0;background:#ccc;margin-bottom:8px;}
#zine h1 {font-size:1.8em;color:#d81630;border:0;margin-bottom:0.5em;}
#zine h2 {font-size: 1.16em;color:#fff;background-color:#d81630;padding:0.2em 0.5em;margin:0 0 10px 0;border:0;text-transform: uppercase;}

#zine h2.noise {font-size: 1.16em;color:#fff;background-color:#0099FF;padding:0.2em 0.5em;margin:0 0 10px 0;border:0;}

#rail { border-color: #ccc; border-style: solid; border-width: 1px; }
#rail h2 {font-size: 1em;font-weight: normal;color:#fff;background-color:#0099FF;padding:0.2em 0.5em 0.2em 0.2em;display:inline;clear:both;}
#rail h2:before { content:" \0BB "; }

#zine h2.errata {font-size: 1.16em;color:#ff0000;background-color:#ffcc00;padding:0.2em 0.5em;margin:0 0 10px 0;border:0;}

#zine h2.download {font-size: 1.16em;background-color:#F5F5F5;padding:0.2em 0.5em;margin:0 0 10px 0;border-bottom-width: 1px;border-bottom-color: #0099FF;border-bottom-style:solid;color: #0099FF;text-transform:uppercase;font-variant: normal;font-weight: bold;}

#zine .black {color:#000;text-transform: none;}

#zine h3 {font-size: 1.16em;color:#0099FF;margin:10px 0 0 0;border:0;text-transform: uppercase;}

#zine .icon {float:left;font-size:14px;font-weight:bold;color:#fff;background-color:#0099FF;padding:0 4px 0 4px;margin:0 5px 0 0;}

#zine h4 {font-size: 1.2em;font-weight: bold;margin-bottom:0;border-bottom:0;}
#zine h4:after { content:" \0BB";color: #0099FF; }
#zine h5 {font-size: 1em;font-weight: bold;margin: 0.3em 0 0.5em 0;border-bottom:0;}
#zine h5:after { content:" \0BB";color: #0099FF; }
#zine h5.link_new {list-style-image:none;}
#zine h5.link_new:before { content:" \0BB ";color: #0099FF; }
/*#zine h5.link_new:after { content:" \0BB "; }*/
#zine .image h5:after { content:" \0BB"; }
#zine p.intro {font-size:1.25em;}
#zine #volume_new {width: 614;}
#zine #volume_new h2 {color:#fff;background-color:#d81630;font-weight:normal;margin:0;padding:2px 4px 0;}

#volume_new div.teaser2 {float:left;width:153px;height:180px;overflow:hidden;position:relative;}
#volume_new span {display:block;position:absolute;bottom:.1em;left:.2em;color:#fff;font-size:4.17em;font-weight:bold;text-shadow:#000 1px 1px 1px;}
#volume_new img {padding:5px 5px 10px 5px;margin:0;outline:none;}
#volume_new p {text-align:right;font-weight:bold;font-size:1.1em;}
#volume_new p, p.issue {color:#333;}

p.letter {
background:url(/images/icons/mailicon.gif) no-repeat;
background-position:left top;
text-indent:20px;
}

div.video_preview{
    width: 615px;
}

div.video_left{
    float: left;
    width: 425px;
    padding: 0 5px 0 0;
    border-right-width: 1px;
    border-right-color: #ccc;
    border-right-style: solid;
}


div.video_right{
    float: right;
    padding: 0 0 0 5px;
    width: 160px;
    border-width: 5px;
    border-color: #0099FF;
    border-style: solid;
}


div.rail_content {
    background-color: #F5F5F5;
    padding: .5em 0 0 .5em;
    margin: 0;
}

.rail_content img {
    margin:4px;
}

div.connect {
    background-color: #F5F5F5;
    margin: 0;
}

div.connect p {
    margin: 0;
    padding: .5em 0.5em 0;
    background-color: #F5F5F5;
    border-bottom-width: 1px;
    border-bottom-color: #0099FF;
    border-bottom-style: solid;
    font-size:0.8em;
}

div.connect_left{
    float: left;
    width: 162px;
    padding: 0;
    margin: 0;

}


div.connect_right{
    float: right;
    padding: 0;
    width: 172px;
    margin: 0;

}


div.links {
    float: right;
    padding: 5px 0 0 5px;
    width: 170px;
}

div.credits{
    float: left;
    padding: 0 10px 0 0;
    width: 180px;
}

.video_right img {
    vertical-align:middle;

}

.art_left{
    float: left;
    width: 205px;
    padding: 0 9px 0 0;
}

.art_left .image{ font-size: 1em;text-transform:lowercase;font-variant:small-caps;width:170px;background-color:#F5F5F5;padding:1em;vertical-align:middle;display:block;margin-left: auto;margin-right: auto }
}

.errata {
    color: #ff0000;
    font-weight:bold;
}

#rail .errata {
    background-color: #FCD800;padding: 0.5em;
}

#rail .errata img {
    align: left;
    margin: .5em;
}

.art_right{
    float: right;
    padding: 0 0 0 9px;
    width: 390px;
    border-left-width: 1px;
    border-left-color: #ccc;
    border-left-style: solid;
}

.art_right img {
    vertical-align:middle;
}

.dl_left{
    float: left;
    width: 350px;
    padding: 10px;
}

.dl_right{
    float: right;
    padding: 0 0 0 9px;
    width: 200px;
}



div.two_col_wrapper{
   position: relative;
   float: left;
    width: 615px;
}

div.left_side{
    float: left;
    width: 280px;
}

div.right_side{
    padding: 0 0 0 10px;
    float: right;
    width: 280px;
    border-left-width: 1px;
    border-left-color: #ccc;
    border-left-style: solid;
}

div.four_col_wrapper{
   position: relative;
   float: left;
   width: 615px;
}

.left1{
   position: relative;
   float: left;
   left: 0px;
   padding: 0 10px 0 0px;
   width: 134px;

}
.left2{
   position: relative;
   float: left;
   width: 134px;
   padding: 0 10px 0 10px;
   border-left-width: 1px;
   border-left-color: #ccc;
   border-left-style: solid;
}

.left3{
   position: relative;
   float: left;
   width: 134px;
   padding: 0 10px 0 10px;
   border-left-width: 1px;
   border-left-color: #ccc;
   border-left-style: solid;
}

.right{
   position: relative;
   float: right;
   right: 0px;
   width: 134px;
   padding: 0 0 0 10px;
   border-left-width: 1px;
   border-left-color: #ccc;
   border-left-style: solid;
}

.toc_new img {
    margin:0;
}


.key {
    margin:10px 0 10px 0;
    border:1px solid #0099FF;
    padding:2px;
    font-size: 1em;
    font-weight:bold;
}
.key img {
    margin:0;
}