@charset "utf-8";

html, body { margin: 0px; padding: 0px; border: 0px; }
html, body { color: #000; background: #6e003e url(../graphics/sitewide/bg-pattern.png) repeat; }
html, body, p, th, td, li, dd, dt { font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 14px; color: #fff; font-weight : bold;  }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }
a:link { color: #2FA1D3; }
a:visited { color: #94A7AF; }
a:hover { color: #559FBC; }
a:active { color: #F20000; }
img { border: 0; }
.center {
  text-align: center;
}
.paddinglefttop {
padding-left: 150px; padding-top: 15px
}
/*
main containers specified here
 */
#page-container { min-height: 480px; width: 752px; margin-left: auto; margin-right: auto; margin-top: 16px; margin-bottom: 0; background: #6e003e; }
#top-greeting { width: 752px; height: 48px; }
#main-nav { width: 752px; height : 48px; margin-left: auto; margin-right: auto; background: url(../graphics/sitewide/navigation.png); background-repeat: no-repeat; text-align: center; padding: 0 0 0 0; }
#point { width: 752px; height: 272px; padding: 0 0 16px 0; }
#shortpoint { width: 752px; height: 100px; clear: both; padding: 0 0 16px 0; }
#facebook-news-container { width: 752px; height: 395px; margin-left: auto; margin-right: auto; background: #cc3366;}
#facebook-news { width: 464px; height: 395px; float: left; }
#about-nm-games { width: 272px; height: 395px; padding: 0 0 0 16px; color: #fff; float: left; background: #6e003e; }
#bottom-nav { min-height: 16px; clear: both; width: 752px; margin-left: auto; margin-right: auto; text-align: center; padding: 0; }

#category-description { width: 752px; height: 192px; padding-bottom: 16px; padding-top: 0; padding-left: 0; padding-right: 0;}

#category-games { width: 752px; min-height: 288px; padding: 0 0 16px 0; }
#breadcrumbs { width: 752px; height: 16px; padding: 0 0 16px 0; }
#recommendations-main{ width: 752px; padding: 0; }
#help-text { width: 368px; float: left; margin: 0 0 0 0; padding: 0 192px 16px 192px; color: #fff;}
#video {  width: 425px; margin-left: auto; margin-right: auto; color: #fff; padding-bottom: 16px; }
#linkback { min-height: 16px; clear: both; width: 752px; margin-left: auto; margin-right: auto; text-align: center; padding: 0; }
/*
end of main containers
 */
/*
0. breadcrumbs
 */
p.breadcrumbs { color: #fff; font-size: 12px; float: left; margin: 0 0 0 0; padding: 0; }
p.breadcrumbs a { font-size: 12px; }
/*
1. greeting
 */
.mainlogo { width: 48px; float: left; border: 0; }
.maintitle { font-size: 14px; color: #fff; font-weight : bold; margin: 0 0 0 0; width: 272px; padding: 0 16px 0 16px; float: left; }
.maingreeting { width: 400px; float: left; }
/*
2. navigation bar
 */
ul#main-navigation { list-style: none; margin: 0; padding: 16px 0 0 0; font-size: 14px; }
ul#main-navigation li { margin: 0 16px 0 16px ; display:inline; }
ul#main-navigation li a { text-decoration: none; color: #0680c1; font-weight: bold; text-align: center; }
ul#main-navigation li a:hover { background: #fff; color: #06f; }
ul#main-navigation li a:visited { color: #0680c1; }
ul#navigation-right { list-style: none; margin: 0; padding: 16px 0 0 0; font-size: 14px; }

ul#navigation-right li a { text-decoration: none; color: #0680c1; font-weight: bold; text-align: center; padding-bottom: 16px}
/*
3. point
 */
.pointimg { width: 464px; float: left; }
p.mainpoint { color: #fff; width: 272px; height: 257px; background: url(../graphics/point_textbg.png); background-repeat: no-repeat; float: left; margin: 0 0 0 0; padding: 0px 0 16px 16px; }
.pointtitle { font-weight: bold; font-size: 18px ; }
.pointsubtitle { font-weight: bold; font-size: 14px ; }
p.leftcolumn { color: #fff; width: 120px; height: 100px; float: left; margin: 0 0 0 0; padding: 0px 0 16px 16px; }
p.rightcolumn { color: #fff; width: 500px; height: 100px; float: left; margin: 0 0 0 0; padding: 0px 0 16px 16px; }
/*
4. news
 */
#news { background: url(../graphics/newsbox.png); width: 336px; height: 288px; float: left; }
#newsbox { width: 272px; height: 240px; margin: 48px 0 0px 32px ; clear: both; overflow: auto; }
.rightaligned { float: right; margin: 16px 16px 0 0px; }
li.news-site { list-style: none; background: url(../graphics/news-site.png) no-repeat left center; padding-left: 32px; padding-bottom: 16px; }
li.news-free { list-style: none; background: url(../graphics/news-free.png) no-repeat left center; padding-left: 32px; padding-bottom: 16px; }
li.news-general { list-style: none; background: url(../graphics/news-general.png) no-repeat left center; padding-left: 32px; padding-bottom: 16px; }
li.news-game { list-style: none; background: url(../graphics/news-game.png) no-repeat left center; padding-left: 32px; padding-bottom: 16px; }
ul.news { margin: 0px; padding: 0; }
ul.news-archive { margin: 0px; padding: 0; color: #fff; }

dd { margin: 0; }
dt { font-weight: bold; margin-top: 0px; }
/*
5. games
 */
#games { background: url(../graphics/gamesbox.png); width: 400px; height: 288px; float: left; margin: 0 0 0 16px; }
#gamesbox { width: 368px; height: 240px; margin: 48px 0 0px 32px ; clear: both; overflow: auto; }
.game-thumbnail { float: left; margin: 0 0 0 0; }
p.gamedescription { width: 176px; height: 96px; float: left; margin: 0px 0 16px 16px; padding: 0 0 0 0px; }
a.morelink { }
/*
(nm info and social)
 */
.social { width: 208px; float: left; margin: 0px 0 0 0; padding: 16px 0 0 0px; }
div.text-about-nm-games { width: 256px; float: left; margin: 0px 0 0 0; padding: 0 0 0 0px; }
/*
6. bottom navigation
 */
ul#navigation { list-style: none; margin: 0; padding: 0; }
ul#navigation li { margin: 0px 0 0 16px; display:inline; }
ul#navigation li a { text-decoration: none; text-align: center; }
p#copyright { margin: 0; }
div#googletranscontainer { min-height: 16px; clear: both; width: 752px; margin-left: auto; margin-right: auto; text-align: center; padding: 0; }
/*
7. category page: category-description
 */
.rpg-intro { background: url(../games/cute-rpg/graphics/category-bg-crpg.png); background-repeat: no-repeat; }
.vn-intro { background: url(../games/visual-novel/graphics/category-bg-vn.png); background-repeat: no-repeat; }
.sim-intro { background: url(../games/simulation/graphics/category-bg-sim.png); background-repeat: no-repeat; }
#category-description p { width: 368px; height: 160px; float: left; margin: 0 0 0 0; padding: 16px 192px 16px 192px; }
/*
8. category page: game-container box
 */
.game-container { width: 720px; height: 192px; background: url(../games/common-graphics/game-bg.png); background-repeat: no-repeat; float: left; margin: 0 0px 16px 0px; padding: 16px 16px 16px 16px; }
.thumbnails { width: 160px; height: 192px; float: left; margin: 0 0 0 0; padding: 0px 0px 0px 0; }
span.game-title { font-size: 1.2em; font-weight: bold; }
img.game-thumbnail { float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
#category-games p.gamedescription { width: 368px; height: 192px; float: left; margin: 0 0 0 0; padding: 0 16px 0 16px; }
div.game-description-datafile { width: 128px; height: 160px; background: url(../games/common-graphics/tags-bg.png); background-repeat: no-repeat; float: left; margin: 0; padding: 32px 16px 0 16px; }
#category-games p.price { width: 128px; height: 16px; font-size: 14px; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0; margin-left: auto; margin-right: auto; text-align: center; }
#category-games ul.datafile-info { width: 128px; height: 80px; list-style: none; margin: 0; padding: 0px 0 0 0; font-size: 10px;
  /*
  font size doesn't work
   */
}
#category-games p.platform-tags { width: 128px; height: 16px; margin: 0 0 0 0; padding: 32px 0 0 0; }
/* DS games */
#category-ds-games-disclaimer { text-align: center; height: 32px; margin: 0; padding: 0; color: #fff; }
.dsgame-left { width: 368px; height: 160px; margin: 0 0 16px 0; padding: 0px 0 0 0; float: left; }
.dsgame-right { width: 368px; height: 160px; margin: 0 0 16px 16px; padding: 0px 0 0 0; float: left; }
.ds-game-description { width: 176px; height: 160px; margin: 0; padding: 0 0 0 16px; float: left; color: #fff; }
/*
9. recommendations page
 */
.recommendations-intro { background: url(../recommendations/graphics/category-bg-recommendations.png); background-repeat: no-repeat; }
div.recommend-intro-text { width: 368px; height: 80px; float: left; margin: 0 0 0 0; padding: 16px 192px 16px 192px; }
ul.recommend-category-links { width: 368px; float: left; margin: 0 0 0 0; padding: 0 192px 16px 192px; }
.recommendations-headline { width: 752px; height: 32px; padding: 0; margin: 0; font-weight: bold; color: #fff; clear: both; }
div.recommendation-unit { width: 752px; padding: 0; margin: 0; clear: both; }
p.recommendations { width: 368px; float: left; padding: 0 16px 0 16px; margin: 0 0 16px 0; color: #fff; }
.rec-description-title { font-weight: bold; }
.recommend-image-left { float: left; margin: 0; padding: 0 0 16px 0; }
div.recommend-outside { width: 176px; height: 160px; float: left; margin: 0; padding: 0 0 16px 0; }
/*
10. games page
 */
#games-main {  }
.games-intro { background: url(../games/graphics/category-bg-games.png); background-repeat: no-repeat; }
.games-headline { width: 752px; height: 48px; }
.game-category-title { width: 400px; float: right; }
.game-category-title-text { color: #fff; font-size: 12px; margin: 0 0 0 0; width: 320px; height: 48px; padding: 0 16px 0 16px; float: left; }
.gamelist { width: 752px; padding: 16px 0 16px 0; }
/*
11. individual games
 */
p#gamepoint { color: #fff; width: 256px; height: 257px; background-repeat: no-repeat; float: left; margin: 0 0 0 0; padding: 16px 16px 16px 16px; }
.violet-princess { background: url(../graphics/violet-princess/point-textbg.png); }
.butavx { background: url(../games/cute-rpg/graphics/butavx/point-textbg.png); }
.doggietower { background: url(../games/SWR-JST-DX-Selective-Memory-Erase-Effect/graphics/SWR-JST-DX-Selective-Memory-Erase-Effect/point-textbg.png); }
.recettear { background: url(../games/cute-rpg/graphics/recettear/point-textbg.jpg); }
.tsdr { background: url(../games/visual-novel/graphics/the-stolen-diamond-ring/point-textbg.png); }
/*
12. additional information
 */
#additional-info { width: 752px; padding: 0px 0px 16px 0px; color: #fff; }
#additional-info-non-nm { width: 720px; padding: 0px 0px 16px 32px; color: #fff; }
/*
#additional-info-left { width: 464px; padding: 0; float: left; }
#additional-info-right {width: 256px; float: left; margin: 0; padding: 0 16px 16px 16px; }
 */
img.game-icon { float: left; padding: 0px 16px 0 32px ; }
ul.game-aditional-info { list-style: none; margin: 0; padding: 0px 0 0 0; }
/*
13. screenshots
 */
#screenshots { width: 752px; color: #fff; }
.screenshot-and-caption-left { width: 320px; text-align:center; padding: 0px 32px 32px 32px; float: left; }
.screenshot-and-caption-right { width: 320px; text-align:center; padding: 0px 32px 32px 16px; float: left; }
img.screenshot { padding-bottom: 16px; }
/*
13. help
 */
/* 
#helplist { width: 752px; padding: 0 0 16px 0; }  
*/
ul.helplist { margin: 0;}
/*
14. FAQ
 */
dl.faq-qa {margin: 0; padding: 0; }
dl.faq-qa dt {font-weight: bold; }
dl.faq-qa dd { margin-bottom:16px; }
.qa { font-size: 14px; font-weight: bold; }
/*
15. Sitemap
 */
.major-category {font-weight: bold; }
*/
/*
16. later addons / corrections
*/





/*
float: left;
overflow: auto;
clear: both;
color: #fff;
font-weight : bold;

 */