/*  
Theme Name: primordial
Theme URI: http://dings.resolutions.ch/
Description: magazine style
Version: 2.5.1
Author: Chris Reinhardt
Author URI: http://dings.resolutions.ch

	primordial v2.2
	http://dings.resolutions.ch

	This theme was designed and built by Christoph Reinhardt,
	whose blog you will find at http://dings.resolutions.ch/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/



/* MAIN ----------------------------------------------------------------- */

body {
/*	font-size: 62.5%;  Resets 1em to 10px */
	font-size: 11px;
	font-family: 'Franklin Gothic Medium', Verdana, Garamond, Trebuchet MS, Arial, 'Lucida Grande', Sans-Serif;
	background-color: #fff;
	color: #A8A4A0;
	margin: 0;
	padding: 0; 
	overflow: auto;
/*	background-color: Aqua;*/

	}

#page {
	margin: 0 auto;
	padding: 0;
	width: 840px;
	text-align: left;
	}

p {
/*	text-align: justify;*/
/*	line-height: 13px;*/
}

a, a:visited {
	text-decoration: none;
	color: #A8A4A0;
}
a:hover {
/*	background-color: #A8A4A0;*/
	color: #444;
}
h1, h2, h3 {
/*	font-family: 'Trebuchet MS', Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
/*	font-weight: bold;*/
	}

h1 {
font-weight: normal;
	padding: 0;
	margin: 0;
	font-family: 'Franklin Gothic Medium', Impact, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 22px;
/*	line-height: 85px;*/
	}
	
h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #A8A4A0;
	}

h2 {
font-family: Georgia, Garamond, 'Franklin Gothic Medium', Arial Black, Garamond, Arial, Impact, Times New Roman, Georgia;
font-weight: normal;
margin: 0;
padding: 0;
	font-size: 26px;
	}
	
h3 {
	font-family: Georgia, Garamond, 'Franklin Gothic Medium', Arial, Georgia;
font-weight: normal;
margin: 0;
padding: 0;
	font-size: 16px;	

}

h4 {
	font-family: 'Franklin Gothic Medium', Georgia, Arial, Georgia;
font-weight: normal;
margin: 0;
padding: 0;
	font-size: 14px;	

	
}

/* HEAD ----------------------------------------------------------------- */
#header {
width: 840px;
	padding: 0;
	margin: 0 auto;
	height: 65px;
/*	overflow: hidden;*/
/*	background-color: Red;*/
	background-image: url(images/std-head.gif);
	background-repeat: no-repeat;
	background-position: bottom;
/*	border: 1px solid red;*/
	}

a#home {
position: absolute;
top: 0;
	display: block;
	margin-left: 20px;
	width: 550px;
	height: 100px;
}

#title {
/*background-color: Aqua;*/
text-align: right;
	margin: 0 auto;
	padding: 60px 30px 0 30px;
	display: none;

}
#description {
	color: #A8A4A0;
	display: none;
}



/* CONTENT PRIM -------------------------------------------------------------*/

#cont-prim-top { 
background-image: url(images/img-top.gif);
height: 30px; }

#cont-prim-bot { 
margin: 0;
padding: 0;
background-image: url(images/img-bot.gif);
height: 70px;
background-position: top;
background-repeat: no-repeat;
}

#content-prim {
position: relative;
width: 800px;
/*height: 100%;*/
margin: 0;
padding: 0px 20px 0px 20px;
background-image: url(images/img-bg.gif);
background-repeat: repeat-y;
}

#post-prim {
height: 100%;
width: 800px;
/*margin: 0 -15px 0 0;*/
padding: 0 0 0px 0;

}

.post-title-prim {
position: absolute;
bottom: 10px;
right: 30px;
text-align: right;
width: 250px;
	margin: 0;
	padding: 0;

	}


#post-content-prim {
	}

#post-content-prim p {
padding: 0px 10px 10px 0px;
margin: 0;
position: relative;
top: 5px;
left: 10px;
}

#post-content-prim p.post-metadata-prim {
/*margin: 30px 0 0 0;*/
padding: 20px 0 20px 0px;
	
}

#content-prim h2 a, #content-prim h2 a:visited {
	color: #A8A4A0;
}

#content-prim h2 a:hover {
}

#content-prim a, #content-prim a:visited {
	color: #555;
}
#content-prim a:hover {
	color: #000;
}

