body{font-family:Verdana, Geneva, Arial, sans-serif;}

/* Container - banner */
div#wrapBanner{
	position:relative;
	height:195px;
	background:url(../images/background_phead.jpg) no-repeat;
	}

div#wrapBannerLeft{position:absolute;}

div#wrapBannerRight{
	position:relative;
	height:195px;
	padding-right:100px;
	background:url(../images/phead_hamadryad.jpg) no-repeat right top;
	color:#546375;
	font-size:0.8em;
	text-align:right;
	white-space:nowrap;
	overflow:hidden;
	}


/* Container - Devider */
div#wrapDevider{
	height:44px;
	padding-left:225px;
	font-size:0.7em;
	color:#546375;
	background-image:url(../images/background_pheaddiv.jpg);
	background-repeat:no-repeat;
	}

/* Container - Left column*/
div#wrapLeftColumn{
	position:relative;
	width:223px;	/* 223 */
	padding-left:4px;		padding-bottom:20px;
	float:left;
	/*border-right:1px solid #546375;*/
	font-size:0.8em;	
	color:#3086C1;
	z-index:1;				Xbackground:blue;
	}

/* Container - Content column */
div#wrapContentColumn{
	position:relative;
	margin-left:228px; /* ! FF */
	font-size:0.8em;	
	color:white;
	height:100%;			Xbackground:pink;
	}

div#wrapContentBody{
	height:100%;
	width:740px;
	margin-left:-1px;
	border-left:1px solid #546375; 
	padding-left:10px;
	padding-right:20px;
	padding-bottom:40px;
	}

div#wrapContentBody img{border:0px;}


/* Navigation Menu's  */
.blockTop{
	height:20px;
	padding-top:6px;
	padding-left:10px;
	color:white;
	font-weight:bold;
	background:url(/images/block_menu.gif) no-repeat right top;
	}

.blockSub{
	height:20px;
	padding-top:4px;
	padding-left:10px;
	color:white;
	font-weight:bold;
	background:url(/images/block_header.gif) repeat-x right top;
	}

.navigationMenu{margin-top:25px;}

.navigationMenu ul{
	width:200px;
	margin-left:-5px;
	padding:0px;
	border:1px solid black;
	}

.navigationMenu ul li a{
	display:block;
	padding:1px 0px 2px 4px;
	}

ul.s1 a{
	color:white;
	border-top:1px solid #546375;
	}

ul.s1 a:hover{
	background:#3086C1;
	color:white;
	}





/* Unorderd definion list*/
dl{text-align:center;}

dl dt{
	display:block;
	width:600px;
	background:#3086C1;
	padding:4px;
	font-weight:bold; text-align:left;	
	}

dl dd{
	width:558px;
	border:1px solid #3086C1;
	border-top:0px; 
	padding:4px;
	margin-bottom:15px; text-align:left;	
	}



/* For Strict mode sake, we use this to enable target='_blank'. */
.xLink img{
	border:0px;

	/* We are using a fixed image so it aligns better with the Front Menu module
	padding-right:15px;
	background: url(/images/ext-link.png) no-repeat top right;
	*/
}

/* Image frame, fixed size */
.imageFrameLarge{
	background: url(/images/imageframelarge.png) no-repeat top left !important;
	background: url(/images/blank.gif) no-repeat;
	padding-right:18px;
	padding-left:8px;
	padding-top:9px;
	padding-bottom:18px;
	}



/* Round menu buttons*/
a.buttonHome{
	float:left;
	width:26px;
	height:26px;
	background: url(../images/button_home.gif) no-repeat;
	}

a.buttonHome:hover{background: url(../images/button_home.gif) no-repeat bottom;}

a.buttonEmail{
	float:left;
	width:26px;
	height:26px;
	background: url(../images/button_email.gif) no-repeat;
	}

a.buttonEmail:hover{background: url(../images/button_email.gif) no-repeat bottom;}


/* Headers */
H1, H2, H3 {font-family:"Lucida Grande", Arial;}
H1{
	font-size:1.4em;
	color:#3086C1;
	}

