body, html{ margin:10px; padding:0; color:black; font-family: Verdana, Arial, sans-serif; font-size:11pt;}
body { min-width:728px; }
code { color:blue; font-family: Monaco, Courier, monospace; font-size:10pt;}
pre { font-size:10pt; }

/* Headers */
h1 { font-size:18pt; color:#0066ff;}
h2 { margin:20px 0px 5px 0px; font-size:16pt; color:#0066ff;}
h3 { margin:40px 0px 5px 0px;  font-size:14pt; color:#0066ff; }
h4 { margin:10px 10px 5px 0px; padding:6px 0px 6px 0px; font-size:13pt; font-weight:bold; color:#0066ff; }
h5 { margin-top:1.0em; margin-bottom:0.6em; font-size:11pt; font-weight:bold; color:#E66C2C;}
h6 { margin-top:1.0em; margin-bottom:0.6em; font-size:11pt; font-weight:bold; color:#0066ff;}

/* Links */
a:link{ text-decoration:none; color:#0066ff; }
a:visited{ color:#0066ff; text-decoration:none; }
a:hover{ color:#0066ff; text-decoration:underline  }


/* Div Sections */
#wrap { width:860px; margin:0px auto 0px auto;}
#topbar{ padding-top:3px; padding-bottom:3px; text-align:center;}
#pageTitle{ font-size:1.6em; margin:10px 238px 10px 0px; padding:0px 0px 6px 0px; }
#sidebar { float:right; width:220px;}
#main { padding:0px 0px 0px 0px; margin-right:225px; width:636px;}
#footer { clear:both; text-align:center; font-size:9pt;}
#google-footer-code { clear:both; }



/* Global Nav  */
#globalnav {  text-align:center; color:#0066ff; }
#globalnav table {border-collapse:collapse; font-size:8pt; text-align:center;}
#globalnav .left, #globalnav td.right {width:20%;}
#gobalnav .mid {width:60%;}
#globalnav a { display:block; text-decoration:none; padding:6px; border:1pt solid #D9D5BE; background:#F0F0F0;}
#globalnav a:hover { background:#D0D0D0;}

/* Header Div Styling */
#header-wrapper { width:860px; margin:0 auto 10px; }
#header-inner { background: repeat url('/images/blog/ss018.jpg'); margin-left: auto; margin-right: auto; border:1pt solid black;}
#header { margin: 5px; text-align: center; color:#0066FF; }
#header h1 { margin:5px 5px 0; padding:15px 20px .25em; line-height:1.2em; text-transform:uppercase; letter-spacing:.2em; font: normal bold 200% Arial, sans-serif; color:#0066ff; }
#header h1 a{ text-decoration:none; }
#header .description { margin:0 5px 5px; padding:0 20px 15px; max-width:900px; text-transform:uppercase; letter-spacing:.2em; line-height: 1.4em;
font: normal bold 86% Trebuchet, Trebuchet MS, Arial, sans-serif; color: #4c4c4c; }


/* Navigation Header */
#navheader{ margin:0px 8px 0px 0px; }
#navheader h4{ padding:2px; background:gray; text-align:center; color:white; font-size:9pt; margin:0px;}

/* NavListTable */
.NavListTable{ font-size:9pt; font-weight:bold; margin:10px 0px 10px 0px; }
.NavListTable ul { width:95%; background:white; margin:0; padding:0; list-style-type:none; border-top:1px solid #D9D5BE; border-right:1px solid #D9D5BE; border-left:1px solid #D9D5BE; }
.NavListTable li { border-bottom: 1px solid #D9D5BE;}
.NavListTable a { display:block; text-decoration:none; padding:6px; background:#F0F0F0;}
.NavListTable a:hover { background:#D0D0D0;}



/* tutorialTable */
.tutorialTable { width:95%; border:1px solid #D9D5BE; border-collapse:collapse; background:white; }
.tutorialTable td { padding:6px; vertical-align:top; }
.tutorialTable tr { border-bottom: 1px solid #D9D5BE; }

/* Classes */

.blogDate { font-size:9pt; color: #ff6600; margin-top:0em; margin-bottom:0em; }
.code { font-family: monospace; color:blue; font-size:11pt;}
.evenTable{ background-color: #cccccc; }
.oddTable{ background-color: #eeeeee; }
.CodeFrame {border:1pt solid black; width:95%; height:300px; }

/* Code Highlighting */
.syntax0 { color: #000000; }
.syntax1 { color: #009933; }
.syntax2 { color: #009900; font-weight: bold; }
.syntax3 { color: #009900; font-style: italic; }
.syntax4 { color: #009900; }
.syntax5 { color: #990000; }
.syntax6 { color: #0000cc; }
.syntax7 { background: #ffffcc; color: #ff0066; }
.syntax8 { color: #0000ff; font-weight: bold; }
.syntax9 { color: #0000ff; font-weight: bold; }
.syntax10 { color: #660000; font-weight: bold; }
.syntax11 { color: #cc6600; font-weight: bold; }
.syntax12 {color: #cc0000; }
.syntax13 { color: #330066; }
.syntax14 { color: #6600ff; }
.syntax15 { color: #9900cc; }
.syntax16 { color: #ff33cc; }
.syntax17 { color: #0000ff; }
.syntax18 { color: #000000; font-weight: bold; }
.gutter { background: #dbdbdb; color: #000000; }
.gutterH { background: #dbdbdb; color: #990066; }

/* Thin Link Index - For Index Pages */
.ThinListIndex { width:96%; font-size:1.2em; }
.ThinListIndex ul{ list-style-type:none; padding:0; margin:0; border-top:1pt solid #736F6E; border-right:1pt solid #736F6E; border-left:1pt solid #736F6E; }
.ThinListIndex a{ padding:4px; margin:0px; display:block; text-decoration:none; border-bottom:1pt solid #736F6E;}
.ThinListIndex a:hover{ background:#EDEDED; }


/* Thin Link Table */
.ThinListTable { width:90%;}
.ThinListTable ul{ list-style-type:none; padding:0; margin:0; }
.ThinListTable li{ border:1px solid #736F6E; padding:4px; margin:2px;}
.ThinListTable li:hover{ background:#EDEDED; }