html { font-size : small; }
body { margin : 0; font-size : 85%; margin-bottom : 16px; text-align : center; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; color : #5E5A53; }

.nocss { display : none; }
body[id=top] { margin-top : 50px; }

h2 { margin : 0; padding : 0; font-family : "Arial Narrow", Arial, Helvetica, sans-serif; font-size : 22px; }
h3 { color : #5E5A53; }
ul, li {margin : 0; padding : 0;}
img, form, fieldset { border : none; margin : 0; padding : 0;}

/* links */
a, a:hover { text-decoration: none; }

/* links with diap bg */
#login a, .post p a, .archivedpost p a, .top5item a .header, .minipost a .header, #forums li a, #getdumped a, #commentform p a, #actionbar #email a { padding : 1px; }
#login a:hover, .top5item a:hover .header, .minipost a:hover .header, #forums li a:hover, #getdumped a:hover, #commentform p a:hover { color : #fff; text-decoration : none; }
body[id=top] .post p a:hover, body[id=top] .archivedpost p a:hover { color : #fff; text-decoration : none; }

/* transparency fix */
img, #topnav, #badge, #smallbadge a, #topad, #categories li a span, #categories li a, #specials a, .post .posted label { behavior : url(/beeld/lib2/js/pngfix.htc); }

/* ad text */
.adHeadline { font-size : 100% !important; font-weight : bold; text-decoration : none; }
.adHeadline:hover { color : #fff; text-decoration : none; }
.adText { font-size : 100% !important; text-decoration : none; color : #8B8780; }
.adText:hover { text-decoration : none; color : #EEEDEB !important; }

/* topnav */
#topnav { color : #8B8780; z-index : 100; position : fixed; left : 0; top : 0; padding-left : 4%; width : 96%; height : 30px; margin-bottom : 18px; background : transparent url(../img/topnav.bg.png) top left no-repeat; }
#topnav a { color : #8B8780; line-height : 23px; height : 23px; font-size : 11px; padding : 5px; }
#topnav a:hover { text-decoration : none; }

#selectcss { border : 1px solid #333; background-color : #1E1D1C; color : #8B8780; font-size : 90%; }
#selectcss option#en { color : #DD1C0B; }
#selectcss option#de { color : #43D34A; }
#selectcss option#gr { color : #3690FF; }
#selectcss option#es { color : #F1CB25; }
#selectcss option#it { color : #2A56FA; }

/* sitebox */
#sitebox { z-index : 90; background-color : #fff; width : 530px; margin : 0 auto; text-align : left; border-left : 300px solid #1E1D1C; border-right : 159px solid #1E1D1C; padding-bottom : 20px; }
#sitebox:after { content: ""; display: block; height: 0; clear: both; }

#leftcol { float : left; width : 300px; margin-left : -300px; position : relative; }
#posts { float : left; width : 530px; margin-right : -530px; padding-top : 10px; }
#rightcol { float : right; width : 159px; margin-right : -159px; position : relative; padding-top : 20px; }

/* TC Badges on the top left */
#badge { z-index : 90; position : absolute; display : block; top : 40px; margin-left : -83px; width : 164px; height : 181px; }
#smallbadge a { display : block; width : 204px; height : 204px; cursor : pointer; }

/* ad on top of homepage */
#topad { z-index : 80; position : absolute; top : 0px; width : 830px; height : 305px; background : transparent url(../img/ad.btm.png) top left no-repeat; }
body.ad #posts {padding-top : 305px;}

/* visual nsfw */
#visualnsfw { display : block; width : 300px; height : 300px; cursor : pointer; }

/* navigation */
#navigation { height : 35px; margin-bottom : 10px; padding-left : 10px; }
#navigation:after { content: ""; display: block; height: 0; clear: both; }
#navigation ul, #navigation ul li {margin : 0; padding : 0; display : inline;}
#navigation ul li a { display : block; float : left; height : 35px; }
#navigation ul li a h2 {display : none;}

#navhome { width : 60px; background : url(../img/nav.home.png); }
#navrss { width : 34px; background : url(../img/nav.rss.png); }
#navarchive { width : 61px; background : url(../img/nav.archive.png); }
#navforum { width : 50px; background : url(../img/nav.forum.png); }
#navcontact { width : 64px; background : url(../img/nav.contact.png); }

/* boxes in left column*/
.colbox { margin : 0 0 10px 20px; padding : 0 0 10px 0; }
.colbox .hdr { padding-top : 1px; height : 31px; }
.wide { width : 260px; background : #2A2927 url(../img/box.wide.btm.png) bottom left no-repeat !important; }
.wide .hdr { background : transparent url(../img/box.wide.top.png) top left no-repeat; }
.narrow { width : 119px; background : #2A2927 url(../img/box.narrow.btm.png) bottom left no-repeat !important; }
.narrow .hdr { background : transparent url(../img/box.narrow.top.png) top left no-repeat; }
.fat { margin-left : 10px; width : 140px; background : #2A2927 url(../img/box.fat.btm.png) bottom left no-repeat !important; }
.fat .hdr { background : transparent url(../img/box.fat.top.png) top left no-repeat; }
.colbox h3 { margin : 0 0 0 10px; }
.colbox .body { margin : 10px 10px 0 10px; }
.colbox .row { float : none; clear : both; height : 19px; }
.colbox p { float : none; clear : both; line-height : 19px; margin : 0; }
.colbox p:after, .colbox .row:after { content: ""; display: block; height: 0; clear: both; }

/* login */
#login label { display : block; float : left; width : 61px; color : #8B8780; height : 19px; line-height : 19px; cursor : pointer; }
#login .textfld { display : block; float : left; font-size : 100%; color : #fff; width : 116px; height : 19px; background : transparent url(../img/input.unpw.bg.png) top left no-repeat; border : none; padding : 2px; }
#login #loginbtn { display : block; float : left; width : 29px; height : 19px; }
#login #rememberme { display : block; float : left; margin-left : -1px; }
#login #remembermelabel { width : 70px; margin-left : 5px; color : #8B8780; font-size : 90%; }
#login form p { height : 19px; margin-bottom : 3px; }
#login p#tick, #login p#actions, #login p#meta { padding-left : 61px; }
#login p#actions { color : #fff; padding-top : 5px; }
#login p#meta { color : #8B8780; }

/* search */
#search .textfld { display : block; float : left; font-size : 90%; color : #fff; width : 176px; height : 19px; background : transparent url(../img/input.search.bg.png) top left no-repeat; border : none; margin : 0 5px 0 0; }
#search #searchbtn { display : block; float : left; width : 39px; height : 19px; }

/* categories */
#categories ul { margin : 0; padding : 0; display : block; }
#categories li { list-style : none; padding : 0; margin : 0; display : block; background : transparent url(../img/cat.row.bg.png) 0 0 no-repeat; width : 99px; height : 19px; margin-top : 3px; }
#categories li a { display : block; width : 99px; height : 19px; color : #8B8780; }
#categories li a:hover { text-decoration : none; color : #fff !important; }
#categories li a span { display : block; width : 74px; height : 19px; line-height : 19px; padding-left : 25px; cursor : pointer; }
#categories li a#cat-ritmos span { background : transparent url(../img/icon.ritmos.png) 0 0 no-repeat; }
#categories li a#cat-comerciales span { background : transparent url(../img/icon.comerciales.png) 0 0 no-repeat; }
#categories li a#cat-diseño span { background : transparent url(../img/icon.diseño.png) 0 0 no-repeat; }
#categories li a#cat-humor span { background : transparent url(../img/icon.humor.png) 0 0 no-repeat; }
#categories li a#cat-juegos span { background : transparent url(../img/icon.juegos.png) 0 0 no-repeat; }
#categories li a#cat-impactante span { background : transparent url(../img/icon.impactante.png) 0 0 no-repeat; }
#categories li a#cat-peliculas span { background : transparent url(../img/icon.peliculas.png) 0 0 no-repeat; }
#categories li a#cat-totallycrap span { background : transparent url(../img/icon.totallycrap.png) 0 0 no-repeat; }
#categories li a#cat-nsfw span { background : transparent url(../img/icon.nsfw.png) 0 0 no-repeat; }
#categories li a#cat-deportes span { background : transparent url(../img/icon.deportes.png) 0 0 no-repeat; }
#categories li a#cat-noticias span { background : transparent url(../img/icon.noticias.png) 0 0 no-repeat; }
#categories li a#cat-wtf span { background : transparent url(../img/icon.wtf.png) 0 0 no-repeat; }

/* crap top 5 */
#craptop5 ul { margin : 0; padding : 0; display : block; }
#craptop5 li { list-style : none; display : block; width : 239px; height : 86px; margin-bottom : 3px; background : transparent url(../img/craptop5.bg.png) center left no-repeat; }
#craptop5 li a { display : block; width : 239px; height : 86px; text-decoration : none !important; }
#craptop5 li a:hover { color : #fff; background : transparent url(../img/craptop5.bg_o.png) center left no-repeat; }
#craptop5 li a:hover .text { color : #B5B5B1 !important; }
#craptop5 li img { display : block; width : 86px; height : 86px; float : left; margin-right : 8px; }
#craptop5 li .texta { height : 86px; }
#craptop5 li .header { margin : 0; padding : 0 2px; line-height : 20px; color : #fff; }
#craptop5 li .text { margin : 0; padding : 0 2px; padding-right : 2px; line-height : 130%; color : #8B8780; }

/* forums entries */
#forums li { padding-left : 18px; display : block; height : 25px; line-height : 25px; }
#forums li a { color : #fff; }

/* posts */
.post { margin : 0px 25px 15px 25px; padding-bottom : 10px; border-bottom : 1px dotted #B5B5B1; }
.post .hdr { height : 35px; padding-top : 5px; width : 100%; }
.post .hdr h2 { margin : 0; }
.post p { width: 100%; margin: 0 0 10px 0; line-height: 150%; float: left; font-size: 110%; }
.post p > a { padding : 0 !important; }
.post .postpic { float : left; margin-right : 11px; margin-top : 2px; border : 2px solid #B5B5B1; }
.post .postcat { background : transparent url(../img/cat.icon.bg.gray.png) center left no-repeat; display : block; float : left; height : 19px; width : 19px; }
.post .postcat:hover { background-color : transparent !important; }

.single { border-bottom : none; }
.wider { width : 804px; margin : 0 15px; padding-bottom : 15px; }
.wider p { margin-bottom : 15px; }
.wider .postpic { border : none; margin-bottom : 15px; border : 2px solid #B5B5B1; }

.posted { clear : both; margin-top : 15px; height : 19px; }
.posted a, .posted span { display : block; float : left; height : 19px; padding : 0 2px; line-height : 17px; font-size : 90%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }
.posted a:hover { color : #fff; text-decoration : none; }
.posted span { color : #B5B5B1; }
.posted .divider { padding : 0 2px; }
.posted .postcat label { display : block; float : left; height : 19px; width : 19px; }
.posted .postcat label span {display : none;}
.posted .copyurl { width : 135px; }
.posted .copyurl label { float : left; font-weight : bold; }
.posted .copyurl input { float : right; height : 17px; width : 95px; border : 1px solid #E7E3DE; color : #5E5A53; padding : 0 4px; line-height : 18px; font-size : 11px; }
.posted .social { width : 19px; height : 20px; }

.wider .posted .divider { padding : 0 7px; }
.wider .posted .copyurl { width : 235px; }
.wider .posted .copyurl input { width : 195px; }
.wider #flvplayer { text-align : center; background-color : #EEEDEB; padding-top : 20px; padding-bottom : 20px; }

.bigbar { background-color : #EEEDEB; height : 25px; padding : 6px 6px 0 6px; }
.bigbar .divider { padding : 0 2px; }

.posted .ritmos label { background : transparent url(../img/icon.ritmos.png) -2px 0 no-repeat; cursor : pointer; }
.posted .comerciales label { background : transparent url(../img/icon.comerciales.png) -2px 0 no-repeat; cursor : pointer; }
.posted .diseño label { background : transparent url(../img/icon.diseño.png) -2px 0 no-repeat; cursor : pointer; }
.posted .humor label { background : transparent url(../img/icon.humor.png) -2px 0 no-repeat; cursor : pointer; }
.posted .juegos label { background : transparent url(../img/icon.juegos.png) -2px 0 no-repeat; cursor : pointer; }
.posted .impactante label { background : transparent url(../img/icon.impactante.png) -2px 0 no-repeat; cursor : pointer; }
.posted .peliculas label { background : transparent url(../img/icon.peliculas.png) -2px 0 no-repeat; cursor : pointer; }
.posted .totallycrap label { background : transparent url(../img/icon.totallycrap.png) -2px 0 no-repeat; cursor : pointer; }
.posted .nsfw label { background : transparent url(../img/icon.nsfw.png) -2px 0 no-repeat; cursor : pointer; }
.posted .deportes label { background : transparent url(../img/icon.deportes.png) -2px 0 no-repeat; cursor : pointer; }
.posted .noticias label { background : transparent url(../img/icon.noticias.png) -2px 0 no-repeat; cursor : pointer; }
.posted .wtf label { background : transparent url(../img/icon.wtf.png) -2px 0 no-repeat; cursor : pointer; }

/* archived posts */
#accordion { width : 480px; margin : 0px 25px; }
.archived { margin : 0; border-bottom : 1px dotted #B5B5B1; padding-bottom : 0px; }
.archived h3 { margin : 0; padding : 2px 0; font-size : 13px; cursor : pointer; float : none; clear : both; height : 21px; line-height : 21px; }
.archived h3:after { content: ""; display: block; height: 0; clear: both; }
.archived h3:hover { color : #fff; }
.archived h3 .date { display : block; float : left; margin-right : 10px; color : #8B8780; font-size : 80%; }
.archived h3:hover .date { color : #fff; }
.archived h3 .hdrtext { display : block; float : left; }
.archived h3 .archivecat { display : block; float : right; height : 19px; line-height : 19px; background : transparent url(../img/cat.icon.bg.gray.png) center left no-repeat; }
.archived h3:hover .archivecat { background : none; background-color : transparent !important; }
.archived p { width : 100%; margin : 0; line-height : 150%; clear : both; float : left; }
.archived .piclink { padding : 0 !important; }
.archived .postpic { float : left; margin-right : 11px; margin-top : 3px; border : 2px solid #B5B5B1; }
.archived .posted { border-top : 10px solid #fff; border-bottom : 10px solid #fff; background-color : #E7E3DE; }

/* get dumped */
#getdumped .hdr img { margin-left : 7px; }
#getdumped li { text-align : center; display : block; list-style : none; padding : 0; margin : 0; }
#getdumped li img { margin : 3px 0; border : 2px solid #33322F; }
#getdumped .pic a:hover { background-color : transparent !important; }
#getdumped p { text-align : center; }

/* linktip us */
#linktip .body { margin-left : 0px; }

/* specials */
#specials {}
#specials ul { margin : 0; padding : 0; display : block; }
#specials li { list-style : none; margin : 0; padding : 0; display : block; width : 103px; height : 90px; margin : 0 0 5px -2px; }
#specials li a { display : block; width : 99px; height : 86px; border : 2px solid #2A2927 !important; }
#specials li a:hover { cursor : pointer; }
#specials a#tcaction { background : transparent url(../img/visual.special.tcspecial.png) 0 0 no-repeat; }
#specials a#nozzcrt { background : transparent url(../img/visual.special.nozzcrt.png) 0 0 no-repeat; }
#specials a#smspoof { background : transparent url(../img/visual.special.smspoof.png) 0 0 no-repeat; }
#specials span { display : none; }

/* comments */
.commentheader { margin : 20px 25px 0px 25px; }
.comment { margin : 0px 25px; padding : 5px 0 17px 0; padding : 10px 0; border-bottom : 1px dotted #B5B5B1; overflow : hidden; }
.comment p { margin : 0; line-height : 150%; }
.comment .posted  { padding-top : 5px; clear : both; color : #B5B5B1; font-size : 90%; height : 18px; line-height : 18px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; background-image : none; }

/* comment form */
#commentform { margin : 0px 25px 12px 25px; padding-top : 5px; padding-bottom : 15px; }
#formfs .colnarrow { float : left; width : 190px; }
#formfs .colwide { float : left; width : 288px; }
#formfs p { margin: 0; padding: 0 0 0.2em 0; }
#formfs p label { margin: 0; padding: 0; line-height: 1em; }
#formfs p input { margin : 0; height : 19px; border : 0; font-size : 90%; width : 153px; color : #1E1D1C; background : url(../img/input.commentform.bg.png) top left no-repeat; }
#formfs input.checkbox { margin: 0; width: auto; background: transparent;}
#formfs textarea { margin : 0; border : 0; height : 195px; width : 100%; text-align : left; color : #1E1D1C; overflow : auto; background : url(../img/textarea.bg.png); }
#formfs .formbutton { margin : 12px 15px 0 0; width : 80px; height : 23px; text-align : center; color : #fff; background : #B5B5B1; border : 1px solid; cursor : pointer; }
#formfs textarea:focus { color: #33322F; background: #EEEDEB; }
#formfs p input:focus { color: #33322F; background: #EEEDEB; }

/* paginate */
.paginate { margin : 15px 25px; height : 19px; line-height : 18px; color : #8B8780; background : url(../img/paginate.bg.png); }
.paginate .pagecount { padding-left : 5px; }
.paginate .pageselect  { float : right; }
.paginate .pageselect input { margin : -1px 5px -1px 0; border : 1px solid #B5B5B1; font-size : 9px; color : #8B8780; background-color : #EEEDEB; }

/* vkarchives */
#archivesheader { font-weight : bold; margin : 10px 25px 0 25px; }

/* two collumns box */
#twocolbox { position : relative; z-index : 90; background-color : #fff; width : 830px; margin : 0 auto; text-align : left; border-right : 159px solid #1E1D1C; padding-top : 199px; padding-bottom : 20px; }
#twocolbox:after { content: ""; display: block; height: 0; clear: both; }
#twocolhdr { position : absolute; top : 0; left : 0; width : 989px; height : 204px; background-color : #1E1D1C; }
#twocolhdr:after { content: ""; display: block; height: 0; clear: both; }
#twocolbox #posts { float : left; width : 830px; margin-right : -830px; }
#twocolhdr #navigation { position : absolute; left : -10px; bottom : -5px; }
#twocolbox #smallbadge { float : left; width : 204px; height : 204px; }
#twocolbox #visual { float : right; width : 385px; height : 204px; }

/* sponsors - ad bar*/
#twocolbox #sponsors { width : 780px; margin : 10px 25px 15px 25px; padding-bottom : 15px; border-bottom : 1px dotted #B5B5B1; }
#twocolbox #sponsors:after { content: ""; display: block; height: 0; clear: both; }
#twocolbox #sponsors .spnsr { float : left; width : 15%; margin : 0 10px 0 0; }
#twocolbox #sponsors a { color : #8B8780; }
#twocolbox #sponsors a .shdr { font-weight : bold; }
#twocolbox #sponsors a:hover .shdr { color : #fff; text-decoration : none; }
#twocolbox #sponsors a:hover { text-decoration : none; }

/* miniposts */
.minipost { width : 124px; padding-bottom : 10px; border-bottom : 1px dotted #5E5A53; margin-bottom : 10px; }
.minipost br {display : none;}
.minipost a { display : block; width : 124px; text-decoration : none !important; }
.minipost img { display : block; width : 120px; height : 120px; float : left; border : 2px solid #2A2927; }
.minipost img:after { content: ""; display: block; height: 0; clear: both; }
.minipost .header,
.minipost .text { display : block; padding : 0 2px; margin : 0; line-height : 120%; }
.minipost .header { clear : both; color : #fff; }
.minipost .header .hdrtxt {padding-left : 10px;}
.minipost .header:after { content: ""; display: block; height: 0; clear: both; }
.minipost .text { color : #8B8780; }
.minipost a:hover .header { color : #fff; background-image : url(../img/arrow_o.png); }
.minipost a:hover .text { color : #B5B5B1 !important; }

/* header used in small video template */
#bighdr { height : 204px; background-color : #1E1D1C; }
#bighdr #smallbadge { width : 204px; height : 164px; overflow : hidden; }
#bighdr #navigation {margin-left : -10px;}
#bighdr #visual { position : absolute; left : -226px; top : 0; width : 385px; height : 204px; }
#leftcol #bighdr { margin-bottom : 20px; }
#posts #bighdr { margin-top : -10px; margin-bottom : 15px; }

/* it's all sIFR below... */

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility : visible !important; margin : 0; }
.sIFR-replaced { visibility : visible !important; }
span.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #post h2 { visibility : visible; letter-spacing : -1px; font-size : 25px; }
.sIFR-hasFlash .colbox h3 { visibility : visible; letter-spacing : -1px; font-size : 20px; }