/*Larkwire green: #9fc611; Site header green: #78af00 */

body {
    font-family: "Gill Sans", Arial, "Helvetica CY Plain", "Geneva CY";
    color:#484747;
    font-size:75%;
    background:#fff;
}
html {
    font-size:100.01%;
}
.container {
    width:1024px;
    margin:0 auto;
}
.leftCol {
    width:450px;
    float:left;
    margin:0 0 0 115px;
}
.rightCol {
    width:400px;
    float:left;
    margin:0 0 0 50px;
}
.leftNarrowCol {
    width:350px;
    float:left;
    margin:0 0 0 30px;
}
.rightWideCol {
    width:600px;
    float:left;
    margin:0 0 0 40px;
}
.oneCol {
    width: 600px;
    margin-left:10em;
}

.oneCol dl {
    margin-left: 2em;
    margin-top: .5em;
}

.mainCol {
    width: 650px;
    margin:0 auto;
}

.wideCol {
    width: 900px;
    margin:0 auto;
}

.mainCol dl {
    margin: 0em 0 0 0em;
}

.home .leftCol {
    margin-top:90px;
}
.home .rightCol {
    margin-top:60px;
}

/* header */
#pageHeader {
    float:left;
    width:950px;
}
#logoId {
    display:block;
    margin:10px 0 0 125px;
}
#taglineId {
    display:block;
    margin:0 0 0 95px;
}

/*   header navigation */
#rightMenu {
    float:right;
    margin: 0;
    margin-left: 2em;
}
#rightMenu ul {
    margin:0;
    padding:0;
    text-align:right;
    float:right;
}
#rightMenu ul li {
    list-style:none;
    float:left;
}
#rightMenu ul li a {
    color:#8d8b8b;
    text-decoration:none;
    padding-right:2.6em;
    font-size:1.2em;
}
#rightMenu ul li a:hover, #rightMenu ul li a.active
{
    color:#4b8ae1;
}
#rightMenu ul.navMenu  {
    margin: 0;
    margin-top: 1.5em;
}
#rightMenu ul.navMenu li a {
    padding-right:1.7em;
    font-size:1.7em;
}
#rightMenu ul li.last a {
    padding-right:0;
}

/*  banner */
.bannerOuter {
    background: url(/static/site/images/desktop/bkgBannerRepeatT.png) repeat-x top left;
    padding-top:10px;
    margin: 0;
}
.banner {
    background:#78af00 url(/static/site/images/desktop/bkgBannerRepeatB.png) repeat-x bottom left;
    padding-bottom:10px
}
.banner .container {
    position:relative;
}
.banner h1 {
    font-family: Verdana, "Arial Black", Gadget, sans-serif;
    font-size:2.5em;
    font-weight: bold;
    color:#fff;
    text-shadow:-0.05em -0.025em 0.1em #78af00;
    /* text-shadow:-0.02em -0.025em 0.02em #4c7606; */
    letter-spacing: -.03em;
    word-spacing: -.1em;
    padding:0 0 .25em 45px;
    margin:0;
    line-height: 1.1em;
}
.about .banner h1 {
    line-height: 1.3em;
}
.banner h2 {
    font-size:2.1em;
    color:#4c7606;
    line-height:1em;
    letter-spacing: .04em;
    padding:20px 0 0 150px;
    width:400px
}

#birdTLId {
    float: left;
    position: absolute;
    top: -33px;
    left: -150px;
}

#birdBRId {
    /* float: right; */
    position: absolute;
    top: -300px;
    left: 790px;
}
#gameboardId {
    float: right;
    position: absolute;
    top: 17px;
    left: 520px;
}


/*
.banner h1 {
    font-family: "Gill Sans",Tahoma, Verdana, "Arial Black", Gadget, sans-serif;
    font-size:3.5em;
    font-weight: bold;
    color:#fff;
    text-shadow:-0.05em -0.025em 0.1em #78af00;
    letter-spacing: .02em;
    padding:0 0 .25em 45px;
    margin:0
}
*/
.home .bannerOuter {
    background:url(/static/site/images/desktop/greenBannerRepeat.png) repeat-x 0 10px;
    height:314px;
    padding-top:0;
    margin:0;
}
.home .banner {
    background:url(/static/site/images/desktop/bkgGreenBanner.png) no-repeat 0 10px;
    height:314px;
    width:1100px;
    margin:0 auto;
    display:block;
    padding-bottom:0
}
.home .banner .container {
    margin-top:0;
}
.home .banner h1 {
    font-size:4em;
    padding:30px 0 0 150px;
    width:340px
}

