@import url("./plato.css");

/* common.css stijlblad voor Shtetl Band Amsterdam */
/* laatste wijziging: 2011-06-30 */


/*=== MAIN SECTION ===*/

html
	{
	min-width: 960px ;   
	margin: 0 ;
	border: none ;
	padding: 0 ;
	background: url(../__images/background.gif) repeat; 
	background-color: #555 ;   /* in case picture is not found */
	text-align: left ;
	font-family: Tahoma, "Lucida Grande", LucidaGrande, Verdana, Arial, Helvetica, sans-serif ;
	font-size: 13px ; 
	color: black ; 
	}

body
	{ 
	width: 960px ;
	margin: auto ;
	border: none ; 
	padding: 0 ;
	text-align: left ;
	}


/* === IMAGES - GLOBAL SETTINGS === */

img 
	{
	margin: 0 ;
	border: none ;
	padding: 0 ;
	text-decoration: none ; 
	float: none ;
	}



/* === PARAGRAPHS - GLOBAL SETTINGS === */

p 
	{
	clear: both ; 
	margin: 1em 0 ;
	border: none ;
	padding: 0 ;
	}


/* === HYPERLINKS - GLOBAL SETTINGS === */

a
	{
	color: Navy ; 
	font-weight : bold ;
	text-decoration: none ; 
	}

a:hover, a:active
	{
	text-decoration: underline ; 
	}

a.button   /* found on barebones dot com */
	{
 	display: inline-block ;
 	margin-bottom: .75em ;
 	border: 1px solid Silver ;
 	border-radius: .9em ;
 	-moz-border-radius: .9em ;
 	padding: .25em 1em ;
 	background-color: #FFF573 ;
 	color: #111 ;
 	text-decoration: none ;
 	white-space: nowrap ;
 	}

a.button:hover, a.button:active
 	{
 	border: 1px dashed Maroon ;
 	text-decoration: none ;
	}


/* === INTERMISSION (LANGUAGE, SOCIAL NETWORKS) === */

.intermission
	{
	display: block ;
	clear: both ; 
	margin: 0 ; 
	border: none ;
	padding: 0.25em ; 
	text-align: right ;
	font-size: 90% ; 
	color: White ;
	}

.intermission ul
	{
	display: inline ;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	line-height: 2em ; 
	}

.intermission li
	{
	display: inline ;
	margin: 0 1em ;
	border: none ;
	padding: 0 ;
	text-align: right ;
	}

.intermission a
	{
	margin: 0 ;
	border: none ; 
	padding: 0 ;
	color: White ;
	}

.intermission a:hover, a:active
	{
	text-decoration: underline ; 
	}

.intermission img
	{
	padding: 0.25em 0.5em 0 0 ;
	}


/* ===== PAGE HEADER BLOCK ===== */


/* 
header width = 960
photo:240 margin:20 banner-name:480 margin:40 
*/

div#header
	{
	margin: 0 ;
	border: none ; 
	padding: 0 ;
	}

.header-no-mar-bor-pad
	{
	margin : 0 ;
	border : none ;
	padding : 0 ;
	}

#header-banner-name
	{
	margin : 0px 0 0 0 ;
	border : none ;
	padding : 0 ;
	}

#header-contact-text
	{
	clear: both ; 
	text-align : center ;
	font-size : 115% ;
	color : Maroon ; 
	margin : 4px 0 0 0 ;
	border: none ;
	padding : 0 ;
	}

#header-usp
	{
	text-align : left ;
	font-size : 120% ;
	color : Maroon ; 
	margin : 10px 20px 0 30px ;
	border: none ;
	padding : 0 ;
 	list-style : outside disc ; 
	}

#header-player
	{
	margin : 10px 0 0 0 ;
	border: none ;
	padding : 0 ;
	}


/* === NAVIGATION === */

div#navigation
	{
	display: block ;
	margin: 0 ; 
	border-width: 1px 0 ; 
	border-style: dashed ; 
	border-color: DarkGrey ;
	padding: 10px 0 ; 
	text-align: center ;
	font-size : 140% ; 
	color : White ;
	}

#navigation ul, #navigation li
	{
	display: inline ;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	text-align: center ;
	}

#navigation a
	{
	margin: 2px ;
	border: solid 2px #555 ; 
	border-radius: 6px ;
	-moz-border-radius: 6px ;
	padding: 2px 7px 3px 7px ; 
	background-color: #555 ;
	text-decoration: none ; 
	font-weight : normal ; /* no bold here, to save horizontal space */
	color : White ;
	}

