/*

Theme Name: PianoForte

Theme URI: http://pianolessen.eu

Description: A piano-inspired theme by <a href="http://www.tonystreet.com">tony</a>. <em>Does not</em> play well with Gravatars.

Version: 1.0

Author: Tony

Author URI: http://www.tonystreet.com/



Feel free to customize to your heart's desire, just please don't change the credits in the style.css or in the footer.



This theme is licensed under the Creative Commons Attribution-ShareAlike 2.5



This basically means that you are allowed to distribute and modify this theme, as long as you leave the credit in the footer of the theme, and you keep this license how it is.



Of course, you can contact me and I'll probably allow you to do anything you want with it :-)



Read the full license here: http://creativecommons.org/licenses/by-nc-sa/2.5/legalcode



CHANGE LOG:

1.2: Bugfix - sidebar would overrun whitespace, ugly! Thanks to Drew at http://damaged-ink.net.

*/



/* LINKS */

a {color: #ffffff; text-decoration: underline; border: none; }

a:visited {color: #cccccc;}

a:hover {text-decoration: underline; border: none; color: #ff0000;}

a img {border: none; }

a.name {text-decoration: none; color: #ffffff; font-size: 30px;}

a.postlink { text-decoration: none; color: #ffffff; font-size: 18px; margin-top:50px;}



blockquote {

border-left: 1px dashed #ccc;

margin-left: 1.5em;

padding-left: 5px;

}



body {

background: #000000;

color: #dddddd;

font-family: Verdana;

font-size: 12px;

text-align: justify;

width: 900px;

background-image: url('images/background.jpg');

background-position: top left;

background-repeat: no-repeat;

margin-left:0px;

}



#cats {

font-size: 10px;

padding-left: 5px;

}



.commentbox {

padding-left: 10px;

margin-left: 3px;

padding: 5px;

border: 1px solid #ffffff;

width: 400px;

}



#content {

margin-left: 30px;

margin-right: 30px;

padding-top: 250px;

width:875px;

}


#tekst{width:400px;}
#voet{width:900px;float:left;margin-bottom:10px;}


#desc {

font-size: 13px;

color: #ffffff;

}



#divider {

padding-top: 15px;

}



#foot {           /* F00TER */

font-size: 16px;

margin-bottom: 10px;

text-align: left;

color: #ffffff;

clear: both;

}



#head {                 /* HEADER */

text-align: right;

padding-right: 20px;

padding-top: 20px;

padding-bottom: 20px;

background:url(images/bg_head.png) no-repeat;

background-position:right 18px;

display:block;
}



li {list-style: none;}

ul {list style: none;}



#menutitle {

font-size: 24px;

color: #ffffff;

}



#menu {           /* SIDEBAR */

float: right;

padding-top: 2px;

padding-right: 2px;

text-align: left;

}



#postdata {

color: #555555;

font-size: 10px;

}



#search {

background-color: #000000;

color: #ffffff;

font-family: Georgia, "Times New Roman", Serif;

}



#searchbutton {

color: #ffffff;

border: 1px solid #ffffff;

background-color: #555555;

}



#textbox {background-color: #555555; border: 1px solid #555555; color: #ffffff;}

#textbox:focus {background-color: #000000; color: #ffffff;}

textarea {font-family: Georgia, "Times New Roman", Times, Serif; font-size: 11px;}



/*Dropdown*/
#sfnav, #sfnav ul {
width: 198px;
list-style: none;
line-height: 20px;
background:#4b4a48;
font-weight: bold;
padding: 0;
border: solid #f00;
border-width: 0px 0;
margin:0px; 
position: absolute;
text-align:left;
text-indent:8px;
}

#sfnav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0px;
}

#sfnav a.daddy {
background: url(images/rightarrow2.gif) no-repeat 95%;
}

#sfnav li {
			float: left;
		width: 198px;
padding: 0;
}

#sfnav li ul {
			position: absolute;
			left: -999em;
		width: 198px;
height: auto;
font-weight: normal;
border-width: 0px;
margin: 0;
}

#sfnav li li {
		width: 198px;
}

#sfnav li ul ul {
		margin: -1.75em 0 0 14em;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -2px;
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
#nav3 #sfnav li.over,#sfnav li:hover {
background: #333;
}