@charset "UTF-8";
/* CSS Document */
.nameheader {margin: 5px auto 0px auto; color:#000; font-size:30pt; font-family:'Cabin Condensed'; font-weight:normal !important; float:inline-block; width:auto;}

#pagecontent H1.baby-name {font-size:28pt; color: #333; font-weight:bold; margin:10px 0 5px 0; border-bottom:none; padding-bottom:0;}

.tags, .tags a {font-size:11pt; font-weight:normal;}

.nameheader img {vertical-align:center;}
.intro { display:block; background:#d9f3fd; margin:0; padding:10px 5px 10px 5px;}
.intro p { color:#000000; font-size:15px; margin:0px 0px 8px 25px;}

#name-rating { position:relative; left:0px; height:36px;}

#rating-msg {   position:relative; top:30px; left: 0px; font-style:italic; font-size:10pt; }

.unit-rating { list-style:none; margin:0; padding:0; margin-bottom:4px; height:27px; width:135px; position:absolute; background:url('/_assets/image/stars.gif') top left repeat-x; }

.unit-rating LI.current-rating { background:url('/_assets/image/stars.gif') left bottom; position:absolute;	height:27px; display:block; text-indent:-9000px; z-index:1;	}

.unit-rating LI A:hover { background:url('/_assets/image/stars.gif') left center; z-index:2; left:0; }

.stats {margin-top:20px; border-top: 1px solid #999;}
.stats H2 {font-size:16pt; margin: 20px 0 5px; color:#333; }

h2.podcastheader {margin-top:20px !important;}

#share {float:left; margin-left: 0px;}

#savetofave {margin-top:15px; font-size:11pt;}

img.statsicon {float:left; height:35px; align:center;}

.share-namepage {margin-top:15px;}

.nameitem {margin: 5px 0px 10px 0px;}

.tags {margin-top:15px;}
.tags, .tags a {font-size:11pt; font-weight:normal;}


ul.name-meta { list-style-type:none; margin:0; padding:0;}
ul.name-meta li {font-size:14pt;font-weight:normal; margin-bottom:3px;}

.name-info a {font-weight:400; font-size:16pt;}

.namepageheader { display:block; width:100%; text-align:center; }
.namepageheadleft { display:inline; float:left; width:calc(100% - 330px); text-align:center; }

.righty { display:inline;float:right; width:300px; margin-right:20px; }


H3 {font-family: 'Cabin Condensed', sans-serif; font-size:14pt; color: #8f4baa; font-weight:bold;}

#name-facts { padding:8px 10px 11px 25px; font-size:15px; line-height:22px; }

.songlist {padding: 0px; font-size:12pt; margin:0 0 0 10px; width:auto;}
.song {display:block; width:auto; margin:10px 0;}
.itunes {display:inline; float:left; min-width:28px; width:28px;}
.songtitle {display:inline; float:left; margin-left:10px; width:auto; border-bottom:1px solid #7d7d7d;}

#alts { padding:8px 10px 11px 25px; font-size:15px; line-height:22px; }

@media (max-width:888px) {
	.namepageheadleft {display:block; width:98%; margin:auto;}
}

@media (max-width:768px) {
	.namepageheader, .namepageheadleft {display:block; width:98%; margin:auto;}
	.namepageheader H1 { font-size:15pt; }
	#searchitems { display:none;}
	.sharethis { width:300px; display:block; margin:auto;text-align:center;font-size:10pt;}

	.righty { display:block; width:98%; margin:auto; }
	.greenbox {margin:10px auto;}
}

@media (max-width:480px) {
	.songlist {font-size:12pt; font-size:11pt; margin:0; width:auto;}
	.songtitle {display:inline; float:left; margin-left:2px; width:calc (98%-30px); }
	#pagecontent H1.baby-name {font-size:32pt; }
}