/*   
	KubrickLeft v1.0 for Xoops 2.0.x

	This theme was designed by Michael Heilemann, whose blog you will find at binarybonsai.com.
	It was ported to Xoops by kavaXtreme who can't be bothered with a proper blog, but has a site at kavaxtreme.radiantchristians.com.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Modified by Jason M. Heim to suit aatozz.com
*/

/*
 * Color scheme discussion:
 * 
 * The color scheme for this site has a simple 'rainbow' basis, with
 * one chosen shade of red/orange/yellow/green/blue/purple plus white
 * and black for the background and borders, respectively.
 *
 * #hex    (decimal    )  = color
 * #FFFFFF (255:255:255)  = white (also noted as #FFF)
 * #C70042 (199:  0: 66)  = red
 * #E08115 (224:129: 21)  = orange
 * #F7F799 (247:247:153)  = yellow
 * #009045 (  0:144: 69)  = green
 * #0176B5 (  1:118:181)  = blue
 * #732C57 (115: 44: 87)  = purple
 * #000000 (  0:  0:  0)  = black (also noted as #000)
 */


/********************************************************************/
/* Overall page body settings */
/********************************************************************/
body {
        margin: 0;
        padding: 0;
        background: #FFFFFF; /* white */
        color: #000000; /* black */
        font-size: 12px;
        font-family: Verdana, Arial, Sans-Serif;
        text-align: center;
	}

/* This directive hides underline for links */
body a {
        text-decoration: none;
        }

/* This directive adds underline for links when the mouse hovers on them */
body a:hover {
        text-decoration: underline;
        }

/********************************************************************/
/* Overall page contents settings.  Used as a div within the body.  */ 
/* Designates a static width and padding size surrounding the page. */
/********************************************************************/
#page {
        margin: 0px auto 0px auto;
        padding: 0;
        width: 720px;
        text-align: left;
	}

#sidebar {
	float:left;
	width: 288px; /* width of logo + 2 for the 1px border on each side */
	}

#sidebar form { 
	/* this is used by sidebar forms like the theme selector */
	margin: 5px;
	text-align: left;
	}

#footer {
	margin: 0 0 10px 0;
	padding: 5px;
	width: 948px; /* page width - 10 for padding - 2 for border */
	clear: both;  /* disallow anything to float beside the foother */
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	}

/***********************************************************************/
/* General tag attributes */
/***********************************************************************/
div.w480 table {
	}

div.w480 table td {
	}

div.w480 table.rack {
        margin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        border-width: 0;
        font-size: 12px;
	}

div.w480 table.rack td {
        margin: 0;
        padding: 0;
        border: 0;
	vertical-align: middle;
	}

table.rack {
        margin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        border-width: 0;
        font-size: 12px;
        }

table.rack td {
        margin: 0;
        padding: 0;
        border: 0;
        }


/***********************************************************************/
/* Standard width attributes */
/***********************************************************************/

div.w720 {
        width: 720px;
        clear: both;
        }

div.w480 {
        width: 480px;
        }

div.w240 {
        width: 240px;
        }

/***********************************************************************
 * DEFINE FONT COLORS BY BLOCK BACKGROUND COLOR
 * each has a basic font color, a link color, and hovor color
 ***********************************************************************/

div.red {
        color: #F7F799; /* yellow */
        }
div.red a {
        color: #FFFFFF; /* white */
        }
div.red a:hover {
        color: #E08115; /* orange */
        }

div.orange {
        color: #000000; /* black */
        }
div.orange a {
        color: #732C57; /* purple */
        }
div.orange a:hover {
        color: #0176B5; /* blue */
        }

div.yellow {
        color: #000000; /* black */
        }
div.yellow a {
        color: #0176B5; /* blue */
        }
div.yellow a:hover {
        color: #732C57; /* purple */
        }
div.yellow .odd {
        background: #F0F092;
	}
div.yellow .even {
        background: #E7E789;
	}
div.yellow td {
	border-width: 1px;
	border-style: solid;
	border-color: #E0E082; /* yellow */
	}

div.green {
        color: #F7F799; /* yellow */
        }
div.green a {
        color: #FFFFFF; /* white */
        }
div.green a:hover {
        color: #E08115; /* orange */
        }

div.blue {
        color: #F7F799; /* yellow */
        }
div.blue a {
        color: #FFFFFF; /* white */
        }
div.blue a:hover {
        color: #E08115; /* orange */
        }

div.purple {
        color: #F7F799; /* yellow */
        }
