/* --------------------------------------------------------------
   html, body tag copy from colours.css inhere
   -------------------------------------------------------------- */
html, body {
	background: url("images/body_bg0.gif") fixed;
	background-color: #D6D6D6;
	background-position: center center;
	color: #68696D;
}

body {
	background-color: #D6D6D6;
	color: #536482;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
}

/* Round cornered boxes and backgrounds rotating header */
.headerbar {
	background-color: #12A3EB;
    background: url("headers/rotate.php");
	clear: both;
}

/* Logo */
.logo {
    background: url("logos/rotate.php");
	clear: both;
}

/* Site description and logo rotating header set to hight of header picture -10 px */
#site-description {
	height: 130px;
}
 
/* --------------------------------------------------------------
   wrap tag copy from common.css inhere
   -------------------------------------------------------------- */
.outside {
	margin: 0px auto;
	overflow: hidden;
	width: 970px; /* change here to set the outer width (borders) of the wrapper */
}

#wrap {
	margin: 0px auto;
	min-width: 650px;
	padding: 0px 20px 0 20px;
	width: 930px; /* change here to set the inner width (forum) of the wrapper */
}
/* --------------------------------------------------------------
   wrap tag copy from common.css inhere
   -------------------------------------------------------------- */

/* --------------------------------------------------------------
   additional proSilver Markup Styles outside rouded
   -------------------------------------------------------------- */
.top-left, .top-right, .bottom-left, .bottom-right { 
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
   
.top-left { 
   background-image: url("images/corners0.gif"); background-repeat: no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}

.top-right { 
   background-image: url("images/corners0.gif"); background-repeat: no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
}

.top-center { 
   background-image: url("images/bg_head.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}
   
.bottom-left  { 
   background-image: url("images/corners_.gif"); background-repeat: no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 1px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
}

.bottom-right { 
   background-image: url("images/corners_.gif"); background-repeat: no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 1px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
}

.bottom-center { 
   background-image: url("images/bg_foot.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */
}

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("images/bg_body0.gif"); /* CHANGE: path and name of your image */
   background-repeat:repeat-y; 
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */ 
}
   
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */
/* --------------------------------------------------------------
   additional proSilver Markup Styles outside rouded
   -------------------------------------------------------------- */