/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

              _   _  ___  ____          ___  _____ 
             | | | ||_ _||  _ \        |_ _||_   _|
             | |_| | | | | |_) | _____  | |   | |
             |  _  | | | |  __/ |_____| | |   | |
             |_| |_||___||_|           |___|  |_|
 
   
        (c) Concept, vormgeving, ontwerp en uitvoering
         ~~ HIP-IT BV (Media Laboratory) Amsterdam ~~
           Tel. +31-(0)20-617 02 82, info@hip-it.nl
                        www.hip-it.nl

(c) 1999-2008 HIP-IT Media Produkties BV
(c) Redouan Salmoun

All rights reserved! Alle rechten voorbehouden. Niets uit deze uitgave
mag zonder voorafgaande schriftelijke toestemming van HIP-IT
verveelvoudigd en/of openbaar worden gemaakt!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@import url('http://stcm.nl/src/global.css');
body{
  background-color:#222222;
  margin:0px;
  padding:0px;
  color:#C9C9C9
}
A:link, A:visited, A:active{
	color:#c0c0c0;
	text-decoration:none
}
A:hover{
	color:#ff2d00;
	text-decoration:underline
}
.registerlinks A:link, .registerlinks A:visited, .registerlinks A:active{
	color:#5b5b5b;
	text-decoration:underline
}
.roze A:link, .roze A:visited, .roze A:active{
	color:#ff008a;
	text-decoration:none
}
.roze A:hover{
	color:#ff2d00;
	text-decoration:underline
}
.roze{
  color:#ff008a
}
.blauw A:link, .blauw A:visited, .blauw A:active{
	color:#00aafc;
	text-decoration:none
}
.blauw A:hover{
	color:#bc3f96;
	text-decoration:underline
}
.blauw{
  color:#00aafc
}
.groen A:link, .groen A:visited, .groen A:active{
	color:#97d507;
	text-decoration:none
}
.groen A:hover{
	color:#bc3f96;
	text-decoration:underline
}
.groen{
  color:#97d507
}
/* input */
input{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:140px;
  color:#5b5b5b
}
textarea{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:90%;
  color:#5b5b5b
}
select{
  font-family:Arial, Tahoma;
  font-size:12px;
  padding:2px;
  border:1px inset #E5E5E5;
  width:200px;
  color:#5b5b5b
}
/* borders */
.aborder{
	border:1px solid #242424
}
.bborder{
	border-bottom:1px solid #242424
}
.rborder{
	border-right:1px solid #242424
}
.lborder{
	border-left:1px solid #242424
}
.tborder{
	border-top:1px solid #242424
}
/* skins en alternates */
.skin_dark{
  background-color:#222222
}
.skin_medium{
  background-color:#303030
}
.skin_light{
  background-color:#444444
}
.alt1{
  background-color:#6E6E6E
}
.alt2{
  background-color:#444
}
/* margins, paddings en linespacings */
.tmargin{
  margin-top:5px
}
.rmargin{
  margin-right:5px
}
.bmargin{
  margin-bottom:5px
}
.lmargin{
  margin-left:5px
}
/* subglobal mvc dialogs */
#dialogback, #dialog{
  background-color:url('http://stcm.nl/art/img/popbg.png');
  background-position:bottom;
  background-repeat:repeat-x;
  background-color:#f0f0f0;
}
#dialogpadding, #dialog{
  padding-top:50px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px
}
#dialoginborder, #dialog{
  border:solid 1px #FFF
}
.dialogoutborder{
  padding:5px;
  background:#646464
}
#overlay{
  background-color:#000
}
/* buttons */
.button{
  text-align:center;
  background-image:url('http://stcm.nl/art/img/btn.gif');
  height:23px;
  width:118px;
  color:#FFF;
  padding: 0px 20px 0px 0px;
  font-size:11px;
  font-weight:bold
}
#divformbuttons{
  margin:0px;
}
#divformbuttonsc{
  background-image:url('http://stcm.nl/art/img/bbutton.gif');
  background-repeat:repeat-x;
  background-position:0px 0px
}
#postform{
  width:610px;
  background-color:#6E6E6E;
  padding:10px 10px 0px 10px;
  overflow:hidden
}
.formbutton{
  width:22px;
  height:22px;
  background-image:url('http://stcm.nl/art/img/bbutton.gif');
  background-repeat:no-repeat;
  background-position:0px 0px
}
.formbuttonover{
  background-position:0px -22px
}
.formbuttondown{
  background-position:0px -44px
}
.formbuttonup{
  background-position:0px -66px
}
.formtextarea{
  background-color:#303030;
  color:#C9C9C9;
  scrollbar-base-color:#303030;
  width:600px;
  border:1px solid #303030;
  margin-top:10px;
  padding:5px
}
#loginform{
  background-image:url('http://stcm.nl/art/img/login_bg.gif');
  background-repeat:no-repeat;
  width:610px;
  height:45px;
  padding:15px 10px 0px 10px
}
/* comments and posts */
#posts #comments .hbg{
  background-image:url('http://stcm.nl/art/img/hbg.gif');
  background-repeat:no-repeat;
  width:630px;
  height:32px
}
#posts #comments .htitel{
  width:305px;
  padding:8px 0px 0px 10px
}
#posts #comments .htab{
  width:305px;
  padding:10px 10px 5px 0px
}
#posts #comments .header{
  width:630px;
  height:11px;
  overflow:hidden
}
#posts #comments .header1{
  background-image:url('http://stcm.nl/art/img/top1.gif');
  background-repeat:no-repeat
}
#posts #comments .header2{
  background-image:url('http://stcm.nl/art/img/top2.gif');
  background-repeat:no-repeat
}
#posts #comments .footer{
  width:630px;
  height:25px;
  overflow:hidden
}
#posts #comments .footer1{
  background-image:url('http://stcm.nl/art/img/footer1.gif');
  background-repeat:no-repeat
}
#posts #comments .footer2{
  background-image:url('http://stcm.nl/art/img/footer2.gif');
  background-repeat:no-repeat
}
#posts #comments .avatar{
  background-repeat:no-repeat;
  background-position:50% 50%;
  margin-right:8px;
  border:1px solid #FFF;
  overflow:hidden;
  height:60px;
  width:60px
}
#comments .message{
  width:534px
}
.pagenav{
  padding:5px 0px 0px 0px
}
#comments .arrowup{
  float:right;
  position:relative;
  top:-15px;
  right:5px
}
#comments blockquote{
	border:0px;
	margin:0px
}
#comments blockquote .blok1{
	padding:5px 10px 5px 10px;
	width:610px
}
#comments blockquote .blok2{
	background-color:#222222;
	padding:5px 10px 5px 10px;
	width:610px
}
#comments .citaat{
	position:relative;
	margin:0px 0px 10px 0px;
	padding-left:10px
}
#comments .quoteblok{
  margin:5px 10px 10px 10px;
  padding:5px;
  background-color:#626262;
  border:1px dotted #CCCCCC;
  width:95%
}
#comments .quoteblokby{
  color:#89E900;
  font-style:italic
}
/* content display */
#contentleft .header{
  width:630px;
  height:12px;
  background-image:url('http://stcm.nl/art/img/top3.gif');
  background-repeat:no-repeat
}
#contentleft .footer{
  width:630px;
  height:11px;
  overflow:hidden;
  background-image:url('http://stcm.nl/art/img/footer3.gif');
  background-repeat:no-repeat
}
/* project display */
.projectbit {
  width:149px;
  padding:3px;
  overflow:hidden
}
#artdisplay{
  width:971px;
  padding:5px
}
/* start mainpagina */
#main{
  position:absolute;
  left:50%;
  width:990px;
  margin-left:-495px
}
#header{
  width:990px;
  height:167px;
}
#contentleft{
  width:630px;
  padding:5px;
  overflow:hidden
}
#contentright{
  width:336px;
  padding:5px 5px 5px 0px;
  overflow:hidden
}
#lefty{
  width:9px;
  height:500px;
  background-image:url('http://stcm.nl/art/img/cbg.gif');
  background-repeat:no-repeat
}
#frontdisplay{
  width:630px
}
#footer{
  background-image:url('http://stcm.nl/art/img/footer.gif');
  width:996px;
  height:61px
}
#usernav{
  width:235px;
  height:30px;
  position:absolute;
  top:137px;
  left:50%;
  margin-left:260px
}
/* content */

