div#main-content.wrapper div#top-names h2 {
	color: #3D3D3D;
	font-weight: normal;
	/*font-style: italic;*/
	font-size: 40px;
	line-height: 40px;
	text-align: left;
	letter-spacing: -1px;
	/*height: 24px;*/
	margin: 0 0 0.3em 0
}

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 662px;}


/* Header
-------------------------------------------------------------- */

#header { 
	position: relative;
	z-index: 200;
	margin-top: 25px; 
}
div#header p {
	width: 300px;
	display: block;
}
#header .tabs { border-bottom: 1px solid #ddd; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #ddd; color: #666; text-decoration: none; }

h1#logo { 
	text-indent: -9999px;
	background: transparent url(/themes/site_themes/nameourbaby/images/logo.png) no-repeat top left; 
	width: 430px;
	height: 83px;
	margin-bottom: 10px;
	position: relative;
	z-index: 200;
}

h4#welcome { 
	text-indent: -9999px;
	background: transparent url(/themes/site_themes/nameourbaby/images/welcometonameourbaby.png) no-repeat top left; 
	width: 296px;
	height: 24px;
	margin: 20px 0px 0px 15px;
	position: relative;
	z-index: 200;
}

.learnmore {
	margin: 0px 0px 10px 15px;
	cursor: pointer;
}

h2#thebest { 
	text-indent: -9999px;
	background: transparent url(/themes/site_themes/nameourbaby/images/bestofthebest.png) no-repeat top left; 
	width: 340px;
	height: 32px;
	margin: 20px 0px 0px 15px;
	position: relative;
	z-index: 200;
}

h2#foragirl { 
	text-indent: -9999px;
	background: transparent url(/themes/site_themes/nameourbaby/images/foragirl.png) no-repeat top left; 
	width: 100px;
	height: 13px;
	margin: 20px 0px 0px 15px;
	position: relative;
	z-index: 200;
}

h2#foraboy { 
	text-indent: -9999px;
	background: transparent url(/themes/site_themes/nameourbaby/images/foragirl.png) no-repeat top left; 
	width: 99px;
	height: 13px;
	margin: 20px 0px 0px 15px;
	position: relative;
	z-index: 200;
}

/* Body
-------------------------------------------------------------- */

body { 
	margin-top: 20px; 
	background: #f5fee3 url(/themes/site_themes/nameourbaby/images/bg.jpg) repeat-x fixed top center;
}

#main-content { 
	width: 620px;
	height: 585px;
	position: relative;
	z-index: 1;
	padding: 0 21px 0 21px;
	background: url(/themes/site_themes/nameourbaby/images/content.png) no-repeat;
}

div#top-names {
	/*height:119px;*/
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
}


.colm-left { width: 300px; float: left; margin-left: 21px;}


.colm-right { width: 300px; float: right; margin-right: 21px;}

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */
#footer { 
	margin-top: 28px;
	width: 662px;
	text-align: center;
	clear: both;
	position: relative;
	z-index: 999999;
}

#footer .tabs { width: 405px; }
#footer .tabs a { padding: 0px 0px 0px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

/* root element for scrollable */
/*div#girl-rank {
	padding: 10px 0;
	background-color: #ffffff;
}*/
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 370px;	 
	width: 280px;	
	
	/* decoration */
	padding: 0px 10px;
	background-color: #fff;
	margin-bottom: 9px;
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em;	
	/*-moz-border-radius-topright: 1em;	
	-webkit-border-top-right-radius: 1em;*/
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	
	/* decoration */
	margin-top:10px;
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div.girlssection {
	text-align:center;
	width:280px;
	height: 80px;
	padding:0px 0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	background-color: #ffcfe4;
	margin-bottom:10px;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;

	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;	
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	cursor: pointer;
}


div.voted {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 395px;	 
	width: 280px;	
	
	/* decoration */
	padding: 0px 10px;
	background-color: #fff;
	margin-bottom: 9px;
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em;	
	-moz-border-radius-topright: .3em;	
	-moz-border-radius-topleft: .3em;	
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
}

