/**
 * @author Boudewijn van Duijvenbode <boudewijn@batis.nl>
 * @copyright Boudewijn van Duijvenbode
 * 
 * @package het Martyrium.nl
 */

/**
 * Index of this Cascading Style Sheet
 *
 * 1. GRID
 *
 * 2. TYPOGRAPHY
 *   2.1 General
 *   2.2 Headings
 *   2.3 Text elements
 *   2.4 Lists
 *   2.5 Forms
 *   2.6 Tables
 *   2.7 Images
 *
 * 3. LAYOUT
 *   3.1 Header
 *   3.2 Navigation
 *   3.3 Content
 *
 * 4. HACKS
 *
 */
 
/*------------------------------------------------------------------------------
1. BLUEPRINT OVERRIDES
------------------------------------------------------------------------------*/

/* 2.1 Grid
------------------------------------------------------------------------------*/



/* 2.2 Typography
------------------------------------------------------------------------------*/

body {
	font-size: 81.25%;
}

html>body {
	font-size: 13px;
}

li ul, 
li ol       { margin:0; }
ul, ol      { margin: 0 1.5em 1.5em 0; }

ul, ol      { list-style-type: none; }
li			{ list-style-type: none; }
dl          { margin: 0 0 1.5em 0; }
dd          { margin-left: 0;}

fieldset {padding:0;margin:0;border:0;}



/*------------------------------------------------------------------------------
2. TYPOGRAPHY
------------------------------------------------------------------------------*/

/* 2.1 General
------------------------------------------------------------------------------*/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	
}


/* 2.2 Headings
------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6,
div#mainNavigation {

}

h1#het Martyrium.nl Administratie {
	display: none;
}

div#content h1,
h2 {
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: 0.4em;
	padding-top: 0.8em;
	
	color: #d5cec2;
}

h3 span.time {
	color: #5F5B53;
}

div#footer h1, div#footer h2, div#footer h3, div#footer h4, div#footer h5, div#footer h6 {
	color: #f2f0eb;
}


/* 2.2 Links
------------------------------------------------------------------------------*/

a {
	color: #3c496b;
	text-decoration: none;
}

a.image,
#lightbox a,
div#gmap a {
	border: 0;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	border-width: 0;
	color: #db1920;
}

a:hover {
	color: #6b7fb3;
	border-bottom-color: #9c9686;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	border-width: 0.2em;
}

a:active {
	color: #6b7fb3;
	border-bottom-color: #6b7fb3;
}

li.genreNav{
	color: #6b7fb3;
	border-bottom-color: #6b7fb3;
}


/* 2.3 Lists
------------------------------------------------------------------------------*/

/* Unordered */

ul.lineup {
	padding: 0 10px;
}

div#gmap ul {
	margin: 0;
}

div#gmap div {
	margin: 0 !important;
	padding: 0 !important;
}

/* Definition */

div.tickets dl {
	padding: 0 10px;
}

div#content dl dt {
	float: left; 
	clear: left; 
	width: 6em; 
}

div#content dl dd {
	margin: 0 0 0 7em; 
	padding: 0; 
}

/* Colophon */

dl.emailAddress,
dl.tel,
dl.kvk {
	margin-bottom: 0;
}

div#footer dl.adr dt {
	display: none;
}

dl.emailAddress dt,
dl.tel dt,
dl.kvk dt,
div#footer dl.validation dt  {
	width: 30%;
	float: left;
}

div#footer dd.postal-code,
div#footer dd.locality,
div#footer dl.validation dd {
	float: left;
}

div#footer dd.locality {
	padding-left: 0.4em;
}

div#footer dd.country-name,
div#footer dl.validation dt {
	clear: left;
}


/* 2.4 Forms
------------------------------------------------------------------------------*/

thead th {
	
	background: #ebedf1;
	color: #3c496b;
	
	}
tfoot {
	
	background: #ebedf1;
	color: #3c496b;
	font-style:normal;
	
	}

form legend {
	display: none;
}



form input[type="text"],
form input.text,
form input[type="password"],
form input.password,
form textarea,
form select {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	display: block;
	width: 336px;
	background: url("/images/inputBackground.gif") 0 0 no-repeat #fff !important;
	border: 1px solid #ccc;
	font-size: 104.3%;
	padding: 0.25em 0.5em;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
}


