body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;}

/* Container - banner */
div#wrapBanner{
	position:relative;
	height:175px;
	background:url(../upload/site_foto/banner_photo.jpg) no-repeat;
	}

div#wrapBannerRight{
	position:relative;
	height:175px;
	background:url(../images/banner_logo.jpg) no-repeat right;
	color:#546375;
	overflow:hidden; 
	}


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

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

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

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

div#wrapContentBody img{border:0px;}



/* Horizontal Menu */
.menu{
	padding:0px;
	width: 80%;
	display:inline;
}

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

.menu li{
	display:inline;
	margin:0px 2px 0px 0px;
	text-transform:uppercase; 
}

.menu a{
	float:left;
	margin:0px 1px 0px 0px;
	padding: 5px 10px;
	background-color:#fac15b; /*#09324C */
	border-top:1px solid white;
	font:bold 11px Verdana;
	color:black;
	text-decoration:none;
}

.menu a:hover{
	background-color:#3086C1; /* #A31D21 */
	color: white;
}



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

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



/**/
.navigationMenu{margin-top:25px;}


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

.navigationMenu ul li a{
	display:block;
	padding:1px 0px 2px 14px;
	text-decoration:none;
	}

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;	
	}


/* 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.8em;
	color:#fac15b;
	}

H2{
	font-size:1.8em;
	border-bottom: 1px dotted #fac15b;
	}

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


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

#footer span{
	float:left;
	width:75%;
	height:60px;
	padding-top:28px;
	padding-left:270px;
	color:white;
	font-size:small;
	background: url(/images/footer_horse.jpg) no-repeat;
	}

#footer span img{float:right; border:0px; padding-right:20px;}



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


A                          {color:#fac15b;}
A:hover                    {color:white;}
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:block;}
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;
	}




.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:#fac15b; color:black;
                            border-top: 1px solid #CCCCCC; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid #CCCCCC;}