#exif {
position: relative;
left: 10px;
width: 240px;
	float: left;
	margin: 10px 0 10px 0;
}
#exif td {
	background-color: Silver;
	color: #fff;
	padding: 0 5px 0 5px;
}

/*CONTENT SMALL ---------------------------------------------------------*/

#content-top {
/*display: none;*/
	width: 800px;
	height: 30px;
	margin: 0;
	padding: 0 20px 0 20px;
	clear: both;
/*	background-color: Lime;*/
	background-image: url(images/std-top.gif);

}

#content-small {
	width: 780px;
	margin: 0;
	padding: 30px 30px 0 30px;
/*	border: 1px solid red;*/
/*	clear: both;*/
/*	background-color: Lime;*/
	background-image: url(images/std-bg.gif);
	background-repeat: repeat-y;
}
	
.post-small {
/*display: block;*/
/*vertical-align: top;*/
margin: 0 20px 20px 20px;
padding: 0 0px 0px 0;
	width: 480px;
/*	height: 160px;*/
/*	float: left;*/
	clear: left;
	font-size: 10px;
	line-height: 12px;
/*	background-color: Silver;*/
/*border: 1px solid red;*/
}

.post-content-small {
margin: 0 0 0 00px;
padding: 0 0 6px 0;
/*width: 400px;*/
/*float: right;*/
/*clear: both;*/
/*	border-bottom: 1px solid #C7C5C2;*/
/*	border: 1px solid blue;*/
/*background-color: Gray;*/
}


.post-metadata-small {
display: none;
	font-family: Impact;
/*	font-weight: bold;*/
	margin: 0;
padding: 0 0px 0 0;
/*	width: 50px;*/
/*	height: 100%;*/
/*	float: left;*/
float: right;
/*clear: right;*/
/*	background-color: Fuchsia;*/
	text-align: right;
}


.post-metadata-small .day {
/*	font-size: 20px;*/
/*	line-height: 27px;*/
	float: left;
}

.post-metadata-small .month {
/*	font-size: 10px;*/
/*	line-height: 15px;*/
	float: left;
}

.post-metadata-small .year {
/*	font-size: 10px;*/
/*	line-height: 15px;*/
	float: left;
}

.post-small h3 {
line-height: 18px;
/*line-height: auto;*/
text-align: right;
float: right;
width: 200px;
/*background-color: Lime;*/
/*display: none;*/
	margin: 0 0 25px 00px;
	padding: 0px 0 0px 0;
}

.post-small p {
/*display: none;*/
margin: 0 0 0 165px;
padding: 0 0 8px 0;
/*	background-color: Fuchsia;*/
}

.post-small .author {
clear: left;
	text-align: right;
	padding-bottom: 3px;
margin-left: 165px;
		border-bottom: 1px solid #C7C5C2;
/*		float: right;*/
		width: 315px;
		position: relative;
		bottom: 16px;
}
.post-small .more-link {
margin: -10px 0 0 0;
padding: 0;
text-align: right;
/*	background-color: Lime;*/
}

h2.pagetitle {
/*background-color: Fuchsia;*/
	text-align: left;
	margin: 0 0 0 20px;
}

/* CONTENT MINI ---------------------------------------------------------- */

.post-mini {
	font-size: 10px;
	line-height: 12px;

margin: 0 0 30px 0;
padding: 0px 0 6px 0;
/*background-color: Gray;*/
	border-bottom: 1px solid #C7C5C2;
/*	border: 1px solid red;*/
}

.post-mini:before {
/*	content: open-quote;*/
}

/* CONTENT PAGE ---------------------------------------------------------- */
#content-page {
	width: 760px;
	margin: 0;
	padding: 30px 40px 50px 40px;
/*	border: 1px solid red;*/
/*	clear: both;*/
/*	background-color: Lime;*/
	background-image: url(images/std-bg.gif);
	background-repeat: repeat-y;
}
#content-page h2 {
	margin: 25px 0 0 0;
}
#content-page h3 {
	margin: 20px 0 5px 0;
}
#content-page h4 {
	margin: 10px 0 0px 0;
}
#content-page p {
	margin: 0 0 8px 0;
	padding: 0;
}
#content-page .post {
	width: 475px;
/*	border: 1px solid red;*/
}

/* SIDEBAR --------------------------------------------------------------- */

