/* undohtml.css */
/* (CC) 2004-2005 Tantek Celik. Some Rights Reserved.             */
/* http://creativecommons.org/licenses/by/2.0                     */
/* This style sheet is licensed under a Creative Commons License. */
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code,kbd {font-size:1em;}
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
  margin:0;
  padding:0; }
a img,:link img,:visited img {border:none}
address,abbr {font-style:normal}
/* End of undohtml.css */

/* Setup self-clearing elements */
#header:after,
#nav:after,
#content:after,
.page #c_a:after,
.catalog #products:after,
.catalog .products:after,
.catalog #c_b #product:after,
.catalog #c_b #product .product_images ul:after,
.catalog #c_b #product .specifications:after,
.catalog #c_b #product .product_images:after,
.catalog #c_b #search_result ul.products li:after,
hr {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }


/* -------------------------------------------------------

            GENERAL ELEMENT STYLING

---------------------------------------------------------- */
body.debug {
  background: #fff url(/graphics/grid.gif) 0 0 repeat-y; }
  .debug #content {background:green;}
  .debug #c_a {background:red;}
  .debug #c_b {background:blue;}

body {
  font: normal 10px/1.5 arial, helvetica, verdana, sans-serif;
  color: #333;
  background: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  color: #000; 
  line-height: 1.2; }

h1, h2 {}

h1 {}

h2 {}
span.entry-heading {
  color:#000;
  font-weight:bold; }
p {
  margin-bottom: 1em; }

table {
  border-collapse:collapse;
  margin-bottom:1em;}
  
  th, td {padding:0 .4em .2em 0;}

blockquote {
	margin: 0;
	padding: .7em 0 0 23px;
	font-style: italic;
	border-top: 1px solid #e8e8e8;
	background: transparent url(/graphics/folkoperan/quote.gif) 4px .95em no-repeat;
	color: #777; }

	blockquote strong {
		color: #333;
		margin-left: 1em;
		font-style: normal; 
		font-weight: normal;
		font-size: .85em; }

a { 
  color: #050505; 
  text-decoration:underline;}

  a img { border: none; }

a:hover { 
  text-decoration: none; }

#content ul {
  margin: 0 0 1.5em 2em; }

form {
  margin: 0 0 1em 0; }

fieldset {
  border: 1px solid #ccc; 
  padding: 1.5em; 
  padding-top: .7em; 
  background: #eee; }

  fieldset.submit {
    border: none;
    padding: 0; 
    margin-top: 1em; }

legend {
  margin-left: -.5em;
  padding: .5em; 
  font-family: arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #000; }

label {
  display: block; 
  margin-top: 1.2em; 
  text-transform: uppercase;
  font-size: .85em; }

/* -------------------------------------------------------

            IMAGE CONTAINER

---------------------------------------------------------- */

.image-container {
  margin-bottom: 1em;
  font-size: .85em;
  line-height: 1.5em;
  color: #555; }

.left {
  float: left;
  margin-right: 1.5em; }

.right {
  float: right; 
  margin-left: 1.5em; }

  .image-container img {
    margin-bottom: .3em; }

  .image-container .description {
    display: block; 
    margin-bottom: .4em; }

  .image-container .author {
    display: block; 
    font-style: italic;
    font-size: .8em;
    color: #aaa;
    text-align: right;
    text-transform: uppercase; }

.new {margin:2px 0;}
.new strong {background:#e00;color:#fff;padding:1px;letter-spacing:.05em;}
.reference .new {display:none;}
.reference .image-container {margin: 4px auto 0 auto; }
.reference h2 { margin-right: 5px;}
.reference h2, .reference p {display: inline;}