html, body { margin.0; padding:0;}
body { background:#333333; color:#CCCCCC; text-align:center; font-size:12px; line-height:150%; font-family:Helvetica, Arial, sans-serif; }

#container { width:880px; margin:0 auto; text-align:left; }
#introduction { margin:25px 0; }
#footer { margin-bottom:35px; text-align:center; clear:both; }
.wrapper { width:880px; float:left; margin:10px 0 40px 0; padding:15px 0; border-width:1px 0; border-style:solid; border-color:#666666; }

h1 { font-size:40px; letter-spacing:5px; font-weight:bold; color: #FFFF00; margin:0 0 25px 0; line-height:100%; text-align:center; }
h2 { font-size:18px; font-weight:normal; color:#CCCCCC; margin:0; padding:0; clear:both;  }
h3 { font-size:14px; font-weight:normal; color:#CCCCCC; margin:0 0 5px 0; padding:0; clear:both;  }

a, a:hover { text-decoration:none; color:#FFFF00; }
p { margin:0 0 5px 0; padding:0; }
ul.list { margin:0 0 10px 0; padding:0; list-style-type:none; text-align:left;}
ul.list li { margin:0 0 5px 0; padding:0 0 0 12px; background:url(bullet.gif) no-repeat 2px 6px; }

img { border:none; }


/* CODE */
pre { margin:5px 0; padding:5px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code { display: block; margin:0; padding:0; line-height:150%; }
pre, code {font:100% "monospaced", monospace;*font-size:100%;}



/* ..... TABS*/
.tabber { margin:15px 0 5px 0; width:880px; float:left; }
div.keep-tab { width:880px; background:#111111; float:left; }	
div.tabs-navigation div.button-tab { float:left; display:inline; position:relative; text-align:center; margin:0 10px 0 0; cursor:pointer; color:#FFFFFF; padding:5px 7px; background:#4f4f4f; }	
div.tabs-navigation div.button-tab-active { float:left; display:inline; text-align:center; margin:0 10px 0 0; cursor:pointer; color:#FFFF00; padding:5px 7px; background:#111111; }
div.close-tab { float:right; margin:0; padding:10px; color:#FFFF00; cursor:pointer; }



/* ...................... PROTOSKIM */

/* #skim-example */
#skim-example { margin:0 auto; width:200px; height:150px; } 

/* .skim-multiple-example */
div.skim-multiple-example { float:left; display:inline; width:200px; height:150px; margin:0 110px; }