#sidebar {
/*display: none;*/
/*background-color: #eee;*/
/*	background-color: Silver;*/
border-left: 1px dashed #C7C5C2;
/*	border: 1px solid red;*/
	padding: 0 0px 0 30px;
	margin: 0 17px 20px 0px;
	width: 200px;
	float: right;
	clear: right;
}

.section {
margin: 3px 0 30px 0;
/*	border-top: 1px solid #C7C5C2;*/
/*	background-color: Lime;*/
}

#sidebar h2, #sidebar h3 {
margin: 0 0 15px 0;
padding: 0;
	text-align: right;
}

ul {
/*background-color: Aqua;*/
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
ul li {
padding: 0;
margin: 0;
/*list-style: disc inside;*/
}
ul ul {
/*background-color: Blue;*/
margin: 0 0 10px 20px;
	padding: 0 0 0 0;	
/*	list-style: disc inside;*/
	list-style: none;
}
ul ul ul {
/*background-color: Lime;*/
margin: 0 0 0px 20px;
	padding: 0 0 0 0;	
}
ul ul ul ul {
margin: 0 0 0px 0;
	padding: 0 0 0 20px;	
}

#sidebar ul ul li:before {
/*	content: "\00BB \0020";*/
/*list-style: disc;*/
	}

#sidebar a:hover {
/*	border-bottom: 1px dashed;*/
/*font-weight: bold;*/
}
	
.current, .lv1current, .lv2current, .lv3current {
/*	background-color: black;*/
/*border-bottom: 1px dashed;*/
display: list-item;
list-style: square;
/*width: auto;*/
font-weight: bold;
}
/* NAVI -------------------------------------------------------------------*/

#postnavi {
float: right;
/*clear: both;*/
width: 250px;
margin: -35px 0px 0 0;
padding: 0 20px 0 0;
/*font-weight: bold;*/
/*border-left: 1px dashed gray;*/
/*height: 15px;*/
/*	font-weight: bold;*/
/*	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;*/
/*font-size: 12px;*/
/*color: #A8A4A0;*/
/*	background-color: Lime;*/
/*		background-image: url(images/std-bg.gif);*/

}
#postnavi h3 {
	text-align: right;
}
#postnavi a, postnavi a:visited {
	color: #A8A4A0;
	}
#postnavi a:hover {
	color: #565347;
	background-color: transparent;
}


/* IMAGES --------------------------------------------------------------- */
img {
margin: 0;
	padding: 0;
/*	max-width: 100%;*/
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}


/* FOOTER-------------------------------------------------------------------*/

#footer {
	padding: 0;
	margin: 0 auto;
	height: 150px;
	width: 860px;
	clear: both;
	background-image: url(images/std-foot.gif);
	background-repeat: no-repeat;
	}

#footer p {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
	}
	
#footer a, #footer a:hover, #footer a:visited {
	text-decoration: none;
	color: #DEDBD4;
}

/* COMMENTS--------------------------------------------------------------*/

.commentlist {

	padding: 0;
	margin: 0 0 0 0;
/*	background-color: Olive;*/
	}

#comments {
padding: 20px 20px 0px 20px;
margin: 0;
	width: 800px;
		background-image: url(images/std-bg.gif);
/*background-color: Lime;*/

}

#comments h3 {
text-align: right;
width: 250px;
	padding: 0;
	margin: 0 10px 0 0;
float: right;
clear: both;
/*background-color: Aqua;*/
/*border-left: 1px dashed gray;*/

}

#comments ol {
	width: 450px;
	margin: 0 0 80px 0;
	padding: 0 0px 0 30px;
/*	font-weight: bold;*/
/*	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;*/
/*font-size: 12px;*/
color: #A8A4A0;
/*background-color: 	Aqua;*/
	}
	
#comments ol li {
	margin: 0 0px 35px 0px;
	padding: 0 0 3px 0;
	list-style: decimal outside;
	border-bottom: 1px solid #C7C5C2;
/*background-color: 	blue;*/
	}


#commentform input, #commentform textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;

	}
	
.commentlist cite, .commentlist cite a {
/*	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
*//*	background-color: Lime;*/
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
/*		background-color: Lime;*/
	margin: 4px 0 4px 0;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size: 11px;*/
	}


