/* * * * * * * * * * * * * * * * * * * * * */
/*            Baby Naming CSS              */
/*         initial build feb 2009          */
/*   david a taylor / burning fish design  */
/* * * * * * * * * * * * * * * * * * * * * */


/* BROWSER CLEANUP */
body, div, p, ul, ol, li, img, h1, h2, h3, h4 {margin:0;padding:0;border:0;}
	/* Set defaults */
	ul li, ol li {margin-left: 25px;}
	a {text-decoration: none; color: #38c;}
	a:hover, a:active {text-decoration: underline; color: #06b;}
	
/* COMMON STYLES */
p {margin: 10px 0;}

.nav ul, .nav li {list-style-type:none; margin: 0;}

.baby-name {font-style: italic; font-weight: bold; font-variant: small-caps; text-transform: capitalize;}
.boy {color: #6ad;}
.girl {color: #d99;}
.both {color: #6b6;}
.vetoed {text-decoration: line-through;}

.clear {clear: both;}

/* Basic Page Structure */
body {font-family: arial, helvetica, sans-serif; background: Sienna;}
#container {background: OldLace url(/images/Muskateer-Flair.png) 314px -23px no-repeat; width:900px; margin: 20px auto 0; padding: 10px 30px 30px; font-size: 14px; position: relative; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #dc4 #753 #753 #ba4;}

	/* Header */
#header {margin-top: 45px;}

	/* Main Content Area */
.admin-link {position: absolute; top: 10px; right: 14px;}

	/* Main Nav */
	#main-nav {position: absolute; top: 8px; left: 23px; font-size: 12px;}
	#main-nav li {float: left; margin-right: 20px;}
	#main-nav li a {vertical-align: sub;}

#suggest-form-wrapper {padding-top: 4px; width:340px; vertical-align: top;}
#suggest-form-wrapper #form-inner {padding: 10px 13px; margin-bottom: 5px; border: 1px solid #000;}
#suggest-form-wrapper #suggest-name-wrapper {margin-bottom: 5px;}

#suggested-names-wrapper {margin-top: 32px; text-transform: capitalize;}
#suggested-names-wrapper h2 {margin: 5px 0; padding:0;}
	
	/* Filter (gender) Nav */
	#gender-nav {font-size: 10px;}
	#gender-nav h4 {font-size: 11px;}
	#gender-nav ul, #gender-nav li {float: left;}
	#gender-nav ul {width: 15em; margin-left: 0.7em}
	#gender-nav li {margin-right: 1em;}
	#gender-nav li a {vertical-align: sub;}
	
#suggested-names {clear: both; margin-top: 34px;}
.suggestion-line {margin: 4px 0; padding:0;}
.suggestion-line em {font-size:11px; color: #999;}
.suggestion-line .comment {font-size:12px; margin: 5px 0 0 4px; text-transform: none; color: #447; float: left; }
.suggestion-line .veto {color: #966;}

/* styles in progess */
.suggestion-line .suggestion {clear: left;}
.suggestion-line .suggestion, .suggestion-line .baby-name {float: left; width:300px; margin: 4px;}
.suggestion-line .baby-name {width: 124px; text-align: right; margin-right: 8px;}
.suggestion-line .suggestion .baby-name {float: none; width :auto;}

	/* Footer */
	#credit {width:960px; margin: 0 auto 20px; font-size: 10px; text-align: right;}
	
	
	
/* Parent Pages */
.veto-comment-form {display: inline;}

	/* Confirm Veto/Comment page */
.submit-comment-form {background: #efefec; padding: 12px 30px;}
.submit-comment-form .comment-line .old {text-decoration: line-through;}

/* Photo Gallery */
#photo-gallery {padding: 10px 36px; text-align: center;}
#photo-gallery img {border: 1px solid #000;}
#photo-gallery #img-description {margin: 5px 0 15px; padding:0; font-size: 20px; font-weight: normal; font-family: "Georgia", serif;}
#imagelist, #imagelist li {list-style-type: none; margin:0; padding:0;}
#imagelist {padding-top: 20px;}
#imagelist li {float: left; margin-right: 16px;}
#imagelist li img {width: 100px;}