/* 
============================================================
Type	: StyleSheet CSS1/CSS2
Use 	: For web based turorials
Name	: tutorial.css
Version	: 1.0
Author	: Bertil Gralvik
Copy	: Petit Publications
============================================================
*/

/* 
============================================================
General styles that apply to most blocks
============================================================
*/

/* ----------- Headings ------------------------------------*/

h1,h2,h3,h4{
	font-family: Verdana , Arial , Helvetica, sans-serif;
	font-weight:normal;
	color:Navy;
}
h1 a, h2 a, h3 a{text-decoration:none; color:Navy}
/* Test addition */
h1{font-size:2.2em}
h2{font-size:1.8em}
h3{font-size:1.5em}
h4{font-size:1.3em;font-weight:bold}

p, ol, ul, pre   {
	font-size: 10pt;
	width: 600;
}

/* ----------- Tables -------------------------------------*/
table    {
	font-size: 10pt;
	background-color: #FFFFCC;
	margin: 0 0 0 6px;
}

th    {
	background-color: #C0C0C0;
	padding:0 5px 0 5px;
}

td    {
	border: 1 solid #800000;
	padding:2px 5px 2px 5px;
}
/* ----------- Code ---------------------------------------*/
pre.code    {
	font-family: Courier New, Courier, monospace;
	background-color: #FFFFCC;
	color: maroon;	
	font-size: 9pt;
	padding:6px 0 6px 6px;
	border: 1px solid silver;
}

/* For code highligting */

.comment { color: #003366; }
.operator { color: #660099; font-weight: bold; }
.string { color: #009900; }
.num { color: #FF6600; }
.iden { color: #0000FF; }
.keyword { color: #985B01; font-weight: bold; }

pre.codex    {
	font-family: Courier New, Courier, monospace;
	background-color: #CCFFCC;
	font-size: 10pt;
	padding:6px 0 6px 6px;
	border: 1px solid silver;	
}

.puhh    {
	background-color: #FFFFCC;
	border: 1px solid #800000;
	padding:6px 0 6px 6px;
}

/* 
============================================================
Page design blocks
============================================================
*/

body{
	background:#153F6A;
	background-image: url(/labs/common/img_130.gif);
	font-family: Verdana , Arial , Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	margin: 15px 0 5px;
}

#wrapper{
	width:860px;
	//background:white;
	background:#FEFED0;
	border-left: 1px solid grey;
	text-align:left;
	margin:auto;
	padding:0;
}
        
#header, #footer, #top-nav {
	background:#FEFED0;;
	text-align:left;
	overflow:hidden;
	margin:0 0 0 2px auto;
	border-top: 1px solid grey;
	border-right:2px solid grey;	
	border-bottom:2px solid grey;
	padding:0 8px 0 8px;
}

/* Top Nav Bar */
#top-nav {
	background-color: #09026C;
	height:20px;
	padding:5px 0 3px 20px;
}
#top-nav a{
	color:#ffffff;
}
#top-nav a{
	font-weight: bold;
	padding: 0 20px 0 0px;
	text-decoration: none;
}
#top-nav a:link {
   color: #dddddd;
}
#top-nav a:visited {
   color: #dddddd;
}
#top-nav a:hover {
	color: #FFD700;
}
#top-nav a:active {
   color: #ff0000; 
}
#sidebar{
	width:132px;
	float:left;
	overflow:hidden;
}
#content{
	background:white;
	margin:0 0 0 2px auto;
	text-align:left;
	overflow:hidden;
	border-left: 1px solid grey;
	border-right:2px solid grey;
	padding:10px 24px 0px 24px;
}

#footer{
	height:40px;
	text-align:center;
	font-size: 10px;
	//border-left: 1px solid grey;
	border-right:2px solid grey;
	border-top:2px solid grey;
	//padding: 8px 0 0 12px;
	clear:both;
}

#header h1{
        font-size:20px;
        margin: 6px 0 3px 8px; 
}

#header a{
       text-decoration:none;
}

#header a:hover{
       color:red;
}

#header img{
       margin:0 6px 0 0;
       border:0;
}

#sidebar h1,h2,h3,p{
	padding:0 0 0 4px;
}
#berra{
	text-align:center;
	background:white;
	margin:6px;
	border: 1px solid #BBBBFF;
}
/* Gadgets*/
.skyscraper{
	margin:6px;
}