/*  
Theme Name: De Geuzen
Theme URI: http://www.geuzen.org/
Description: 'The archive has played an important role in the history of privacy, or even in the history of history. The archive is private, history is public (...) "Out" of the archive history is produced, but when writing history the utmost care is traditionally placed on producing a seamless account of the archive, even though all archives are fractured and partial. The messy space of the archive is thus sealed off by history. History is then a facade.'<br><small>(Beatriz Colomina, Privacy and Publicity, MIT press, 1996 p.9)</small>
Author: De Geuzen
Author URI: http://www.geuzen.org

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

*/

@font-face {
    font-family: Limousine;
    src: url("Limousine.ttf");
}

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: white;
	color: #333;
	text-align: left;
	width: 1230px;
	margin: 20px auto 20px auto;
	padding: 0;
  	}

tt {
	font-family: courier, mono;
	font-size: 13px;
	}

a	{
	text-decoration: none;
	color: gray;
	}

a:hover {
	text-decoration: underline; color: #559900;
	}


hr 	{
	display: none;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

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

/* Begin Structure */

#header {
	padding: 0 0 12px 0;
	display: block;
	text-align: center;
	border-width: 0 0 1px 0; border-style: dashed; border-color: silver;
	}
#header img {border: none;}
#footer {
	padding: 12px 0 24px 0;
	display: block;
	text-align: center;
	clear: both;
	font-size: 11px;
	color: silver;
	}

#footer a {color: #E0E0E0;}

#content {

	padding-top: 15px;
	padding-bottom: 24px;
	margin: 0 auto 250px auto;
	text-align: center;
	}

.children a {font-weight: normal;}

small {color: red; font-size: 11px; clear: left; background: white;}

.description {
	text-align: left;
	margin-top: 18px;
	color: gray;
	font-size: 13px;
	line-height: 18px;
	}

.navigation {
	display: block;
	text-align: center;
	font-size: 13px;
	margin: 10px 0 0 0;
	clear: left;
	}


.box {margin: 0 auto 8px auto; background: white; line-height: 14px; text-align: left; font-size: 11px; width: 194px;}
.box p {margin: 0; padding: 0;}
#content_archive .box {height: 230px; overflow: hidden; margin: 0 8px 8px 0; float: left;}
#content_archive {margin: 0 0 0 12px;}
#content_single img {max-width: 300px;}
#content_single {margin: 12px auto 0 auto;}
#content_single .box {width: 550px;}
#content_single .thread_list {text-align: center;}


.sidebar li:before, .styleA li:before, .parallel li:before {
	content: "- ";
	color: #669933;
	font-weight: bold;

	}


#bar {font-size: 13px; font-weight: bold; padding-top: 10px; text-align: center; width: 780px; margin: 0 auto 0 auto;}
#bar ul {display: inline;}
#bar ul, #bar li, .box ul, .box ul {padding: 0; margin: 0; list-style: none; }
#bar li {display: inline; padding: 0; margin: 0; }
#bar li a:hover {color: #CC3366;}
#bar li:before, .boxBar ul li:before {
	content: " * ";
	color: #669933;
	font-weight: bold;
	}

/* End Structure */

/* Begin Headers */

h2, h3 {
	color: silver;
	margin: 0;
	padding: 0;
	font-size: 13px;
	
	}
h1 {margin: 6px 0 0 0; padding: 0; text-align: center;}

h1 a {
	font-size: 16px;
	text-decoration: none;
	color: #559900;
	}

h1 a:hover {text-decoration: none; color: gray;}

h3.title {
	color: silver; display: inline;
	}
h2.thread {
	color: #CC3366; display: inline;
	}

#bar h2 {
	text-transform: none;
	}

.box h2, .port h2, .portwhite h2 {text-transform: uppercase; font-size: 13px; display: block !important; margin-bottom: 7px;}
#content_single .port h2, #content_single .portwhite h2  {font-size: 16px; line-height: 18px;}

/* End Headers */

/* Begin Images */