/* content */
.content {
    margin:0 auto;
    width:1100px;
}
.content .container {
    position:relative;
    font-size:1.4em;
    padding-top:1em
}

#featuresMenuId, .tightList {
    padding: 0;
    padding-left:2em;
    margin: 0;
    margin-top: -.5em;
}

#featuresMenuId li, .tightList li {
    padding: 0;
    padding-bottom:.4em;
    padding-left: 2em;
    margin: 0;
    list-style-type: none;
    background: url(/static/site/images/desktop/songboardBirdGray.png) top left no-repeat;
}

#featuresMenuId {
    margin-top: 1em;

}

.byline {
    /* font-family:Georgia, "Times New Roman", Times, serif; */
    /* color:#327add; */
    /* font-style:italic; */
    font-size:1.3em;
    text-align:left;
}
.content .container h2 {
    margin-bottom: 0;
    font-size:1.5em;
    /* color:#194c94 */
}
.testimonial  {
    color:#6f6e6e;
    font-size:1em;
    width: 100%;
}
.testimonial .quote {
    margin: 0;
    padding: 0;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    padding-right:10em;
}
.testimonial .author {
    font-size: .8em;
    margin: 0;
    margin-left: 5em;
    margin-top: .3em;
    /* padding-right:15em; */
}

/* try it now button */
div.tryItNow a {
    width:220px;
    height:97px;
    display:block;
}
div.tryItNow a:hover {
    /* background-position:0 0; */
}
#songpackTryItNow {
    position:absolute;
    top: 18px;
    left: 550px;
    z-index:99;
}
#howtoTryItNow {
    position:absolute;
    top: 18px;
    left: 650px;
    z-index:99;
}
#devicesTryItNow {
    position:absolute;
    top: 9px;
    left: 650px;
    z-index:99;
}

#featuresTryItNow {
    position:absolute;
    top: 65px;
    left: 640px;
    z-index:99;
}
#homeTryItNow {
    position:absolute;
    left:255px;
    top:270px;
    z-index:99;
}
#lowerPaneId {
    /* Make sure this content doesn't cover up TryItNow button */
    z-index:1;    
}

.home .content {
    /* background:url(/static/site/images/desktop/bkgColumns.png) repeat-y center top; */
    margin-top:-39px;
}
.home {
    /* background:url(/static/site/images/desktop/birdBR.png) no-repeat bottom right; */
}
.home .content .container {
    padding-top:0
}
.home .content .container h1 {
    left:505px;
    top:20px;
}

.standoutBkg {
    background-color:#ddd;
    padding:1em 1em 1em 1em;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    border: thin solid black;
}
form h3 {
    margin:1em 0 0 0;
}

/* footer */
#footerId {
    position: relative;
}

.footer {
    margin: 0;
    margin-top: 3em;
    margin-bottom: 5em;
    text-align: center;
}

/* footer navigation */
#footerMenu {
    margin:0;
    padding:0;
    margin-right: 10em;
}
#footerMenu li {
    display: inline;
    list-style:none;
    background:url(/static/site/images/desktop/navDivider.png) no-repeat right center;
    padding:0 1.4em
}
#footerMenu a {
    text-decoration:none;
    text-transform:uppercase;
    font-size:1.2em;
    letter-spacing:.01em;
    color:#929191;
}
#footerMenu a:hover, ul#footerMenu a.active 
   {
       color:#4b8ae1;
   }
#footerMenu li.last {
    background:none;
    padding-right:0;
}
#footerMenu li.first {
    padding-left:0
}

#copyrightId {
    display: block;
}

.featuresBlurb p {
    padding: 0;
    margin: 0;
    margin-bottom: .5em;
}

.portraitImage {
    border: 1px solid #000;
}

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

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

.textRight {
    text-align: right;
}

.bio {
    margin: 1em 0 .5em 0;
}

.pageTitle {
    font-size: 2.5em;

}

.lead {
    font-size: 1.3em;
    font-weight: bold;
    line-height: .2em;
}

.bottomHeader {
    font-size: 1.3em;
    font-weight: bold;
}

.block {
    margin: 0 0 1em 0;
}

/* Some attributes defined in base */
.message {
    width: 60%;
}

.messageContainer {
    margin: 1em auto 1em auto;
    width: 50%;
    font-size: 1.5em;
}

