/*
Theme Name: Minutiae Fall 2010
Author: Danny Cohen

*/


/*@font-face {font-family: 'League Gothic'; src: local('league gothic'), url('leaguegothic/LeagueGothic.otf') format('opentype');}*/

@import url("leaguegothic/stylesheet.css");


/*Sizes*/

.one   {width:12.98%;}
.two   {width:27.2727272727273%;}
.three {width:41.5584415584416%;}
.four  {width:55.844155844155844%;}
.five  {width:70.12987012987013%;}
.six   {width:84.415584415584416%;}
.seven {width:98.701298701298701%;}
.eight {width:112.987012987012987%;}
.nine  {width:127.272727272727273%;}
.col {margin-right:1.298701298701299%; display:inline; position: relative;}
.left {float:left;}     .right {float:right;}     .clear {clear:both;}
/*
.col {
display: inline;
float: left;

margin-right:1.298701298701299%;
position: relative;
} */


@media screen and (min-width: 881px) {
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Helvetica, Arial, Sans-Serif;background: #fff; color: #1c1c1c;
margin-top:5em;margin-left:7em; margin-bottom:5em;}
#page,#header,#footer {width:770px;}
#billboard {width:770px; height:420px; border-bottom:2px solid; margin-bottom:10px; padding-bottom:10px; background:url('images/billboardbg.png') no-repeat;}
#billboard img {width:770px; height:420px; }

}
@media screen and (max-width: 880px) {
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Helvetica, Arial, Sans-Serif;background: #fff; color: #1c1c1c;
}
#page,#header,#footer {width:90%; margin:2% auto;}
#billboard {  max-width: 100%; border-bottom:2px solid; margin-bottom:1em; padding-bottom:1em; background:url('images/billboardbg.png') no-repeat; background-size: 100%; }
#billboard img {width:100%; }

}

@media screen and (max-device-width: 480px) {

#page,#header,#footer {width:98%; margin:0 auto;}
}







#header {border-bottom:2px solid; padding-bottom:2px; margin:0; width:100%;}

.foot {clear:both; width:0; height:0; border:0; }
.buffer{margin-top:1em; clear:both;}
 .line {border:none; border-top:2px black solid; margin-bottom:1em;}
#footer {border-top:2px solid; margin-top:.2em; padding:.2em 0; clear:both; }
#footer p {margin:0; padding:0;}
#footer a {font-weight:bold;}




.home #billboard img {opacity:.8 ; -webkit-transition: opacity .3s linear;}
.home #billboard a:hover img {opacity:1;  }
.home #goread {background:rgba(0,0,0,.8); color:white; font-size:16px; padding:5px; margin-bottom:10px;}
.home #goread a {text-decoration:none; color:white;}

#frontpagearchives  a {margin-bottom:1em; color:#5a5a5a;}
#frontpagearchives a:hover  { color: #1c1c1c;}

@media screen and (max-device-width: 480px) {
 .line {display:none;}

#frontpagearchives  {display:none;}

}

/*#frontpagearchives a:hover strong { color: #1c1c1c; border-bottom:1px black solid;}*/

#content<#billboard {padding-top:0; }
#content {padding-top:1em; position:relative;}
/* Begin Typography & Colors */

 p {margin:0 0 1em;}

