/************************************************************************
**	PianoMusician.nl
**  Een project van Jacob Ras ( www.jacobras.nl )
**	Forum stylesheet
************************************************************************/


/************************************************************************
**	Forumoverzicht
*************************************************************************/

/* topiclist */
ul.topiclist { list-style-type: none; }
ul.topiclist dt, ul.topiclist dd { float: left; }
ul.topiclist dt { width: 350px; }
ul.topiclist dd.laatstebericht { width: 220px; }
ul.topiclist dl { margin: 0; padding-left: 50px; }
ul.indexlist dl { margin: 0; padding-left: 66px; }
ul.topiclist dl.geennieuweberichten { background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/forumoverzicht_geennieuw.png') no-repeat 7px center; }
ul.topiclist dl.nieuweberichten { background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/forumoverzicht_nieuw.png') no-repeat 7px center; }
ul.indexlist dl.geennieuweberichten { background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/forum_geennieuw.png') no-repeat 7px center; }
ul.indexlist dl.nieuweberichten { background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/forum_nieuw.png') no-repeat 7px center; }
ul.topiclist dd.discussies, ul.topiclist dd.berichten, ul.topiclist dd.reacties, ul.topiclist dd.bekeken { width: 60px; color: #999; font-size: 10px; text-align: center; }
ul.topiclist .header dd.discussies, ul.topiclist .header dd.berichten, ul.topiclist .header dd.reacties, ul.topiclist .header dd.bekeken { color: #000; font-size: 12px; text-align: left; }

.topiclist { margin: 0; padding: 0; border: 0; }

.header dt { padding-left: 20px; margin-right: 60px; }
.header dt a, .header h2 a { color: #000; }
.header dd { color: #000; }
.header h2 { float: left; margin-left: 10px; margin-right: 60px; background: none; width: 350px; }


/* topiclist li.row */
.topiclist li.row { border-bottom: 1px solid #e8e8e8; padding: 8px 0 8px 18px; }
.topiclist li.row:hover { background: #edf4f7; } /* #f6f6f6 */
.topiclist li.lastrow { border-bottom: none; }
.topiclist li.onevenrow { background: #f8f8f8; }


/* forumlist li.row */
.forumlist li.row { padding: 6px 0 6px 10px; }
.forumpagenav { margin-left: 4px; font-size: 10px; }
.forumpagenav a { padding-right: 3px; }
.forumlisticon { position: relative; top: 2px; margin-left: 3px; }


/* inlogform */
#forum_inlogform {  }
#forum_inlogform fieldset { border: 1px solid #eee; margin: 0; padding: 6px 12px; }
#forum_inlogform fieldset img { margin-right: 3px; }
#forum_inlogform input { margin: 0 16px 0 4px; }


/* hoort hier niet */
.display-actions { border: 1px solid #eee; margin: 0; text-align: center; }


/* gekleurde gebruikersnamen */
.gebruikersnaam-admin { color: #AA0000; }


/* display options */
.display-options { border: none; padding: 0; margin: 0 0 25px; text-align: center; }
.display-options select { padding: 1px; margin-left: 3px; }
fieldset.display-options label { white-space: nowrap; padding-right: 2px; margin: 0 0 0 14px; }


/* pagination */
.pagination .pagination-pages a { padding: 4px; background: #e7e7e7; color: #5a5a5a; margin: 0 3px; }



/************************************************************************
**	Knoppen
*************************************************************************/

/* Nieuw onderwerp */
a.knop_nieuwonderwerp { display: block; width: 166px; background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/knop_nieuwonderwerp.png') top; height: 29px; }
a.knop_nieuwonderwerp:hover { background-position: bottom; }

/* Plaats reactie */
a.knop_plaatsreactie { display: block; width: 143px; background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/knop_plaatsreactie.png') top; height: 29px; }
a.knop_plaatsreactie:hover { background-position: bottom; }


/* Meld bericht */
a.knop_meldbericht { display: block; width: 20px; background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/knop_melden.png') top; height: 19px; margin-right: 6px; }
a.knop_meldbericht:hover { background-position: bottom; }

/* Citeer bericht */
a.knop_citeerbericht { display: block; width: 56px; background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/knop_citeer.png') top; height: 19px; }
a.knop_citeerbericht:hover { background-position: bottom; }



/************************************************************************
**	Forumtopic
*************************************************************************/

#forumberichten { margin-top: 15px; margin-bottom: 25px; }
.forumbericht { margin-top: 25px; background: #f8f8f8; /* f6f6f6 ,  #f2f2f2 */ padding: 8px; border: 1px solid #ebebeb; }
.post-body { width: 620px; float: left; }
.post-body p { margin-bottom: 20px; }
.post-body ul { list-style-position: inside; }
.poster-info { width: 260px; float: right; border-left: 1px solid #fff; padding-left: 20px; line-height: 16px; }
.poster-info .naam-info { margin-bottom: 12px; }
.post-acties { float: right; }
.post-acties a { float: left; }
.poster-stats { margin-bottom: 12px; }



/* bijlagen */
div.inline-attachment { }
div.inline-attachment dl.file { margin-left: 8px; }
div.inline-attachment dl.file dl.attach-image { }





/**************
**	Zooi
********/
.search-box fieldset { border: none; padding: 0; margin: 0; }
.forumoverzicht_titel a, .topictitel a, .firstposttitel a { color: #000; }

fieldset.jumpbox { border: none; padding: 0; margin: 0; float: right; }
.jumpbox_return { margin-bottom: 15px; }

ul.profiel-opties { list-style-type: none; margin-top: 15px; }
ul.profiel-opties li { display: inline; margin-right: 6px; }

fieldset.quickmod { border: 1px solid #e3e3e3; margin-bottom: 25px; }

/*.post-body blockquote { background: #eee; padding: 4px 8px; }*/
.post-body blockquote { background:#F5F5F5 none repeat scroll 0 0; border:1px solid #DADADA; padding:11px 14px; margin-bottom:11px; }
.post-body blockquote cite { display: block; font-family: 'Trebuchet MS', Tahoma, sans-serif; }

.topicmsgicon { position: relative; top: 1px; }



/****************************
**	Reactie plaatsen
*****************************/
#postingbox .inner { background: #f6f6f6; padding: 8px; margin: 4px; }
#postingbox .inner fieldset { background: #fff; border: 1px solid #d8d8d8; padding: 14px; }
#format-buttons { margin: 15px 0 2px 0; }
/*
#format-buttons input { background: #f3f3f3; border: 1px solid #dedede; }*/
#format-buttons input, #format-buttons select { vertical-align: middle; }
textarea {font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 12px; padding: 6px; }
#message-box textarea {
	width: 100%;
	color: #333333;
	margin: 4px 0;
}
#message-box { width: 730px; }
#smiley-box { width: 18%; float: right; }
#smiley-box img { margin: 3px; }
textarea.inputbox {	width: 85%; }

fieldset.submit-buttons, fieldset.fields1 { border: none; padding: 0; margin: 0; }

dl#post-iconen label { margin: 0 14px 0 0; }
dl#post-iconen label #icon { margin-right: 2px; }
dl#post-iconen label img { margin-left: 2px; }

dl.navline { margin: 0; padding: 0; margin-top: 4px; }
dl.navline dt { float: left; width: 140px; }
dl.navline dt label { margin: 10px 10px 4px 0; }
dl.navline dd input { padding: 2px 4px; }

div.forum_bg {  }

div.forum_bg { background: url('http://www.pianomusician.nl/wp-content/themes/pianomusician/afbeeldingen/nieuwsbg.png') repeat-x top; padding-top: 4px; padding-bottom: 40px; border-top: 1px solid #eaeaea; }
div.forum_bg h2, div.forum_bg p.lichtgrijs { padding: 0 4px; }
div.forum_bg h1.nieuwstitel { padding: 0 4px; font-size: 18px; }
div.forum_bg h2 a, div.forum_bg h1.nieuwstitel a { color: #000; }
div.forum_bg p.lichtgrijs { display:block; }

fieldset.submit-buttons { margin: 5px 0 35px; background: #f3f3f3; padding: 4px 8px; text-align: center; }

div#tabs { width: 932px; }
div#tabs ul { list-style-type: none; margin-top: 4px; height: 33px; line-height: 36px; background: url('http://www.pianomusician.nl/wp-content/themes/pianomusician/afbeeldingen/vak_groot_bg.png') no-repeat; padding-left: 10px; font-size: 12px; }
div#tabs ul li { display: inline; border: 1px solid #e3e3e3; padding: 3px 6px; margin: 4px; }
div#tabs ul li.activetab a { color: #000; outline: none; }

div#postoptiesvak { padding: 8px; }

#attach-panel fieldset { border: none; padding: 0; margin: 0; }
#attach-panel fieldset dl, #attach-panel fieldset dt, #attach-panel fieldset dd { margin: 0; padding: 0; }

#options-panel fieldset label { margin-left: 4px; }

/* review */
h3#review { margin-top: 25px; }

#topicreview { overflow: auto; height: 300px; }
#topicreview .forumbericht .post-body { width: 600px; }



fieldset.fields2 { border: none; padding: 0; margin: 0; }



/* regpanel */
fieldset#regpanel { margin-top: 25px; }
fieldset#regpanel dl { padding: 0; margin: 0; clear: both;  }
fieldset#regpanel dl dt { padding: 0; margin: 0; width: 200px; float: left; }
fieldset#regpanel dl dt label { padding: 0; margin: 0; }
fieldset#regpanel dl dt span { color: #999; font-size: 10px; display: block; margin-bottom: 20px; }
fieldset#regpanel dl dd { float: left; margin-bottom: 20px; }
fieldset#regpanel hr { margin: 20px 0; }

#regcap p { margin-bottom: 25px; }


/* fields1 */
fieldset.fields1 { margin-top: 15px; }
fieldset.fields1 dl { padding: 0; margin: 0; clear: both;  }
fieldset.fields1 dl dt { padding: 0; margin: 0; width: 140px;  }
fieldset.fields1 dl dt label { padding: 0; margin: 0; }
fieldset.fields1 dl dt span { color: #999; font-size: 10px; display: block; margin-bottom: 20px; }
fieldset.fields1 dl dd { padding: 0; margin: 0; margin-bottom: 10px; }
fieldset.fields1 dl dd label { padding: 0; margin: 0; }
fieldset.fields1 hr { margin: 20px 0; }

hr.dashed { margin: 10px 0; }

.content p { margin-bottom: 10px; }


.panel { margin-bottom: 25px; }

strong { font-weight: normal; }



/* overige */
.gebruikerspaneel { margin-bottom: 25px; }


/* forum margin */
.frmargin { margin-bottom: 25px; }



/* profiel bekijken */
#gebruikerview {}
#gebruikerview dl, #gebruikerview dt, #gebruikerview dd, #gebruikerview label { margin: 0; padding: 0; }


.notice { color: #999; font-size: 10px; margin-top: 25px; }



ul.linklist {
	display: block;
	margin: 0;
}

#memberlijstlinklist { padding-bottom: 25px; }

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
	border: 1px solid #dedede; padding: 6px;
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	padding: 0 6px;
	background: #eee;
	height: 30px;
	line-height: 30px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr.bg2 { background: #f8f8f8; }

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #edf4f7;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background: #eee;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}
dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}
* html .column1, * html .column2 { width: 45%; }

.panel {
	margin-bottom: 4px;
	padding: 10px;
	background-color: #f7f7f7;
	color: #3f3f3f;
	border-top: 1px solid #e3e3e3;
	margin: 20px 0;
}


.panel h2 {
	font-weight: normal;
	color: #989898;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.panel h3 {
	margin: 0.5em 0;
}

.panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.panel p {
	font-size: 1.1em;
}

.panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

.panel li.row {
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #F9F9F9;
}
.panel li.header dd, .panel li.header dt {
	color: #000000;
	margin-bottom: 2px;
}


/* viewmember: actions */
dl.viewmember_actions {  }
dl.viewmember_actions dt { width: 130px; }
dl.viewmember_actions dt span { padding-right: 6px; }


/************************************************************************
**	Topic berichten
*************************************************************************/
#forumreacties { list-style-type: none; padding: 20px 10px; }
#forumreacties li.reactie { margin-bottom: 20px; }
.reactie-info { float: left; width: 140px; }
.reactie-body { background: #f4f8f9; width: 756px; float: right; color: #3e5867; position: relative; min-height: 20em; }
#reactiebg { position: absolute; left: -10px; top: 34px; }

/* reactie-content */
.reactie-content { padding: 12px; }
.reactie-content h1.reactietitel, .reactie-content h2.reactietitel { font-size: 18px; }
.reactie-content .reactietitel a { color: #000; }
.reactie-content p { margin-bottom: 10px; }
.reactie-content ul { list-style-position: inside; }
.signature, .signature a { color: #90abbb; }

/* overig */
ul.post-actieicons { list-style-type: none; font-size: 10px; }
ul.post-actieicons li { display: inline; padding-right: 6px; }

/* quote structuur: blockquote div cite */
.reactie-content blockquote { background: #d8e8ec; padding: 6px 10px; margin-left: 40px; border: 1px solid #9accd9; }
.reactie-content blockquote blockquote { background: #c7dde2; }
.reactie-content blockquote blockquote blockquote { background: #d8e8ec; }
.reactie-content blockquote cite { font-family: 'Trebuchet MS', Tahoma, sans-serif; margin-right: 4px; }





/* gebruikerspaneel */
ul.cplist {
	margin-bottom: 5px;
}

#tabs { margin-top: 15px; }


/* gebruikerspaneel navigatie */
#navigation ul { list-style-type: none; margin-bottom: 25px; }
#navigation ul li { display: inline; margin-right: 6px; }
#navigation ul li#active-subsection a span { font-weight: bold; }


/* verwijderen indien problemen met fieldset border */
fieldset { border: 1px solid #d7d7d7; }

/* voor preview screenshot
#gallery { width: 650px; } */

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
}

#gallery label:hover {
	background-color: #edf4f7;
	border: 1px solid #c1e0ed;
}


/* mooie input submit knoppen */
.button2, .button1 { width: auto !important;
	padding: 1px 2px;
	color: #000;
	background: url('http://www.pianomusician.nl/forum/styles/pianomusician/theme/afbeeldingen/knop_button2.png') repeat-x bottom #fefefe;
	border: 1px solid #d8d9da;
	margin-left: 6px;
	cursor: pointer;
}
.button1 { font-weight: bold;  }

.button2:hover, .button1:hover { border: 1px solid #bcbcbc; }