/* Elements, in alphabetical order, followed by classes in alphabetical order */

/* ELEMENTS */


	/* anchors */
a:link { color: #38271a; font-weight: bold; text-decoration: underline; }

a:hover { color: #704e34; font-weight: bold; text-decoration: underline; }

a:visited { color: #1a140c; font-weight: bold; text-decoration: underline; }

a:visited:hover	{ color: #563a2d; font-weight: bold; text-decoration: underline; }

a img { border: 0 none; }

address { font-size: 85%; margin: 1em 3em; font-weight: bold; font-style: normal; color: #630; }

body {margin: 0px; padding: 0px; color: black; background: #f93; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

dl { font-size: 85%; line-height: 150%; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; padding-left: 0px; }
  
  dl.compact dt { float: left; padding-right: 0.5em; }
  dl.compact dd { margin-left: 3em; }
  .fisheye_view ul { list-style-type: none; margin-left: 0; padding: 0; }
  .fisheye_view ul li { list-style-type: none; margin: 0; padding: 0.25em 0; }
  .fisheye_view ul li h4 { margin: 0; padding: 0; }

dt { font-weight: bold; }
dl dl dt { font-weight: normal; font-style: italic; }
dd { margin-left: 15px; margin-bottom: 6px; }

	/* headings */
h1, h2, h3, h4, h5, h6 { font-family: "Franklin Gothic", "Lucida Grande", "Arial Narrow", Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 0px; font-weight: bold; }
h1 { font-size: 120%; padding: 1em 0 0 .5em; margin: 0 0 0 26%; }
h2 { font-size: 110%; border-top: 1px dotted #fff6a0; }
h3 { font-size: 105%; margin-left: .5em; color: #210; }
h4 { font-size: 95%; margin-left: 1em; color: #420; }
h5 { font-size: 90%; margin-left: 1.5em; color: #630; }
h6 { font-size: 85%; margin-left: 2em; color: #840; }

ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: decimal; }
ol ol ol ol { list-style-type: lower-alpha; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul  { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }

table, table td { margin: 0 2em; padding: 0; }
table tr th { }
tr>th { text-align: right; border-right: 1px dotted #fff6a0; }
th+th { text-align: center; }
body table td, body table th { padding: 1em 0.5em; }
tr+tr>th,tr+tr>td { border-top: 1px dotted #fff6a0; }
tr:hover { background: #fff6a0; }
tr+tr:hover>th,tr+tr:hover>td { border-top: 1px solid #fff6a0; }
table+h3, table+h4 { margin-top: 2em; }

select, option { width: 200px; color: black; background: white; }

/* ids */
#advert { margin-top: 1em; padding: 0.75em 0; width: 20%; float: right; background: #fff; text-align: center; overflow: hidden; border-top: 1px solid #b90; border-left: 1px solid #b90; border-bottom: 1px solid #b90;}
#maincontent #advert { width: 29%; position: relative; left: 1em; }
/* width of maincontent is 75%, padding is ~1.2% */
#advert img { text-align: center; line-height: 250px; padding: 0.5em 0; }
#advert a { text-decoration: none; }
#advert a:after { display: block; line-height: 1em; content: " (Advertisement: linked to " attr(href) ") "; font-size: 65%; color: #b90; }
#advert+ul#divisions { margin-right: 20%; }
/* html ul#divisions li { width: 19%; } */


#credits #h_advert { clear: left; background: white; border: none; padding: 0; margin: 0; }
#h_advert>p:first-child { margin: 0; padding: 0.25em; background: #fdcc6a; }
#h_advert img { text-align: center; line-height: 250px; padding: 0.5em; }
#h_advert a { text-decoration: none; }

#caption { font-size: 75%; line-height: 1.1em; }

#content { background: #f93 url("/2009/includes/logos/nppa.gif") no-repeat fixed 12.5% 100%; color: black; width: 100%; z-index: 99; border-top: 1em solid #38271a; padding: 0; }
#home #content { background: #f93; clear: left; }

#content li { font-size: 85%; margin-left: 2em; }
#content li p, #content li li, #content li address, #content td p { font-size: 100%; }
#content li p, #content td p { margin-left: 0; margin-right: 0; }
#content li p.frex, #content td p.frex { font-size: 90%; margin-left: 2em; }
#content p { font-size: 85%; line-height: 150%; color: black; padding: 0 1em; text-align: center; }
#content p.status { color: #38271a; padding: 1.125em 1em 1em 1em; margin: 0; background: #fdcc6a; font-size: 105%; }
#content p.status + p, #content p.status + p + p, #content p.status + p + p + p { color: #38271a; padding: 0 0 1em 0; margin: 0; background: #fdcc6a; font-size: 85%; line-height: 150%; }
#content p.status a { font-weight: bold; }
#content p.status + p a { text-decoration: none; }
#content p.status + p.promo { border-top: 0.1875em dotted #fff6a0; border-bottom: 0.1875em dotted #fff6a0; padding-top: 1em; }
#content p.status + p.promo + p { padding-top: 1em; }
#content table { font-size: 85%; }
#content td p { margin: 0 0 1em 0; }

#content ul#entries li dl dd img { float: left; margin-right: 1em; }
#content ul#entries li dl dd p { padding-top: 1em; max-width: 40em; }
#content ul#entries li, #content ul#entries+h3, #content ul#entries+h4 { clear: left; }

#content #winning_image, .winners #content .lookit { width: 38%; float: right; background: #fff; padding: 0.5em 5%; margin: 0 0 1em 1em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-bottomleft: 0.5em; -khtml-border-bottom-left-radius: 0.5em; -khtml-border-top-left-radius: 0.5em; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em; }
.winners #content { padding: 1em 0;}
.winners #content div.denselisting { padding: 1em 5%; width: 40%; float: left; }
.winners #content div.denselisting p { text-align: left; }
.winners #content div.denselisting+h3, .winners #content div.denselisting+h4, .winners #content div.denselisting+h5, .winners #content h3+div.denselisting, .winners #content div.denselisting+div.denselisting+div.denselisting, .winners #content div.denselisting+div.denselisting+div.denselisting+div.denselisting+div.denselisting { clear: left; }
.winners #content div.denselisting+div.denselisting+div.denselisting+div.denselisting { clear: none; }
.winners #content .breadcrumb { padding: 0.5em 1em; }
.winners #content .breadcrumb { padding: 0.5em 1em; }
.winners #content .breadcrumb+#winning_image { width: 60%; }
#content #winning_image dl dd { text-align: center; }
#content #winning_image dl dd dl dt { font-weight: bold; }
#content #winning_image+.fisheye_view hr { clear: right; }


#copyright { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height: 110%; padding: .5em; background: #fff6a0; text-align: left; clear: both; }

#credits { clear: left; background: white; border: none; padding: 0; margin: 0; border-top: 1em solid #38271a; }

#credits p, #credits div { padding: .5em; text-align: center; clear: right; }
#credits .sponsorblock { display: inline; }
#credits div a[href="http://www.nppa.org/about_us/why_join/"] { float: right; position: relative; top: -40px;}
/* hide from IE mac \*/
#credits>div+div { border-top: 1px solid #fdcc6a; }
/* */

#divisions li { width: 24%; float: left; list-style-type: none; border-left: 1px solid #fdcc6a; margin: 0; }
#divisions li:first-child { border-left: 0 none #fdcc6a; }
#divisions li * { margin: 0; padding: 0; }
#divisions li dl { text-align: center; }
#divisions li dl dt { font-size: 120%; position: relative; top: -0.5em; border-bottom: 1px solid #fdcc6a; padding: .75em 1em .5em 1em; }
#divisions li dl dt:hover { background: #38271a; color: #fff; }
#divisions li dl dd { padding: 0.25em 1em; }
#divisions li dl dd a:link, #divisions li dl dd a:visited { text-decoration: none; font-weight: bold; }
#divisions li dl dd a[href*="archive"] { border-top: 1px dotted #fdcc6a; padding-top: 0.5em; margin-top: 0.75em; }
/*
#divisions li dl dd a:hover:after { content: "<"; }
#divisions li dl dd a:hover:before { content: ">"; }
*/

#header { width: 100%; position: relative; }

#home #leaders { width: 50%; float: right; padding: 1em 2em; margin-left: 2em; border-top: 0.25em solid #fdcc6a; border-left: 0.25em solid #fdcc6a; border-bottom: 0.25em solid #fdcc6a; background: #f93 url("/2009/includes/logos/nppa_credit.gif") no-repeat 50% 85%; -moz-border-radius-topleft: 1em; -moz-border-radius-bottomleft: 1em; -khtml-border-bottom-left-radius: 1em; -khtml-border-top-left-radius: 1em; border-top-left-radius: 1em; border-bottom-left-radius: 1em; font-size: 85%; }
#home #leaders dl dt { float: left; padding-right: 0.5em; }
#home #leaders dl dt:after { content: ':'; }

#maincontent { margin-left: 25%; padding: 1em; }
/* #maincontent>* { margin-right: 25%; } */
#maincontent p { text-align: left; margin-left: 2em; }
#maincontent .frex { font-size: 80%; margin: 1em 4em; color: #420; text-indent: -1.85em; }
#maincontent .frex:before { font-size: 150%; content: "> "; color: #840; font-weight: bold; }
#maincontent .frex * { margin: 0; padding: 0 0 0 1em; text-indent: 0; list-style-type: none; color: #420; }
#maincontent .frex>* { font-size: 105%; padding-left: 0; }
#maincontent .frex p, #maincontent .frex ul { position: relative; top: -1.375em; }
#maincontent .frex ul li ul { position: relative; top: 0; }
#maincontent ul { list-style: square; }
#maincontent ul.pagenav { color: #9cd64a; }
#maincontent ul li a { font-weight: bold; text-decoration: none; }
#maincontent li { margin-bottom: .5em; }

#maincontent ul.nav { list-style-type: none; padding: .5em 0; margin: 1em 0; border-top: 1px dashed #fff6a0; border-bottom: 1px dashed #fff6a0; }
#maincontent ul.nav li { clear: left; list-style-type: none; padding: 1em 0 0 0; margin: 0.5em 2em; }
#maincontent ul.nav li ul { list-style-type: none; padding: 0; margin: 0;}
#maincontent ul.nav li ul li { list-style-type: none; float: left; clear: none; font-weight: normal; padding: 0.5em; margin: 0; border-left: 1px dotted #fff6a0; }
#maincontent ul.nav li ul li:first-child { border-left: 0 none; }
#maincontent ul.nav li ul li:hover { background: #fff6a0;}

#nav { width: 25%; float: left; clear: left; margin: 0; padding: 0; }
#nav ul { margin: 0; padding: 1em; list-style-type: none; }
#nav ul li { margin-left: 2em; text-indent: -2em; font-size: 80%; margin-top: 1em; line-height: 1em; }
#nav ul li:first-child { margin-top: 0; }

#nav ul+ul { border-top: 1px solid #38271a; }
#nav ul+ul, #nav ul li ul { padding-top: 1em; }
#nav ul+ul li { font-size: 75%; }
#nav ul+ul li, #nav ul li ul li { margin-top: 0.75em; }
#nav ul+ul li a { font-weight: normal; }
#nav ul+ul li a:before { content: "("; }
#nav ul+ul li a:after { content: ")"; }

#nav a { font-weight: bold; text-decoration: none; }
#nav a:link { border-left: 1em solid #fff6a0; padding-left: 1em; }
#nav a:visited {border-left: 1em solid #fff6a0; padding-left: 1em; }
#nav a:hover { border-left: 1em solid #38271a; padding-left: 1em; }

#nav p { font-size: 75%; line-height: 1.1em; text-align: left; }

#rotateImg { border: none; position: relative; float: left; top: 0; left: 0; right: auto; width: 25%; text-align: center; }
#rotateImg img { margin: 0; padding: 0; border: 5px solid #000; }

#home #rotateImg { width: 342px; }

#schedule { border: none; color: #210; padding: 0; margin-left: 400px; width: auto; }
#schedule ul { margin: 0; padding: 0; }
#schedule ul li { display: block; margin: 0; padding: 0 2.25%; float: left; width: 28%; line-height: 1.1em; }
#schedule ul li:first-line { font-weight: bold; }
#schedule ul li:first-child { width: 24%; padding-left: 0; }

#taglogo { padding: 0; margin-bottom: 0; margin-left: 25%; background: #f93; }
#taglogo a+p { padding: .5em 0 0 0; font-weight: normal; text-transform: uppercase; text-align: center; color: #000; position: relative; top: auto; bottom: auto; }
#taglogo p { font-size: 85%; position: relative; top: auto; bottom: 0; }
#taglogo p.credit { font-size: 100%; font-weight: bold; padding: .5em 0; text-align: center; color: #fd9; }
#taglogo p.credit a { color: #fff; }


#home #taglogo { margin-left: 375px; }

#h_text_market { margin-top: 1em; clear: left; }
#h_text_market>p:first-child { margin: 0; padding: 0.25em; background: #fdcc6a; }
#h_text_market dl dt { font-size: 85%; float: left; width: 24%; text-align: right; }
#h_text_market dl dd { font-size: 75%; margin-left: 25%; margin-right: 140px; text-align: left; line-height: 1.2em; padding: .5em 0 .25em 0; }

/* classes */

.comments ul { list-style: none; margin: 0; padding: 1em 0; }
#content blockquote, #content blockquote p { text-align: justify; color: #310; font-size: 95%; }
blockquote+cite, blockquote cite { display: block; text-align: right; font-style: italic; font-size: 85%; }
html body #content blockquote.notebyside { border: 0 solid none; padding: 1em; background: #fdcc6a; border-radius: 1em; -moz-border-radius: 1em; -khtml-border-radius: 1em; margin: 1em 50% 1em 2em; }

.copyright, p.copyright+p { text-align: center; font-size: 85%; }

.coverage { color: #fff; background: #210; padding: 1em 4em; }
html body #content .coverage p { color: #fff; }
html body #content .coverage p a:link { color: #fea; }
html body #content .coverage p a:visited { color: #fec; }
html body #content .coverage p a:hover { color: #fd9; }
.coverage object { padding: 0.5em; }
.coverage ul { padding: 0; margin: 0; clear: right; }
.coverage ul li { list-style: none; width: 35%; min-width: 400px; padding: 0.5em 5%; margin: 0; float: left; }
.coverage ul li cite { text-align: center; font-size: 90%; }
.coverage ul+br { clear: left; }

.feature { width: 35%; float: right; margin: 1em 0 1em 1em; padding: 1em; font-size: 110%; border-top: 1px solid #ffe66b; border-left: 1px solid #ffe66b; font-size: 95%; color: #420; }
.feature p { text-align: center; }
.feature ul { padding: 1em 5%; }
.feature ul li { display: block; margin: 0; padding: .75em 0; font-weight: bold; color: #004a9c; list-style-type: none; text-align: center; }
.feature ul li:first-child { padding-top: 0; }
.feature ul li a { font-weight: bold; text-decoration: none; color: #004a9c; padding: .5em; }
.feature ul li a:after { content: " >"; }
.feature ul li a:hover { background: #82bc30; color: white; }

.lookit { width: 25%; float: right; margin: 1em 0 1em 1em; padding: 1em; font-size: 95%; color: #420; background: #fff6a0; }
dd.lookit { position: relative; top: -1.5em; }
body #content #maincontent .lookit p, .lookit ul { padding: 0; margin: 0 0 0.5em 0; }

.seealso { margin: 1em; padding: 1em; background: #fff6a0; border-top: 1px solid #db3; }

.winners #content .note { border: 0.25em solid #fdcc6a; padding: 1em; border-radius: 1em; -moz-border-radius: 1em; -khtml-border-radius: 1em; margin: 1em 2em; }
.winners #content #winning_image+.note, .winners #content .lookit+.note { margin: 1em 50% 1em 2%; }
.winners #content .note p { padding: 0; margin: 0.5em 0; }
#maincontent div.note { border: 0.25em solid #fdcc6a; padding: 0.5em; border-radius: 1em; -moz-border-radius: 1em; -khtml-border-radius: 1em; }
#maincontent form div.note { border: 0 none #fdcc6a; padding: 0; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; }

#maincontent p.note, #maincontent ul.note { font-size: 80%; color: #630; }
#maincontent ul.note, #maincontent ul.note li { list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 1em; }


#maincontent form dl dt { font-weight: normal; padding: 0.5em; }
#maincontent form dl dd { margin: 0 0 0.5em 0; padding-left: 3em; }
#maincontent form dl dt.required, #maincontent form ul li span.required { font-weight: bold; color: #630; }
#maincontent form dl dt.required { border-top: 1px solid #db3; }
#maincontent form dl dt.required, #maincontent form dl dt.required+dd { border-left: 1px solid #db3; }
#maincontent form dl dt.required+dd { margin-bottom: 0; padding-bottom: 0.5em; }
#maincontent form dl dt.required+dd+dd { border-left: 1px solid #e6c43b; }
#maincontent form dl dt.required+dd+dd+dd { border-left: 1px solid #ec4; }

#maincontent li form { display: inline; }
#maincontent li form button { font-family: "Franklin Gothic", "Lucida Grande", "Arial Narrow", Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding: 0.125em; background: #fff6a0; border: 1px solid #420; border-top-color: #630; border-left-color: #630; -moz-corner-radius: 0.125em; -khtml-corner-radius: 0.125em; corner-radius: 0.125em;}
#maincontent li form[action="/2009/delete_entry.php"] button { border: 1.5px solid #300; border-top-color: #410; border-left-color: #410; color: #300; background: #e82; }

html[lang="fr"] body *[lang="en"], html[lang="de"] body *[lang="en"], html[lang="fr"] body *[lang="de"], html[lang="de"] body *[lang="fr"], html[lang="en"] body *[lang="de"], html[lang="en"] body *[lang="fr"] { font-style: italic; color: #131; }