/*
Theme Name: MEC
Theme URI: http://mec.org/
Description: Made for Mens en Cultuur
Version: 1
Author: Yannick De Smet
Author URI: http://www.norke.be/
*/




/* °RESET
************************************************/
html, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label,legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;}
body {font: 9pt/1.5em Arial, Helvetica, sans-serif;}
pre, code, tt {font: 9pt/1.5em Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, b, strong {font-weight: bold;}
em, i, dfn {font-style: italic;}
dfn {font-weight:bold;}
p, code, pre, kbd {margin:0 0 1.5em 0;}
blockquote {margin:0 1.5em 1.5em 1.5em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold; float: left; clear: left; margin: 0 1em 0 0; color: #fcdab2;}
dl dd {padding:0; float: left; margin: 0; clear: right;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th, td, caption {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom: 1px dotted;}
address {margin:0 0 1.5em;font-style:italic;}
del {text-decoration: line-through;}
pre {margin:1.5em 0;white-space:pre;}
img {border:0;}
img.centered, .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignright {display: inline;}
img.alignleft {display: inline;}
.alignright {float: right;margin-left: 10px;}
.alignleft {float: left;margin-right: 10px;}
.clearfix::after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
*:first-child+html .clearfix {zoom: 1;display: block;}
* html .clearfix {zoom: 1;display: block;}
legend, .accessibility, p.top { display: none;}
fieldset {border:0;}
.clear { clear: both;}
a:active, a:focus {border: 0; outline: 0;}
a.post-edit-link {background-color: #000; color: #ffffff; padding: 3px 5px;}
a:hover.post-edit-link {background-color: #633a1b; color: #ffffff; padding: 3px 5px;}




/* °LAYOUT
************************************************/
body {
	background: #100a04 url("images/background6.jpg") repeat right top;
	margin: 0; padding: 0;
}
#site {
	width: 1000px;
	}
#header {
	width: 240px;
	float: left;
	height: 500px;
}



	#header h1 {
		display: none;
	}
	#header #navigation {
		width: 210px;
		text-align: right;
		margin: 24px 0 0 0;
		}
		#header #navigation li {
			list-style-type: none;
			}
			#header #navigation li a {
				padding: 0 8px 0 0;
				height: 24px;
				display: block;
				color: #dbaf7c;
				text-decoration: none;
				font: 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				letter-spacing: .4px;
			}
			#header #navigation li a:hover {
				cursor: pointer;
				background: #000000;
				color: #dbaf7c;
			}
			#header #search .search-text {
				margin: 0 0 0 30px;
			}
			#header #address p {
				font: 8pt/1.5em Arial, Helvetica, sans-serif;
				color: #dbaf7c;
				text-align: right;
				font-style: italic;
				margin: 60px 38px 0 0;
			}
			#header #address p b {
				font-weight:bold;
				margin: 0 0 0 1em;
				color: #fcdab2;
			}


#search .search-text {
	background: transparent url("images/search.png") no-repeat left top;
	border: none;
	width: 172px;
	margin: 0;
	padding: 7px 0 7px 8px;
	color: #b28a5e;
	font-size: 11px;
	height: 26px;
}




/* °CONTENT
************************************************/
#content {
	margin: 63px 0 0 0;
	width: 750px;
	color: #dbaf7c;
	float: right;
	display: inline;
	position: relative;
}


	#portfolio ul {
		position: absolute;
		top: 1px;
		left: 1px;
		}
		#portfolio ul li {
			margin: 0;
			padding: 0;
			position: absolute;
			}
			#portfolio ul li a span {
				position: absolute;
				cursor: pointer;	
			}




/* °INDEX BOEKEN
************************************************/
.covers-small {
	margin: 0 0 0 23px;
	height:173px;
	float: left;
}
.covers-small .books {
	list-style-type: none;
	}
	.covers-small .books li {
		float: left;
		width: 110px;
		height:163px;
		margin: 0 15px 15px 0;
		padding: 1px 0 0 0;
		position: relative;
		}
		.covers-small .books li span {
			background: transparent url("images/cover_small.png") no-repeat scroll 0 0;
			display: block;
			height: 163px;
			position: absolute;
			top: 0;
			width: 172px;
		}
		.covers-small .books li.nogniet span {
			background: transparent url("images/cover_small_nogniet.png") no-repeat scroll 0 0;
		}