/* ads */
#mvcbanner{
  position:absolute;
  left:50%;
  margin-left:22px;
  top:69px;
  width:468px;
  height:60px
}
#wbdsrec{
  width:336px;
  height:280px
}
/* image containers */
.imgtc{
  width:60px;
  height:60px
}
.imgc{
  width:58px;
  height:58px;
  overflow:hidden;
  position:relative;
  top:0px;
  left:0px;
  border:1px solid #FFF
}
.imgi{
  position:relative;
  top:-20px;
  left:-20px
}
/* cp artwork */
#artworkloader{
  width:630px;
  height:466px
}
#artworkviewer{
  width:630px;
  height:466px
}

/* pagenums */
.pagenumstatic {
	color:#272727;
	background-color:#e80063;
	border-color:#e80063;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none
}
.pagenum A:link, .pagenum A:visited, .pagenum A:active, .pagenumajax {
	color:#c0c0c0;
	background-color:#272727;
	border-color:#8a8a8a;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none;
	cursor:pointer
}
.pagenum A:hover, .pagenumajax:hover {
	color:#000000;
	background-color:#E2E2E2;
	border-color:#e80063;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	width:1em;
	text-decoration:none
}
/* mijn hoekje */
#cpdisplay .titel{
  width:439px;
  height:18px;
  background-image:url('http://stcm.nl/art/img/tbtab_bg.gif');
  background-repeat:repeat-x;
  padding:6px 5px 4px 5px;
  overflow:hidden
}
#cpdisplay .nav{
  width:180px;
  overflow:hidden
}
#cpdisplay .cpprojectbit{
  width:618px;
  padding:5px
}
#cpdisplay .tbh{
  background-image:url('http://stcm.nl/art/img/tbh_bg.gif');
  background-repeat:repeat-x
}
#cpdisplay .configh{
  background-image:url('http://stcm.nl/art/img/tbh_bg.gif');
  background-repeat:repeat-x
}
#cpdisplay .config{
  background-image:url('http://stcm.nl/art/img/arrow.gif');
  background-repeat:no-repeat;
  background-position:5px 8px;
  padding:5px 2px 5px 19px;
}
#cpdisplay .configc{
  width:140px
}
#cpdisplay .contentc{
  width:477px
}
#cpdisplay .imagec{
  width:150px
}
#cpdisplay .infoc{
  width:316px
}