/*  
Theme Name: BUTT
Theme URI: -
Description: - 
Version: 1.0
Author: -
Author URI: -
*/

/* BUTT color is #FFCCED, pink links are #ff006b */

td
{
vertical-align: top
}

body {
	margin:0;
	margin-left: 10px;
	padding:0;
	background:#FFCCED;
	font-size:80%;
	font-family:"American Typewriter", "Courier New", Courier;
	color:#000;
	text-align:left;
}
img {
        margin:0;
        padding:0;
        border:0; 
}

hr {
background-color: #000;
height: 1px;
border-width:0;
margin-bottom: 18px;}


p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 1.2em 0;
}
#content a, #content a:visited {
	color: #Ff006b;
}
#content a:hover {
	color: #ff006b;
	text-decoration: underline;
}
#content a h2 {
	font-family:"Arial Black";
	color: #ff006b;
}
ol, ul {
	font-size: 1em;
        list-style-type: none;
	line-height: 1.7em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
#content ul li {
        list-style-type: none;
        padding: 0px 0px 0px 10px;
}
h1, h3, h4, h5, h6 {
	/* margin: 1.2em 0; */        
	color: #000; 
}
h1 {
        font-size: 1.6em;
        margin-bottom: 0px;
}
h2 {
	display: block;
	margin-top: 0px;
	/* font-size: 2.4em; */
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0px;
}
h4 {
	font-size: 1.2em;
}
a, a:visited {
	text-decoration: none;
	color: #ff006b;
}

input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FFF;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	font-family: "American Typewriter", "Courier New", Courier;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 2px solid #B4BD97;
	border-right: 2px solid #B4BD97;
	font-size: 0.9em;
}
code {
	font-family: monospace;
	color: #666;
}
form {
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	border: 0;
}
.small {
	font-size: 0.9em;
	color: #999;
}
.smaller {
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
}
.clearboth { clear: both; }

/* Layout */

#wrapper {
    width: 960px;     
	margin: 0px auto;
	text-align: left;
}

#header {
    margin:10px 0 0 0;
	padding:0px;
   	text-align:left;
    height:100px;
    border-top: 10px solid black;
    }

	/* Header Styles */
#header h1 {
		margin-top: 10px;
        /* padding: 10px 0 20px 0; */
		font-size: 6.8em;
		letter-spacing: 10px;
        font: bold Impact, Arial;
	}
#header h1 a {
		text-decoration: none;
		letter-spacing: 10px;
		color: #000;
	}	
#topnav {
        margin:0; 
        border-top: 3px solid black;
        padding: 10px 0 0 0;
}
#topnav ul {
        text-align:left;
        padding:3px;
        margin:2px 0;
        border:1px solid #666;
        font:bold 12px Verdana, Helvetica, Arial;
}
#topnav ul li {
        list-style:none;
        margin:0px;
        display:inline;
}


#content {
    text-align: left; 
	display: inline; /* IE double margin bug fix */
}
td.content {
    text-align: left; 
	padding: 0px 20px;
	width: 740px !important;
	border-right: 1px solid black;
}

td.content_mail {
    text-align: left; 
	padding: 0px 20px;
	width: 600px !important;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

#content_post {
    text-align: left; 
	/* margin: 20px 0px;  */
    /* overflow: hidden; */
	/* width: 800px !important; */
	display: inline; /* IE double margin bug fix */
}
#content_post a {
	font-weight: bold;
}
#content_post a, a:visited {
	color: #ff006b;
}

#rightbar {
    text-align: left;
    border-left: 0px solid #000;
	overflow: hidden;
	font-size: 0.9em;
	display: inline; /* IE double margin bug fix */
} 
#sidebar {
	/* float: left; */
	text-align: left;
 	overflow: hidden;
	width: 160px;
	font-size: 1.2em;
	line-height: 0.9em;
	display: inline; /* IE double margin bug fix */
}
td.sidebar {
    text-align: left; 
	border-right: 1px solid black;
	padding-right: 10px;
}
td.rightbar {
	border-left: 0px solid black;
	width: 100px;
	padding-left: 20px;
}