.covers-list .books {
	list-style-type: none;
	}
	.covers-list .books li {
		float: left;
		width: 110px;
		height:163px;
		margin: 0 20px 0 0;
		padding: 1px 0 0 0;
		position: relative;
		}
		.covers-small .books li span {
			background: transparent url("images/cover_small.png") no-repeat scroll 0 0;
			display: block;
			height: 163px;
			position: absolute;
			top: 0;
			width: 172px;
		}



#images {
	width: 345px;
	float: left;
	}
	#images #cover {
		padding: 1px 0 0 0;
		margin: 0;
		position: relative;
		}
		#images #cover span {
			background: transparent url("images/cover_big.png") no-repeat scroll 0 0;
			display: block;
			position: absolute;
			top: 0;
			width: 100%;
			height: 99%;
			margin: 0;
			padding: 0;
			z-index: 20;
		}
		#images #cover img {
			z-index: 10;
		}
	 #images #cover {
		list-style-type: none;
		margin: 0;
	 }
	 #images h2 {
			background: transparent url("images/cover_big.png") no-repeat scroll 0 bottom;
			display: block;
			width: 345px;
			height: 7px;
			margin: 0;
			padding: 0;
			position: relative;
			top: -6px;
			z-index: 0;
		}
	 	#images h2 i {
			display: none;
		}
	 #images h3 {
		 margin: 10px 0 0 0;
		}
	#images #sheets {
		list-style-type: none;
		margin: 0;
		width: 120px;
		float: left;
		margin: 15px 0 0 0;
		}
		#images #sheets li {
			float: left;
			width: 110px;
			height:163px;
			position: relative;
			padding: 1px 0 0 0;
			margin: 5px 5px 0 0;
			}
			#images #sheets li span {
				background:  transparent url("images/cover_small.png") no-repeat scroll 0 0;
				display: block;
				height: 164px;
				position: absolute;
				top: 0;
				width: 110px;
			}
			#images #sheets li a p {
				text-align: right;
				margin: 0 5px 0 0;
			}
			#images #thumbedmoreinfo {
			list-style-type: none;
			margin: 12px 9px 0 120px;
			}
		#images #moreinfo {
			list-style-type: none;
			margin: 12px 9px 0 0;
			}
			#images #moreinfo li b,
			#images #thumbedmoreinfo li b {
				font-weight:bold;
				margin: 0 1em 0 0;
				color: #fcdab2;
				}
				#images #moreinfo li b a,
				#images #thumbedmoreinfo li b a {
					color: #fcdab2;
				}
				#images #moreinfo .extra,
				#images #thumbedmoreinfo .extra{
					margin: 20px 0 0 0;
					border-top: solid 1px #86653f;
				}
				#images #moreinfo h3,
				#images #thumbedmoreinfo h3 {
					color: #FCDAB2;
					font: 17px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
					margin: 15px 0 5px 0;
					border-bottom: solid 1px #86653f;
				}
#return {
	text-align: left;
}
ul#technical {
	width: 390px;
	float: left;
	list-style-type: none;
	margin: 0 0 0 5px;
	}
	ul#technical li {
		margin: 0;
		list-style-type: none;
		}
		ul#technical li.contributors {
			padding: 0;
			}
			ul#technical li.contributors b {
				font-weight:bold;
				margin: 0 1em 0 0;
				color: #fcdab2;
			}
		ul#technical li.contributors dl {
			padding: 0 0 30px 0;
		}
		ul#technical li.bookcontent {
			margin: 20px 0;
		}


#pagenavigation a {
	color: #452c0d;
	background-color:  #DBAF7C;
	padding: 2px 5px;
}


ul.thematisch {
	margin: 0 0 25px;
	}
	ul.thematisch li {
		margin: 0 0 0 15px;
		line-height: 25px;
		}
		ul.thematisch a:hover {
			color: #dbaf7c;
			 text-decoration: underline;
		}

.page-id-918 #content p a {
	margin: 0 15px 0 0;
	line-height: 28px;
}


ul#tags {
	display: inline;
}
	ul#tags li {
		margin: 0 0 0 25px;
		line-height: 25px;
		display: inline;
		}
