/**************************************************************************  
Theme Name: Guila Hawaiian
Theme URI: http://wordpress.org/
Description: Guila Hawaiian Kajukenbo-Kickboxing.  
Based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a> and 
Ruthsarian's <a href="http://webhost.bridgew.edu/etribou/layouts/">Skidoo</a>.
Version: .8
Author: Dennis Clay
Author URI: http://accountingbum.com/
***************************************************************************/

	@import "css/layout.css"; 
	@import "css/2col_right.css"; 

@charset "iso-8859-1";

body  {
	background-color: #070707;
	color: #ddd;
	}

#page-container {
	font-size: 80%;			/* font attributes set here so that
						   the font sizer javascript bit can
						   operate on the body element and not
						   fubar things */

	font-family: arial, helvetica, sans-serif;
	background-color: #070707;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	}

#masthead, 
#page-container, 
#hm,
ul.rMenu li a, 
div.rMenu-center,
#inner-column-container, 
#footer  {
	border-color: #070707;		/* all the borders within the layout */
	}

#outer-column-container  {
	border-left-color: #070707;	/* left column background */
	border-right-color: #070707;	/* right column background */
	}

#inner-column-container  {
	background-color: #070707;	/* middle column background */
	}

a:link {
	color:#9af;
	text-decoration:none;
	}

a:visited {
	color:#b7b;
	text-decoration:none;
	}

a:hover {
	color:#ae9;
	text-decoration:underline;
	}

#content img {
	margin: 5px 10px;
	}

table#flags  {
	width: 760px;
	margin-top: 15px;
	border-left: 45px solid #070707;
	}

#flags td  {
	width: 36px;
	margin: 0 36px;
	}


/*******************************************************************************
 * Masthead
*******************************************************************************/

#masthead  {
	background: #700 url('http://guilakarate.com/wp-content/themes/guila-theme/images/hdbg4-top.jpg') top left no-repeat;	/* masthead background */
	height: 180px;
	margin: 0;
	padding: 0;
	}

#headerimg {
	background: url('images/hdbg4-bot.jpg') bottom left no-repeat;	/* masthead background */
	height: 140px;
	margin: 0;
	padding: 20px;
	}

* html #headerimg {
	padding: 20px 10px 10px;
	}

#headerimg .inside {
	background-color: black;	/* masthead background */
	height: 120px;
	margin: 0;
	padding: 10px;
	text-align: center;
	}

h1,
h1 a, 
h1 a:hover,
h1 a:link, 
h1 a:visited, 
.description {
	text-decoration: none;		
	color: #e00;			/* Remove Link formating from the page 
						   header */
	}

h1 {
	font-size: 28px;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	right: 5px;
	}

#titlepic {
	padding-top: 10px;
	right: 10px;
	}

.description {
	font-size: 14px;
	font-weight: bold;
	color: #fc0;
	margin: 0;
	position: relative;
	left: 15px;
	}



/*******************************************************************************
 * Headers
*******************************************************************************/

ul, 
ol, 
dl, 
h2, 
h3, 
h4, 
h5, 
h6	{
		/* Pixels are used here, rather than ems, because I want a 
		 * consistent margin on the different headings. If I use ems, 1em 
		 * for an h2 element is much larger than 1em on an h6 element. I 
		 * don't want this.  */
	margin-top: 7px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0;
	}

h2,
h3,
h4,
h5	{
	color: #ff0606;
	}

h3	{
	font-size: 1.3em;
	}

h6	{
	margin-top: -10px;
	}


/*******************************************************************************
 * Post
*******************************************************************************/

img.alignright {
	float: right;
	margin-right: 0px;
	}

img.alignleft {
	float: left
	margin-left: 50px;
	}

.post	{
	xbackground-color: blue;
	}

.post h2 a,
.post h3 a  {
	color: #00d;
	}

.post h1 {
	margin: 0;
	padding: 0;
	xbackground-color: blue;
	}

.post h1 a:hover  {
	text-decoration: underline;
	}

.alt {
	background-color: #070707;
	color: #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.postmetadata {
	font-size: .9em;
	}

/*******************************************************************************
 * Side bar
*******************************************************************************/

#left-column .inside, 
#right-column .inside {
	font-size: 90%;			/* make side columns' fonts 
						   smaller  */
	}

#left-column h2, 
#right-column h2  {
	margin-bottom: 0;			/* column menu titles should
						   hug the menus */
	font-size: 1.2em;
	}

#rightColumn a img,
#leftColumn a img	{
	border: none;			/* Remove borders from images with links */
	}

p.fontsize-set  {
	text-align: center;		/* center the icons for changing
						   font size */
	}

p.fontsize-set input  {
	margin: 0 2px;			/* space them out a bit */
	}


/*******************************************************************************
 * Footer
*******************************************************************************/

#footer  {
	background-color: #070707;	/* masthead and footer background */
	text-align: center;
	}

#footer p  {
	margin-top: 10px;
	margin-bottom: 10px;
	}


/*******************************************************************************
 * Expanding menus navigation bars
 *
 * These are styles specifically for the menus used in the layout. This has 
 * its own section because there are quite a lot of rules that need to be set
 * in order to control just the theme of the menu. This establishes the default 
 * for both the horizontal and vertical menu bars.
*******************************************************************************/

ul.rMenu li  {
	background-color: #fcfcfc;	/* background of menu items */
	}

ul.rMenu li:hover,
ul.rMenu li.sfhover  {
	background-color: #cce;		/* background color of parent menu item
						   when mouse is over a submenu */
	}

ul.rMenu li a:hover  {
	color: #fff;			/* color of menu item when mouse is
						   over it */
	background-color: #99f;		/* background color of menu item when
						   mouse is over it */
	}

ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active  {
	color: #fff;			/* color of menu item when clicked */
	background-color: #c00;		/* background color of menu item
						   when clicked */
	}

	
/*******************************************************************************
 * Horizontal navigation bar
 *
 * These rules overwrite the expanding menus defaults for the horizontal 
 * navigation bar.
*******************************************************************************/

#hm	{
	background-color: #900;		/* horizontal menu background color */
	margin: 20px 20px 0;
	}

#hm a, 
#hm a:link, 
#hm a:visited  { 
	text-decoration: none;		
	color: #000;			/* Remove Link formating from the page 
						   header */
	}

#hm ul.rMenu li  {
	background-color: #888;		/* background of menu items */
	}

#hm ul.rMenu li:hover,
#hm ul.rMenu li.sfhover  {
	background-color: #b66;		/* background color of parent menu item
						   when mouse is over a submenu */
	}

#hm ul.rMenu li a:hover  {
	color: #ddd;			/* color of menu item when mouse is
						   over it */
	background-color: #b00;		/* background color of menu item when
						   mouse is over it */
	}

#hm ul.rMenu li.sfhover a:active,
#hm ul.rMenu li:hover a:active  {
	color: #fff;			/* color of menu item when clicked */
	background-color: #f00;		/* background color of menu item
						   when clicked */
	}

	
/****************************************************************************/