/*-----------------------------------------------------------------------------
Master Style Sheet

version:   1.0
author:    panagiotis efthymiou
email:     info@webicon-design.de
website:   http://www.webicon-design.de
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body {
	background:#221a1a url(../images/bg.gif) repeat-y center top;
	font: 0.9em "Trebuchet MS", Georgia, serif;
	}

.clearfix:after {
	content: ".";
 	clear: both;
 	height: 0;
	visibility: hidden;
	display: block;
	}
.clearfix {
	display: inline-block; /* Fixes IE/Mac */
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

img {
	border: 0;
	}
	
.img-float-left {
	float:left;
	margin-right: 0.5em;
	}	
	

p {
	line-height: 1.5em;
	}

ul {
	list-style:none;
	}

a {
	text-decoration:none;
	color:#eeeebb;
	}
	
.clear-both {
	clear:both;
	}


/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	padding-bottom:0.1em;
	margin-bottom:0.4em;
	font-size: 1.4em;
	font-weight:normal;
	border-bottom: 1px dotted #d1d1c1;
	}
	
h2 {
	color:#883300;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.3em;
	}

h3 {
	font-size: 0.8em;
	font-weight:normal;
	color:#366670;
	background:url(../images/calender.gif) no-repeat left 0.1em;
	text-indent: 1.5em;
	margin-bottom: 0.2em;
	}
	
h4 {
	font-weight:bold;
	font-size:1em;
	margin-bottom: 1em;
	}

h5 {
	font-weight:normal;
	font-size:1em;
	margin-bottom: 1em;
	font-style:italic;
	}
	
	
/* =Links
-----------------------------------------------------------------------------*/
.external {
	background: url(../images/ext-arrow.gif) no-repeat top right;
	padding-right: 1em;
	}
	
.to-the-top {
	padding-left: 0.6em;
	background: url(../images/totop-arrow.gif) no-repeat left 5px;
	}

.download {
	background: url(../images/download.gif) no-repeat right bottom;
	padding-right: 2em;
	}

.music {
	background: url(../images/music.gif) no-repeat right bottom;
	padding-right: 1.5em;
	}

.side-simple-links {
	background: url(../images/link-arrow.gif) no-repeat left 6px;
	padding-left: 0.8em;
	}
	
.side-archive-links {
	background: url(../images/archive.gif) no-repeat left top;
	text-indent: 1.4em;
	padding-bottom:0.3em;
	}
	
.side-reviews-links {
	background: url(../images/link-paper.gif) no-repeat left 0.1em;
	text-indent: 1.4em;
	padding-bottom:0.3em;
	}

.side-pdf-links {
	background: url(../images/link-paper.gif) no-repeat left 0.1em;
  padding-left: 1.4em;
	}

/* =Containers and Wrappers
-----------------------------------------------------------------------------*/
#primary-container {
	width:100%;
	text-align:center;
	background:#f1f1ee url(../images/primary-bg.gif) repeat-x left top;
	}

#secondary-container {
	width:100%;
	text-align:center;
	background: url(../images/secondary-bg.gif) repeat-x left top;
	}

#primary-wrapper, #secondary-wrapper {
	width: 760px;
	margin: 0 auto;	
	text-align: left;
	}


/* =Skip to content - hidden div
-----------------------------------------------------------------------------*/
#skip {
	position:absolute;
	top:-200px;
	left:0px;
	}
	
	
/* =Title
-----------------------------------------------------------------------------*/
#title {
	font-size: 0.8em;
	padding-left: 15px;
	}

#title img {
	float:right;
	}

#title ul li{
	margin: 93px 15px 0 0;
	float:left;
	}

#title a {
	color: #dcdcaa;
	}

#title a:hover {
	color: #FFFFFF;
	}
	

/* =Main Nav
-----------------------------------------------------------------------------*/
#nav {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 32px;
	font-variant:small-caps;
	margin-top: 2px;
	margin-bottom: 2px;
	}

#nav ul li{
	float:left;
	}
	
#nav a {
	padding: 0 15px;
	display:block;
	}
	
#nav a:hover {
	color:#cc7733;
	}
	
#nav .highlight {
	background: url(../images/nav-highlight.gif) repeat-x;
	}

#nav .highlight:hover {
	color:#eeeebb;
	}
	

/* =Primary Content
-----------------------------------------------------------------------------*/
#primary-content{
	background: url(../images/primary-side-bg.gif) repeat-y top right;
	}
	
#primary-content  a {
	color: #883300;
	}
	
#primary-content a:hover {
	text-decoration:underline;
	}
	
	
/* =Primary Content Main
-----------------------------------------------------------------------------*/
#primary-content-main {
	padding: 2em 0 2em 0;
	width:460px;
	float:left;
	}
	
#primary-content-main p {
	margin-bottom:2em;
	}

#primary-content-main strong {
	font-weight: normal;
	border-bottom: 1px dotted #d1d1c1;
	}
	
#primary-content-main img {
	border: 1px dotted #bcbcab;
	}	
	
.content {
	margin-bottom: 2em;
	}
	
	