/*
.tagsize-1 { font-size: 12px; color: #e2ab82; }
.tagsize-2 { font-size: 14px; color: #e2ab82; }
.tagsize-3 { font-size: 16px; color: #e5b490; }
.tagsize-4 { font-size: 18px; color: #eac1a2; }
.tagsize-5 { font-size: 20px; color: #eeceb6; }
.tagsize-6 { font-size: 22px; color: #f3dccb; }
.tagsize-7 { font-size: 24px; color: #f8e9df; }
.tagsize-8 { font-size: 26px; color: #fcf6f1; }
.tagsize-9 { font-size: 28px; color: #fdfaf7; }
*/



.wpcf7-response-output, .edit_post_link {
	height: 100px;
}



.isbn span {
	margin: 0 0 0 25px;
}

h2 {
	color: #FCDAB2;
	font: 18px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	}
	h2 a {
		color: #dbaf7c;
		text-decoration: none;
	}

h3 {
	color: #FCDAB2;
	font: 17px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 0;
	}
	h3 a {
		color: #dbaf7c;
		text-decoration: none;
	}
h4 {
	color: #FCDAB2;
	margin: 0;
	font: 14px/45px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	.home h4 {
		color: #FCDAB2;
		margin: 0;
		font: 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}

	h4 a {
		color: #dbaf7c;
	}


a {
		color: #dbaf7c;
		text-decoration: none;
	}

hr {
	color: #86653f;
	background-color: #86653f;
	height: 1px;
	border: 0;
	clear: both;
}

#technical hr {
	margin: 0 0 20px 0;
}
ul.minititle {
	margin: 0 0 25px 0;
	}
	ul.minititle li,
	ul.isbn li {
		margin: 0 0 0 15px;
		line-height: 25px;
		}
		ul.minititle li a:hover,
		ul.isbn li  a:hover {
			color: #dbaf7c;
			 text-decoration: underline;
		}

.minititle {
	margin: 0 0 25px 0;
	/*border-bottom: 1px solid #dbaf7c;*/
	}
	ul.minititle li,
	ul.isbn li {
		margin: 0 0 0 15px;
		line-height: 25px;
		}
		minititle a:hover,
		.isbn li  a:hover {
			color: #dbaf7c;
			 text-decoration: underline;
		}
		.minititle a.active {
			text-decoration: underline;
		}


/* Search */
.searchcontent {
	min-height: 360px;
	}
	.searchcontent p em {
		text-transform: capitalize;
	}


/* Nieuwe uitgaven */

.covers-small {
	margin: 0 0 10px 0;
	}
	.bookexcerpt {
		list-style-type: none;
		margin: 0;
		margin: 5px 0 0 0;
		}
		.bookexcerpt .coverimage {
			float: left;
			width: 110px;
			height:163px;
			position: relative;
			padding: 1px 0 0 0;
			margin: 5px 5px 0 0;
			}
			.bookexcerpt .coverimage a {
				cursor: pointer;
			}
			.bookexcerpt li .coverimage span {
				background:  transparent url("images/cover_small.png") no-repeat scroll 0 0;
				display: block;
				height: 164px;
				position: absolute;
				top: 0;
				width: 110px;
			}
			.bookexcerpt li.nogniet .coverimage span {
				background:  transparent url("images/cover_small_nogniet.png") no-repeat scroll 0 0;
			}
		.bookexcerpt .bookinfo {
			float: left;
			width: 630px;
			margin: 0;
		}
		.bookexcerpt .bookinfo h3  {
			margin: 0;
		}
		/*.bookexcerpt .bookinfo h3 em {
			font: 9pt/1.5em Arial, Helvetica, sans-serif;
			color: #dbaf7c;
		}*/
		.bookexcerpt .bookinfo a {
			color: #FCDAB2;
			text-decoration: underline;
		}
		.bookexcerpt .bookinfo p {
			margin: 15px 0 0 0;
		}
		.bookexcerpt .bookinfo ul {
			list-style-type: none;
			margin: 0;
			}
			.bookexcerpt .bookinfo ul li {
				margin: 0;
				list-style-type: none;
				}
				.bookexcerpt .bookinfo ul li.contributors {
					padding: 0 0 10px 0;
					}
					.bookexcerpt .bookinfo ul li.contributors b {
						font-weight:bold;
						margin: 0 1em 0 0;
						color: #fcdab2;
					}
					.bookexcerpt .bookinfo ul li.contributors a {
						color: #dbaf7c;
						text-decoration: none;
					}


