/* Design (font and color) declarations */

/* The user can override many of these settings in the browser. */
/* Some users have small screens, some are blind - design for them, too. */

/* Modify the color scheme at http://wellstyled.com/tools/colorscheme2/index-en.html */
/* The name of this file describes how it was created. */
/* Set angle/distance to max and select "add the complement" */

/* To make a color in a color scheme darker, just reduce the RGB components */
/* proportionally. Example: #808080 has half the luminocity of #FFFFFF. */

@media screen
{
  body
	{
		/* Always define the foreground-color when you define the background-color; */
		/* You never know what colors the user has set in the browser. */
		color: #FFFDF9;
    background-color: #FFCC00;
  }
	
	#sitename
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.3em; 
		font-weight: normal; 
		line-height: 1.4em;
	}
	
	#sitename a
	{
		color: #FFFDF9;
		text-decoration: none;
	}
	
	#sitename a:hover
	{
		text-decoration: underline;
	}
	
	#sitedesc
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal;
		line-height: 1.4em;
	}
	

	
	/* CONTENT */
	
	#content
	{
		color: #262213;
		background-color: #FFFDF9;
	}
	
	#content-wide
	{
		color: #262213;
		background-color: #FFFDF9;
	}
	

/* TABBED MENU */

  #tabmenu 
  {
    color: black;
    border-bottom: 0px solid black; /* 1px */
    margin: 0px 0px 0px 3px; /* Defines the distance between the menu and other objects */
    padding: 0px 0px 0px 0px; /* Defines the distance between the menu and other objects */
    z-index: 1;
  }

	#tabmenu li 
  {
  	display: inline;
  	overflow: hidden;
  	list-style-type: none; 
  }

	#tabmenu a, a.active 
  {
  	color: #262213;
  	background: #FFE066;
  	font: bold 0.7em verdana, arial, helvetica, sans-serif;
  	border: 0px solid black; /* 1px */
  	padding: 2px 5px 2px 5px; /* Defines the space between the tab's text and it's borders */
  	margin: 0px -2px 0px 0px; /* The left and right margin defines the distace between the tabs */
  	text-decoration: none; 
  }

	#tabmenu a.active 
  {
  	background: #FFFDF9;
  	border-bottom: 2px solid #FFFDF9; /* To cover the black line */
  }

	#tabmenu a:hover 
  {
  	color: #FFFDF9;
  	background: #FFCC00; 
  }

	#tabmenu a:visited 
  {
	 color: #262213; 
  }

	#tabmenu a.active:hover 
  {
  	color: #FFCC00; 
  	background: #FFFDF9;
  }