div.scrollable div.items div.boyssection {
	text-align:center;
	width:280px;
	height: 80px;
	padding:0px 0px;
	font-size:20px;
	font-family: 'bitstream vera sans';
	background-color: #d3f3f9;
	margin-bottom:10px;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;	
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	cursor: pointer;
}

div.scrollable div.items div.boyssection.active {
	background-color: #46cbe5;
}

/* active item */
div.scrollable div.items div.girlssection.active {
	background-color: #ff358f;
}


/* active item */
div.scrollable div.items div.girlssection.active div.name div.babyname h4 {
	color: #fff;
}

div.scrollable div.items div.boyssection.active div.name div.babyname h4 {
	color: #fff;
}


div.scroller {  text-align: center; width: 300px; height: 400px; overflow: hidden;}
  div.scroller div.section { width:300px; height:400px; overflow:hidden; float:left; padding-right:2em; }
  div.scroller div.content { width: 10000px; }



.sub-content {
	text-align: left;
	height: 370px;	 
	width: 280px;	
	
	/* decoration */
	padding:0px 10px;
	background-color:#fff;
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em;	
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
}


/* @group Main Navigation */

div.controls ul#nav {
	z-index: 99;
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*top: 87px;*/
	height: 30px;
	width: 300px;
	display: block;
	position: relative;
}

ul#nav li {
margin:0px;
}


ul#nav li.top {
	display: inline;
	float: left;
	/*padding: 10px 0 0 0;*/
}
/* @end */


/* @group Rate */

a#rate:link,
a#rate:visited {
	display: block;
	height: 25px;
	width: 96px;
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat 0px -30px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 0 0;
}

a#rate:hover {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat 0px -0px;
}

a#rate:active,
a#rate:active.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat 0px -0px;
}

a#rate.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat 0px -0px;
}

/* @end */

/* @group alphabetical */

a#alpha:link,
a#alpha:visited {
	display: block;
	height: 25px;
	width: 87px;
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -96px -30px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 0 0;
}

a#alpha:hover {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -96px 0px;
}

a#alpha:active,
a#alpha:active.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -96px 0px;
}

a#alpha.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -96px 0px;
}

li#alpha-a:hover a.top {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -96px 0px;
}

/* @end */

/* @group Suggest */

a#suggest:link,
a#suggest:visited {
	display: block;
	height: 25px;
	width: 117px;
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -183px -30px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 0 0;
}

a#suggest:hover {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -183px 0px;
}

a#suggest:active,
a#suggest:active.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -183px 0px;
}

a#suggest.active {
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-sprite.png) no-repeat -183px 0px;
}

/* @end */

#midground {
	background: transparent url(/themes/site_themes/nameourbaby/images/midground.png) repeat-x fixed -500% 0;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	z-index: 0;
}

#foreground {
	background: transparent url(/themes/site_themes/nameourbaby/images/foreground.png) repeat-x fixed 400% 0;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0;
	z-index: 0;
}

div#stork {
	background: transparent url(/themes/site_themes/nameourbaby/images/stork.png) no-repeat 0 0;
	float: right;
	margin: -132px -107px 0px 0px;
	position: relative;
	width: 390px;
	height: 260px;
	z-index: 100;
}

.prev {
	margin: 0px 0px 0px -2px;
	cursor: pointer;
}

.next {
	margin: 0px -2px 0px 122px;
	cursor: pointer;
}

div#main-content div#top-names div#for-a-girl h2,
div#main-content div#top-names div#for-a-boy h2 {
	font-size: 12pt;
	line-height: 12pt;
	text-transform: uppercase;
	font-style: italic;
	text-align: center;
	letter-spacing: 1px;
	color: #282828;
}

