/*
Theme Name: atsoba
Theme URI: http://majack.org/wp
Description: Theme for cmccbsp.org
Author: Roque Ip
Author URI:
Version: 2008-02-08
*/


/************************************************************************ 
	CSS for majack.org/wp
	
	Author: Roque Ip
	Last Updated: March 10, 2008
        Note: 1.0em = the height of the capital letter M in the default font size
*************************************************************************/

body {
	margin: 0;
	padding: 2em;
	background: url("./images/background.gif"); 
	text-align: center;		/* ie center hack */
	font-family: Arial, Helvetica,'Verdana', sans-serif;
	font-size: 0.8em;
}

img 
{
    border:0;
}


/*******************************************************************************
* 
*	Layers Handling  
*  
*******************************************************************************/

#outer {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 2em; /* 2em 184px 2em;*/
	background-color: #ffffff;
	text-align: left;	/* ie center hack */
}

#header 
{
    position:absolute; 
    height: 240px; 
    width: 900px;
	clear: both;
}

#archi_nat 
{
    position:absolute; 
    height: 100px; 
    width: 900px;
	clear: both;
}

/******
#adiv is a layer, which contain a transparent gif same size of the underlying flash object.
The gif image is link to the url which provided a link ability to the flash object.
******/
#adiv
{
    z-index: 10; 
    position: absolute; 
    height: 240px; 
    width: 900px;
}

/******
#sub is an extra wrapper, which allows the center column to come first in the source. 
#sub is floated left, with #center -the content column- nested within and floated to the right.
concept from http://www.positioniseverything.net/piefecta-rigid.html
******/
#sub 
{
    position: relative;
    top:240px;
	height: 100%;
}

#sub #content
{
  min-width: 900px;  
	max-width: 900px;
	float:right;
}

#sub .sidebar {
	width: 190px;
	float:left;
}

/* for ie browser */
* html #sub #content {
	width: 900px;
}

/***
	Vertical Navigator Bar
***/

#vnav {
	width:145px;
	background: url("./images/navside_bg.gif") repeat-y;
	background-color: #ffffff;
}

#vnav ul li a {
	font: 1.2em arial,'Lucida Bright', Georgia, Times, serif;
	color:#4b0387;
	text-decoration: none;
	
}

#vnav ul, #vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

/* Show Top Image */
li#verytop {
	height: 19px; 
	background: url("./images/navside_end.gif");
}

li#top {
	height: 36px;
	background: url("./images/navside_end.gif");
}


/* Show Bottom Image */
li#bottom {
	height: 36px;
	background: url("./images/navside_end.gif");
}

li#verybottom {
	height: 23px;
	background: url("./images/navside_end.gif");
}

/* Separator for vertical nav bar */
.separator {
	height: 30px;
	background: url("./images/navside_sep.gif");
}
/*
********** link behaviour for vertical nav bar **********
*/
#vnav ul li a:focus, #vnav ul li a:hover, #vnav ul li a:active {
	text-decoration: underline;
        color:#7df892;
}

.storytitle a:focus, .storytitle a:hover, .storytitle a:active {
        color:#7df892;
}


#email_box
{
   padding-left:15px;
}

.clear {
    clear: both;
}

/***
	Footer
***/

#footer {
	clear: both;
	padding-top: 240px;
	margin-top: 1em;
	margin-bottom:0;
	padding-bottom:0;
	height: 110px;
	width: 900px;
	background: url("./images/footer_image1.jpg") repeat-x left bottom;
}

/*#footer .right {
	float: left;
}*/

#footer ul {
	margin: 1.1em 1em 0 0;
	list-style-type: none;
	text-align: right;
	
}

#footer ul li 
{
    color: #8c7702;
	font: 1.0em  arial,'Lucida Grande', verdana, sans-serif;
    float:left;
}

#footer ul li a {
	color: #8c7702;
	text-decoration: none;
}

#footer ul li a:focus, #footer ul li a:hover, #footer ul li a:active {
	color: #7df892;
	text-decoration: underline;
        font: 1.0em arial, 'Lucida Grande', verdana, sans-serif;
}

#footer .left {
	padding-left: 1.0em;
	margin-bottom:0;

	width: 850px;
	float: left;
}

#footer .acenter 
{
    margin-top:6px;
	float: center;
}
#footer .left img {
	
}

#footer .right 
{
    margin-top:6px;
	float: right;
}
#footer .center 
{
        padding: 3.0em 0 0 0;
	text-align: center;
}
/*
#footer .center {
	width: 20.0em;   
	margin: 0 auto;
	padding: 3em 0 0 0;
	text-align: center;

}
*/
p#copyright {
    color: #8c7702;
	font: 1.0em arial, 'Lucida Grande', verdana, sans-serif;
	text-align: center;
}

p#copyright a:focus, #footer ul li a:hover, #footer ul li a:active {
	color: #7df892;
	text-decoration: underline;
        font: 1.0em arial, 'Lucida Grande', verdana, sans-serif;
}



/*******************************************************************************
* 
*	Content Style  
*  
*******************************************************************************/

#sub #content h2 {
	font:bold 2.0em arial, 'Lucida Bright', Georgia, Times, serif;
	color:#ea3b05;
	text-decoration: none;
        text-align:center;
        line-height: 1.7em;
}


#sub #content h5 {
	font:bold 1.8em arial, 'Lucida Bright', Georgia, Times, serif;
	color:#ea3b05;
	text-decoration: none;
        text-align:center;
        line-height: 2.0em;
}

#sub #content h3.storytitle a {
  color: #4e444d;
  font-family:  arial, 'Lucida Bright', Georgia, Times, serif;
  text-decoration: none;
  text-align:center;
        line-height: 1.4em;
}

#sub #content h4 {
  color: #d36504;
  font: 1.3em  arial, 'Lucida Bright', Georgia, Times, serif; 
/*  font-family: arial, 'Lucida Bright',Georgia,Times,serif; */
  text-decoration: none;
        line-height: 2.0em;
        text-align:center;
/*  text-align:center; */
}

#sub #content h4.storytitle a  {
  color: #d36504;
  font: 1.2em  arial, 'Lucida Bright', Georgia, Times, serif; 
  text-decoration: none;
        line-height: 1.2em;
/*  text-align:center; */
}

#sub #content .entry  {
  color: #4e444d;
  font: 1.2em  arial, 'Lucida Bright', Georgia, Times, serif;
  text-decoration: none;
        line-height: 1.2em;
  text-align:left;

}

#sub #content h4.storytitle a:focus, #sub #content h4.storytitle a:hover, #sub #content h4.storytitle a:active {
	color: #7df892;
	text-decoration: underline;
        font: 1.2em arial, 'Lucida Grande', verdana, sans-serif;
        line-height: 1.2em;
}

/*******************************************************************************
* 
*	Messages Page Style  
*  
*******************************************************************************/
table#message_year {
  border:0; 
  text-align:center;
}

table#message_year td {
  padding:0.5em 1.5em;
}