@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-top:10px;}

.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; }


#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; font-size:12pt;}
.name-meaning {font-size:14pt;font-weight:normal;}

.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; }

.sharethis { width:auto; display:block; margin:auto;text-align:center;font-size:10pt;}
.greenbox {background-color:#90c468; color:#FFF; width:298px; margin-top:10px; padding:5px; border:1px solid #60a729;}
.greenbox H2 {margin:0 0 5px 10px;padding:0; color:#FFF; font-family: "Cabin Condensed",arial;}
.greenbox UL {margin:0;padding-left:30px;}
.greenbox UL LI {margin-bottom:5px;padding:0;}


.stats {padding: 10px 5px 10px 10px;font-size:12pt; }
.stats H2 {font-family: 'Cabin Condensed', sans-serif; font-size:17pt; color: #0095cc; font-weight:bold; margin-left:-10px;}
.stats H3 {font-family: 'Cabin Condensed', sans-serif; font-size:14pt; color: #0095cc; font-weight:bold; margin-left:-10px;}
.secheader {font-size:17pt; color: #0095cc; 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; }


}