.box img, #boxSingle img {border: none; float: left; margin: 3px 5px 3px 0; max-width: 176px;}

/* End Images */

/* Begin Form Elements */

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

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar li  {padding: 0; margin: 0;}

#sidebar ul ul li {font-size: 11px; margin: 0 0 0 5px; padding: 0;}
	margin: 0 auto 0 auto; }

.entry form { 
	text-align: center;
	}

select {
	width: 130px;
	}

input { margin-top: 5px; }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* End Form Elements */

/* Begin Bar */

#sidebar form {
	margin: 0;
	}

.sidebar ul {margin-bottom: 10px; margin-left: 5px;}

/* End Bar */

.clear {clear: both;}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.quote {font-size: 10px; font-family: georgia, sans-serif; font-weight: normal; line-height: 13px; margin: 0 auto 0 auto; padding: 15px 0 10px 0; color: silver; width: 650px;}


/* ============================================= */

/* ALL SECONDARY STYLES NEED TO GO HERE! */


.stuk {
	background: url(../../../images/thread_s.png);
    background-repeat: no-repeat; 
    background-position: center; 
	color: black;
	border-color: cyan;
	border-width: 2px;
	border-style: dashed;
    text-align: center;
    font-family: mono;
    font-size: 14px;
    line-height: 17px;
    height: 120px;
}

.stuk h2 a {display: none;}
.stuk strong {background: white;}

.temparch, .stuk, .hereandthere, .flickr-photos, .styleA, .styleB, .styleC, .research, .kniprand, .mobile, .orange, .pride, .roos, .now, .black, .streep, .fripperies, .paperdoll, .map, .seagull, .agenda, .browse, .pub, .video, .port, .portwhite, .archive, .amnesty, .brains, .global, .sylvia, .neutral, .livingroom, .host, .mediapolis, .flickr, .format, .agenda, .mixed, .parallel, .predict, .construct, .rss {padding: 5px 8px 8px 8px; margin: 0 auto 0 auto; width: 176px;}

.amnesty {padding: 0 !important;}

.flickr-photos, .styleA, .styleC, .flickr, .format, projections {border-width: 1px; border-style: dotted; border-color: gray;}
.styleA img, .styleC img {border: none;}
.styleC h2 a {display: none;}

.parallel ul {margin-top: 10px; padding-top: 5px; border-top: 1px dashed gray;}
.parallel { background-image: url(../../../images/mixed.jpg); border: 1px gray solid; }