div.purple a {
        color: #E08115; /* orange */
        }
div.purple a:hover {
        color: #FFFFFF; /* white */
        }


/***********************************************************************
 * DEFINE TOP, MIDDLE, & BOTTOM SIZES FOR ALL BLOCKS
 * Text placed in paragraph tags in the Top block should be centered,
 * larger in size, and needs small margins above and below.  Middle
 * blocks vary in height but have 20px margins on the sides.
 ***********************************************************************/

div.Top {
        padding: 0px 20px 0px 20px;
        min-height: 25px;
        height: auto !important;
        height: 25px;
        text-align: center;
        font-size: 125%
        }
div.Top p {
        margin: 0;
        padding: 10px 0 5px 0 ;
        }
div.Bottom {
        min-height: 25px;
        height: auto !important;
        height: 25px;
        text-align: center;
        font-size: 75%
        }
div.Middle {
        margin: 0px 20px;
        text-align: left;
        }

/***********************************************************************
 * SET BACKGROUND IMAGES FOR EACH BLOCK SIZE AND COLOR
 * Also override text alignment attributes where needed.
 ***********************************************************************/

div.w720 div.yellow {
        background: url("images/Yellow720Middle.gif") repeat-y;
        }
div.w720 div.yellow div.Top {
        background: url("images/Yellow720Top.gif") no-repeat top;
        }
div.w720 div.yellow div.Middle {
        text-align: center;
        }
div.w720 div.yellow div.Bottom {
        background: url("images/Yellow720Bottom.gif") no-repeat bottom;
        }

div.w480 div.yellow {
        background: url("images/Yellow480Middle.gif") repeat-y;
        }
div.w480 div.yellow div.Top {
        background: url("images/Yellow480Top.gif") no-repeat top;
        }
div.w480 div.yellow div.Bottom {
        background: url("images/Yellow480Bottom.gif") no-repeat bottom;
        }

div.w480 div.blue {
        background: url("images/Blue480Middle.gif") repeat-y;
        }
div.w480 div.blue div.Top {
        background: url("images/Blue480Top.gif") no-repeat top;
        }
div.w480 div.blue div.Bottom {
        background: url("images/Blue480Bottom.gif") no-repeat bottom;
        }

div.w240 div.purple {
        background: url("images/Purple240Middle.gif") repeat-y;
        }
div.w240 div.purple div.Top {
        background: url("images/Purple240Top.gif") no-repeat top;
        }
div.w240 div.purple div.Bottom {
        background: url("images/Purple240Bottom.gif") no-repeat bottom;
        }

div.w240 div.red {
        background: url("images/Red240Middle.gif") repeat-y;
        }
div.w240 div.red div.Top {
        background: url("images/Red240Top.gif") no-repeat top;
        }
div.w240 div.red div.Bottom {
        background: url("images/Red240Bottom.gif") no-repeat bottom;
        }

div.w240 div.orange {
        background: url("images/Orange240Middle.gif") repeat-y;
        }
div.w240 div.orange div.Top {
        background: url("images/Orange240Top.gif") no-repeat top;
        }
div.w240 div.orange div.Bottom {
        background: url("images/Orange240Bottom.gif") no-repeat bottom;
        }

div.w240 div.yellow {
        background: url("images/Yellow240Middle.gif") repeat-y;
        }
div.w240 div.yellow div.Top {
        background: url("images/Yellow240Top.gif") no-repeat top;
        }
div.w240 div.yellow div.Bottom {
        background: url("images/Yellow240Bottom.gif") no-repeat bottom;
        }

div.w240 div.green {
        background: url("images/Green240Middle.gif") repeat-y;
        }
div.w240 div.green div.Top {
        background: url("images/Green240Top.gif") no-repeat top;
        }
div.w240 div.green div.Bottom {
        background: url("images/Green240Bottom.gif") no-repeat bottom;
        }

div.w240 div.blue {
        background: url("images/Blue240Middle.gif") repeat-y;
        }
div.w240 div.blue div.Top {
        background: url("images/Blue240Top.gif") no-repeat top;
        }
div.w240 div.blue div.Bottom {
        background: url("images/Blue240Bottom.gif") no-repeat bottom;
        }

/********************************************************************/
/* Menus */
/********************************************************************/
td#mainmenu { 
	margin: 0; 
	}
td#mainmenu a:before { 
	}
td#mainmenu a:hover { 
	}
td#mainmenu a.menuTop { 
	padding-left: 0px; 
	}