.cartMessage {
    font-size: 1.3em;
    margin: 1em 1em;
}

.cartFootnote {
    font-size: 1em;
    margin: 1em 1em;
}

.cartSubheading {
    text-align: right;
    margin-right: 5em;
}

.firstSubheading {
    margin-top: .5em;
    padding-top: .5em;
}

.topBorder {
    border-top: thin black solid;
}

.money {
    font-weight: bold;
}

.topTd {
    vertical-align: top;
}

#orderDetailsId {
    line-height: 1em;

}

.billingInfo {
    font-size: 1.1em;
    margin-left: 2em;
}

#shortcutTableId td, #shortcutTableId th {
    border: thin solid #777;
}

#shortcutTableId th {
    background-color: #9cf;
    text-align: center;
}

td.shortcut {
    text-align: center;
    font-weight: bold;
}

.surveyDiv {
    font-size: 1.5em;
}

.surveyDiv p {
    font-size: .8em;
    margin-left: 1em;
}

.songpackListHeader {
  margin-top: 1em;
  border-bottom: thin solid #444;
  font-size: 2em;
}

ul.songpackList li {
    list-style-type: none;
    font-size: 1.3em;
}

.songpackListSubheader {
    font-size: 1.5em;
    margin-bottom: 1em;
}

h2.songpackTitle {
    line-height: 1em;
}

/* FOR KEYBOARD SHORTCUTS */

#ingameShortcutTableId {
    width: 95%;
}

#ingameShortcutTableId td, #ingameShortcutTableId th {
    border: thin solid #777;
}

#ingameShortcutTableId th {
    background-color: #9cf;
    text-align: center;
}

.messageAreaSection {
    margin-bottom: 1.5em;
}

.messageTitle {
    text-align: center;
    letter-spacing:.25em;
    margin-bottom:.5em;
}

/* END KEYBOARD SHORTCUTS */

.header {
  margin-top: 1em;
  border-bottom: thin solid #444;
  font-size: 1.5em;
}

.subheader {
  font-size: 1.2em;
}

.unfriendly {
    margin-top: .5em;
    margin-bottom: .5em;
}

/* Corrects for tendency to float about the line */
.inlineIconButton {
    margin-bottom: -5px;
}

.article h3 {
    font-weight: bold;
}

.article .footnote {
    font-size: smaller;

}

.titleHeader {
    margin-top: 1em;
    font-size: 1.7em;
}

.speciesListCommonName {
    font-weight: bold;
}

.speciesListSongTitle {

}

.inlineHomeButton {
    display: inline-block;
    height: 36px;
    width: 32px;
    background: url(/static/game/images/ipad/sprites_png8.png) -1412px -94px no-repeat;
    margin-bottom: -.4em;
}

.inlineInfoButton {
    display: inline-block;
    height: 36px;
    width: 32px;
    background: url(/static/game/images/ipad/sprites_png8.png) -1468px -94px no-repeat;
    margin-bottom: -.4em;
}

.inlineRefreshButton {
    display: inline-block;
    height: 36px;
    width: 32px;
    background: url(/static/game/images/ipad/sprites_png8.png) -1524px -94px no-repeat;
    margin-bottom: -.4em;
}

.inlineTimerImage {
    display: inline-block;
    height: 31px;
    width: 24px;
    background: url(/static/game/images/ipad/sprites_truecolor-2011-11-22.png) -1014px -307px no-repeat;
    margin-bottom: -.4em;
}

.inlineGreenBird {
    display: inline-block;
    height: 35px;
    width: 25px;
    background: url(/static/game/images/ipad/songboardBirdGreen.png) 0 0 no-repeat;
    margin-bottom: -.4em;
}

.inlineBlueBird {
    display: inline-block;
    height: 35px;
    width: 25px;
    background: url(/static/game/images/ipad/songboardBirdBlue.png) 0 0 no-repeat;
    margin-bottom: -.4em;
}

.inlineGoldBird {
    display: inline-block;
    height: 35px;
    width: 25px;
    background: url(/static/game/images/ipad/songboardBirdGold.png) 0 0 no-repeat;
    margin-bottom: -.4em;
}

.screenshotCaption {
    width: 550px;
    line-height: 1.3em;
    margin-bottom: 2em;
    font-style: italic;
}

.screenshotHeader {
    font-size: larger;
}

.statsChart {
    width: 800px;
    height:150px;
    margin-bottom: 2em;
}

.chartCaption {
    margin-bottom: 2em;
    margin-top: 0;
    font-weight: bold;
    text-align: center;
}