.hereandthere  { background-image: url(../../../images/indisch.png); border: 1px gray solid; font-family: limousine, arial; font-weight: bold; color: black;}
.hereandthere a {color: #00007f;}

.flickr-photos img { float: none; border: white solid 1px; }
.flickr-photos { text-align: center;}
.flickr-photos {background: #b6d4f2; }
.flickr-photos h2 { color: black; }

.format { background: url(../../../images/mundaneum.jpg); background-repeat: no-repeat; border-style: dotted; border-color: gray; border-width: 1px; }
.format h2 a, .format a {color: white;}

.projections { background: url(../../../images/projections.jpg); background-repeat: no-repeat; color: silver; padding: 5px; font-family: monospace;}
.projections h2 a, .projections a, .projections a:hover {color: white;}

.styleB, .pride, .video, .favorite {border-width: 1px; border-style: dotted; border-color: gray; text-align: center; display: block;}
.styleB img, .pride img, .browse img, .video img, .orange img, .favorite img, .sylvia img {border: none; float: none !important; margin: 0 auto 0 auto; padding: 0;}

.flickr img {border: 1px silver solid; text-align: center; margin: 0 2px;}
.flickr {text-align: center;}
.flickr p {width: 166px; margin: auto;}

.agenda { background: #ffff8c; border: 1px solid yellow; }
.agenda h2 a { color: blue; }

.predict {background: url(../../../images/redblue.gif); color: white; text-align: center; padding-top: 10px;}
.predict h2 a {color: white; font-size: 20px; font-family: goergia, times, serif;}

.mixed { border: black 1px solid; }
.mixed img {margin-top: 0px; }

.kniprand
{
	border: 3px dotted #FFFFFF;
	background: yellow;
	width: 168px !important;
}

.kniprand h2 a {color: red; }
.kniprand h2 a:hover {color: blue;}

.research {background: url(../../../current/DIY/accessories/bloem.gif);}

.mobile {background: url(../../../images/dbag.jpg); background-repeat: no-repeat; background-position: 111px 3px; border-style: dotted; border-color: gray; border-width: 1px;}
.mobile h2 a {color: white; background: red; text-align: center; display: block; padding: 2px 0 4px 0;}
.mobile h2 a:hover {color: black; padding: 2px 0 4px 0;}

.orange
{
	background-color: orange;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center; 
	display: block;
	padding: 10px 0 15px 0;
}

.livingroom {background: url(images/paper.gif); border: 1px solid green; color: #004c00;}
.livingroom h2, .livingroom a {color: purple}

.temparch {background: #CC0033; border: 1px solid yellow; color: white;}
.temparch a {color: yellow;}
.temparch a:hover {color: white;}

.sylvia {text-align: center !important;}
.sylvia h2 a {color: purple;}
.sylvia p {text-align: center;}
.sylvia img {margin: 0 auto 0 auto;}

.global {text-align: center; background: url(../../terrorisme_site.jpg); height: 120px;  padding-top: 25px; border: 1px solid gray;}
.global a {color: rgb(150,0,33); line-height: 26px; font-size: 24px; font-family: gorgia, times; font-weight: bold;} 

.orange h2 a, .amnesty h2 a, .mediapolis h2 a, .mixed h2 a {display: none;}

.amnesty {background-color: white; display: block; padding: 0 0 4px 0 !important; width: 180px;}
.brains {border: 1px solid black; text-align: center; padding: 12px 8px 8px 8px; }
.brains h2 a {text-transform: uppercase; font-size: 38px; color: red; font-family: helvetica, sans-serif; padding: 0; margin: 0; line-height: 35px;}
.brains a:hover {color: black; text-decoration: none;}

.roos {background: #CC3333;}
.roos h2 a, .fripperies h2 a, .archive h2 a {color: white;}

.archive {background: #66CCFF;}

.pride {background: pink; border-color: purple; border-style: solid; border-width: 1px;}
.pride h2 a {color: purple;}

.fripperies { background: url(../../../current/DIY/fripperies/images/geuzenfripperies.gif); }

.streep { background: url(../../../current/workshops/flexible/images/streep3.gif); }
.streep h2 a {color: #00CC00;}
.streep a {color: #00CC00; font-weight: bold;}

.paperdoll {background: url(../../../images/3dollsmall.jpg); background-repeat: no-repeat; background-position: center; border: 1px solid #0099FF;}
.paperdoll h2 a {display: block; color: #0099FF; text-align: center;}
.paperdoll h2 {margin-top: 30px;}

.map { background: url(../../../images/map.jpg);}

.now {background-image: url(../../../images/konstfack_students.jpg); repeat: no-repeat;}
.now a, .now {color: white; text-align: center; font-weight: bold;}

.faith {background-image: url(../../../images/faith.jpg); repeat: no-repeat;}
.faith a, .faith {color: blue; text-align: center;}
.faith h2 a {background: white; padding: 0 4px 0 4px;}
.faith {padding: 17px 8px 14px 8px; margin: 0 auto 0 auto; width: 176px;}

.sylvia {background-image: url(../../../images/cloud.jpg); background-repeat: no-repeat; }

.black {background: black;}
.black h2 a {color: white;}

.seagull
{
	background: url(../../../images/seagull.jpg);
	color: #333333;
	border-color: gray;
	border-width: 1px;
	border-style: solid;
}
.seagull a, .seagull h2 { color: #003366; }

.host { background: #b9ff73; padding-top: 10px;}
.host h2 a { color: white; font-size: 20px;}
.host h2 a:hover { color: green; text-decoration: none; }

.mediapolis { color: white; background: black; padding-top: 2px !important; }
.mediapolis a { color: white; }
.host h2 a { color: white; font-size: 20px;}


.browse {background-color: #00CC00; background: url(../../../images/resist.gif); background-repeat: no-repeat; background-position: center; height: 120px; width: 180px; padding-top: 30px; text-align: center;}
.browse p {background: white; padding-bottom: 5px; filter:alpha(opacity=80);
	opacity: .8; -moz-opacity:.8;}
.browse h2 a {color: #669933;}
.browse h2 {background: white; font-size: 17px; line-height: 17px; padding: 2px; filter:alpha(opacity=80);
	opacity: .8; -moz-opacity:.8;}
.browse h2 a:hover {color: fuchsia; text-decoration: none;}


.video {border: none !important; background: #00CC66;}
.video img {margin-bottom: 4px;}
.video a {color: white}

.favorite {padding: 0 !important; border: none; background: url(../../../images/girl.gif); background-repeat: no-repeat; background-position: center -5px; height: 140px; background-color: #CCFFFF;}
.favorite h2 a {color: black; font-size: 16px; font-family: verdana, sans-serif; font-style: italic; text-transform: none;}
.favorite h2 a:hover {color: red;}
.favorite h2 {padding-top: 55px;}

.pub h2 {text-transform: none; line-height: 15px;}
.pub h2 a {font-family: georgia, times, serif; }
.pub, .port, .portwhite, .neutral {background: #EEFFDD;
	border-color: gray;
	border-width: 1px;
	border-style: solid;}

.neutral, .portwhite {background: white;}

.construct {text-align: center; font-size: 9px; line-height: 12px; font-family: mono;}
.construct h2 a {display: none;}
.construct strong {color: red !important; text-align: center; border-bottom: red solid 1px;}
.construct p {margin-top: 9px;}
.construct img {float: none; margin: auto; margin-bottom: 9px;}

.port {background: #ccddff;}

#content_single .port p, #content_single .portwhite p, #content_single, .neutral p {padding: 9px 0 9px 0;}

.else {background: url(../../../images/else.jpg);}
.else a {color: #666633;}

#A, #B, #C, #D, #E, #F {width: 194px; position: relative; float: left; display: block; padding: 0 0 0 8px;}

form.thread {display: inline;}

.thread_list {color: #669933; margin-top: 4px;}
.block p {padding: 0; margin: 0;}
.block {margin-bottom: 12px;}
.block .thread_list {margin-top: 0;}

.thread_list a:hover {color: #CC3366;} 

.search-excerpt {font-weight: normal; background: #CCFF99;}

.cat_desc {font-size: 12px; width: 550px; margin: 4px auto 10px auto;}

#page {width: 550px; margin: 12px auto 0 auto; text-align: left;}
#page li, #page ul {list-style: none; padding: 0; margin: 0;}
#page ul ul {margin-bottom: 6px;}

#content_single .port, #content_single .portwhite, #content_single .neutral {width: 550px; padding: 12px 16px 24px 16px;}
.images img {padding-top: 16px; margin-bottom: 4px; float: none; display: block;}
.images {font-size: 10px; line-height: 12px; clear: left; margin-top: 4px;}

.text {clear: left; padding-top: 12px; font-size: 12px; line-height: 18px;}

/*PHOTOALBUM*/

#highlight {font-family: georgia, times, serif;}

.album img {margin-bottom: 5px !important;}

.album strong {font-weight: normal; line-height: 15px; }

.flickr-meta-links {display: none;}

.srssfetcher-link {color: teal;}
.srssfetcher-timestamp {color: gray;}

.green {color: #559900; font-weight: bold; font-size: 14px; padding: 0 2px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}


.about {padding: 5px 8px 8px 0; margin: 0 auto 0 auto; width: 176px; font-family: serif;}

.rss {background: pink; margin-bottom: 8px; text-align: center;}
.rss h2, .rss li {display: inline !important; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 14px; letter-spacing: 0.3em;}
.rss li li a {color: purple;}


