@import url(//www.google.com/css/gcs.css);
@import url(//www.google.com/css/modules/buttons/g-button.css);
body { padding: .5em 1em 1em .2em; text-align: center; }
.g-doc { width: 80%; min-width: 770px; position: relative; margin: 0 auto; width:expression(document.body.clientWidth < 960 ? "770px" : "80%" ); }
.header { padding: 0 0 0.8em; }
.header .title div { float: left; width: 100%; margin-top: 2.3em; padding: 0 0 .1em; border-bottom: 1px solid #999; }
.header .title div h1 { float: left; color: #333; padding: 0; }

.nav { list-style: none outside; padding: 0 0 0 .4em; font-weight: bold; }
.nav li { padding: 0 0 .5em; }
.nav a { font-weight: normal; }

h2 { color: #000; border-bottom: 1px solid #dedede; padding: 0; margin: 0 0 1em; }
h3 { color: #000; font-size: 1.2em;}
ul { padding: 0 0 1em 2.6em; }
ol { padding: 0 0 1em 2.2em; }
li { padding: 0 0 .3em; }
ol.rules li { padding: 0 0 0.8em; }
sup { font-size: 0.750em; }
sup.new { font-size: 0.8em; color: #e33000; vertical-align: top; }

div.g-button {width: 231px;}
div.g-button div {width: 231px;}
div.g-button div span span a {width:200px;}
.button_layout {margin: 0 0 15px 6px;}

.sm_header { padding: 0 0 .4em; font-weight: bold; }
.gray { color: #666; }
.green { color: #449735; }
.red { color:#c02800; }
.error { color: #c02800; font-weight: bold; padding: 0 0 0.3em; }
.code { padding: 0 0 0.5em; }
.footnote { color: #666; }
.note { color: #666; font-weight: normal; clear:both;}
.question { padding-top: .3em; }
.question span { color: #38a83c; }
.callout { margin: 10px; padding: 10px; background-color: #e9f4fc; border: 1px solid #afc1e2; }
.callout_sm { margin: 10px 300px 10px 0; padding: 10px; background-color: #e9f4fc; border: 1px solid #afc1e2; }
.nostyle { list-style-type:none; }
.promo_leftnav {margin: 23px 33px 0 3px; border-top: 1px solid #dedede; padding: 17px 5px 0 0;}
.promo_leftnav .title {line-height:2em;}

dl.wishlist {margin: 5px 0 15px 0; padding: 0; }
dl.wishlist dt { float: left; width: 70px; }
dl.wishlist dd { margin: 0 0 0 75px; padding: 4px 0; }

.mov { width: 251px; height: 200px; padding: 5px; border: 1px solid #dedede; margin: 0 0 0 36px;}
.mov_title {font-weight: bold; margin: 0 0 3px 36px; padding:0;}
.rental-info { display: block; margin: 0 0 10px 36px; padding: 2px 0 10px 0;}
.rental-mov { width: 251px; height: 200px; padding: 5px; border: 1px solid #dedede; margin: 0 10px 10px 0; display: block; float:left;}
.rental-press {padding-left: 10px; height:215px; display:block;}
  
.roundbox { float: right; width: 250px; background: url("//www.google.com/doodle4google/2009/images/rounded_left.gif") top left no-repeat; margin: 0 0 10px 30px; }
.roundbox .content { background: url("//www.google.com/doodle4google/2009/images/rounded_right.gif") top right no-repeat;  padding: 15px 15px 0 15px; }
.roundbox .bottom { background: url("//www.google.com/doodle4google/2009/images/rounded_right.gif") bottom right no-repeat; height: 15px; }
.roundbox .bottom div { background: url("//www.google.com/doodle4google/2009/images/rounded_left.gif") bottom left no-repeat;  height: 15px; margin: 0 15px 0 0; }
.roundbox h4 { font-size: 1.2em; }

.smithsonian {width: 251px; padding: 5px; border: 1px solid #dedede; margin: 0 0 15px 36px; display:block; height:145px; }
.smithsonian_logo {width: 232px; height: 34px; margin: 7px 0 0 9px;}
.smithsonian_text { border-top: 1px solid #dedede; margin: 10px 10px 0 0; padding: 10px 0;}

.files { padding: .5em 0; }
dl.forms { padding: 0 0 1em; }
dl.forms dt { float: left; width: 35px; }
dl.forms dd { margin: 0 0 0 50px; }
dl.forms dd span { color: #444; font-size: .8em; }

dl.region { padding: 0 0 1em; }
dl.region dt { float: left; font-weight: bold; text-align: right; width: 6em; padding: 0 .7em 0 0; }
dl.region dd { margin: 0 0 .6em 7em; }

dl.state { padding: 0 0 1em; }
dl.state dt { float: left; font-weight: bold; text-align: right; width: 7em; padding: 0 .7em 0 0; }
dl.state dd { margin: 0 0 .6em 8em; }

.winner-title {margin-top: 10px;}
.winner-desc {color: #666;}

#lookup {width: 120px;}
#search_results {display:none;}
dl.registration { padding: 1em 0 0; }
dl.registration dt { float: left; width: 185px; text-align: right; font-weight: bold; color: #333; }
dl.registration dd { margin: 0 0 0 200px; padding: 0 0 .8em; }
dl.registration input { width: 220px; }
dl.registration .note { color: #666; padding: 0.2em 0 .4em; }
dl.registration input.small { width: auto; }
ul.registration {font-weight:bold;}

.doodler { float: left; border: 1px solid #ddd; margin: 0 20px 10px 0; padding: 5px; }

ul.vote_tabs { width: 100%; height: 25px; padding: 0; margin: .5em 0 1em; background: transparent url("//www.google.com/doodle4google/2009/images/tab_bg.gif") repeat-x bottom; }
ul.vote_tabs li { list-style: none outside; float: left; height: 23px; padding: 0 1em; line-height: 1.8em; margin: 0 0 0 .7em; background-color: #e9f4fc; border: 1px solid #afc1e2; }
ul.vote_tabs li.selected { border-bottom: 1px solid #fff; background-color: #fff; color: #222; text-decoration: none; font-weight: bold; }

table.doodle_spread { width: 100%; }
table.doodle_spread td { vertical-align: top; }
table.doodle_spread td.thumbs { width: 208px; }
table.doodle_spread td.thumbs ul { width: 208px; padding: 0; }
table.doodle_spread td.thumbs ul li { list-style: none outside; float: left; width: 104px; height: 95px; padding: 0; }
table.doodle_spread td.thumbs ul li a img { border: 1px solid #dedede; padding: 1px; }
table.doodle_spread td.thumbs ul li a:hover img { border: 1px solid #6e91c1; }
table.doodle_spread td.thumbs ul li a.on img { border: 1px solid #6e91c1; padding: 2px; }
table.doodle_spread td.thumbs ul li p { padding: 0; }
table.doodle_spread td.doodle_large { width: 100%; padding: 1.4em 0 0 1em; }
table.doodle_spread td.doodle_large img { border: 1px solid #dedede; padding: 3px; }
table.doodle_spread td.doodle_large .desc { margin: 0 0 .8em; padding: 1em 0 .3em; border-bottom: 1px solid #dedede; }
table.doodle_spread td.doodle_large .desc p { padding: 0 0 .5em; }
table.doodle_spread td.doodle_large .desc p.title { font-size: 1.2em; }
table.doodle_spread td.doodle_large .desc p.winner { font-weight:bold;}
table.doodle_spread td.doodle_large .desc p.winner img { border:0; padding:0; margin-right: 3px;}
table.doodle_spread td.doodle_large .meta { padding: 0; }
table.doodle_spread td.doodle_large .meta p { padding: 0 0 .3em; }
table.doodle_spread td.doodle_large .voting { margin: 0 0 .8em; width: 338px; text-align: left; padding: .6em .8em; background-color: #e9f4fc; }
table.doodle_spread td.doodle_large .voting p { padding: 0; }
table.doodle_spread td.doodle_large .voting input { margin: .4em 0 0; }

div#winners {clear: right; margin:25px 0 0 0; padding:0;}
div#winners h3 { margin: 15px 0 0 0; clear: left; padding-bottom: 5px;}
div#winners ul {margin: 0;padding: 0;}
div#winners ul li {position: relative;display: inline;border: 1px solid #AFC1E2;background: #E9F4FC; margin: 0 0 0 10px;padding: 4px 8px;}
div#winners ul li.selected {background: #fff;border-bottom: 1px solid #fff;font-weight: bold;}
.doodle_state img { display:block; }
div#dk-3, #d4-6, #d7-9, #d10-12 {margin: 2px 0 0 0; border-top: 1px solid #AFC1E2; padding: 0;}

.doodle_state_layout {width: 600px;}
.doodle_state {float:left; margin: 0 10px 5px 10px;}
.doodle_state img {width:266px; height:172px; border: 1px solid #ccc;}
.doodle_state p {margin-top: 5px;}

dl.faq { padding: 0 0 .5em; }
dl.faq dt { font-weight: bold; padding: 0 0 .3em; }
dl.faq dd { padding: 0 0 1.5em; }
dl.faq dd ul { padding-bottom: 0; }

ul.sample { width: 100%; padding: 0; margin:10px 0; }
ul.sample li { list-style: none outside; float: left; width: 295px; height: 160px; }
ul.sample li img { border: 1px solid #dedede; padding: 3px; width:274px; height:113px;}
ul.sample li p { padding: 0; color: #666; }

ul.press { width: 100%; padding: 0;}
ul.press li { list-style: none outside; float: left; width: 135px; height: 155px; }
ul.press li a img { border: 1px solid #dedede; padding: 3px; }
ul.press li a:hover img { border: 1px solid #6e91c1; }
ul.press li p { padding: 0; color: #666; }
ul.press li p.sm_header { white-space: nowrap; color: #000; padding: 0 0 .4em; line-height: 1em; }
ul.press li p span { white-space: nowrap; color: #000; }
ul.press li.info-side {width: auto;}
.press_winner {margin: -25px 0 20px 0; padding:0;}
.press_article { padding: .6em 0 0 0; font-weight: bold; }

.footer { margin: 1.5em 0 0; text-align: center; }
.footer p { padding: 0.8em 0 0; border-top: 1px solid #999; color: #666; }