/* ARTICLE */

	.article-body
	{
		font-family: 'palatino linotype', palatino, georgia, 'times new roman', timesnr, times, serif;
		font-size: 0.8em; 
		font-weight: normal; 
		line-height: 1.5em;
	}
	
	.article-body a
	{
		color: #262213;
		text-decoration: underline;
	}
	
	.article-body a:hover
	{
		text-decoration: none;
	}
	
	.article-body h1
	{
		font-size: 1.4em; 
		font-weight: normal; 
		line-height: 1.25em;
	}
	
	.article-body h2
	{
		font-size: 1.4em; 
		font-weight: normal; 
		line-height: 1.25em;
	}
	
	.article-body h3
	{
		line-height: 1.25em;
	}
	
	.article-body h4
	{
		line-height: 1.25em;
	} 
	
	.article-body h1 a,
	.article-body h2 a,
	.article-body h3 a,
	.article-body h4 a
	{
		color: #262213;
		text-decoration: none;
	}
	
	.article-body h1 a:hover,
	.article-body h2 a:hover,
	.article-body h3 a:hover,
	.article-body h4 a:hover
	{
		text-decoration: underline;
	}
	
	.article-summary
	{
		font-family: 'palatino linotype', palatino, georgia, 'times new roman', timesnr, times, serif;
		font-size: 0.8em; 
		line-height: 1.5em;
		font-weight: bold;
	}

	.article-summary a
	{
		color: #262213;
		text-decoration: underline;
	}
	
	.article-summary a:hover
	{
		text-decoration: none;
	} 

	.article-details
	{
		color: #FFCC00;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}

	.article-details a
	{
		color: #FFCC00;
		text-decoration: underline;
	}
	
	.article-details a:hover
	{
		text-decoration: none;
	} 

	.article-more
	{
		padding-left: 17px;
		background: url(http://westerware.net/images/more-arrow-960046.gif) no-repeat 0 60%;
		font-family: 'palatino linotype', palatino, georgia, 'times new roman', timesnr, times, serif;
		font-size: 0.8em; 
		font-weight: normal; 
		line-height: 1.5em;
	}
	
	.article-more a
	{
		color: #262213;
		text-decoration: none;
	}
	
	.article-more a:hover
	{
		text-decoration: underline;
	}
	
	.article-image
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1em; 
		font-weight: normal; 
		line-height: 1.4em;
	}

	.article-quote
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.4em; 
		font-weight: normal;
		color: #BBBBBB;
		word-spacing: -0.1em;
		line-height: 1.6em;
	}

	.article-pricelist
{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.8em; 
		line-height: 1.4em;	
}

	.article-thumbnails
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.8em; 
		font-weight: normal; 
		line-height: 1.4em;
	}

	.article-caption
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.8em; 
		font-weight: normal; 
		line-height: 1.4em;
	}



  /* ARTICLE-TEXTBOX */

  .article-textbox
  {
    border: thin dotted #73BF60;
    padding: 0.6em 0.8em 0.7em;
    font-family: verdana, arial, helvetica, sans-serif;
  	font-size: 0.8em; 
  	font-weight: normal; 
  	line-height: 1.4em;
  }

	.article-textbox-header
	{
		font-weight: bold;
	}	
	
	.article-textbox-body
	{
		font-weight: normal;
	}	
	


	/* COMMENT */

	.comment
	{
		font-family: 'palatino linotype', palatino, georgia, 'times new roman', timesnr, times, serif;
		font-size: 0.8em; 
		font-weight: normal; 
		line-height: 1.5em;
	}
	
	/* When comments are shown, formatting will alternate between odd and even */
	.odd
	{
		background-color: #FFFAE6;
	}
	
	.even
	{
	}
	
	.comment-details
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}

	.comment-details a
	{
		color: #262213;
		text-decoration: underline;
	}
	
	.comment-details a:hover
	{
		text-decoration: none;
	}
	
	.comment-author
	{
		font-weight: bold; 
	}
	
	.paginate
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: normal;
		line-height: 1.4em;
		padding: 20px 0 30px 0;
	}
	
	.pagecount
	{
	}
	


	/* COMMENT-FORM */

	#comment-form
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}

	.comment-form-header
	{
		font-weight: bold; 
	}

	#comment-form a
	{
		color: #262213;
		text-decoration: underline;
	}
	
	#comment-form a:hover
	{
		text-decoration: none;
	}
	

	
	/* NAVIGATION */
	
	#navigation
	{
		color: #FFFDF9; 
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}
	
	#navigation-ad-wrapper
	{
		background-color: #FFFDF9;
	}
	
	.navigation-header
	{
		font-weight: bold;
		margin: 11px 0 0 0;
	}	
	
	#navigation a
	{
		color: #FFFDF9; 
		text-decoration: none;
	}
	
	#navigation a:hover
	{
		text-decoration: underline;
	}
	
	
	
	/* SITELINKS */
	
	#sitelinks
	{
		color: #FFFDF9;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}
	
	#sitelinks a
	{
		color: #FFFDF9;
		text-decoration: none;
	}
	
	#sitelinks a:hover
	{
		text-decoration: underline;
	}
	
	
	
	/* ADVERTISEMENTS */
	
	.ad-wrapper
	{
		margin: 1.5em 0em 2.5em 0em;
		background-color: #FFFAE6;
	}
	
	.ad-signal
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em;
		line-height: 1.4em;
		color: #FFCC00;
	}
	
	.ad-center
	{
		text-align: center;
	}
	
	.ad-image
	{
		margin: 5px 0 5px 0;
	}
	
	.ad-caption
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em;
		line-height: 1.4em;
		color: #FFCC00;
	}
	
	.ad-caption a
	{
		color: #FFCC00;
		text-decoration: underline;
	}
	
	.ad-caption a:hover
	{
		text-decoration: none;
	}

	.ad-text
	{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.9em;
		line-height: 1.4em;
		color: #262213;
	}

	.ad-text a
	{
		color: #262213;
		text-decoration: underline;
	}
	
	.ad-text a:hover
	{
		text-decoration: none;
	}

	#system-details
	{
		color: #FFCC00;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 0.7em; 
		font-weight: normal; 
		line-height: 1.4em;
	}
	
}