/* fighting tigers TKD website external css file  */
/* filename:  site.css                            */
/* author:  Steve Lindemann                       */
/*   date:  29 Sep 08                             */

/* NO HTML MARKUP ALLOWED!           */

/*- miscellaneous --------------------- */

body {
    font-family: "Comic Sans MS", "Verdana", "Arial", "Helvetica", "sans-serif";
    background: #FFF;
    }

h1 {text-align: center;}
h2 {text-align: center;}
h3 {text-align: center;}
h4 {text-align: center;}

img {border: none;}
caption {font-size: 28px; text-align: left;}

p.center {text-align: center;}
p.margin {margin: 1em 10% 1em 10%;}
div.margin {margin: 1em 10% 1em 10%;}
div.margin2 {margin: 1em 20% 1em 20%;}
div.margin3 {margin: 1em 30% 1em 30%;}

/*- font size & such settings --------- */
.footer {font-size: 10px;}
.note {font-size: 12px; text-align: center;}
.paragraph {font-size: 18px;}
.event {font-size: 24px; text-align: center;}
.construct {font-size: 24px;}
.links {font-size: 28px; text-align: center;}
.title {font-size: 48px; font-weight: bold;}

/*- columns --------------------------- */

/* div {border: 2px red dashed}  --lines to show boxes while working */
div {border: 2px}
.wrapper {width: 700px; margin-left: auto; margin-right: auto}
.left {width: 45%; float: left}
.right {width: 45%; float: right}
.clear {clear: both}
.sidebar {width: 30%; float: right; border-left: 1px solid; border-bottom: 1px solid; text-align: right}

/*- Menu Tabs--------------------------- */
#nvertedtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#invertedtabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: white;
background: #8b0000 url(graphics/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(graphics/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #d50509;
}

#invertedtabs a:hover span{
background-color: #d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #d50509;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/*- eof --- */