td#mainmenu a.menuMain { 
	padding-left: 0px; 
	}
td#mainmenu a.menuSub { 
	padding-left: 9px; 
	}

td.mymenu { 
	margin: 0; 
	}
td.mymenu a {
	text-align: left; 
        display: block;
	padding: 4px 0px;
	}
td.mymenu a:before { 
	}
td.mymenu a:hover { 
	}
td.mymenu a.menuTop { 
	padding-left: 0px; 
	}
td.mainmenu a.menuMain { 
	padding-left: 0px; 
	}
td.mainmenu a.menuSub { 
	padding-left: 9px; 
	}

td#usermenu { 
	margin: 0; 
	}
td#usermenu a:before { 
	}
td#usermenu a:hover { 
	}
td#usermenu a.menuTop { 
	padding-left: 3px; 
	}
td#usermenu a.highlight { 
	}

/********************************************************************/
/* Lists */
/********************************************************************/
body ul {
	list-style: none;
	}
ul li:before {
	content: "\00BB \0020";
	}
.w240 ul {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	}
.w240 ul li:before {
	content: "";
	}
.w240 li {
	padding: 3px;
        }

ul {
	margin-top: 0;
	margin-left: 0;
	padding-left: 12px;
	} 
li {
	margin: 7px 0 8px 0px;
	}
	
/********************************************************************/
/* Headers */
/********************************************************************/

/* use this to set font family, style & decoration for all headers */
h1, h2, h3, h4 {
	font-weight: bold;
	}

/* header sizes */
h1 {
	font-size: 30px;
	}
h2 {
	font-size: 24px;
	}
h3 { 
	font-size: 20px;
	line-height: 22px;
	}
h4 { 
	font-size: 18px;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	}
h2, h2 a, h2 a:hover, h2 a:visited { 
	}
h3, h3 a, h3 a:hover, h3 a:visited { 
	}
h4, h4 a, h4 a:hover, h4 a:visited { 
	}


/********************************************************************/
/* System Messages */
/********************************************************************/
div.errorMsg {
	border-top: 1px solid #ddf;
	border-left: 10px solid #48b;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	width: 75%;
	background: #0c0001;
	text-align: center;
	}
div.confirmMsg {
	border-top: 1px solid #ddf;
	border-left: 10px solid #48b;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	width: 75%;
	background: #0c0001;
	text-align: center;
	}
div.resultMsg {
	border-top: 1px solid silver;
	border-left: 10px solid #48b;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px;
	width: 75%;
	background: #0c0001;
	text-align: center;
	}

	
/********************************************************************/
/* Begin Posts */
/********************************************************************/
div.xoopsCode {
	border: 1px inset #000;
	padding: 6px;
	background: #0c0001;
	font-family: "Courier New",Courier,monospace;
	}
div.xoopsQuote { 
	font-style: italic; 
	}


/********************************************************************/
/* Miscellaneous                                                    */
/* Tables that have alternating row colors have that characteristic */
/* set below with the even and odd settings                         */
/********************************************************************/
table {
	width: 100%; 
	border-collapse: collapse;
	}
table td { 
	padding: 0; 
	vertical-align: top; 
	}
th {
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	}
tr.even td { 
	padding: 5px; 
	}
tr.odd td { 
	padding: 5px; 
	}

.outer { 
	}
.head { 
	padding: 5px 20px; 
	}
.even { 
	padding: 5px; 
	}
.odd { 
	padding: 5px; 
	}
.foot { 
	padding: 5px; 
	}

/********************************************************************/
/* Characteristics of items like articles */
/********************************************************************/
.item { 
	margin: 0px 0 10px 0;
	}
.itemHead { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-top-style: solid;
	border-bottom-style: dotted;
	padding: 3px; 
	}
.itemInfo { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: dotted;
	padding: 3px; 
	text-align: right; 
	}
.itemTitle a {
	font-size: 140%;
	}
.itemPoster { 
	font-size: 80%; 
	font-style: italic; 
	}
.itemPostDate { 
	font-size: 80%; 
	font-style: italic; 
	}
.itemStats { 
	font-size: 80%; 
	font-style: italic; 
	}
.itemText {
	padding: 5px 0px 0px 10px; 
	}
.itemText:first-letter { 
	/* if you want a large first letter on your article, put it here */
	}
.itemBody { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: dotted;
	padding: 0px 0px 5px 10px; 
	}
.itemFoot { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: dotted;
	padding: 5px;
	font-size: 80%; 
	text-align: right; 
	}
