/*
// +--------------------------------------------------------+
// |	@file: base.css										|
// +--------------------------------------------------------+
// |														|
// |	@project: Dead Horse Gap Website					|
// |	@author: Manuel Horne (http://hornet-webdesign.de)	|
// |	@last edit: Feb 15 2010								|
// |	@copyright: HorNet Webdesign 2007					|
// |														|
// +--------------------------------------------------------+
// |														|
// |	Basic Website layout.								|
// |														|
// +--------------------------------------------------------+
*/

a.imglink:link,
a.imglink:active,
a.imglink:visited,
a.imglink:hover { background-color:inherit; border:0px; padding:0px; margin:0px; vertical-align:middle; }

.DHG { font-size:14px; font-variant:small-caps; }
.nobreak { white-space:nowrap; }
.imgframe_left { float:left; clear:left; margin:4px 6px 4px 0px; text-align:center; vertical-align:middle; }
.imgframe_right { float:right; clear:right; margin:4px 0px 4px 6px; text-align:center; }
.imgframe_left img,
.imgframe_right img { border:1px solid #333; margin:0px; }
.imgframe_left .caption,
.imgframe_right .caption { font-size:11px; font-weight:bold; font-style:italic; padding:0px; margin:0px; }

/**********************************
 * main structure elements
 */
body
{
	color:#000;
	background:#000 url('../img/bg.jpg') repeat-y right;
	font-family:Times, serif;
	font-size:12px;
/*	text-align:center;  /* Zentrierung im IE */
	scrollbar-base-color:#CEB65A;
  	scrollbar-3d-light-color:#CEB65A;
  	scrollbar-arrow-color:#000000;
  	scrollbar-darkshadow-color:#CEB65A;
  	scrollbar-face-color:#CEB65A;
  	scrollbar-highlight-color:#CEB65A;
  	scrollbar-shadow-color:#000;
	scrollbar-track-color:#CEB65A;
}
#main
{
	position:absolute;
	margin:0 auto;		/* standardkonforme horizontale Zentrierung */
	top:50%;
	left:50%;
	margin-top:-275px;
	margin-left:-485px;
	background:url('../img/newspaper.gif') no-repeat left top;
	width:970px;
	height:557px;
	text-align:left;	/* IE-Zentrierung korrigieren */
}
/* main content frame: 767 x 470 pix */
#main #newspaper
{
	width:767px;
	height:470px;
	float:left;
	margin:40px 0px 0px 40px;
	display:inline; /* fix the IE bug 'doubled margin w/ float' */
}
#main #menu_marker { width:20px; height:557px; float:left; }
#main #menu_marker #credits { width:100%; height:160px; text-align:center; }
#main #menu_marker #credits * { border:0px; }
#main #right_box { width:143px; height:557px; float:right; }

/**********************************
 * newspaper elements
 */
#newspaper #title { width:100%; height:56px; background:url('../img/DeadHorseGapDailyPost.gif') no-repeat center; }
#newspaper #subtitle
{
	width:auto;
	height:15px;
	margin:10px 0px 5px;
	padding:3px 5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font-weight:bold;
}
#newspaper #subtitle #left { float:left; width:30%; height:100%; text-align:left; }
#newspaper #subtitle #middle { width:auto; height:100%; text-align:center; }
#newspaper #subtitle #right { float:right; width:30%; height:100%; text-align:right; }

/**********************************
 * newspaper content columns
 */
#newspaper #content.frontpage { width:100%; height:375px; } /* IE 6 workaround (absolute height) 4 'height:100%' */
#newspaper #content.frontpage #main_column,
#newspaper #content.frontpage #left_column,
#newspaper #content.frontpage #right_column { height:375px; text-align:justify; }
#newspaper #content.frontpage div.hdivider { width:0px; height:375px; border-left:1px solid #000; border-right:1px solid #000; margin:3px 5px 0px; float:left; }

#newspaper #content.subpage { width:100%; height:431px; }
#newspaper #content.subpage #main_column,
#newspaper #content.subpage #left_column,
#newspaper #content.subpage #right_column { height:431px; text-align:justify; }
#newspaper #content.subpage div.hdivider { width:0px; height:431px; border-left:1px solid #000; border-right:1px solid #000; margin:3px 5px 0px; float:left; }

#newspaper #content .vdivider { width:100%; height:0px; border-top:1px solid #000; border-bottom:1px solid #000; margin:5px 0px 5px 5px; }

#newspaper #content #main_column { float:left; overflow:auto; /*padding-right:5px;*/ }
#newspaper #content #main_column.center { width:414px; } /* just 1 middle col: (between) 2 other tighter cols (+ 2 hdividers) */
#newspaper #content #main_column.center-side { width:588px; } /* middle col + 1 side col (+ 1 hdivider) */
#newspaper #content #main_column.full { width:762px; } /* full width: middle col + 2 side cols */
#newspaper #content #left_column { width:162px; float:left; overflow:hidden; /*background-color:#00FF66;*/ }
#newspaper #content #right_column { width:162px; overflow:hidden; /*background-color:#FF6666;*/ } /* 3rd (right) col only 4 news-site */
#newspaper #content h1
{
	width:auto;
	margin:8px 2px 2px;
	padding:1px 0px 3px;
/*	border-bottom:1px solid #333;*/
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:left;
	font-variant:small-caps;
}
#newspaper #content h2
{
	width:auto;
	margin:8px 0px 2px;
	padding:1px 0px;
	border:1px solid #333;
	font-size:12px;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	text-transform:uppercase;
}
#newspaper #content h3
{
	font-size:14px;
	font-variant:small-caps;
	border:0px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#newspaper #content h3.newsarchive
{
	width:auto;
	margin:2px 0px;
	padding:1px 0px;
	border:1px solid #666;
	border-top:0px solid #999;
	font-size:12px;
	font-weight:bold;
	font-variant:normal;
	font-style:italic;
	letter-spacing:2px;
	text-align:center;
}

/* content area */
#newspaper #content a:link,
#newspaper #content a:visited { color:#000000; background-color:#EAD67A; text-decoration:none; padding:1px 3px; }
#newspaper #content a:hover { background-color:#FF9; }
#newspaper #content a.block { display:block; text-align:center; }

#newspaper #content p { margin:7px 0px; }
#newspaper #content img { border:1px solid #333; }
#newspaper #content img.intext { border:0px; padding:0px; margin:0px; vertical-align:bottom; }

#newspaper #content .separator { width:auto; height:0px; border-top:1px solid #333; margin:5px 20px; clear:both; }
#newspaper #content .headline { text-align:left; }
#newspaper #content .newsitem h4 { font-size:11px; font-weight:normal; margin:0px 0px 5px 0px; color:#333; }
#newspaper #content .newsitem img.left { margin:1px 3px 1px 0px; }

#newspaper #content #pictureoftheweek
{
	border:1px solid #000;
	border-top:0px;
	margin-bottom:4px;
	padding-bottom:2px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
}

/* gigs display table */
table.gigs { width:100%; border:1px dotted #333; border-collapse:collapse; }
* html table.gigs { width: 100%; w\idth: 570px; } /* width IE5, IE6 workaround */
*:first-child+html table.gigs { width: 570px; } /* width IE7 workaround */

table.gigs tr th
{
	border:1px dotted #333;
	border-bottom:1px solid #333;
	padding:0px 2px;
	text-align:center;
	background-color:#F0F090;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
}
table.gigs tr th.date {}
table.gigs tr th.event {}
table.gigs tr th.location {}
table.gigs tr th.city {}
table.gigs tr th.time {}
table.gigs tr th.entry {}
table.gigs tr th.pix {}
table.gigs tr th.critics {}

table.gigs tr td { border:1px dotted #333; border-collapse:collapse; padding:2px 4px; text-align:left; vertical-align:top; font-size:12px; }
table.gigs tr.month td
{
	text-align:center;
	padding:0px;
	letter-spacing:4px;
	font-style:italic;
	border-right:0px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
}

table.gigs tr.private td { color:#3F3F3F; }

table.gigs tr td.weekday { width:15px; text-align:left; font-weight:bold; border-right:0px; padding-right:0px; white-space:nowrap; }
table.gigs tr td.day { width:17px; text-align:right; font-weight:bold; border-right:0px; border-left:0px; padding-right:0px; padding-left:0px; }
table.gigs tr td.month { width:58px; text-align:left; font-weight:bold; border-left:0px; padding-left:0px; white-space:nowrap; }
table.gigs tr td.event {}
table.gigs tr td.location {}
table.gigs tr td.city {}
table.gigs tr td.time { text-align:center; white-space:nowrap; }
table.gigs tr td.entry { text-align:center; white-space:nowrap; }
table.gigs tr td.pix { text-align:center; }
table.gigs tr td.critics { text-align:center; }
table.gigs .open_air { color:#600; }

table.gigs tr.private td,
table.archive tr td.weekday,
table.archive tr td.day,
table.archive tr td.month { font-weight:normal; }

/* repertoire display table */
table.repertoire { width:100%; border:1px dotted #333; border-collapse:collapse;}
* html table.repertoire { width: 100%; w\idth: 570px; } /* width IE5, IE6 */
*:first-child+html table.repertoire { width: 570px; } /* width IE7 */

table.repertoire tr th
{
	border:1px dotted #333;
	border-bottom:1px solid #333;
	text-align:center;
	background-color:#F0F090;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
}
table.repertoire tr th.title { width:50%; }
table.repertoire tr th.artist {}
table.repertoire tr th.since {}
table.repertoire tr th.lyrics {}

table.repertoire tr td { border:1px dotted #333; border-collapse:collapse; padding:1px 4px; text-align:left; font-size:12px; }
table.repertoire tr td.title {}
table.repertoire tr td.arist {}
table.repertoire tr td.since { text-align:center; white-space:nowrap; }
table.repertoire tr td.lyrics { text-align:center; }
table.repertoire tr td.lyrics a { border:0px; margin:0px; padding:0px; }
table.repertoire tr td.lyrics a img { border:2px solid green; margin:0px; padding:0px; }


/**********************************
 * logo & menu column
 */
#main #right_box #logo { width:100%; height:160px; background:url('../img/DHGLogo.gif') no-repeat right; }
#main #right_box #menu { width:100%; height:397px; } /* further menu styles in separate sheet */