/* Common element styles */
body {line-height: 1.2; font: normal 10pt Arial, Helvetica, sans-serif; color: #000000; width: 100%;}
h1, h2, h3, h4, h5, h6 {font: Arial, Helvetica, 'Sans Serif'; font-weight: normal; margin-top: 15pt; margin-bottom: 10px;}
h1 {font-size:24pt; margin-top: 0pt;}
h2 {font-size:18pt;}
h3 {font-size:14pt;}
h4, h5, h6 {font-size:12pt; font-weight: bold;}
p {line-height: 1.2; margin: 0pt 0pt 5pt 0pt;}
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em;}
th {font-style: normal; text-align: left;}
th,td {padding: 2px 5px}

img {max-width: 100%;}
a img {border: none;}
h1 a, h2 a, h3 a, a h1, a h2, a h3 {color: #000000; text-decoration: none;}

abbr {border: none;}
table caption {text-align: left;}

.screen-only {display: none;}

.flash-replaced {display: none;}

/* Common page elements */
#branding #printable-logo img {width: 240px;}
#branding {clear: both; padding-bottom: 10px; margin-bottom: 20pt; border-bottom: 1pt solid #000000;}
#copyright-print {clear: both; margin-top: 20pt; padding-top: 10pt; border-top: 1pt solid #000000;}

/* Recurring page elements */
.main-instructions .controls {display: none;}
.title, .title a {font-weight: bold; color: #000000; text-decoration: none;}

/* Hide various parts from the site */
#branding #logo, #siteinfo, #nav_main, #nav_supp, .image-viewer ul, .image-viewer a.addscrapbook, .related-items, #supplementary_info, #breadcrumb, .show_all, .loading, .jqmWindow, .hide, #scrapbook-pile-tooltip, #add-scrap-tooltip, #next-image, #prev-image, .entry-title, .add-to-scrapbook  {display: none;}

/* Front page */
#main_tsr #tsr_container img {width: 100%;}
#main_tsr ul {display: none;}
#site-shortcuts, #site-shortcuts li, #site-shortcuts ul, #site-shortcuts ul li {list-style: none; margin-left: 0px; padding-left: 0px;}
#site-shortcuts .shortcut-sites, #site-shortcuts .shortcut-products, #site-shortcuts .shortcut-scrapbooks {border-bottom: 1pt solid #ffffff; width: 100%; clear: both;}
#site-shortcuts .shortcut-sites li img {float: left; margin-right: 10px; margin-bottom: 10pt; border: 1pt solid #808080;}
#site-shortcuts .shortcut-sites li {clear: both;}
#site-shortcuts .shortcut-products li, #site-shortcuts .shortcut-scrapbooks li {float: left; padding-right: 10pt; padding-bottom: 10pt;}
#site-shortcuts .shortcut-sites li img, #site-shortcuts .shortcut-products li img, #site-shortcuts .shortcut-sites li img  {border: 1pt solid #808080; }
#site-shortcuts .show-more {display: none;}

/* Sites / Products */
.items_category .site-name a, .items_category .product-name a {font-weight: bold; color: #000000; text-decoration: none;}
.items_category dl {position: relative; height: 90px;}
.items_category dl dt, .items_category dl dd {margin-left: 135px; padding-left: 10pt;}
.items_category .product_img {position: absolute; top: 0px; left: 0px; margin-left: 0px; padding-left: 0px; width: 135px;}
.items_category .product_img img {border: 1pt solid #808080;}
.items_category .product_img .pro-designer {position: absolute; top: 3pt; left: 3pt; border: none; z-index: 2;}
.items_category .site-comments, .items_category .create-own  {display: none;}
.items_category .site-updated a {font-size: 8pt; text-decoration: none; color: #000000;}

/* Site  / Product */
.pro-badge {padding: 0pt 2pt; font-size: 12pt; margin-top: -4pt; color: #808080; text-transform: uppercase; border: 1pt solid #808080;}
.current-product .productname, .current-product .manufacturer {font-size: 10pt; margin-bottom: 5pt;}
.current-product .productname {margin-top: 10pt; font-weight: bold;}
.current-product .manufacturer {margin-top: 5pt; margin-bottom: 0pt;}
.product-category-list .prod .subcat {display: none;}
.product-category-list a {text-decoration: none; color: #000000;}
#comments .hfeed, #comments .hfeed li {margin-left: 0px; padding-left: 0px; list-style: none;}
#comments .hentry {padding-top: 5pt; margin-bottom: 5pt; border-top: 1pt solid #808080;}
#comments .author-published {margin-bottom: 0pt; padding-bottom: 5pt;}
#comments .author-published .author, #comments .author-published .author a {font-weight: bold; text-decoration: none; color: #000000;}
.product_wrapper #product-type, .product_wrapper #product-sponsor {display: none;}
.hlisting .manufacturers ul, .hlisting .manufacturers ul li, .hlisting .product-designer ul, .hlisting .product-designer ul li {margin-left: 0px; padding-left: 0px; list-style: none;}
.comment_pics li {display: inline;}
.comment_pics li img {border: 1pt solid #808080;}

/* Scrapbook */
#scrapbooks .header h1 {margin-top: 15pt;}
#scrapbooks .items_category ol, #scrapbooks .items_category ul, #scrapbooks .items_category li {margin-left: 0px; padding-left: 0px; list-style: none;}
#scrapbooks .items_category .scrapbook-name a {font-weight: bold; color: #000000; text-decoration: none;}
#scrapbooks .items_category dl {position: relative; height: 140px;}
#scrapbooks .items_category dl dt, #scrapbooks .items_category dl dd {margin-left: 287px; padding-left: 10pt;}
#scrapbooks .items_category .product_img {position: absolute; top: 0px; left: 0px; margin-left: 0px; padding-left: 0px; width: 287px;}
#scrapbooks .items_category .product_img img {border: 1pt solid #808080;}
#scrapbooks .items_category .product_img .pro-designer {position: absolute; top: 3pt; left: 3pt; border: none; z-index: 2;}
#scrapbooks .items_category .site-comments, #scrapbooks .items_category .create-own  {display: none;}
#scrapbooks .items_category .site-updated a {font-size: 8pt; text-decoration: none; color: #000000;}
#scrapbooks .items_category li {margin-bottom: 10pt;}
#scrapbooks .items_category dt {display: none;}
#scrapbooks .pagination li {display: inline;}

/* The following styles does not work, because the content is moved out of the #scrapbook element. To be fixed! */
#scrapbook ul, #scrapbook ul li {list-style: none; margin-left: 0px; padding-left: 0px;}
#scrapbook #nav_scrapbook {display: none;}
.sb-items li {position: relative; height: 90px;}
.sb-items li img {position: absolute; top: 0px; left: 0px; width: 135px;}
.sb-items li div {margin-right: 135px; padding-right: 10pt;}

/* Instructions & articles */
#archive-articles li p {margin: 0pt;}
#archive-articles li, #archive-tips li {margin-bottom: 5pt;}
.ingress {font-style: italic; margin-bottom: 15pt;}

/* Instructions */

/* Article: Ensiomakotitalo */
.floor-pictures {position: relative; float: right; padding-left: 20pt; padding-bottom: 10pt; width: 30%;}
.floor-pictures img {clear: left; float: left; padding-bottom: 20pt; width: 100%; height: 100%;}
.designer-info img {float: left;}
.designer-info p {margin-left: 185px; padding-left: 20pt;}

/* Instruction: Sisustuspalkit */
#instruction #material-list {margin-top: 10pt; margin-bottom: 20pt;}
#instruction .steps li {position: relative; height: 126px; margin-bottom: 10pt;}
#instruction .steps img {position: absolute;}
#instruction .steps p {margin-left: 192px; padding-left: 20pt;}

.alt.hide {display: block;}