.itemAdminLink { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: dotted;
	padding: 5px;
	}
.itemPermaLink { 
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: dotted;
	padding: 5px;
	}

.breadcrumb {
	border-width: 0 0 1px 0;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}


/********************************************************************/
/* Begin NewBB */
/* This section is not done as NewBB was not installed at this time */
/********************************************************************/
#com_text { width: 100%; }
.comTitle { margin-bottom: 2px; font-weight: bold; }
.comText { padding: 2px; }
.comUserStat {
	border: 1px solid silver;
	margin: 2px;
	padding: 2px;
	color: #2f5376;
	background: #fff;
	font-size: 10px;
	font-weight: bold;
	}
.comUserStatCaption { font-weight: normal; }
.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #2f5376;
	font-weight: bold;
	font-size: 10px;
	}
.comUserRank { margin: 2px; }
.comUserRankText { font-size: 10px; font-weight: bold; }
.comUserRankImg { border: 0; }
.comUserName { }
.comUserImg { margin: 2px; }
.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
	}
.comDateCaption { font-weight: bold; font-style: normal; }
ul.newbb_level1, ul.newbb_level2, ul.newbb_level3 {
	width: 140px;		/* Width of the Dropdownmenu Title and Menu themself */
	background: #e7e7e7;	/* Main Background of the Menu Folder */
	text-indent: 0;
	}
li.newbb_folder {
	border: 1px solid #48b;	/* Should be the same color as above */
	color: #fff; 		/* Textcolor of the Dropdownmenu Title */
	background: #48b;
	}
li.newbb_folder:before {
	content: "";
	}
.newbb_link:hover {
	color: #fff  		
	!important;		/* Hover Color of the Links */
	}
/* End NewBB */	

/********************************************************************/
/* Page contents, underneath the header.                            */
/* Depending on whether or not the current page includes the        */
/* sidebar, different content classes are chosen.                   */
/********************************************************************/
#content {
	margin: 0;
	}

#content.withsidebar {
	float: right;
	width: 662px;
	}

#content.withoutsidebar { 
	width: 100%; 
	}

#mainarea {
	padding: 0 0 0 0px;
	margin: 0 0 10px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	}

/********************************************************************/
/* Left Column */
/********************************************************************/
td#leftcolumn { 
	padding: 0px;
	}
td#leftcolumn th { 
	}
td#leftcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#leftcolumn div.blockContent {
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}

/********************************************************************/
/* Right Column                                                     */
/* This displays on the left in this theme.  All right column       */
/* blocks will be displayed underneath the left column blocks.      */
/* To start, we make these blocks match the left column blocks      */
/* in their formatting, but a different style may be used later     */
/* to distinguish these blocks if desired.                          */
/********************************************************************/
td#rightcolumn {
	padding: 0px;
	}
td#rightcolumn th { 
	}
td#rightcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#rightcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Center Column                                                    */
/********************************************************************/
td#centercolumn { 
	}
td#centercolumn th { 
	background: #240006; 
	vertical-align: middle; 
	}


/********************************************************************/
/* Upper Left Column - upper center-left specific attributes        */
/********************************************************************/
td#centerLcolumn { 
	width: 288px; 
	vertical-align: bottom;
	}
td#centerLcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#centerLcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Upper Right Column - upper center-right specific attributes      */
/********************************************************************/
td#centerRcolumn {
	padding: 0 0 0 10px;
	vertical-align: bottom;
	}
td#centerRcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#centerRcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Upper Center Column - upper center specific attributes           */
/********************************************************************/
td#centerCcolumn { 
	}
td#centerCcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#centerCcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Lower Center Column - center specific attributes                 */
/********************************************************************/
td#bottomCcolumn { 
	}
td#bottomCcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#bottomCcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Lower Center Column - center-left specific attributes            */
/********************************************************************/
td#bottomLcolumn { 
	width: 288px; 
	}
td#bottomLcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#bottomLcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}


/********************************************************************/
/* Lower Center Column - center-right specific attributes           */
/********************************************************************/
td#bottomRcolumn {
	padding: 0 0 0 10px;
	}
td#bottomRcolumn div.blockTitle {
	border-width: 1px 1px 0px 1px;
	border-color: #666;
	border-style: solid;
	padding: 3px 0 3px 5px;
	font-size: 125%;	
	}
td#bottomRcolumn div.blockContent { 
	margin: 0 0 0 0; 
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	padding: 0 8px 0 8px;
	margin: 0 0 10px 0;
	font-size: 100%;	
	}