form input[type="file"],
form input.file {
	display: block;
	width: 200px;
}

form textarea {
	height: 10em;
	overflow: auto;
	line-height: 1.5em;
}



form input:focus,
form textarea:focus {
	border: 1px solid #333;
}

form select {
	width: 150px;
}

form select.changePrice {
	float: left;
	width: 75px;
	border: 1px solid #ccc;
	font-size: 100%;
	margin-top: -3px;
	margin-right: 3px;
}

div#amountSelect {
	margin-top: 15px;
}
div#amountText {

}

div#bookdetailsImage {
	float: left;

}
div#bookdetailsText{
	float: left;
	margin-left: 50px;
	margin-top: 25px;
	text-align: center;
	width: 300px;
}

form fieldset ol li {
	position: relative;
	margin: 0 0 1em 0;
}



form button {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 100%;
	border: 0;
	background: url("/images/buttonBackground.png") 0 0 repeat-x #333;
	padding: 0.5em 1em;
	margin: 0 0 1em 0;
	color: #ddd;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

form button[disabled="disabled"] {
	background-color: #999;
}

form button:hover {
	cursor: pointer;
	color: #fff;
	background-color: #444;
}

/* Search form */

form select.search {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	display: block;
	width: 100px;

	border: 1px solid #ccc;
	font-size: 100%;
	float: left;
	margin-right: 5px;
  margin-top: 3px;
  margin-left: 135px;
	padding: 0.2em 0.5em;
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
}


form input.swap_value{
	  margin-top: 3px;
		width: 250px;
		height: 17px;
		float: left;
		font-size: 100%;
}


div#fp_content form input.swap_value{
	  margin-top: -10px;
		width: 130px;
		height: 17px;
		float: left;
		font-size: 100%;
}

div#nlContent form input.swap_value {
	
		width: 130px;
		height: 17px;
		float: left;
		font-size: 100%;
	
}

div#nlContent {
	
	margin-top: 15px;
	margin-left: 110px;
	margin-bottom: 15px;
}

.btn-submit {
  margin-top: 2px;
  float: left;
  margin-left: 12px
}

.btn-submitfp {
  margin-top: 2px;
 	float: left;
  margin-left: 12px
}

.btn-adres {
  margin-top: 2px;
  float: left;
}

.btn-taf {
	margin-left: 75px;
  margin-top: 2px;
  float: left;
}

.btnNewsletterfp {
  margin-top: 5px;  
}

.btnNewsletter {
margin-top: 5px;

}

.btn-search {
  margin-top: 2px;
  float: left;
  margin-left: 5px
}

.ul_image {
		float: left;
	  padding: 1em 0em 0em 5em;
	
}

.fp_news_buttons {
	
width: 175px;
	
}


.ul_text {
		 padding: 7px 50px 15px 0px;
		 margin-left: 225px;
}

.formbutton{
cursor:pointer;
width: 82px;
border:none;
color: #fff;
padding-bottom: 5px;
height: 26px;
margin-top: 2px;
margin-left: 5px;
background:url(/images/btn_leegmaken.jpg) no-repeat;
}


div#s2{
	margin-right: 5px;
}
/* Form Errors */

.error {
	background:#FBE3E4;
	color:#000;
	border:1px solid #ed3b3b;
	text-align:left;
	}

	
form li.error input {
	   border-color:#ed3b3b;
     
}

form li.error textarea {
	   border-color:#ed3b3b;
     
}
form li.error span {
      color:#CC0000;
      display:block;
      margin:5px 0px 0px;
      
}

form li.error {
	
	padding: 0;
	background-color: transparent;
	border: 0px 
}

form li.error p {
	
}

/* 2.5 Other
------------------------------------------------------------------------------*/

/* Spans */

span.subHeading {
	display: block;
	font-size: 85.7%;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	margin-top: -1.75em;
	color: #81807d;
}

.smalltext{
font-size: 85.7%;
margin-left: 7px;
}
/* Abbreviations */

abbr {
	border: 0;
}

/* Selection */

::-moz-selection {
	background: #939eb9;
	color: #000;
}

::selection {
	background: #939eb9;
	color: #000;
}

.notice_fp {
background:#FFF6BF;
color:#514721;
border:1px solid #FFD324;
text-align: center;
width: 510px;
padding:.8em;
margin-bottom:1em;
}