/* =Primary Content Side
-----------------------------------------------------------------------------*/
#primary-content-side p {
	margin-bottom:1.5em;
	}
	
#primary-content-side {
	padding: 2em 0 0 0;
	width:270px;
	float:right;
	}
	
#primary-content-side img {
	border: 1px dotted #b1aaa1;
	}	
	
.side-img-bottom-margin {
	margin-bottom: 1.5em;
	}

#primary-content-side h1 {
	border-bottom: 1px dotted #b1aaa1;
	}
	
#primary-content-side ul {
	margin-left: 15px;
	margin-right: 15px;
	}


/* =Gallery
-----------------------------------------------------------------------------*/
#gallery a:hover {
	text-decoration:none;
	}

#gallery img {
	margin-top:1em;
	}
	
#gallery div {
	margin-bottom:1.5em;
	}
	
.cover {
	margin-bottom:2em;
	}
	
	
/* =Gallery Menu
-----------------------------------------------------------------------------*/
.gal-menu li {
	font-size: 0.8em;
	float:left;
	}	

.gal-menu a {
	display:block;
	padding:0.2em;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background: url(../images/menu-back.gif) repeat-x center bottom;
	}

#g01 .gal-menu .gc01 a,
#g02 .gal-menu .gc02 a,
#g03 .gal-menu .gc03 a,
#g04 .gal-menu .gc04 a,
#g05 .gal-menu .gc05 a,
#g06 .gal-menu .gc06 a,
#g07 .gal-menu .gc07 a,
#g08 .gal-menu .gc08 a,
#g09 .gal-menu .gc09 a,
#g10 .gal-menu .gc10 a,
#g11 .gal-menu .gc11 a,
#g12 .gal-menu .gc12 a,
#g13 .gal-menu .gc13 a,
#g14 .gal-menu .gc14 a,
#g15 .gal-menu .gc15 a,
#g16 .gal-menu .gc16 a {
	background: url(../images/menu-back-active.gif) no-repeat center bottom;
	cursor:default;
	color:#b8b3a5;
	}	
	

/* =Reviews
-----------------------------------------------------------------------------*/	
#reviews blockquote {
	margin-top: 0.8em;
	}
	
	
/* =Sitemap
-----------------------------------------------------------------------------*/	
#sitemap li {
	background: url(../images/sitemap-bullet.gif) no-repeat left 0.5em;
	padding-left: 0.6em;
	margin-bottom: 0.6em;
	}
	
#sitemap li li {
	background:none;
	padding-left: 1em;
	margin-bottom: 0;
	}
	
#sitemap {
	margin-bottom:2em;
	}
	
#sitemap ul {
	line-height:1.5em;
	}


/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondary-content {
	background: url(../images/secondary-side-bg.gif) no-repeat top right;
	height: 128px;
	}


/* =Secondary Nav
-----------------------------------------------------------------------------*/
#secondary-nav {
	float:left;
	width:460px;
	}

#secondary-nav ul {
	padding-top: 22px;
	line-height: 22px;
	width: 140px;
	float:left;
	}

#secondary-nav li {
	background: url(../images/nav-arrow.gif) no-repeat left center;
	text-indent: 1.1em;
	border-bottom:1px dotted #564636;
	}
	
#secondary-nav a {
	color: #dcdcaa;
	display:block;
	height: 22px;
	}

#secondary-nav a:hover {
	background: url(../images/nav-arrow-over.gif) no-repeat left center;
	background-color:#110d0d;
	}

.secondary-nav-border {
	border-top:1px dotted #564636;
	}

.secondary-nav-middle {
	margin: 0 20px;
	} 


/* =Copyright
-----------------------------------------------------------------------------*/
#copyright {
	color:#887766;
	width:270px;
	float:right;
	}
	
#copyright p {
	padding-top: 1.5em;
	margin-left: 15px;
	margin-right: 15px;
	}


/* =Validation
-----------------------------------------------------------------------------*/
#validation {
	width:270px;
	float:right;
	}
	
#validation ul {
	margin-left: 15px;
	margin-right: 15px;
	line-height: 1.5em;
	}	

#validation li{
	margin-right: 1em;
	float:left;
	}

#validation a {
	color:#887766;
	}


/* =Tables
-----------------------------------------------------------------------------*/

table {
	width: 460px;
	background-color:#FEFEFE;
	margin-bottom: 2.5em;
	}

caption {
	text-align:left;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}

td {
	padding: 0.3em 0 0.3em 0.5em;
	}

.table-row-odd {
	background-color:#f7f6f0;
	}


/* =Blockquote
-----------------------------------------------------------------------------*/
blockquote {
	font-style:italic;
	background: #ddddcc url(../images/blockquote-lower.gif) no-repeat right bottom;
	margin-top: 1.5em;
	margin-bottom:0.5em;
	line-height:1.5em;
	}

.blockquote-content {
	padding: 30px 25px 25px 25px;
	background: url(../images/blockquote-upper.gif) no-repeat left top;
	}

.blockquote-name {
	width:460px;
	text-align:right;
	}