#footer {
	clear: both;
        border-top:4px solid #000;
        border-bottom:0px solid #000;
        margin-top: 10px;
	font-size: 0.9em;
	text-align: left;
}
	/* Footer Styles */
	#footer p {
		margin: 0;
		padding: 20px 0px 10px 0px;
		border: 0px;
		font-size: 0.9em;
	}
	
	#footer p.links {
		margin: 0;
		padding: 20px 10px 20px 0px;
		border-top: 1px solid black; 
		font-size: 0.9em;
	}
#footer a, #footer a:visited {
       color: black;
       font-weight: bold;
}
#footer a:hover, #topnav ul li a:visited:hover {
       color:#ff006b;
}

	
/* Midbar styles */
#rightbar h2 {
	display: inline;
	color: #BE9372;
	margin: 1.2em 0 0.6em 0;
	padding: 2px 10px 2px 4px;
	font-size: 1.2em;
}
#rightbar a {
	color: #ff006b;
}
#rightbar a:hover {
	color: #ff006b;
}
#rightbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#rightbar ul li {
 	list-style-type: none;      
}
#rightbar ul ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #D1D9B0;
}
#rightbar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}
#rightbar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.1em 10px;
	width: 170px;
} 
html>body #rightbar ul ul li a {
	width: 150px;
}
#rightbar ul ul li a:hover {
	background-color: #FFF;
}

/* Lists? */
#rightbar ul ul ul {
	margin: 0;
	border: none;
}
#rightbar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}
#rightbar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 0.1em 10px 0.1em 25px;
	width: 170px;
} 
html>body #rightbar ul ul ul li a {
	width: 135px;
}

/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	color: #BE9372;
	margin: 1.2em 0 0.6em 0;
	padding: 2px 10px 2px 4px;
	font-size: 1.2em;
}
#sidebar a {
	color: #000;
	font-weight: bold;
}
#sidebar a:hover {
	color: #ff006b;
	font-weight: bold;
	}
#sidebar ul {
    text-align: left; 
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidebar ul li {
 	list-style-type: none;      
}
#sidebar ul ul {
	margin: 1.2em 0;
	font-size: 0.8em;
	}
#sidebar ul ul li {
}

#sidebar ul ul li a {
	display: block;
	margin: 0 0 0 -10px;
	padding: 0.1em 10px;
	width: 170px;
} 
html>body #sidebar ul ul li a {
	width: 150px;
}
#sidebar ul ul li a:hover {
	background-color: #FFF;
}
/* Lists? */
#sidebar ul ul ul {
	margin: 0;
	border: none;
}
#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}
#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 0.1em 10px 0.1em 25px;
	width: 170px;
} 
html>body #sidebar ul ul ul li a {
	width: 135px;
}

/* Blog */

/* .post  h2 { font-family: "Arial Black";} */
.posttitle h2 {
	font-family: "American Typewriter", "Courier New", Courier, mono;
	margin: 0px auto;
    display: block; 
	padding: 0 4px;
	width: 100%;
    color:#000;
}
h2.posttitle a, h2.posttitle a:visited {
	font-family: "American Typewriter", "Courier New", Courier, mono;
	text-decoration: none;
	float: none;
    color:#000;
    font-weight: bold;
}
.postmeta {
	margin-top: 2px;
        display: inline;
	padding: 2px 4px;
        border-top:1px solid #FFCCED;
        border-bottom:1px solid #FFCCED;
	font-size: 0.9em;
	color: #999;
}
.postentry { display: block;
}
.commentslink {
		display: none;
        padding:3px;
        background: #B2D5CA;
        border-left: 4px solid #97C638;
        border-top: 1px solid #E6EBCF;
        border-bottom: 1px solid #E6EBCF;
}

/* Comments */

#comments h2 {
	font-family:"Arial";
        display: block;
	font-size: 2.4em;
}