#navigation a.selected 
	{
	border: solid 2px Maroon ; 
	background-color: Maroon ;
	}

#navigation a:hover, a:active
	{
	border: solid 2px White  ; 
	}

#navigation a.selected:hover
	{
	border: solid 2px Maroon ; 
	}


/* === PHONE NUMBER === */

a.phone-nr:hover
	{
	margin: 0 ;
	border: none ; 
	border-radius: 7px ;
	-moz-border-radius: 7px ;
	padding: 0px 8px ; 
	background-color: Gold ;
	font-size: 180% ;
	font-weight : bold ;
	color: Black ;
	text-decoration: none ; 
	}


/* ===== CONTENT ===== */

#content
	{
	display: block ;
	width: 920px ;
	text-align: left ;
	margin: 0 ;
	border: none ; 
	padding: 8px 20px ;
	float: left ;
	}

#content img
	{
	border: solid 1px Silver ; 
	/* margin: 0.5em ;
	padding: 5px ; */
	float: left ;
	}

.content-columns
	{
	text-align: center;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	border-collapse : collapse ;
	}

.column-news , 
.column-main , 
.column-extras
	{
	vertical-align : top ;
	margin : 0 ;
	border : none ;
	}

.column-extras
	{
	width : 250px ;
	/* background: Silver ; */
	}

.column-main
	{
	text-align : justify ;
	padding : 0 2em ;
	}

.column-news
	{
	width : 180px ;
	/* background: Silver ; */
	}


/*=== NEWS ITEMS ===*/

.news-item
	{
	background: #FFFACD ; 
	margin: 1em 0 ;
	border: dotted 1px Silver ; 
	padding: 0.5em ;
	text-align: center ;
	font-size: 90% ;
	}

.news-item img
	{
	margin: 0 0.5em 0.5em 0 ;
	}

.news-header, .news-header-with-img
	{
	text-transform: uppercase ;
	font-weight: bold ;
	color: Maroon ;
	}

.news-header-with-img
	{
	margin: 0.25em 0 0 0 ; 
	text-align: left ;
	}

.news-header a, .news-header-with-img a
	{
	color: Maroon ;
	}

.news-header a:hover, .news-header-with-img a:hover
	{
	text-decoration: underline ;
	}

.news-content
	{
	clear: both ; 
	margin: 1em 0 0 0 ;
	border: none ;
	padding: 0 ;
	text-align: center ;
	}

.news-content p
	{
	clear: both ; 
	margin: 0.5em 0 ;
	border: none ;
	padding: 0 ;
	}

.news-link
	{
	margin: 0.5em 0 0 0  ;
	text-align: center ;
	}

.news-source
	{
	margin: 0.5em 0 0 0  ;
	text-align: right ;
	}


/*=== HEADERS ===*/

h1, h2, h3, h4
	{ 
	clear: both ;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	font-family: Georgia, serif ;
	color: Maroon ;
	}

h1	/* pagina-titel */
	{ 
	margin: 0.5em 0 1em 0 ; 
	text-align: left ;
	font-style: italic ;
	font-size: 220% ;
	text-shadow: #999 3px 3px 3px ;
	}

h2	/* onderverdeling van pagina */
	{ 
	margin: 2em 0 1.5em 0 ;
	border-width: 3px 0 1px 0 ;
	border-color: DarkGrey ;
	border-style: groove none dotted none ;
	padding: 0.4em ;
	text-align: left ;
	font-size: 140% ;
	background-color: #eee ;
	}
	
h3	/* tussenkop in lang artikel */
	{ 
	margin: 0.5em 0 0.25em 0 ; 
	text-align: left ;
	font-size: 120% ;
	}
	
h4	/* kop in special-block, left-aligned of gecentreerd */
	{ 
	font-size: 120% ;
	}

.header-comment 
	{
	font-family: sans-serif ; 
	font-weight: normal ; 
	font-size: 65% ; 
	font-style: italic ; 
	color: black ;
	}


/* === SPECIAL PARAGRAPHS, LISTS AND DIVISIONS === */

.special-block
	{
	margin : 1.5em 0 1em 0 ;
	/* border : dashed 1px Maroon ; */ /* rounded corners not functionable for dashed border */ 
	border : solid 2px Maroon ;
	border-radius: 10px ;
	-moz-border-radius: 10px ;
	padding : 1em 1em 0.5em 1em ;
	background : #FFFCE1 ; 
	}

p.intro-text	/* vette beginalinea */
	{ 
	font-size : 115% ;
	font-weight : bold ; 
	color : #333 ;
	}

