/*
Theme Name: Arbitrair
Theme URI: http://www.arbitrair.com/
Description: Arbitrair theme
Version: 2.0
Author: Ewout van Lambalgen
Author URI: http://www.iwit.nl/
Tags: white, cmyk, yellow, gray, arbitrair
*/


/*_________________________________________________________________ DE BASICS */

html,body { background:#f3f3f4 url(_img/background.jpg) 0 0 repeat-x fixed; color:#333132; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

#container { margin:0 auto; padding:27px; width:846px; }

a { text-decoration:none; }
img { background:none !important; border:none !important; }
img:hover { background:none !important; border:none !important; }

#borderleft { background:#fff; height:100%; left:0; position:fixed; top:0; width:9px; }
#borderright { background:#fff; height:100%; position:fixed; right:0; top:0; width:9px; }
#bordertop { background:#fff; height:9px; left:0; position:fixed; top:0; width:100%; }
#borderbottom { background:#fff; bottom:0; height:9px; left:0; position:fixed; width:100%; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; font-style:inherit; font-size:100%; font-weight:inherit; margin:0; outline:0; padding:0; }
:focus { outline:0; }

/*_________________________________________________________________ POSTS */

#content { background:#fff; float:left; margin:0 18px 0 0; width:500px; }

.post { padding:0 0 27px 0; text-decoration:none; }
.postcontent { clear:both; font-size:12px; line-height:19px; padding:0 9px; }
.postcontent img { margin:0 -9px 9px -9px; }
.postcontent object { margin:0 -9px 9px -9px; }
.wp-smiley { display:inline; margin:0 !important; }
.postcontent a:link, .postcontent a:visited { color:#a49800; }
.postcontent a:hover, .postcontent a:active { background:#fae800; color:#333132; }
.postinfo { background:#fae800; color:#58595b; display:inline-block; float:left; font-size:12px; line-height:normal; padding:3px 4px; }
.postinfo a:link, .postinfo a:visited { color:#58595b !important; }
.postinfo a:hover, .postinfo a:active { color:#333132 !important; }
.posttitel { clear:both; }
.posttitel a:link, .posttitel a:visited { background:#fae800; clear:both; color:#333132; font-size:22px; font-weight:bold; line-height:normal; padding:2px 5px; text-transform:uppercase; }
.posttitel a:hover, .posttitel a:active { background:#fae800 url(_img/txtlink.png) 0 0 repeat; color:#222; }


.verderlezen { background:#fae800 url(_img/verderlezen.png) right top; clear:both; color:#333132 !important; display:block; float:right; line-height:normal; margin:0 -9px 0 0; padding:1px 23px 1px 9px; }
.verderlezen:hover { background:#fae800 url(_img/verderlezen.png) right -23px; color:#111 !important; }


.nxtprv { background:#333132; color:#fff; font-size:16px; height:18px; padding:9px; width:482px; }
.prv { background:url(_img/nxtprvpagina.png) 0 -20px no-repeat; color:#fff; display:block; float:left; padding:0 0 0 18px; }
.prv:hover { background:url(_img/nxtprvpagina.png) 0 -66px no-repeat; color:#fae800; }
.nxt { background:url(_img/nxtprvpagina.png) right 5px no-repeat; color:#fff; display:block; float:right; padding:0 18px 0 0; }
.nxt:hover { background:url(_img/nxtprvpagina.png) right -41px no-repeat; color:#fae800; }

#infscr-loading { background:#333132 url(_img/loading.gif) 112px 9px no-repeat; color:#fff; font-size:16px; height:18px; padding:9px; width:482px; }
#infscr-loading span { display:block; margin:-18px 0 0 0 !important; padding:0 0 0 21px !important; text-align:center !important; }
#infscr-loading img { display:none; }

/*_________________________________________________________________ REACTIES */

.reaintro { display:block; float:left; height:27px; width:500px; }

.commentlist li { background:#fff; font-size:12px; line-height:19px; list-style:none; margin:5px 5px 18px 5px; padding:0 4px 2px 4px; }
.commentlist li .postinfo { margin:-5px 5px 0 -9px; }
.commentlist li a:link, .commentlist li a:visited { color:#a49800; text-decoration:none; }
.commentlist li a:hover, .commentlist li a:active { background:#fae800; color:#333132; }

.alt { background:#fafafa !important; }
.moderation { background:#ed1c24; color:#fff; font-size:12px; }

.reainput { background:#fff; border:1px solid #ccc; margin:0 9px 0 0; }
.reavlak { background:#fff; border:1px solid #ccc; height:150px; margin:9px; width:480px; }

a.reabutton { background:url(_img/reabutton.png) 0 0 no-repeat; display:block; float:right; height:17px; margin:0 0 9px 0; width:99px; }
a.reabutton:hover { background:url(_img/reabutton.png) 0 -17px no-repeat; }

/*_________________________________________________________________ SIDEBAR */

#sidebar { color:#333132; float:left; margin:0 0 0 518px; position:fixed; width:216px; }

.sb-titel { background:#333132 url(_img/ttlgradient.jpg) 0 0 no-repeat; color:#fae800; font-size:12px; height:35px; padding:6px 9px; text-align:center; }
.sb-titel h3 { color:#fff; font-size:19px; }
.sb-titel a:link, .sb-titel a:visited { color:#fae800; }
.sb-titel a:hover, .sb-titel a:active { color:#fff; }

a.portfolio { display:block; height:81px; width:216px; }
.borus { background:url(_img/borus.jpg) 0 0 no-repeat; }
.darja { background:url(_img/darja.jpg) 0 0 no-repeat; }
.ewout { background:url(_img/ewout.jpg) 0 0 no-repeat; }
.marileen { background:url(_img/marileen.jpg) 0 0 no-repeat; }
.ruben { background:url(_img/ruben.jpg) 0 0 no-repeat; }
.portfolionaam { background:#fae800 url(_img/portfoliopijl.png) right top no-repeat; color:#333132; display:block; float:left; font-size:14px; margin:45px 0 0 0; padding:1px 27px 1px 9px; }
a.portfolio:hover .portfolionaam { background:#fae800 url(_img/portfoliopijl.png) right bottom no-repeat; color:#111; }

.search { background:#fae800 url(_img/search.png) 4px 4px no-repeat; height:29px; margin:18px 0 0 0; }
.searchinput { background:#fff; border:none; color:#333132; height:15px; margin:6px 0 0 26px; width:181px; }

.copy { background:#fae800; color:#333132; font-size:12px; line-height:18px; margin:18px 0 0 0; padding:9px; }
.copy a:link, .copy a:visited { color:#333132; display:block; }
.copy a:hover, .copy a:active { color:#000; }
.reglink { padding:9px 0 0 0; }

#aap { background:url(_img/aap.png) 0 0 no-repeat; display:block; height:135px; margin:-106px 0 0 120px; width:135px; z-index:99; }

/*_________________________________________________________________ LOGO */

a.logo { background:url(_img/arbitrair-logo.png) 0 0 no-repeat; display:block; height:550px; margin:-27px 0 0 734px; overflow:hidden; position:fixed; text-indent:-9999px; width:132px; }