div#main-content div#top-names div#for-a-girl h3 {
	font-size: 32px;
	line-height: 32px;
	/*font-style: italic;*/
	text-align: center;
	letter-spacing: -1px;
	color: #ff358f;
}
div#main-content div#top-names div#for-a-boy h3 {
	font-size: 32px;
	line-height: 32px;
	/*font-style: italic;*/
	text-align: center;
	letter-spacing: -1px;
	color: #46cbe5;
}

div#top-names div#for-a-girl {
	width: 170px;
	float: left;
	text-align: center;
}

div#top-names div#for-a-boy {
	width: 170px;
	float: left;
	text-align: center;
}


div.name {
	height: 52px;
	text-align: left;
}

div.babyname {
	height: 52px;
	text-align: left;
}

div.babyname h4 {
	color: #3D3D3D;
}

.howmanyvotes {
	float: right;
	text-align: right;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}


div.bottom-bar {
	height: 28px;
	background-color: #46cbe5;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
}

div.bottom-bar-girls {
	height: 28px;
	background-color: #ff358f;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
}

div.rate {
	padding: 4px 0px 0px 10px;
	float: left;
	height: 28px;
	text-align: left;
	color: #FFF;
	font-size: 18px;
}

div.rating {
	margin: 0px 8px 0px 0px;
	float: right;
	height: 28px;
	text-align: right;
	color: #FFF;
	font-size: 11px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.rating p {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}

div#main-content div#girl-names {
	clear: both;
	width: 300px;
	float: left;
}

div#main-content div#boy-names {
	width: 300px;
	float: right;
}

div#main-content div#boy-names ul#boy-nav,
div#main-content div#girl-names ul#girl-nav {
	list-style-type: none;
	margin: 0;
	background: transparent url(/themes/site_themes/nameourbaby/images/nav-bg.png) repeat-x 0 0;
	display: block;
	line-height: 18px;
	height: 25px;
	width: 300px;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;	
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;	
}

div#main-content div#girl-names ul#girl-nav li {
	float: left;
	color: #282828;
	margin: 0;
}

div#main-content div#boy-names ul#boy-nav li {
	float: left;
	color: #282828;
	margin: 0;
}

/*div#main-content div#boy-names ul#boy-nav li.ui-state-active, 
div#main-content div#girl-names ul#girl-nav li.ui-state-active,*/
div#main-content div#boy-names ul#boy-nav li.ui-state-active a:link,
div#main-content div#boy-names ul#boy-nav li.ui-state-active a:visited,
div#main-content div#girl-names ul#girl-nav li.ui-state-active a:link,
div#main-content div#girl-names ul#girl-nav li.ui-state-active a:visited,
div#main-content div#boy-names ul#boy-nav li.ui-state-active a:hover,
div#main-content div#boy-names ul#boy-nav li.ui-state-active a:active,
div#main-content div#girl-names ul#girl-nav li.ui-state-active a:hover,
div#main-content div#girl-names ul#girl-nav li.ui-state-active a:active {
	font-size: 11px;
	color: #282828 !important;
	background-color: #ffffff;
	font-weight: bold;
}

div#main-content div#girl-names ul#girl-nav li a.first,
div#main-content div#boy-names ul#boy-nav li a.first,
div#main-content div#girl-names ul#girl-nav li.ui-state-active a.first:link,
div#main-content div#boy-names ul#boy-nav li.ui-state-active a.first:link {
	-moz-border-radius-topleft: .3em;	
	-webkit-border-top-left-radius: .3em;
}

div#main-content div#boy-names ul#boy-nav li a:link,
div#main-content div#boy-names ul#boy-nav li a:visited,
div#main-content div#girl-names ul#girl-nav li a:link,
div#main-content div#girl-names ul#girl-nav li a:visited {
	padding: 4px 10px 3px 10px;
	font-size: 11px;
	color: #777;
	text-decoration: none;
	background-color: transparent;
	display: block;
	/*font-weight: bold;*/
}

div#main-content div#boy-names ul#boy-nav li a:hover,
div#main-content div#girl-names ul#girl-nav li a:hover {
	color: #777;
	text-decoration: none;
}

