/* basic styles -> should be outsourced to baserules.css */
.clear { clear: both; }
@media ( min-width: 65em ) {
    #rulesContainer { font-size: 1.2em; }
}
#rules .gameTitle { font-size: 2em; font-weight: bold; margin-top: .5em; }
#rulesContainer .gameTitle { margin-top: 0; }
#rules .chapter { clear: both; font-size: 1.6em; font-weight: bold; border-bottom: 1px solid black; border-top: 1px solid black; }
#rulesContainer .chapter { color: white; text-shadow: none; background-color: #3f70b3; padding-left: .5em; }
#rules .description { font-style: italic; }
.rules ul.listing { padding-left: 20px; }

/* game styles */
#rules .inlinePic { padding: 1em; float: right; }
#rulesContainer .inlinePic { display: none; }
@media ( min-width: 65em ) {
    #rulesContainer .inlinePic { display: block; }
}

#rules .cards { height: auto; width: 5em; }
#rules .cardtype { height: 1.2em; width: auto; }
#rules .tileCollection { height: auto; width: 150px; }