.orderbtn {
	margin: 12px 0;
}



/* Links */
ul.links {
	list-style-type: none;
	margin: 5px 0 30px 0;
	}
	ul.links li {
		padding: 3px 0 10px;
		text-decoration: none;
		}
		ul.links li a {
			background: transparent url("images/links.gif") no-repeat scroll 0 5px;
			display: block;
			font-weight: bold;
			text-decoration: none;
			padding: 0 0 0 10px;
			}
			ul.links li a:hover {
				color: #edd6bc;
			}
			.links span {
				display: block;
				font-weight: normal;
				padding: 0 0 0 10px;
			}





/* Recensie
*******************************************************************************************/
ul#technical li.recensie {
	position: relative;
	margin: 0 0 15px 0;
	}
	ul#technical li.recensie h3 {
		background: transparent url("images/bubble.png") no-repeat left top;
		height: 16px;
		}
		ul#technical li.recensie h3 em {
			display: none;
		}
	ul#technical li.recensie .recensiebody {
		background: transparent url("images/bubble.png") repeat-y -399px top;
		margin: 0;
		padding: 0;
		}
		ul#technical li.recensie .recensiebody p {
			padding: 0 10px 10px 10px;
			margin: 0;
			color: #333;
		}
	ul#technical li.recensie h4 {
		background: transparent url("images/bubble.png") no-repeat -798px top;
		height: 16px;
		}
		ul#technical li.recensie h4 em {
			display: none;
		}
	ul#technical li.recensie p.auteur {
		margin: 0 0 0 10px;
		color: #ac8056;
		font-style: italic;
		}
	ul#technical li.recensie p.auteur em {
		color: #dbaf7c;
		padding: 0 10px 0 0;
		font-weight: bold;
		}





/* Shop
*******************************************************************************************/
.cart {
	margin: 0 0 10px 0;
	}
	.cart {
		list-style-type: none;
		margin: 0;
		margin: 5px 0 0 0;
		}
		.cart li {
			float: left;
			width: 110px;
			height: 210px;
			position: relative;
			padding: 1px 0 0 0;
			margin: 5px 5px 0 0;
			}
			.cart li a {
				cursor: pointer;
			}
			.cart li span {
				background:  transparent url("images/cover_small.png") no-repeat scroll 0 0;
				display: block;
				height: 164px;
				position: absolute;
				top: 0;
				width: 110px;
			}
			.cart li.nogniet span {
				background:  transparent url("images/cover_small_nogniet.png") no-repeat scroll 0 0;
			}
		.cart .quantity {
			position: absolute;
			top: -10px;
			right: 0;
			height: 40px;
			width: 40px;
			padding: 6px 0 0 0;
			background:  transparent url("images/quantity.png") no-repeat scroll 0 0;
		}
		.cart .quantity em {
			width: 32px;
			text-align: center;
			display: block;
			font-weight: bold;
			color: #ffffff;
			text-shadow: 1px 1px 2px #000000;
		}
		.cart .remove input {
			border: none;
			width: 16px;
			height: 16px;
			color: #8AB08A;
			font-size: 0px;
			cursor: pointer;
			position: absolute;
			top: 165px;
			right: 0;
			background: transparent url("images/delete.png") no-repeat scroll 0 0;
			}
		.cart .add input {
			border: none;
			width: 16px;
			height: 16px;
			color: #8AB08A;
			font-size: 0px;
			cursor: pointer;
			position: absolute;
			top: 165px;
			right: 20px;
			background: transparent url("images/add.png") no-repeat scroll 0 0;
}





