/**
 * Stylesheet for <damnation>
 * @author	karen <karen@codedor.be>
 * @media	screen, projection
 */

 
* { margin: 0;}
html, body { height: 100%; }

/* text */
p{  font-size:0.85em; margin: 0 0 15px 0; /*line-height: 1.5;*/ }
strong{font-weight: bold;}
em { font-style: italic;}

/* blockquote */
blockquote{  font-size: 1.4em; font-style: italic;font-family: Arial, Verdana; margin: 5px 0 15px 0; line-height: 1.5;}

/* images */
img{ border: none;}


/* Clearfix */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#main a{color: black;}
#main a img {border: none;}
.grey, #main a.grey{ color: #A9A397;}

#main h1 { font-size: 3.5em;  font-family: "Times New Roman"; margin: 0 0 30px 0; padding:0; line-height: 27pt; padding: 5px 10px 10px 0; display: block; float: left; background: white;}

h2{ font-size: 1.9em; line-height: 0.6em; color: #A9A397}



/**
 * = GLOBAL
 * ----------------------------------------------------------
 */
 
 
/* headings */
#topheading{ background: url('../img/dot_black.jpg') repeat-x 0 61px; display: block; margin-right: 25px; height: 75px ;}
#breadcrumb{ font-size: 0.75em; float: right; text-align: right; display: block; width: 500px; margin: 7px 25px 0 0; color: #aba398; text-transform: lowercase; }
#breadcrumb a{ color: #aba398; text-decoration: none; }
#breadcrumb a:hover{ text-decoration: underline; }

#cats{ font-size: 0.65em; display: block; float: left; margin-top: 25px; font-family: Arial, Verdana; }
#cats a{ color: #000; text-decoration: none; text-transform: uppercase; }
#cats a.selected{ color: #aba398;}
#cats span.selected a{ color: #aba398;}

/* general structure */
#container { width: 900px; margin: 0 auto; } 
#wrap_content { width: 900px; margin-top: 60px;  } 
#content { width: 660px; display: block; float:left; } 
#main{ background: white; padding: 0 0 20px 25px; margin: 0 0 20px; width: 635px;}
#sidebar{  width: 205px; display: block; float:left; margin-left: 34px; padding: 4px 0 0 0;} 


/* pagination */
.pagination{ font-size: 0.75em; float: left; display: block; width: 635px;  color: white;}
.pagination .numb{display: block; float: right; margin: 0;  color: black;}

.pagination .disabled{ float: left; display: none;}
.pagination .prev {margin: 0 10px 0 0; float: left; display: block; /* width: 50px; margin:0 10px 0 0;*/}
.pagination .next { margin: 0 20px 0 10px; float: left; float: left; display: block; /* width: 60px;  margin: 0 0 0 10px; */}
.pagination .numbers {  float: left;}
.current { color: #fff; }

#container .pagination .archive{ display: block; color: black; margin: 10px 25px 30px 0;  background: url(../img/dot_darkgrey.jpg) repeat-x  0 bottom; height: 35px;}


/* header */
#header h1 a{ background:transparent url('../img/logo_damnation.png') no-repeat; text-indent: -9999px;
display:block; overflow:hidden; width:615px; height:114px; margin: 0 0 0 25px}
#print_logo{ display: none; }

#navig{ font-size: 1.2em; height: 31px; margin: 25px 0 20px 0; display: block; background: url('../img/bg_navig.gif') repeat-x; font-family: "Times New Roman", "Times", "Georgia", Arial;  padding: 6px 0 0 0;}

#navig ul{ margin: 0 0 0 25px;}
#navig ul li{ float: left; margin: 0 20px 0 0;}
#navig ul li a{ color: black; text-decoration: none}
#navig ul li.selected a{ color: white;}




/* footer */
#footer{ font-size: 0.75em; width: 900px; display: block; clear: both;  padding: 0 0 15px 25px}
#footer a{color:  black;} 


/* GENERAL */

.photo_credit { font-size: 0.95em; font-family: "Times New Roman", serif;  color: #A9A397; font-style: italic; }
.downscript{ font-size: 0.80em;  color: #a9a397; line-height: 1.1em; margin: 8px 0 10px 0 ; text-transform: uppercase;} 
#main .downscript a{  color: #000; line-height: 1.1em; margin: 8px 0 10px 0 ; text-transform: uppercase;} 

.date { font-style: italic; margin:  0 0 15px 0; font-size: 0.85em; }
.details { color:#A9A397; font-style:italic; line-height:1.1em; }
.lnk { margin: 0 0 14px 0}
.lnk a{ color:  black; font-size: 0.90em; text-decoration: none; font-style: italic;}
.lnk a:hover{ text-decoration: underline;}

#content .video{ display: block; float: left; padding: 0 0 15px 0} 


/* right */ 
.metalinks{  font-size: 0.68em; display: block; padding: 10px 0 0 5px; margin: 0 0 24px; height: 23px ; float: left; }
.metalinks a{ color: black; text-transform: uppercase; text-decoration: none; }
.metalinks a.selected{ color: white; }
.metalinks span.selected a{ color: white;}


.srchlinks { font-size: 0.73em; margin: 5px 0 5px 0;  background: url(../img/dot_black.jpg) repeat-x 0 bottom; display: block; height: 30px; padding: 0 0 3px 5px; }
.search { margin: 0 0 4px 0; display: block; float: left; height: 62px; background: url(../img/dot_black.jpg) repeat-x 0 bottom;}
.search a { color: black; text-transform: uppercase; text-decoration: none}

.subscribe{ font-size: 1.2em; background: url(../img/dot_black.jpg) repeat-x 0 bottom; height: 27px; padding: 0 0 0 5px; font-family: "Times New Roman", serif;  margin: 0 0 12px 0; display: block; float: left; width: 200px}
.subscribe a{ color: white; text-decoration: none; }


.adv1{ width: 204px; display: block; float: left; height: 135px; margin: 0; }
.adv2{ width: 204px; display: block; float: left; height: 475px; margin: 0 0 12px 0; }
.adv3{ width: 204px; display: block; float: left; height: 107px; margin: 0 0 12px 0;}
.adv4{ width: 204px; display: block; float: left; height: 136px; margin: 0 0 12px 0; }

.adv2 img{ }


/**
 * = PAGES
 * ----------------------------------------------------------
 */
 

/* home */ 
#page_damnpages_home, #page_damnpages_meta{ background: #a9a397;}
#page_damnpages_home h1, #page_damnpages_meta h1{ color: #a9a397;  }
#page_damnpages_home #main h1, #page_damnpages_meta #main h1{ margin: 0 0 0 0}

.slideshw{ padding: 0 0 10px 0; background: url('../img/dot_grey.jpg') repeat-x 0 bottom; margin: 0 25px 0 0 }
.slideshw .nav{ font-size: 0.65em; display: block; float: right; color: #a9a397;  padding: 0; font-family: Arial, verdana, sans-serif; }
.slideshw .nav a{color: #a9a397; text-decoration: none; }
.slideshw .nav a.selected{color: #fff; }
.slideshw .pics{ float: left; display: block; width: 610px; height: 400px;}


#spotlight { margin: 10px 0 0 0; }
#spotlight .block { float: left; display: block; width: 200px; margin-right: 7px; }
#spotlight .block div.pic { padding: 0;}
#spotlight .block .right{  margin:0}
#spotlight .title { color: #a9a397;  margin: 15px 0 0 0;}
#spotlight .synopsis {  }
#spotlight .synopsis p{ line-height: 1.1em}
#spotlight .opening {  }
#spotlight .opening .details { font-style: italic;  line-height: 1.1em; color: #A9A397;}
#spotlight .description {  color: #000; margin: 15px 0 0; font-family: Arial, Verdana, sans-serif; }

#spotlight .photo_credit{ margin: 14px 0 0 0; }



/* news */
#page_newsitems_index{ background: #a3b8ca;}
#page_newsitems_index h1{ color: #a3b8ca}

#page_newsitems_view{ background: #a3b8ca;}
#page_newsitems_view h1{ color: #a3b8ca}

#news{ clear: both; }

#news .left .pic_big{ float: left; padding: 0; margin: 0;}
#news .left .pic_info{ float: right;}

#news .right .pic_big{ float: right;  padding: 0; margin: 0;}
#news .right .pic_info{ float: left;}

#news .block{ background: url(../img/dot_darkgrey.jpg) repeat-x 0 bottom; padding-bottom: 10px ; margin: 0 25px 10px 0;}

#news .pic_big { display: block; width: 345px; margin: 0; padding: 0; }
#news .pic_info { display: block; width: 255px; margin: 0; padding: 0; }


#news .block .info { margin: 10px 0 20px 0; padding: 0 15px 0 0;}
#news .info div { padding: 0 0 0 7px; }
#news .info h2 {padding: 0 0 0 7px; }


#news .read_more{ margin: 15px 0 0 0}
#news .read_more a{ color: #A9A397; text-decoration: underline;}
#news .read_more a:hover{  text-decoration: none;}

 
 
 
/* magazine */
#page_magazines_current_issue, #page_magazines_back_issues, #page_magazines_subscription, #page_magazines_back_issue{ background: #ab9966 ;}
#page_magazines_current_issue h1, #page_magazines_back_issues h1, #page_magazines_subscription h1, #page_magazines_back_issue h1{ color: #ab9966} 

#backissues{ clear: both; }

#backissues .left .pic_big{ float: left; padding: 0; margin: 0;}
#backissues .left .pic_info{ float: right;}
#backissues .right .pic_big{ float: right;}
#backissues .right .pic_info{ float: left;}
#backissues .block{ background: url(../img/dot_darkgrey.jpg) repeat-x 0 bottom; padding-bottom: 10px ; margin: 0 25px 10px 0;}

#backissues .pic_big { display: block; width: 345px; }
#backissues .pic_info { display: block; width: 255px; }

#backissues .block .info { margin: 10px 0 20px 0; padding: 0 5px 0 10px;}
#backissues .block .title { color: #93928d; padding: 0; margin: 0 0 10px 0; }


#backissues p.txt_italic{ font-style: italic;}

#backissues a.order{ background: #ab9966; color: white; padding: 10px; text-decoration: none; font-size: 11px; margin: 5px 0 0 0; float: left; display: block;}



#backissues .issue{ float: left; display: block; height: 210px; width: 131px; margin: 0 27px 20px 0;}
#backissues .issue a{ color: #ABA398; font-size: 11px; }
#backissues .issue_extra { margin: 0 0 0 3px}

#backissues .read_more{ display:block; height: 12px; margin: 0 0 2px 0; padding: 0; } 
#backissues .read_more a{ text-decoration: none;}
#backissues .read_more a:hover{ text-decoration: underline;}

.add_cart { display:block; font-size: 11px; } 
.add_cart a{ text-decoration: none;}
.add_cart a:hover{ text-decoration: underline;}
 
#subscription { padding: 23px 0 0 0; margin: 5px 25px 0 0; } 
#subscription p{ margin: 0 0 0 3px; padding: 0 25px 0 0;}
 
.separator{ border-top: 1px solid black; margin: 50px 0 40px 0} 
 
 
/* events */ 
#page_events_index, #page_events_view{ background: #e1d699 ;}
#page_events_index h1, #page_events_view h1{ color: #e1d699}

#events { padding:28px 0 0 0; } 

#events div { padding: 0 5px;}
#events div div { padding:  0;}
#events div.pagination { padding: 0;}

#events .pic{ display: block; width: 345px; margin: 0; padding: 0;}
#events .left .pic{ float: left; }
#events .right .pic{ float: right; }

#events .event_info{ float: left; display: block; width: 240px; padding: 0;}

#events .left .event_info{ margin: 0 0 0 25px; }
#events .right .event_info{ margin: 0 25px 0 0; }


#events .block { float: left; display: block; margin-right: 7px; background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 bottom; padding: 8px 0 8px 0}
#events .synopsis { color: #a9a397; line-height: 1.1em; margin: 5px 0 0 ; font-size: 0.80em; }
#events .opening { margin: 5px 0 0 0; }

#events .description { color: #000; margin: 15px 0 0; font-family: Arial, Verdana, sans-serif; }



#events .read_more{ margin: 15px 0 0 0}
#events .read_more a{ color: #A9A397; text-decoration: underline;}
#events .read_more a:hover{  text-decoration: none;}



/* events detail */
#events .extra_info{ display: block; float: left; margin: 10px 0 0 0; margin-right: 7px; background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 bottom; padding: 8px 0 8px 0; width: 610px}
#events .extra_info .title{ margin: 3px 0 10px 0;}
#events .thumbs img{ margin: 5px 12px 10px 0; width:70px ; height: 70px;}

#events .files { }
#events .files img{ margin: 0 16px 0 0; float:left;}
#events .files a img{border: none;}

/*
#events .files_hover{ display: block; position: relative; }
#events .files_hover div{ background: #e1d699; width: 140px; height: 100px; color: white; display: none; z-index: 1000; position: absolute; top: 10px; left:40px ; }
#events .files_hover:hover div{ display: block; z-index: 1000; border: none;}
*/
 
/* agenda */ 
#page_agendas_index{ background: #ae8b58 ;}
#page_agendas_index h1{ color: #ae8b58}

#page_agendas_view{ background: #ae8b58 ;}
#page_agendas_view h1{ color: #ae8b58}


#agenda { padding:28px 0 0 0; } 
#agenda .pic{ display: block; width: 345px; margin: 0; padding: 0;  }
#agenda .left .pic{ float: left; }
#agenda .right .pic{ float: right; }

#agenda .agenda_info{ float: left; display: block; width: 240px; }

#agenda .left .agenda_info{ margin: 0; padding: 0 0 0 25px}
#agenda .right .agenda_info{ margin: 0; padding: 0 25px 0 0}

#agenda .block { float: left; display: block; margin: 0 7px 8px 0; background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 bottom; padding: 8px 0 8px 0}
#agenda .title { color: #a9a397; padding: 0 5px; margin: 15px 0 0 0;}
#agenda .synopsis { color: #a9a397; padding: 0 5px; line-height: 1.1em; margin: 5px 0 0 ; text-transform: uppercase; }
#agenda .opening { margin: 5px 0 0 0; padding: 0 5px 0 0;}
#agenda .description { color: #000; margin: 15px 0 0; font-family: Arial, Verdana, sans-serif;}

#agenda .extra{ font-style: italic; font-size: 10px; margin: 5px 0 0 0}
#agenda .photo_credit{ padding: 10px 0 0 0; }


/* services */ 
#services{ clear: both; padding: 0 25px 0 0;}
#page_damnpages_services{ background: #cdb133 ;}
#page_damnpages_services h1{ color: #cdb133}

#services .block{ width: 245px; float: left}
#services .block p a{ color:#A9A397 } 
#services .adv{float: left; display: block; margin: 0 0 0 18px; }


#services .list{ background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 20px; width: 600px;} 
 
/* postbox */ 
#postbox{ clear: both; padding: 0 25px 0 0;}
#page_damnpages_postbox{ background: #a49ca2 ;}
#page_damnpages_postbox h1{ color: #a49ca2}



/* house */ 
#house{ clear: both; padding: 0 25px 0 0;}
#page_damnpages_house{ background: #78afb3 ;}
#page_damnpages_house h1{ color: #78afb3}
 
 
/*page_damnpages_meta */

#page_damnpages_meta #services{ padding: 25px 0 0 0; }
#page_damnpages_meta #services h2{ margin-bottom: 20px; }
 
 
/* about us */
#aboutus{ clear: both; padding: 0 25px 0 0;}
#page_damnpages_aboutus{ background: #a9a397;}
#page_damnpages_aboutus h1{ color: #a9a397}

#aboutus h2{ margin-bottom: 20px;}
 
/* disclaimer */
#page_damnpages_disclaimer{ background: #a9a397 ;}
#page_damnpages_disclaimer h1{ color: #a9a397}

/* search */
#page_damnpages_search{ background: #a9a397 ;}
#page_damnpages_search h1{ color: #a9a397}

 
 
/* contact */
#page_damnpages__contact{ background: #a9a397 ;}
#page_damnpages__contact h1{ color: #a9a397}

#contact{ clear: both; padding: 0 25px 0 0;}

#contact .downscript{ color:#A9A397; font-size:0.8em; line-height:1.1em; margin:5px 0 10px 0; padding:0; text-transform: uppercase; } 
#contact .block{ width: 250px; float: left; margin-right: 13px}
 
 
/* jobs */
#page_jobs_index{ background: #a9a397 ;}
#page_jobs_index h1{ color: #a9a397}

#jobs{ clear: both; padding: 0 25px 0 0;  }
#jobs h2{ margin-bottom: 20px;}
#jobs .block_grey{ background: #efeeec; padding: 20px 30px 20px 25px; margin:0 0 15px 0}

#jobs .logo{ margin:  0 0 20px 0}

/* links */
#page_links_index{ background: #a9a397 ;}
#page_links_index h1{ color: #a9a397} 

#links{ clear: both; padding: 0 25px 0 0;}
#links h2{ margin-bottom: 20px; }

#links .block_grey{ background: #efeeec; padding: 20px 30px 20px 25px; margin:0 0 15px 0}
#links .lnk{ display:block; float: right; }

 
 
/* Search */
#page_damnpages__search{ background: #a9a397 ;}
#page_damnpages__search h1{ color: #a9a397}

#search{ clear: both; padding: 0 25px 0 0;} 
#search h2{ margin-bottom: 20px;}

#search .block_grey{ background: #efeeec; padding: 20px 30px 20px 25px; margin:0 0 15px 0}

#search .block_grey .result .lnk{ font-size: 13px; margin: 0; padding: 0; line-height: 0.7em; }
#search .block_grey .result .lnk a { text-decoration: underline;}
#search .block_grey .result .lnk a:hover { text-decoration: none;}


#search .block_grey .result .path{ display: block; width: 500px; margin: 7px 25px 0 0; color: #aba398; font-size: 0.75em; text-transform: lowercase; }
#search .block_grey .result .path a{color: #ABA398; }

#search .block_grey .result .highlight{ background: #cfccc5; padding: 0 0px 0 0px; }
#search .block_grey .result .highlight a{ text-decoration: underline; }

p.search_info{ font-size: 0.7em; }

/* shopping cart */

.shopping{ background: white; margin: 10px 0 15px 0; padding: 10px 10px 25px 10px}
.shopping .title{ background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 bottom; margin: 5px 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; font-size: 12px; }
.shopping .title img.icon{ vertical-align: bottom; margin: 0 3px 0 0}
.shopping .arts{ font-size: 11px; }
.shopping .arts a{ color: black;}
.shopping .art {margin: 0 0 3px 0 ; }
.shopping .checkout{ background:transparent url(../img/dot_darkgrey.jpg) repeat-x  0 top; padding: 10px 0 10px 0; margin: 10px 0 0 0}
.shopping .checkout a{ background: black; color: white; padding: 5px; text-decoration: none; font-size: 12px; margin: 0 0 0; display: block; float: left; }



/* shopping cart */
#page_damnpages_checkout{ background: #a9a397 ;}
#page_damnpages_checkout h1{ color: #a9a397; margin: 0 0 20px 0}

#basket{ clear: both; padding: 0 25px 0 0;} 
#basket h2{ margin-bottom: 20px;}




/* order */
#page_orders_index{ background: #a9a397 ;}
#page_orders_index h1{ color: #a9a397}

#page_orders_region{ background: #a9a397 ;}
#page_orders_region h1{ color: #a9a397}

#page_orders_cart{ background: #a9a397 ;}
#page_orders_cart h1{ color: #a9a397}

#page_orders_checkout{ background: #a9a397 ;}
#page_orders_checkout h1{ color: #a9a397}

#page_orders_checkout_confirm{ background: #a9a397 ;}
#page_orders_checkout_confirm h1{ color: #a9a397}



/* queries & debug */
.cake-sql-log {	display: block;	position: absolute;	color: #FFFFFF;	margin-top: 4500px;}
.cake-debug {	color: #FFFFFF;}
pre {	color: #FFFFFF;}