H2{
	font-size:1.2em;
	border-bottom: 1px dotted #3086C1;
	padding-top:40px;
	}

H3{
	font-size:1.0em;
	padding-top:20px;
	}


/* Bottom Devider */
#wrapFrame > #footer {position: fixed;}
/* Bottom Devider */
#footer{
	clear:both;
	position: relative;
	float:left;
	bottom:0px;
	width:100%;
	height:50px;
	padding-top:3px;
	background: url(/images/bottom_divider.png) !important;
	background: url(/images/bottom_divider.gif);
	z-index:1000;
	}

#footer span{
	float:left;
	height:50px;
	padding-top:33px;
	color:white;
	font-size:small;
	}


/* Template: code highlight
pre {white-space:pre-wrap; word-wrap: break-word; color:black;}
 */
pre {color:black;}

.highlight{
	 height:200px;
	 overflow:auto;
	 background:white;
	 border:4px solid #CCCCCC;
	 padding:0;
	 margin-top:40px;
	 margin-bottom:40px;
	 font-size:11px;
}
.highlightRows{
	background:#CCCCCC;
	padding-right:10px;
	color:black; 
}


/* CLEAN UP ASAP:
Colour scheme difficult...aaaarrggghhhh

*/
#ajaxActivityIndicator     {display:none; background:white; position:absolute; left:45%; top:50%; padding:2px; width:162px;
                            z-index:100; height:auto; border:1px solid #CCCCCC;}
#loadingMessage            {background:#900700; color:white; font-size:14px; padding-top:2px; padding-left:4px; height:20px}


/* other definitions        ------------------------------------------------------   */


A                          {color:#3086C1;}
A:hover                    {color:#3086C1; text-decoration:none;}
HR                         {height:1px; border: 1px solid #8FAECD;}

.loginForm                 {font-size: 0.8em; color: white;}
.loginInput                {font-size: 1.0em; color: black;}





/* OOKAMI: Write: */

/* Category List View */
ul.categoryList				{padding:0; margin:0; list-style:none;}
ul.categoryList li			{border-bottom:1px dotted #3086C1; width:100%; margin-top:30px; }
ul.categoryList li span		{float:right; text-align:right; width:95px;}

/* Article List View */
ul.articleList				{padding:0; margin:0;}
ul.articleList li			{display:inline;}
ul.articleList li span		{
	display:block;
	border:1px solid white;
	padding:4px;
	margin-top:40px;
	background-image: url(/images/comment_header.gif);
	background-repeat: repeat-x;
	}

/* Article Properties */
ul.articleProperties		{padding:0;	margin:0;}
ul.articleProperties li		{display:inline; line-height:16px;}
ul.articleProperties li img	{margin-right:4px; margin-left:4px;	vertical-align: text-top;}
ul.articlePropertiesBox		{padding:2px; border: 1px dotted #3086C1;}


/* Page chapter navigation */
ul.articleNav				{padding:0;	margin:0; text-align:center;}
ul.articleNav li			{
	display:inline;
	padding:2px;
	padding-left:3px; 
	border:1px solid white;
	color:#FF9;
	font-weight:bold;
	}


/* Center object (video's etc) */
.divCenter                 {width:480px; padding:4px; margin-left:auto; margin-right:auto; border:1px solid #546375;}




.commentBlock              {padding:2px; color:black; background:#EBE9E1; border:1px solid black} 
.commentBlock A            {color:#990000;} 

blockquote                 {position:relative; width:92%; background: #F4F4F4 url(/ookami/modules/write/images/quotes.gif) 2px 5px no-repeat;
                            margin-left: 0px; margin-bottom:6px; padding:4px 4px 4px 24px;
                            border-top:1px solid #BFD9EC; border-right:1px solid #BFD9EC; border-bottom:1px solid #BFD9EC; border-left:3px solid #CCCCCC;}
.button                    {cursor:pointer; background-color:#09324C; color:white;
                            border-top: 1px solid #CCCCCC; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid #CCCCCC;}