@charset 'UTF-8';
/*
Theme Name: Project Sync - The Karma
Version: 1.0
Author: Lix
Author URI: http://www.levolution.info/, http://www.project-sync.info/
Description: Official Theme of Project Sync
Tags: black, blue, white, fixed width, lightweight, three columns

Version 1.0 2009/04 First Release. (Based on Trance Shift 6)
*/

/* --------------------------------------------------------
                           Basic
-------------------------------------------------------- */
body{
    margin: 0;
    background: url(../img/bg.png) repeat top left;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 78%;
    }

/* --------------------------------------------------------
                 Layout (BluePrint Override)
-------------------------------------------------------- */
div#container{
    width: 950px;
    margin: 0 auto;
    border-size: 0 1px;
    border-color: #444;
    }

div#header{
    height: 200px;
    color: #fff;
    background: #575c5f;
    }

div#navi{
    }

div#content{
    color: #888;
    background-color: #fff;
    }

div#sidebar{
    color: #888;
    background-color: #fff;
    }

div#footer{
    color: #888;
    background-color: #575c5f;
    }

div#footer p{
    font-size: 80%;
    color: #fff;
    background-color: transparent;
    }

div.section{
    margin: 1px 8px 1px 12px;
    }
    
div.indent{
    padding-left: 10px;
    } 

div.article_footer{
    text-align: right;
    }
    
div.article_footer p{
    font-size: 80%;
    }
/* --------------------------------------------------------
                          Headers
-------------------------------------------------------- */
h1,h4,h5,h6{
    display: none;
    }

h2  {
    font-style: normal;
    font-size: 120%;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    color: #373c3f;
    text-align: left;
    margin: 0.5em 0 0 8px;
    padding-left: 5px;
    border-left: 3px solid #373c3f;
    }

h3  {
    font-style: normal;
    font-size: 90%;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    color: #373c3f;
    background-color: transparent;
    text-align: left;
    margin: 1em 0em 1em 12px;
    padding: 0.1em 0.1em 0.1em 0.3em;
    border-color: #373c3f;
    border-width: 0 0 0 2px;
    border-style: solid;
    }

hr  {
    margin: 0 0 15px 0;
    padding: 0;
    height: 1px;
    border-width: 1px;
    border: 1px solid #ddd;
    color: #999;
    background-color: transparent;
    }

/* --------------------------------------------------------
                           Text
-------------------------------------------------------- */
p   {
    color: #525759;
    background-color: transparent;
    margin: 0.7em 1em;
    }

em  {
    font-style: normal;
    font-weight: bold;
    color: #d01010;
    background-color: transparent;
    }

strong {
    font-weight: bold;
    }

/* --------------------------------------------------------
                           List
-------------------------------------------------------- */
ul,ol  {
    margin: 0;
    padding: 0;
    }

li  {
    font-size: 90%;
    list-style-type: none;
    padding-left: 1.5em;
    margin: 0.2em 1em 0.2em 0.5em;
    }

dl  {
    font-size: 90%;
    background-color: transparent;
    line-height: 110%;
    margin: 1em 1.4em;
    padding: 0;
    }

dt  {
    font-weight: lighter;
    background-color: transparent;
    margin: 0.5em 0 0 0;
    padding: 0;
    border-color: #525759;
    border-width: thin;
    border-style: none none solid none;
    }

dd  {
    margin: 0.2em 0 1em 0.8em;
    }

/* --------------------------------------------------------
                          Anchor
-------------------------------------------------------- */
a   {
    color: #475c7f;
    background-color: transparent;
    }

a:hover {
    color: #f2f2f2;
    background-color: #373c3f;
    }

/* --------------------------------------------------------
                        Navigation
-------------------------------------------------------- */
div#navi{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 16px;
    border-color: #9f9f9f;
    border-width: 1px 0;
    border-style: solid;
    }

div#navi ul{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    position: relative;
    }

div#navi ul li{
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100px;
    height: 16px;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    background: transparent;
    }

div#navi ul li a{
    display: block;
    width: 100px;
    height: 16px;
    float: left;
    font-size: 90%;
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    color: #8095a8;
    text-decoration: none;
    text-align: center;
}

div#navi ul li a:hover{
    color: #fff;
    background-color: #444;
    }

/* --------------------------------------------------------
                         Entend
-------------------------------------------------------- */
div.section p {
    text-indent: 1em;
    }

div.section div.imageleft {
    margin-right: 10px;
    position: relative;
    float: left;
    }

div.section div.imageright {
    margin-left: 10px;
    position: relative;
    float: right;
    }

div.clearfix{
    clear: both;
    }

div.section textarea {
    font-size: 100%;
    }