p.comment-text
	{ 
	margin : 0 ;
	}

p.comment-name
	{ 
	margin : 0 0 1em 1em ;
	font-variant : small-caps ;
	}

p.band-member-website
	{ 
	clear : none ;
	margin : 0 0 0 1em ;
	font-size : smaller ;
	}

ul.review-quotes
	{
	text-align : left ;
	margin: 1.5em 7em 2em 7em ;
	border: none ;
	padding : 0 ;
 	list-style : none ; 
	color : Maroon ; 
	font-style : italic ;
	}
	
.review-quotes li
	{
	margin : 0.5em 0 ;
	border: none ;
	padding : 0 ;
	}
	
.review-quote-source
	{
	display : inline ;
	font-size : smaller ;
	font-weight : bold ; 
	font-style : normal ;
	}
	
p.photo-gallery	/* images on photo page */
	{
	clear : both ;
	margin: 0 0 2em 0 ;
	border: none ;
	padding: 0 ;
	}

p.photo-gallery img	/* images on photo page */
	{
	margin: 0.5em ;
	padding: 5px ;
	/* border-collapse: collapse ; */
	float: left ;
	height: 170px ;
	}

p.media-block /* block with photo, video and/or text */
	{ 
	display: block ;
	clear: both ;
	}
	
p.media-block:after
	{ 
	display: block ;
	clear: both ;
	font-size: 100% ;
	margin: 0 ;
	border: none ;
	padding: 0 ;
	content: " ";
	height: 1em ;
	}


/* press-photos */
ul.press-photos
	{
	margin : 1em 0 ;
	padding : 1em 0 ;
	list-style : none ;
	}

.press-photos li 
	{
	clear : both ;
	margin : 0 ;
	border-width: 1px 0 0 0 ; 
	border-style: dotted ; 
	border-color: DarkGrey ;
	padding : 1em 0 ;
	}

.press-photos img 
	{
	margin : 0 0 2em 2em ;
	padding : 0 ;
	float : left ;
	}


/* members-list */
ul.bandmembers
	{
	margin : 0 6em ;
	padding : 1em 0 ;
	list-style : none ;
	}

.bandmembers li 
	{
	clear : both ;
	margin : 0 0 2em 0 ;
	padding : 0 ;
	}

.bandmembers img 
	{
	margin : 0 2em 2em 0 ;
	float : left ;
	}


/* === SPECIAL IMAGES === */

img.button_link /* avoid border around link-buttons */
	{
	margin : 0 ; 
	border: none ;
	padding : 0 0.75em 0.5em 0 ; 
	float : left ;
	text-decoration: none ; 
	}

img.button_link a
	{
	text-decoration: none ;
	}

img.float-left 
	{
	float : left ;
	margin : 0 1em 1.5em 0 ; 
	}

img.float-right 
	{
	float : right ;
	margin : 0 0 1.5em 1em ; 
	}


/* === CONTACTFORMULIER VOOR INFO EN AANVRAAG === */

#request-details, #request-contact, #request-send
	{ 
	width : 85% ;
	margin : 1em 2em ;
	border: 1px solid Maroon ; 
	}

#request-details legend, #request-contact legend 
	{ 
	border: 1px dotted Maroon ; 
	/* border-radius: 5px 50% ;
	-moz-border-radius: 5px 50% ; */
	padding : 0.2em 0.7em ;
	text-align : left ;
	text-transform: uppercase ;
	background-color: silver ;
	font-size : 90% ;
	}

#request-send
	{ 
	border : none ;
	}

#request-details label, #request-contact label, #request-send label
	{ 
	float : left ;
	text-align : right ;
	margin : 0.25em 1em 1em 0 ;
	width : 160px ;
	font-weight : bold ;
	}

#request-details input, #request-contact input
	{ 
	width : 200px ;
	}


/* === TEKST MET VISUELE NADRUK === */

em
	{ 
	font-style : italic ;
	}

strong
	{ 
	font-weight : bold ;
	}

dt
	{ 
	font-weight : bold ;
	}

ddx /* not active for DD */
	{ 
	border-width: 0 0 1px 0 ; 
	border-style: dotted ; 
	border-color: DarkGrey ;
	/* padding: 0 ; */
	}


/* === GENERAL SETTINGS FOR THE MAIN SECTIONS === */

div#header, div#navigation, #content
	{
	border-radius: 4px ;
	-moz-border-radius: 4px ;
	background-color: White ;
	}


/* === END STYLE SHEET === */