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

*/


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

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


body {font-size: 62.5%; /* Resets 1em to 10px */font-family: Helvetica, Arial, Sans-Serif;background: #fffcolor: #1c1c1c;
margin-top:5em;margin-left:7em; margin-bottom:5em;}



#page,#header,#footer {width:770px;}

#header {border-bottom:2px solid; padding-bottom:2px;}

.foot {clear:both; width:0; height:0; }
#footer {border-top:2px solid; margin-top:2px; padding:2px 0; clear:both;}
#footer p {margin:0; padding:0;}
#footer a {font-weight:bold;}
/*Sizes*/

.one   {width:100px;}
.two   {width:210px;}
.three {width:320px;}
.four  {width:430px;}
.five  {width:540px;}
.six   {width:650px;}
.seven {width:760px;}
.eight {width:870px;}
.nine  {width:980px;}
.col {margin-right:10px;}
.left {float:left;}     .right {float:right;}      .clear {clear:both;}


#billboard {width:770px; height:420px; border-bottom:2px solid; margin-bottom:10px; padding-bottom:10px; background:url('images/billboardbg.png') no-repeat;}

.home #billboard img {opacity:.8 ; -webkit-transition: opacity .3s linear;}
.home #billboard a:hover img {opacity:1; }


#content<#billboard {padding-top:0; }
#content {padding-top:10px;}
/* Begin Typography & Colors */



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: line-through;} a:hover[href="#"] {text-decoration: line-through;}
a img {text-decoration:none; border-bottom:0;}

#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*/

#nav { float:right; width:540px; margin-right:10px; 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;}
#selections {margin-bottom:3em;}
#selectionslist ul {list-style:none; margin:0; padding:0; margin-bottom:1em;}


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

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

/*Issue*/


.issuelistingpost {border-bottom:#f2ece4 thin dotted; padding:1em 0;}
#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;}