div#bookContainer{
	margin-top: 10px;
	margin-left: 20px;
	border: none;
	height: 300px;
}

div#dvdContainer{
	margin-top: 10px;
	margin-left: 20px;
	border: none;
	height: 300px;
}

div#bookdetailsContainer{
	margin-top: 10px;
	margin-left: 45px;
	margin-bottom: 100px;
	
}

div#BookCover{
		
		background:transparent url("/images/enlarge.pn") center center no-repeat;
		height: 270px;
	
}

div#CoverImage{
		
position:relative;
display:block;

}

div#PaginationBox{
		
position:relative;


}

img.watermark {
position: absolute;
top: 4px;
left: 110px;
} 
	

div#BookText {
	margin-top: -15px;	
	text-align: center;
	
	}


	
span.title {
	color: #3c496b;
	font-weight: bold;
	}		

span.subtitle {
	color: #89a7e5;
	font-weight: bold;
	}			
	
.btnDetails{
	left: 15px;
	float: left;
	margin-top: 2px;
	margin-left: 15px;
}

.btnDownload{
	left: 15px;
	float: left;
	margin-top: 2px;
}

/* 2.7 Images
------------------------------------------------------------------------------*/

/* Jquery Cycle */
.pics {  
    height:  232px;  
    width:   500px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  500px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 


/*------------------------------------------------------------------------------
3. LAYOUT
------------------------------------------------------------------------------*/

body {
	background: #fff;
}

div#content h1, h2, h3, h4, h5, h6, .subHeading,
div.block,
div.subNavigation ul {
	padding-right: 10px;
	padding-left: 10px;
}


div#contactContainer {
	
margin-left: 50px;
	
}

div#locationContainer {
	
margin-left: 100px;
	
}


div#gmap h1, div#gmap h2, div#gmap h3 {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

div.block h2, div.block h3, div.block h4, div.block h5, div.block h6, div.block .subHeading {
	padding-right: 0px;
	padding-left: 0px;
}


/* 2.1 Header
------------------------------------------------------------------------------*/

div#header {
	background: url("/images/header.jpg") no-repeat #3c496b;
	height: 75px;
	width: 950px;
}

div#header div.container {
	height: 153px;
	position: relative;
}

div#headerNav {
	height: 50px;
	width: 105px;
 	margin-top: -10px;
 	background: url("/images/bg_cart.jpg") no-repeat;
 	padding-left: 45px;
 	padding-top: 12px;

 	margin-left: -180px;
 
 	 
}

.tagImg {
	margin-top: 50px;
	margin-bottom: -7px;
}

.tags {
	margin-left: 10px;
	margin-bottom: 40px;
}

div#containerHeader {
	background: #3c496b;	
}

/* Logo */

div#logo h1 {
	
	padding-left: 10px;
	background: url("/images/admin_header.jpg") no-repeat #fff;
	left: 100px;
}

div#logo h1 a {
	display: block;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}

h1 span {
	display: none;
}


/* Navigation */

div#mainNavigation {	padding:0.6em; margin-bottom: 10px;  }


div#mainNavigation ul li.home a,
div#mainNavigation ul li.home span { 
	 width: 100px;
   height: 28px; 
   font-size: 0px; 
   background-image: url("/images/btn_home.jpg"); 
   }
div#mainNavigation ul li.home a:hover, 
div#mainNavigation ul li.home a:active, 
div#mainNavigation ul li.home span {
	 background-position: 0px -28px; 
	 }

div#mainNavigation ul li.boeken a,
div#mainNavigation ul li.boeken span { 
	 width: 100px;
   height: 28px; 
   font-size: 0px; 
   background-image: url("/images/btn_boeken.jpg"); 
   }
   
div#mainNavigation ul li.boeken a:hover,
div#mainNavigation ul li.boeken span {
	 background-position: 0px -28px; 
	 }
	 
div#mainNavigation ul li.dvds a,
div#mainNavigation ul li.dvds span { 
	 width: 100px;
   height: 28px; 
   font-size: 0px; 
   background-image: url("/images/btn_dvds.jpg"); 
   }
   
div#mainNavigation ul li.dvds a:hover,
div#mainNavigation ul li.dvds span {
	 background-position: 0px -28px; 
	 }

