/* tanabicom.css -- Stylesheet for the Tanabicom Website.
 *
 * Copyright 2009 Tanabicom, LLC.  All Rights Reserved.
 */

/* Body style -- black background, and black text.  Shouldn't be any text
 * on top of the background.  Some margins to make it look nice.
 */
body {
    background: #000000;
    color: #000000;
    margin: 15px 15px 15px 15px;
    font-family: verdana;
    font-size: 12px;
}

/* Default link appearance */
a:link,a:visited,a:active,a:hover {
    color: #000000;
}

/* This is the header image. */
#header {
    background: url('../images/logo.png') no-repeat center left scroll;
    height: 92px;
    width: 100%;
}

/* The main body area -- where the content panels will go. */
#main{
    width: 750px;
    position: relative;
}

/* The background box is white, let's make it hover inside the main box
 * using some margins.
 */
#background_box {
    background: #FFFFFF;
    margin: 0px 20px 0px 20px;
    height: 100%;
}

/* Originally, I was going to put links at the top of the white background
 * box.  I later decided not to, but this is still in there and named
 * 'menu' for lack of need to rename it.
 */
#menu {
    height: 15px;
}

/* Sidebar is the gray box on the side.  The positioning lets it overlay
 * nicely over the white
 */
#sidebar_container {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 275px;
    background: transparent;
}

.sidebar {
    background: #E3E3E3;
    padding: 5px 5px 5px 5px;
}

/* Content container is a box around the content.  It's transparent to do
 * the rounded corners without using images.
 */
#content_container {
    position: absolute;
    background: transparent;
    top: 15px;
    right: 0px;
    width: 60%;
}

/* The content actually goes in here. */
#content {
    padding: 5px 5px 5px 5px;
    background: #E3E3E3;
}

/* These round_ classes are to support the rounded corners.  They are
 * designed with slowly increasing margins to make a curve.
 *
 * _top _b1 _b2 _b3 _b4 in that order will make the top part.
 * _bottom _b4 _b3 _b2 _b1 in that order will make the bottom part.
 */
.round_bottom {
    background: transparent none repeat scroll 0 0;
    font-size: 1px;
    display: block;
}

.round_b4 {
    height: 1px;
    margin: 0 1px;
    overflow: hidden;
    display: block;
    background: #E3E3E3;
}

.round_b3 {
    height: 1px;
    margin: 0 2px;
    overflow: hidden;
    display: block;
    background: #E3E3E3;
}

.round_b2 {
    height: 1px;
    margin: 0 3px;
    overflow: hidden;
    display: block;
    background: #E3E3E3;
}

.round_b1 {
    height: 1px;
    margin: 0 5px;
    overflow: hidden;
    display: block;
    background: #E3E3E3;
}

.round_top {
    background: transparent none repeat scroll 0 0;
    font-size: 1px;
    display: block;
}

/* The copyright down at the bottom of the page. */
#copyright {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #959595;
    font-size: 9px;
}

/* The sitemap div */
#sitemap {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #959595;
    font-size: 9px;
}

/* The sitemap links */
#sitemap a:link,#sitemap a:visited,#sitemap a:active,#sitemap a:hover {
    text-decoration: none;
    color: #959595;
    font-size: 9px;
}

/* The sidebar links */
.sidebar a:link,.sidebar a:visited,.sidebar a:active,.sidebar a:hover {
    text-decoration: none;
    color: #444444;
    font-size: 12px;
}

.sidebar a:active {
    color: #00FF00;
}

.sidebar a:hover {
    font-size: 16px;
}

/* The <p> tag that encloses the bookmark link */
#bookmark_link {
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Style the link text */
#bookmark_link a:link,#bookmark_link a:visited,#bookmark_link a:hover,
#bookmark_link a:active {
    font-size: 9px;
    color: #222222;
    text-decoration: underline;
}

/* Style HR's */
hr {
    height: 1px;
    width: 100%;
    border: none;
    color: #000000;
    background-color: #000000;
}

/* Style UL's and LI's */
ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: circle;
    list-style-position: outside;
}

li {
    margin: 0px 0px 0px 20px;
}

/* Form label class */
.form_label {
    text-align: right;
    font-size: 10px;
}

/* Style the input files */
#generated_email_form input, #user_form input {
    font-family: verdana;
    font-size: 10px;
    width: 185px;
}

/* Style the text area */
#generated_email_form textarea {
    font-family: verdana;
    font-size: 10px;
    width: 260px;
    height: 100px;
}

/* Style the text above the forms */
#email_form, #login_form {
    font-size: 12px;
}

/* Remove margins from form tag -- mostly for IE */
form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* Style for journal entry text areas */
.journal_textarea {
    font-family: verdana;
    font-size: 10px;
    width: 375px;
    height: 300px;
}

/* Style for the journal entry title text */
.journal_title_text {
    font-family: verdana;
    font-size: 10px;
    width: 200px;
}