/*
Theme Name: Jackie O's
Theme URI: http://jackieos.com
Description: The Jackie O's website design.</a>.
Version: 1.0
Author: Eden Marketing
Author URI: http://edenmarketing.com/
Tags: black, custom header, fixed width, two columns, widgets
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    margin:0px;
    background-color:#000000;
}

table
{
    border-collapse:collapse
}

.menu_item
{
    text-align:center;
    width:175px;
    border-collapse:separate;
    border-style:solid;
    border-color:Black;
    border-width:3px;
}

a
{
    color:#000000;
    text-decoration:none;
    outline: none;
}

#wrapper {
/*    min-height: 100%;
    height: auto !important;
    height: 100%;
*/
        margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
    text-align:left;
}
#footer, #push {
    height: 50px; /* .push must be the same height as .footer */
}

#menu_text            {text-align:center; font-size:14px; font-family:Georgia; line-height:18px;}

#menu_events {
 margin-top: 500px;
 margin-left: 40px;
}

.menu_title {
  padding-top:10px;
  padding-bottom: 2px;
  font-weight:bold;
/*  border-bottom: 3px double #fff; */
  width: 110px;
}

.menu_event {
 padding: 10px 20px 10px 10px;
 float: left;
 width: 212px;
 margin: 0 0px 0 0;
 border: 3px double #fff;
 margin-right: 2px;
}
.event_image
{
    width:60px;
    height:25px;
    float:left;
    margin-right:6px;
}


#container            {position:relative; z-index:1; text-align: left; margin: 0 auto; width:960px;}
#banner                {position:absolute; z-index:1; top:45px;}
#logo                {position:absolute; z-index:2; left:750px;}
#nav                {position:absolute; z-index:2; top:120px;}
#content            {padding:20px; width:740px;}
#main_content        {padding:20px; margin-left:10px; width:740px;}
#main_content_left  {width:320px;}
#main_content_right {width:320px; padding-left:25px;}
#header             {margin-bottom:10px;}

#sidebar            {position:absolute; z-index:3; left:780px; width:175px; top:0px;}
#main_sidebar        {position:absolute; z-index:3; left:780px; width:175px; top:0px;}
#wp-sidebar { display: none;}
#wc3                {float:right;}

#logocontainer        {position:absolute; z-index:1; width:805px; top:20px;}
#fade                {position:absolute; z-index:1; width:761px; top:410px;}
#mainlogo            {position:absolute; right:50px;}
#flash                {position:absolute; z-index:2; width:805px; top:120px;}
#main_index            {position:absolute; z-index:3; width:320px; top:430px; margin-left:20px;}
#main_subpage        {position:absolute; z-index:3; width:530px; top:430px; margin-left:20px;}
#secondary_index    {position:absolute; z-index:4; width:320px; top:430px; margin-left:400px;}
#secondary_subpage    {position:absolute; z-index:4; width:150px; top:420px; margin-left:590px;}

#footer
{
    width:750px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #ffffff;
    text-align:center;
}

#main_footer
{
    width:700px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 14px;
    color: #ffffff;
    text-align:center;
    margin-left:200px;
}

h1,.header1    {font-size:22px; color:#ffffff; font-weight:bold; font-family:Georgia;}
h2,.header2    {font-size:18px; color:#ffffff; font-weight:bold; font-family:Georgia; line-height:30px;}
h3,.header3    {font-size:14px; color:#ffffff; font-weight:bold; font-family:Georgia; line-height:24px;}
td, th, div, p, font {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 13px;
    color: #404040;
}

A:link          {text-decoration:underline; color:#f89301; font-weight:bold;}
A:active        {text-decoration:underline; color:#f89301; font-weight:bold;}
A:visited       {text-decoration:underline; color:#f89301; font-weight:bold;}
A:hover         {text-decoration:underline; color:#f89301; font-weight:bold;}

a.navmainstyle:link {text-decoration:none; color:#ffffff; font-weight:bold;}
a.navmainstyle:active {text-decoration:none; color:#ffffff; font-weight:bold;}
a.navmainstyle:visited {text-decoration:none; color:#ffffff; font-weight:bold;}
a.navmainstyle:hover {text-decoration:underline; color:#ffffff; font-weight:bold;}

.bodyoptional {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #777777;
}

.heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
}

.subheading {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #666666;
}

.optionalheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #777777;
    font-weight: bold;
}

.sitecredit              {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6a6a6a;}
A.sitecredit:link        {TEXT-DECORATION: none; color: #6a6a6a;}
A.sitecredit:active      {TEXT-DECORATION: none; color: #6a6a6a;}
A.sitecredit:visited     {TEXT-DECORATION: none; color: #6a6a6a;}
A.sitecredit:hover       {TEXT-DECORATION: underline; color: #5a471c;}

.textfield {
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    background-color: #ffffff;
    padding: 1px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #000000;
    width: 110px;
}

.main_header    {font-family:Times, Serif; font-style:italic; font-size:28px; color:#9d8c6f;}
.main_body        {color:#9d8c6f; line-height:20px;}
.secondary_body    {color:#9d8c6f;}
.secondary_menu {line-height:18px;}

#fadeshow {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 40px;
    top: 40px;
}

/* WP Specific */
div#content {
 width: 680px;
}
.post h2 {
 font-size: 20px;
}
div#content #comment {
 width: 680px;
}
p.postmetadata {
 color: #ccc;
 font-size: 14px;
 font-style: italic;
}