div#mainNavigation ul li.merchandise a,
div#mainNavigation ul li.merchandise span { 
	 width: 100px;
   height: 28px; 
   font-size: 0px; 
   background-image: url("/images/btn_divers.jpg"); 
   }
   
div#mainNavigation ul li.merchandise a:hover,
div#mainNavigation ul li.merchandise span {
	 background-position: 0px -28px; 
	 }

	 
	  
#mainNavigation ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
      
}

#mainNavigation ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   width: 100px;
   height: 28px;
}


#mainNavigation ul li a {
   display:block;
   margin:0 0 0 1px;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#mainNavigation ul li a:hover {
   
   color:#fff;
}
#mainNavigation ul li a.active,
#mainNavigation ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}


/* Sub navigation */

div#fp_content {
 padding:1em;	
 margin-bottom: 10px;
 
}


div#GenreNavigation {
 padding:1em;	
 margin-bottom: 10px;
 line-height: 180%
 
}
div#subNavigation {

	padding-left:1.3em;
}

div#nav {

	text-align: center;
	
}

div#subNavigation2 {

	padding:1.3em;
}

div#subnavHeader {

	background: #fff;
	color: #3c496b;
	font-weight: bold;
	margin-left: -10px;
	padding-left: 10px;
}




div#horline {
background: transparent url("/images/hor_line_small.jpg") 0 0 repeat-x;
height: 25px;
padding-top:6px;
padding-left: 15px;

}
div#ideal {
float: right;
margin-right:55px;

}

div#footerMarty {
margin-left: 25px;
float: left;
}
div#footerVoorwaarden {
margin-left: 15px;
float: left;
}
div#footerVragen {
margin-left: 15px;
float: left;
}

div#bookCart {
margin-left: 50px;
}


div#genreHeader {
background: #ebedf1;
border:  1px solid #dbdee4;  
height: 26px;
padding-top: 5px;
text-align: center;
margin-right: 9px;
margin-bottom: 10px
}

div#genreHeader span.orderby {
float: right;

margin-right: 33px;
}


div#genreHeader span.genreText {
	color:#535f7d;
	margin-left: 19px;
	float: left;
	font-weight: bold;
	
	}	

div#PaginationContainer {
background: #ebedf1;
border:  1px solid #dbdee4;  
height: 25px;
width: 753px;
padding-top:6px;
padding-left: 15px;
margin:0px auto;
}

div#Pagination {
  margin-left: 38%;
  margin-top: -2px;
}

div#PaginationBox {
		
width: 15px;
text-align: center;
border: 1px solid #939eb9;
float: left;
margin-right: 3px;
margin-left: 3px;


}

div#PaginationBoxText{
		
text-align: center;
float: left;
margin-right: 5px;
margin-left: 5px;


}

div#PaginationBoxSelected{
		
width: 15px;
text-align: center;
border: 1px solid #939eb9;
background: #939eb9;
float: left;
margin-right: 3px;
margin-left: 3px;


}

	
	
/* 2.2 Content
------------------------------------------------------------------------------*/

div#content {
padding-left: 12px;
}

div#contentHeader {

	color: #3c496b;
	font-weight: bold;
	margin-left: -10px;
	padding-left: 10px;
}

div.item,
div#footer div.subNavigation {
	padding-top: 2.5em;
}

/* Store */

/* Frontpage */

/* Contact */

/* Cart */

/* Images */

div#button img {
	
	margin-bottom: 1.5em;
}

div#content img {
	/*border: 1px solid #dcded8;*/
	
}



/* 2.3 Footer
------------------------------------------------------------------------------*/

div#footer {
	font-size: 85.7%;
	padding: 3em 0;
}



/*------------------------------------------------------------------------------
4. HACKS
------------------------------------------------------------------------------*/



div.calendar span.month,
div.calendar span.day {
	text-align: center;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

div.calendar span.month {
	font-size: 85.7%;
	line-height: 1.75em;
	background: #79161a;
}

div.calendar span.day {
	font-size: 1.5em;
	letter-spacing: -0.1em;
	line-height: 1; 
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: #f2f0eb;
	color: #111;
}

div#party div.flyer {
	padding-top: 2.5em;
	background: transparent url("/images/chalklineRed.jpg") 0 0 repeat-x;
	color: #d5cec2;
}

div#party dl.vcard {
	display: none;
}