html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #C18958 url(/static/bg.jpg) }

div#container { width: 960px; margin: 0 auto; background-color: white; 
    margin-top: 8px;
    margin-bottom: 8px;
    border: 4px #EEE solid;
    padding: 8px;
}

div#header
{
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    height: 110px;
    margin-bottom: 12px;
}

div#sidebar
{
    margin: 0;
    padding: 0;
    float: left;
    width: 220px;
}

div#menu
{
    margin: 0;
    padding: 0;

    border: 1px #C18958 solid;
    background-color: #FFFFCC;
    color: #C18958;

    text-align: left;
}

div#content
{
    margin: 0;
    padding: 0;
    float: right;
    width: 720px;
    text-align: left;
}

div#footer
{
    margin: 0;
    padding: 12px;
    clear:both;
    width:100%;
}

div#breadcrumbs
{
    width:100%;
    border-top: 1px #C18958 solid;
    border-bottom: 1px #C18958 solid;
    margin-bottom: 1em;
}

*,p,li,td,th
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
}

ul
{
    list-style-position: inside;
}

a:link,a:active,a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #C18958;
}

/* menu */
ul.new_menu
{
    margin: 0;
    padding: 8px;
    list-style: none;
    display: block;
}

ul.new_menu *
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 1px;
    padding: 2px;
}

ul.new_menu a:link,a:active,a:visited
{
    color: #C18958;
}

ul.new_menu li        { border: 1px #FFFFCC solid; font-weight: bold; padding: 2px; margin: 0; }
ul.new_menu li.level2 { padding-left: 2em; font-weight: normal; }
ul.new_menu li:hover  { border: 1px #C18958 dotted; background-color: #FFF; }

div#friends
{
    margin: 0;
    padding: 0;
    margin-top: 12px;
    padding-top: 12px;

    border: 1px #C18958 solid;
    background-color: #FFFFCC;
}

div#friends *
{
    color: #C18958;
}

div#friends ul
{
    margin: 0;
    margin-left: 60px;
    padding: 0;

    -margin-left: 0;
    -left: -8px;

    list-style: none;
    display: block;
    text-align: center;
    width: 100px;
}

div#friends li
{
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100px;
    display: block;
    text-decoration: none;
    border: 1px #FFC dotted;
}

div#friends li:hover
{
    margin: 0;
    padding: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100px;
    display: block;
    text-decoration: none;
    border: 1px #C18958 dotted;
    background-color: #FFF;
}

/* usual text */
p {
    font-size: 12px;
    text-align: justify;
    text-indent: 12px;
}

p.author
{
    text-align: center;
    font-style: italic;
}

h1 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    text-indent: 0;
}

h1 * {
    font-weight: bold !important;
    font-size: 20px !important;
}

h2 {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    text-indent: 0;
}

h2 * {
    font-weight: bold !important;
    font-size: 16px !important;
}

.float_left  { display: block; margin: 0; padding: 8px; text-indent: 0; float: left; }
.float_right { display: block; margin: 0; padding: 8px; text-indent: 0; float: right; }

td
{
    border-style: none;
}

/* slingomap */
table.tableSlingomap
{
    border: 1px #C18958 dotted;
    border-collapse: collapse;
}

th.tableSlingomap
{
    border: 1px #C18958 dotted;
    padding: 4px;
    background-color: #FFFFCC;
}

td.tableSlingomap
{
    border: 1px #C18958 dotted;
    padding: 4px;
}

/*shop*/
table.tableShop
{
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

td.tableShop { border: 1px #C18958 dotted; padding: 3px; text-align: center; }
td.tableShop:hover { border: 1px #C18958 dotted; padding: 3px; background-color: #FFFFCC; }

table.shopTable {
    margin: 0;
    padding: 0; 
    width: 720px;
    font-size: 13px;
    border-collapse: separate;
    border-spacing: 4px;
    border: 0;
    clear: both;
}

table.shopTable td             { margin: 0; padding: 0; width: 356px; border: 1px #C18958 solid; }
table.shopTable td.empty       { border: 0; }
table.shopTable td:hover       { background-color: #FFFFCC; }
table.shopTable td.empty:hover { background-color: white; }

div.shopItem {
    display: block;
    margin: 0;
    padding: 4px;
    font-size: 13px;
    text-align: left;
}

div.shopItemImg {
    width: 150px;
    padding: 3px;
    float: left;
}

div.galleryItem {
    display: block;
    margin: 2px;
    padding: 4px;
    width: 166px;
    height: 240px;
    border: 1px #C18958 solid;
    float: left;
    font-size: 13px;
    text-align: center;
}

/* IE hack */
* html div.galleryItem {
    width: 164px;
}

div.galleryItem:hover {
    background-color: #FFFFCC;
}

div.galleryItem ul {
    margin: 0 0.7em 4px;
}

div.shopItemInfo {
    width: 180px;
    float: right;
    padding: 3px;
}

/* */
img.icoDidy { padding: 10px  5px 10px  5px; float: top; border: 0px; vertical-align: middle; }

/* peekaru */
#peekaru
{
    border-spacing: 10px;
}

#peekaru td
{
    vertical-align: top;
}

.bounded
{
    border: 1px solid #C18958;
    border-spacing: 5px;
    background-color: #FFFFCC;
}

.bounded td
{
    padding: 4px;
}

img.color_sample
{
    width: 64px;
    height: 64px;
}

/* paper */
img.paper
{
    border: 1px #000 dotted;
}

/* center block */
div.center1
{
    display: table;
    #position: relative;
    overflow: hidden;
}

div.center2
{
    #position: absolute;
    #top: 50%;
    #left: 50%;
    display: table-cell;
    vertical-align: middle;
}

div.center3
{
    #position: relative;
    #top: -50%;
    #left: -50%;
}

/* grid */
table.grid
{
    width: 100%;
    border: 1px #C18958 dotted;
    border-collapse: collapse;
}

table.grid th
{
    border: 1px #C18958 dotted;
    padding: 4px;
    text-align: center;
    font-weight: bold;
    background: #FFFFCC;
}

table.grid td
{
    border: 1px #C18958 dotted;
    padding: 4px;
    text-align: center;
}

/**/
span.price
{
    color: red;
}

p.attention
{
    clear: both;
    color: red;
    font-weight: bold;
}

div.info {
    margin-top: 12px;
    border: 1px #C18958 solid;
    padding: 12px;
    clear: both;
    background: url(/static/info.jpg) no-repeat #FFC;
}

div.info > * { margin-left: 80px; }
* html div.info p  { margin-left: 80px; }
* html div.info h1 { margin-left: 80px; }
* html div.info h2 { margin-left: 80px; }

ul.paginator {
  list-style-type: none;
}

ul.paginator li {
  display: inline;
  padding: 6px;
  border: 1px #C18958 solid;
  background-color: #ffc;
}

ul.paginator li.current {
  background-color: #C18958;
  font-weight: bold;
  color: #ffc;
}