div#main-content div#boy-names ul#boy-nav li a:active,
div#main-content div#girl-names ul#girl-nav li a:active {
	padding-top: 3px;
}

.ui-tabs .ui-tabs-hide { display: none !important; }


div#girl-rank,
div#girl-alpha,
div#girl-suggest,
div#boy-rank,
div#boy-alpha,
div#boy-suggest {
	clear: left;
}


img.hiandthanks {
	margin: 8px 0px 10px 0px;
	float: left;
}

img.polariod {
	float: right;
	clear: right;
}

p.bio {
	width: 400px;
}

.ht-vote {
	margin-top: 20px;
	float: left;
	width: 280px;
}

.ht-submit {
	margin-top: 16px;
	float: right;
	width: 280px;
}

#helpus {
	margin: 2px 0px 12px 18px;
	font-size: 14px;
	color: #08788e;
}

#medium_box_link {
	vertical-align: -32%;
	margin-left: 6px;
}

h4#welcome {
	color: #08788e;
}

.email-form {
	margin: 14px 0px 0px 0px;
}

.input-girl {
	margin: 0px 0px 0px 0px;
	background-color: #ffcfe4;
	border-style: none;
	width: 250px;
	height: 25px;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	font-size: 16px;
	padding: 10px 14px 2px 14px;
}

.form-btn-girl {
	margin: 10px 0px 0px 0px;
	float: right;
}

.input-boy {
	margin: 0px 0px 0px 0px;
	background-color: #d3f3f9;
	border-style: none;
	width: 250px;
	height: 25px;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	font-size: 16px;
	padding: 10px 14px 2px 14px;
}

.form-btn-boy {
	margin: 0px 0px 0px 0px;
	float: right;
}

ul.star-rating {
	margin: 2px 0px 0px 0px;
	list-style-type: none;
	height: 16px;
	z-index: 9999999;
}

ul.star-rating li {
	width: 25px;
	height: 16px;
	float: left;
	font-size: 12px;
	}	
/* My Comment */


ul.star-rating li.empty {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url(/themes/site_themes/nameourbaby/images/empty.png) no-repeat}
ul.star-rating li.half {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url(/themes/site_themes/nameourbaby/images/half.png) no-repeat}
ul.star-rating li.full {
	width: 16px;
	height: 16px;
	float: left;
	background: transparent url(/themes/site_themes/nameourbaby/images/full.png) no-repeat}



div.bottom-bar-girls input {
	margin: -3px -2px 0px 4px;
	color:#333;
	background-color: #ffcfe4;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	cursor: pointer;
} 

div.bottom-bar-girls select {
	border: none;
	background-color: #ffcfe4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#333;
	border: #fff; 
}

div.bottom-bar input {
	margin: -3px -2px 0px 4px;
	color:#333;
	background-color: #d3f3f9;
	-moz-border-radius-topright: .3em; 
	-moz-border-radius-topleft: .3em;
	-moz-border-radius-bottomright: .3em; 
	-moz-border-radius-bottomleft: .3em;	
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-top-left-radius: .3em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	cursor: pointer;
} 

div.bottom-bar select {
	border: none;
	background-color: #d3f3f9;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#333;
	border: #fff;
}

#twitter {
	margin-left: 15px;
}

#digg {
	margin: 0px 8px 0px 10px;
}

h6 {
	margin-top: 8px;
	padding: 0px;
	font-size: 14px;
}


/*
 * User Stylesheet for Firefox
 * From: http://projectcerbera.com/web/articles/firefox-scrollbar
 */

/* Visible vertical scrollbar which disables correctly and allows normal horizontal scrollbar behaviour. */
:root {
 overflow-y: scroll !important;
}

/*div#main-content div#due-date {
	position: absolute;
	width: 119px;
	height: 118px;
	background: transparent url(/themes/site_themes/nameourbaby/images/due-date-banner.png) no-repeat top left;
	left: -5px;
	top: 469px;
	z-index: 1000;
}*/