html, body {
	color: #68696D;
	background-color: #A0A8AE;
/*    background-image: url("{T_THEME_PATH}/images/yourbg.gif");*/ /* CHANGE: path and name of your image */
}

#wrap {
   padding: 0 20px;
   min-width: 700px;
   width: 900px;
   margin: 0 auto;
}

.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }
.outside {
   margin: 0 auto;
   width : 950px;
   }

.menu_link {font: 10px Verdana}
.menu_link a{ color: #105289; text-decoration: none;font: 10px Verdana }
.menu_link a:visited{ color: #105289; text-decoration: none;font: 10px Verdana}
.menu_link a:hover{ color: #D31141; text-decoration: underline;font: 10px Verdana }
.menu_link a:active{ color: #368AD2; text-decoration: none;font: 10px Verdana }

.title_h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000000;
	margin: 15px 0px 0px 0px;
	font-weight: bold;
	font-size: 2em;
}

.shout {
         float:left;
         line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

#site-description {
	float: left;
	width: 70%;
         height:72px;
}

#site-description h1 {
	margin-right: 0;
}

.headerbar {
	background-color: #BB0000;
	background-image: url("../graphics/bg_header.gif");
        	background-repeat: no-repeat;
	color: #000000;
}

.inner {
padding-left:5px;
width:890px;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}
span.corners-top {
	background-position: 0 0;
	margin: 0 -5px;
}
span.corners-top span {
	background-position: 100% 0;
}
span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}
span.corners-bottom span {
	background-position: 100% 100%;
}
.headbg span.corners-bottom {
	margin-bottom: -1px;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}
.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}
.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}
span.corners-top {
	background-image: url("../graphics/corners_left.png");
}
span.corners-top span {
	background-image: url("../graphics/corners_right.png");
}
span.corners-bottom {
	background-image: url("../graphics/corners_left.png");
}
span.corners-bottom span {
	background-image: url("../graphics/corners_right.png");
}

.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) */
   weidth: 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("../graphics/corners_top.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("../graphics/corners_top.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("../graphics/bg_headers.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) */
   weidth: 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("../graphics/corners_bottom.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("../graphics/corners_bottom.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("../graphics/bg_footers.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) */
   weidth: 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("../graphics/bg_body.gif"); background-repeat:repeat-y; /* CHANGE: path and name of your image */
   }