#addThisId {
    margin-left: 8em;
    margin-bottom: 1em;
    margin-top: -1em;
}

#addThisId a {
     color:#8d8b8b;
     text-decoration: none;
}

.marginTop {
    margin-top: 1em;
}

.iosBookmarkArrowIcon, #iosBookmarkArrowIconId {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}

.iosBookmarkPlusIcon, #iosBookmarkPlusIconId {
	font-weight:bold;
	font-size:1.3em;
}

#songpacksBannerId, #holidaySaleBannerId {
    float: left;
    margin-top: 1.5em;
    margin-left: 2em;
    margin-right: 2em;
}

.songpackPrice {
    font-weight: normal;
}

.songpackSalePrice {
    font-weight: bold;
    color: red;
}

.songpackLeftThumbnailImageDiv {
    float:left;
    margin-right: 1em;
    margin-bottom: .5em    
}

.songpackRightThumbnailImageDiv {
    float:right;
    margin-left: 1em;
    margin-bottom: .5em;
}

.songpackFormInset {
    background-color: #efefef;
    padding: 1em 3em .5em 1em;
    margin: 1em 0;
}

.songpackInsetHeading {
    margin-top: 1em;
    font-weight:bold;
    font-variant:small-caps;
}

.songpackPosterDescPage {
    margin: 1em 0 0 2.5em;
}

#songpacksCol {
    margin-top: 2em;
}

#blogContainerId {
    width: 600px;
    border-top: thin solid #ccc;
    margin: 2em 0 0 150px;
    padding: .5em;
}

#blogExcerptHeaderId {
    font-style: italic;
    font-size: 1.3em;
}

.blogExcerptTitle {
    font-size: 1.4em;
    font-weight: bold;
    margin-left: 20px;
    width: 500px;
}

.blogExcerpt {
    font-style: italic;
    font-size: 1.1em;
    margin-left: 20px;
    margin-bottom: .5em;
    width: 500px;
}

.libraryContentsList {
    /* margin-left: -2em; */
    font-style: italic;
}

.libraryDiv {
    margin-bottom: 1em;
}

.libraryList {
    list-style-image: url(/static/site/images/desktop/green_arrow.png);
}

.libraryContentsList a, .libraryList a {
    /* text-decoration: none; */
}

.libraryGroupHeaderSpan {
    margin-left: 115px;
    color: #78af00;
}

.libraryGroupSubheaderSpan {
    margin-left: 115px;
    margin-bottom: .5em;
    font-style: italic;
}

.librarySongTitle {
    color: #fff;
    background-color: #78af00;
    font-weight: bold;
    margin-bottom: 1em;
}

.librarySongTitle a{
    text-decoration: none;
    color: #fff;
}

.librarySongTextSmall, .librarySongText {
    padding-left: 1em;
    padding-right: .5em;
}

.librarySongTextSmall {
    font-size: smaller;
}

.librarySongTextSmallest {
    font-size: .8em;
}

.librarySpeciesImageDiv{
    float: left;
    margin-right: 1em;
}

.librarySpeciesImageDiv img{
    border-right: 2px solid #bbb;

}

.librarySpeciesSection {
    margin-top: 1em;
    border: 2px solid #bbb;
    height: 236px;
    clear: both;
}

.librarySpeciesTextSection {
    margin-left: 2em;
}

.libraryCopyright {
    clear: both;
    font-size: .9em;
    margin-top: 2em;

}

.libraryBreadCrumbs {
    font-size: .9em;
    font-weight: bold;
    font-variant: small-caps;
    margin-top: -1em;
    margin-left: -9em;
    margin-bottom: 1em;
}

.libraryBreadCrumbs a {
    /* text-decoration:none; */
    color: blue;
}

.superscript {
    vertical-align: 10%;
    font-weight: bold;
}

.quoteBody {
    font-style: italic;
    font-size: 1.3em;
    width: 600px;
}

.attribution {
    margin-left: 9em;
    margin-bottom: 2em;
    width: 400px;
}

.glossaryEntry {
    margin-top: 1em;

}

.glossaryEntryTerm {
    font-weight: bold;
}

hr {
    margin-top: 2em;
}

.articleTip {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.tipExcerpt {
    width: 75%;
    margin-left: 12.5%;
    font-family: Verdana, "Helvetica CY Plain", "Geneva CY";
    font-size: .9em;
}

.articleImage {
    border: 2px solid #aaa;

}