#commentlist {
	font-family:Arial;	
	margin: 0em 0;
	padding: 0;
	border-bottom: 1px none #E8E7D0;
	list-style-type: none;}

#commentlist p{	font-family: Arial; font-size: small;	}

#commentlist li {
	border-top: 1px none #E8E7D0;
	padding: 1px 0px 5px 0px;
}
.alt {
        margin: 4px 0px;
}

.permalink a, a:visited {
color: black;
font-weight: normal;       
}
       
.commenttitle {
font-family: "American Typewriter", "Courier New", Courier, mono;
	margin-bottom: 0;
	font-size: 0.9em;
}
.commentmeta {
font-family: "American Typewriter", "Courier New", Courier, mono;
	margin-top: 0;
	color: #000;
}
#comment {
	width: 98%;
}

strong.search-excerpt { background: yellow; }

/*uit oude butt.css*/

.searchbox {
	font-family: "American Typewriter", "Courier New", Courier, mono;
	font-weight: bold;
	font-size: 15px;
	padding-left: 1px;
}
.okbox {
	background-color: #FFCCED;
	font-family: "American Typewriter", "Courier New", Courier, mono;
	font-weight: bold;
	font-size: 15px;
}

#interview
 {
float: right;
border-left: 2px black solid;
margin-left: 10em;
padding-left: 1em;
visibility: visible;
overflow: visible;
}

#beeldbar {
float: left;
width: 19%;
width: 24%;
width: 19%;
}

.buttnote {
float: left;
width: 19%;
width: 24%;
width: 19%;
}
.klein {font-size: 11px; font-weight: normal; }
.kop {	font-size: 18px;	font-weight: bold;	text-transform: uppercase;}




.post p {
	font-size: 1.1em; 
}

/* HOME PAGE */

#coverbanner img {
	margin-bottom: -10px;	}

#coverbanner p {
	font-size: 0.9em;
	margin: 0px 0px 20px 0px;
}


#buttnews {
	margin-top: 0px;
	border-top: 8px none #000;
	padding-top: 0px;
	padding-bottom: 10px;
}

#buttnews h3 {
	margin-bottom: 0px;
}

#buttnews p {
	margin-top: 0px;
	font-weight: normal;}
	
/*
 #buttnews img {
	display:inline;
	float:left;}
*/	

.butthead img {
	margin-bottom: 4px;
}

.butthead {
	font-size: smaller;
	margin-bottom: 10px;
}

#latestissue img.post-image {
	float: left;
	padding: 0px 10px 20px 0px;
}

.backissuethumbnail {
	float: left;
	padding: 0px 10px 20px 0px;
}

.archivethumbslabel {
	padding-top: 10px;
	}

.archivethumbslabel p a {
	color: #000;
	}


div#latestissue {
	border-top: 8px solid black;
	padding: 10px 0px;
	clear: both
}

div#backissues {
	border-top: 8px solid black;
	padding: 10px 0px;
	clear: both
}

div#subscribe {
	border-top: 8px solid black;
	padding: 10px 0px;
	clear: both
}

div#buttstuff {
	border-top: 5px solid black;
	padding-top: 8px;
	clear: both
}

.issue-header img {
	float: right
	margin-bottom: 30px;
}


/* BYLINE (used in article templates ) */

.byline p  {
	font-size: smaller;
}

/* ISSUE */

.issue img.post-image {
	float: right;
	padding-bottom: 10px;
}

.issue-header {
margin-top: 0px;}

#.issue-header img.post-image {
	float: left;
	padding: 0px 10px 20px 0px;
}

.issue-byline p {
	font-size: smaller;
}

.issue div.postentry {
	clear: both;
	border-top: 2px solid black;
}

/* interview */

img.post-image-float {
float: left;
padding: 0px 10px 10px 0px;
}

/* BACKISSUES */

td.backissuesthumbnail {
	text-align: left;
	padding: 0px 10px 20px 0px;
}

/* EMAIL (cat 17) */

#content_post h3 {
	margin-bottom: 0px;}
#content_post p {margin-top: 0px;}