/* Shop
*******************************************************************************************/
.extrabooks {
	margin: 0 0 10px 0;
	}
	.extrabooks {
		list-style-type: none;
		margin: 0;
		margin: 5px 0 0 0;
		}
		.extrabooks li {
			float: left;
			width: 86px;
			height: 127px;
			position: relative;
			padding: 1px 0 0 0;
			margin: 5px 5px 0 0;
			}
			.extrabooks li span {
				background:  transparent url("images/cover_smallest.png") no-repeat scroll 0 0;
				display: block;
				height: 127px;
				position: absolute;
				top: 0;
				width: 86px;
			}
		.extrabooks .quantity {
			position: absolute;
			top: -10px;
			right: 0;
			height: 40px;
			width: 40px;
			padding: 6px 0 0 0;
			background:  transparent url("images/quantity.png") no-repeat scroll 0 0;
		}
		.extrabooks .quantity em {
			width: 32px;
			text-align: center;
			display: block;
			font-weight: bold;
			color: #ffffff;
			text-shadow: 1px 1px 2px #000000;
		}
		.extrabooks .remove input {
			border: none;
			width: 16px;
			height: 16px;
			color: #8AB08A;
			font-size: 0px;
			cursor: pointer;
			position: absolute;
			top: 165px;
			right: 0;
			background: transparent url("images/delete.png") no-repeat scroll 0 0;
			}
		.extrabooks .add input {
			border: none;
			width: 16px;
			height: 16px;
			color: #8AB08A;
			font-size: 0px;
			cursor: pointer;
			position: absolute;
			top: 165px;
			right: 20px;
			background: transparent url("images/add.png") no-repeat scroll 0 0;
}






/* Fields
*******************************************************************************************/
fieldset,
form .field,
form .buttons {
	clear: both;
	}
	fieldset.login1 {
		margin: 15px 0 0 0;	
	}
	fieldset fieldset legend {
		padding: 0 0 10px; 
	}
form br {
	display: none;
}
form .field,
form ul.fields,
form .buttons {
	margin: 0 0 15px;
}
form .field label {
	display: block;
}
form ul.fields li {
	list-style-type: none;
	margin: 0;
}
form ul.inline li, form ul.inline label {
	display: inline;
}
form ul.inline li {
	padding: 0 .75em 0 0;
}

input.radio, input.checkbox {
	vertical-align: top;
}
label, button, input.submit, input.image {
	cursor: pointer;
}
* html input.radio,
* html input.checkbox {
	vertical-align: middle;
} /* ie6 */
*+html input.radio, 
*+html input.checkbox {
	vertical-align: middle;
} /* ie7 */

textarea {
	overflow: auto;
}
input.text, input.password, textarea, select {
	margin: 0;
	vertical-align: baseline;
	}
input.text,
input.password,
textarea {
	border: none;
	border-right: 1px solid #805631;
	border-bottom: 1px solid #805631;
	padding: 4px;
	background: transparent url("images/inputfield.png") no-repeat left top;
	color: #DBAF7C;
	}
	/*input.text:hover,
	input.password:hover,
	textarea:hover { 
		background-color: #e8f7fd;
	}
	input.text:focus,
	input.password:focus
	textarea:focus { 
		background-color: #ffffff;
	}*/
form .field,
.fields,
.buttons {
	padding-left: 100px;
}
form .field label {
	display: inline;
	float: left;
	width: 90px;
	margin-left: -100px;
	text-align: right;
}
.field input#postcode, 
.field input#nummer {
	width: 88px;
}

.field input#gemeente, 
.field input#straat {
	width: 263px;
}
.field input#naam, 
.field input#bedrijf,
.field input#land, 
.field input#btw,
.field input#telefoon,
.field input#email {
	width: 363px;
}

.field checkbox {
	margin-left: 178px;
}
.hidden {
	display: none;
}




/* HIGHSLIDE */


.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
}
.highslide:hover img {
}
.highslide-active-anchor img {
	/*visibility: hidden;*/
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(http://highslide.com/highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(http://highslide.com/highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(http://highslide.com/highslide/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
 	border-width: 1px;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(http://highslide.com/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(http://highslide.com/highslide/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(http://highslide.com/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(http://highslide.com/highslide/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(http://highslide.com/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	margin: 1px 0.4em;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(http://highslide.com/highslide/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(http://highslide.com/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(http://highslide.com/highslide/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}

http://highslide.com/examples/mini-gallery.html#


.text-controls li {
    background-image: url(http://highslide.com/highslide/graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(http://highslide.com/highslide/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(http://highslide.com/highslide/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(http://highslide.com/highslide/graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(http://highslide.com/highslide/graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(http://highslide.com/highslide/graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(http://highslide.com/highslide/graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}

a.tagsize-5 { font-size: 30px !important; }