.commentmetadata {
display: block;
/*float: right;*/
/*height: 25px;*/
	text-align: right;
/*	font-weight: normal;*/
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	margin: 0;
/*	background-color: Blue;*/
	}
	
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.alt {
/*	background-color: #DEDBD4;*/
/*	color: #76725E;*/
	}

#commentform {
padding: 0 0 0 30px;
/*	background-color: Blue;*/
}
	
#commentform p {

	margin: 5px 0 0 0px;
	}

#commentform input {
	width: 150px;
	padding: 2px;
	margin: 5px 5px 1px 0;
/*	background-color: #DEDBD4;*/
	background-color: white;
	border: none;
	border-bottom: 1px solid #C7C5C2;
	border-left: 1px solid #C7C5C2;
/*	border: 1px solid gray;*/
	}

#commentform textarea {
	width: 450px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: none;
	border-bottom: 1px solid #C7C5C2;
	border-left: 1px solid #C7C5C2;
/*	border: 1px solid gray;*/
/*	background-color: #DEDBD4;*/
/*	background-color: white;*/
	}

#commentform #submit {
	margin: 5px 5px 1px 0;
	float: left;
	}



 

/* LISTS ---------------------------------------------------------------------



/* FORMS -------------------------------------------------------------------- */

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
	
		/* MAIL FORM ------------------------------------------------------------ */
		
		.contactform {
			width: 400px; 
/*			background-color: Silver;*/
			}
		
		.contactrow {
		margin: 0 0 5px 0;
		clear: left;
			float: none;
		}
		.contactleft {
			padding: 0; 
			margin: 0; 
			}
		
		.contactright {
/*			width: 400px;  */
			padding: 0; 
			margin: 0; 
			}
		.contactform input, .contactform textarea {
		margin: 0;
		padding: 0;
			width: 300px;
			border: 1px solid #C7C5C2;
			overflow: auto;
			background-color: #fff;
		}
		
		.contactform input.send {
		font-family: inherit;
		font-weight: normal;
		font-size: 11px;
		width: 80px;
		padding: 0;
		margin: 5px 0 0 222px;
		}

		
		/* End Contact Form CSS */



/* VARIA ------------------------------------------------------------------- */
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 10px;
	letter-spacing: .07em;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
.small {
	font-size: 10px;
	line-height: 12px;
	}

.pagetitle{
/*	text-transform: lowercase;*/
	text-align: right;
	padding: 0 0 35px 0;
/*	background-color: Fuchsia;*/
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.x-clearfix {
	clear: both;
	width: 1px;
	height: 1px;
}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */


/* BEGIN EXHIBIT STYLES - http://www.asymptomatic.net/wp-hacks *************************/
#post-content-prim .ex_thumb_preview {
float: left;
/*width: auto;*/
/*height: auto;*/
	padding: 0 0 0px 0;
	margin: 0;
/*background-color: Aqua;*/

}

#post-content-prim .ex_thumb_preview a {
/*	position: relative;*/
/*	display: block;*/
/*	width: 400px;*/
/*	height: 400px;*/
}
	
#post-content-prim .ex_thumb_preview a img {
/*display: none;*/
	padding: 0;
	margin: 0;
/*	width: auto;*/
/*	height: auto;*/
	}

.post-small .ex_thumb_preview {
clear: left;
float: left;
/*width: 120px;*/
	padding: 0;
	margin: 0;
}

.post-small .ex_thumb_preview img {
/*clear: left;*/
/*border: 1px solid red;*/
	padding: 0;
	margin: 0 15px 0px 0;
	width: 150px;
	}

.exhibit_thumbs {
position: relative;
float: left;
	width: auto;

	margin: 0;
	padding: 0;
/*	background-color: Aqua;*/
}

.ex_caption {
color: #fff;
position: absolute;
bottom: 5px;
right: 5px;
/*display: none;*/
font-style: italic;
text-align: right;
font-size: 9px;
margin: 0px;
padding: 0px;
}
.ex_thumb {
/*height: 100px;*/
margin: 0;
padding: 0;
}


.ex_thumb a {
	margin: 0;
	padding: 0;
}
.ex_thumb img {
/*display: inline;*/
	padding:  0 0 0px 0;
	border: none;
/*	width: 500px;*/
/*	height: 500px;*/
}

.ex_clear {
/*display: none;*/
	clear:both;
}

.ex_fullsize {
/*	display: none;*/
}