/*
 Kinesis website style by Michael Bromley
*/
 
	
body {
     font-family:  verdana, arial, sans-serif;
     font-size: small;
     background-color: #000;
     text-align: center;  /*to make IE centre the page */
     margin-top:0px;
     }





/* 
	The definitions below determine how the page looks.

*/


.hidden {display:none;}

/* definitions applying to the central block containing the site contets */
.wrapper {
         background-color: #300;
         color: #fff;
         width:740px;
         text-align: left; /* resets the text alignment */
         margin: 0 auto; /* centers the container */
         background: url(../../images/edges.jpg) repeat-y top; /*this image is for the left and right fancy border */
        }


 /* definitions for the content generated by nucleus and the contents of each individual php page file*/
.contents {
        position:relative;
        background: url(../../images/bullets.gif) repeat-y right top;
        margin-top:-5px;
        margin-left:20px;
        margin-right:-20px;
         overflow: hidden;
       /* voice-family: "\"}\"";
	voice-family:inherit;  */
	background-color: #600;
        width:700px;
}


/*
Definition for the elements of the main 'content' of each page
*/


a:link {
TEXT-DECORATION: none; COLOR: #999;
}
A:visited {
TEXT-DECORATION: none; COLOR: #888;
}
A:hover {
TEXT-DECORATION: underline; COLOR: #fff;
}

/*positions the menuhead_bottom image in the centre */
.rip {
        position:relative;
        top:0px;
        width:700px;
        background-color: #600;
        padding-left: 0px;
        margin-left:20px;
}

/* defenitions for the logo area at the top of the page */
.menuhead {
        position:relative;
        background: url(../../images/menu_head.jpg);
        height:116px;
        width:740px;
        top:0px;
        }

/* defenitions for the horizontal menu, including link handlers */
.menu {
        position:relative;
        background: url(../../images/menu_mid.jpg);
        background-position: top center;
        left:20px;
        width:700px;
        top:0px;

	/* use a lighter text color (grey) and a smaller font */
	color: #ccc;
	font-size: small;
	color: white;
}


.menulink {COLOR: #ccc;
          border-left: 2px solid #000;
          border-right: 2px solid #000;
          font-size: 14px;
          margin-left: 0px;
          background-color: #a00;
          padding-left:2px;
          padding-right:2px;
          }

a:link.menulink {
TEXT-DECORATION: none; COLOR: #ccc;
}
A:visited.menulink {
TEXT-DECORATION: none; COLOR: #ccc;
}
A:hover.menulink {
TEXT-DECORATION: none; COLOR: #fff; background-color: #600;
}

/*code to make link descriptions appear in the grey stripe */
a.menulink span {display: none;}
a:hover.menulink span {display: block;
   position: absolute; top: -13px; left: 1%;
   padding: 0px;  z-index: 100;
   color: #000;
   font: 10px Verdana, sans-serif; text-align: left;}
   

/* defenitions for the sidebar sub-menu */
.sidebar {
          font-weight: bold;
          text-align: right;
         padding:10px;
         float: right;
         margin-top:-1px;
         background-color: #300;
         border-left: 1px solid #000;
         border-bottom: 1px solid #000;

}



/*defenition of the footer*/
.footer{

        /*background: url(../../images/footer.jpg);   */
        background-color: #300;
        width:740px;
        margin-left:-20px;
        height:22px;
        }





/*this is for the occasional floating images to spice up dull blocks of text*/
.floatimg {
          float: left;
          margin-right:10px;
          border: 2px solid #000;
          }

.borderimg {
border: 10px solid #000;
}


/*this is used for section headings */
h1 {
	padding: 0px;
	 letter-spacing: 3px;
        font-size: small;
        margin-bottom: 0px;
        border-bottom:1px solid #300;

}

/*this is used for the page heading */
h2 {
        background-color: #300;
        padding: 0px;
	font-size: small;
        margin-bottom: 0px;
        border-bottom:1px solid #000;
}


/* 
	Definitions for the item listings like they are done on the main page and in archives
	- h3.item is the title of an item (<h3 class="item">)
	- .itembody is the item contents
	- .iteminfo contains the time of posting and the name of the author, and the amount of comments
	
	anchors in the iteminfo (.iteminfo a) are not underlined and bold
*/

/* item title */
h3.item {
	font-size: medium;
	margin: 0px;
	margin-top: 20px;
	padding-left:20px;
}

.itembody {	
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:20px;
}

td img {
border: 1px solid #000;
}

.iteminfo {	
	font-size: x-small;
	color: gray;
	padding-left:20px;
	margin-bottom: 20px;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}

/*
	Definitions of how comments listings look like on item pages
	- h3.comment contains the name of the comment author
	- .commentbody contains the text from the comment
	- .commentinfo contains the time of commenting
*/

/* comment title */
h3.comment {
	font-size: small;
	color: gray;
	margin-bottom:3px;
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}





/*
	Some general rules:
	- images never have a border (even when they are inside a hyperlink)
	- elements having class="skip" are not shown
	- item lists using <ul class="nobullets"> have no list-item bullets
	- highlighted text (in search results) have a yellow background
*/

/*table header rows*/
th {text-align: left;
    border: #300;
}

img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: yellow;
}