a {color:#262626; text-decoration:none; border-bottom:none;}
a:hover {color:#262626; text-decoration:none; border-bottom:1px solid ;}
a:hover>img {border-bottom:0;}
a:hover img {border-bottom:0;}
a[href="#"] {text-decoration: none; border:none;} a:hover[href="#"] {text-decoration: none; border:none; cursor:default;}
a img {text-decoration:none; border-bottom:0;}



#fontsizetoggler {color: rgb(68, 68, 68);font-size:13px;margin:5px; height:17px; cursor:pointer; line-height:100%; padding-top:-4px; vertical-align:super; padding:3px;}
#fontsizetoggler abbr {color:white;} 
#fontsizetoggler:hover {background:#262626; color:white; border:none;}


#billboard a:hover {border:none;}
img {border:none;}

h1, h2 {font-weight:normal; font-family:LeagueGothicRegular, 'Orator Std', Monaco, 'Courier New',sans; text-transform:uppercase; margin:0; padding:0; 
   }
 h1, h2{ -webkit-text-stroke:1px transparent;}
  @media only screen and (max-device-width:480px) { h1, h2{-webkit-text-stroke:0 black;}}

h3, h4, h5, h6 {margin:0; padding:0;}
h1 {font-size:3.7em; float:left; } h1 a {padding:2px; }
h1 a {text-indent:-9999px; display:block; background:url('images/header2.png') center  no-repeat; height:27px; width:100px; padding:3px 0; border-bottom:thin solid transparent;}
h1 a:hover {}

h2 {font-size:2em; margin-bottom:1px; }
h2 a:hover {color:#262626; text-decoration:none; border-bottom:2px solid ; }


/*nav*/
@media screen and (min-width: 761px) {
#nav { float:right; width:540px; margin-right:10px; padding-top:1.4em;}
}
@media screen and (max-width: 760px) {
#nav { display:block; clear:both; width:100%;  padding-top:1.4em;}
}

#nav ul {list-style:none; margin:0; padding:0; margin-left:-.9em;}
#nav ul li {margin:0; padding:0;}
#nav ul li a {float:left; padding:3px; margin-right:10px; font-weight:bold; color:inherit;}
#nav ul li a abbr {color:white;}
#nav ul li a:hover {background:#262626; color:white; border:none;}

/* Content*/

#contributors ul , body.author ul{list-style:none; margin:0; padding:0; margin-bottom:1em;}
#issues ol {padding:0 0 0 1.4em; margin:0; margin-bottom:1em;}
    #issues ol li {} 
#issues div {margin-bottom:1em;}

.post {margin-bottom:3em; text-align:justify;}

#selections {margin-bottom:3em;}
#selectionslist ul {list-style:none; margin:0; padding:0; margin-bottom:1em;}

.alignleft {margin-right:1em; margin-bottom:1em; float:left;}
.alignright {margin-left:1em; margin-bottom:1em; float:right;}


.page-id-7 {}
.page-id-7 .contentnav h2 {}

.page-id-7 .contentnav {list-style:none; margin:0; padding:0; margin-left:12em; position:absolute; float:left; width:500px;margin-top:.3em; overflow:hidden; height:18px;}

@media screen and (max-width: 660px) {
.page-id-7 .contentnav { width:69%}

}

@media screen and (max-width: 500px) {
#selectionsnav {display:none;} #selectionsnav+h2 {display:none;}  #selectionsnav+h2+#selections {display:none;}

}


.page-id-7 .contentnav li {margin:0; padding:0;}                                 
.page-id-7 .contentnav a {float:left; padding:3px; margin-right:10px; font-weight:bold; color:inherit; display:block; }
.page-id-7 .contentnav a abbr {color:white;}      
.page-id-7 .contentnav a.active {background:#454545; color:white; border:none; }
                      
.page-id-7 .contentnav a:hover {background:#262626; color:white; border:none; }

.page-id-7 #selections {clear:both; padding-top:1em;}



@media screen and (max-width: 650px) {
h2 {clear:left;}
.two.col {width:100%; float:none; clear:left; position:relative;}
.two.col h2 {float:left; width:100%; clear:left; font-size:1.6em; color:#3a3e42}
.two.col ul , .two.col ol, #issues ol, #contributors ul , body.author ul ,#selectionslist ul{display:block;  list-style:none; padding:0;}
.two.col div {float:left; clear:left;}

.two.col li {display:inline; padding:.3em .5em .3em 0; vertical-align:middle;}
.col {clear:both;}
.three.col {width:100%; float:left;}
.five.col {width:100%; float:left;}
}


/*Issue*/


.issuelistingpost {border-bottom:#f2ece4 thin dotted; padding:1em 0;}
    .issuelistingpost img {width:inherit;}
#selections a:after {content: "," }
#selections a:last-child:after {content: "" }

#issuescovers {display:none;}
 
 
.bycover {position:relative; background:#dddddd; display:block; float:left; margin-right:2px; margin-bottom:2px;}
.bycover img {opacity:.9;}
.bycover span.hide {display:none; padding:5px 0; position:absolute; background:black; color:white; width:100%; margin:0 auto; margin-top:0px;  text-align:center;  font-weight:bold;}
.bycover:hover img {opacity:1; position:relative; z-index:3;}
.bycover:hover span.hide {display:block;  z-index:4; }

/*Dashbar*/

#dashbar {background:rgba(0,0,0,.7); color:white; position:fixed;  top:0; z-index:3; padding:10px 0; left:0; width:100%; display:block;}
#dashbar a {color:white;}
#dashbar h2 {display:inline; padding:0 20px;}

#closedashbar { font-weight:bold; margin-left:40px;}