/*CSS for www.dayafter.cz*/

/*******************************************************************************
header
*******************************************************************************/

#header {
   position: absolute;
   top: 0px;
   left: 150px;
   width: 630px;
   height: 91px;
   margin: 0px;
   padding: 0px;
   background: url(./design/header.jpg) no-repeat;
}

/*******************************************************************************
language selector
*******************************************************************************/

#language-selector {
   position: absolute;
   top: 93px;
   left: 170px;
   width: 590px;
   margin: 0px;
   padding: 0px;
   color: rgb(0,0,0);
   font-size: 11px;
   text-align: right;
}

#language-selector a {
   color: rgb(0,0,0);
   text-decoration: none;
}

/*******************************************************************************
sidebar
*******************************************************************************/

#sidebar-pages {
   position: absolute;
   top: 111px;
   left: 0px;
   width: 150px;
   margin: 0px;
   padding: 0px;
   text-align: right;
}

#sidebar-shop {
   position: absolute;
   top: 145px;
   left: 0px;
   width: 150px;
   margin: 0px;
   padding: 0px;
   text-align: right;
}

.menu-item-active {
   font-size: 15px;
   font-weight: bold;
   padding: 0px;
   margin:  0px 0px 5px 0px;
}

.menu-item-active a {
   text-decoration: none;
   color: rgb(0, 102, 153);
}

.menu-item-active a:hover {
   text-docoration: none;
   color: rgb(182, 195, 211);
}

.menu-item-inactive {
   font-size: 15px;
   font-weight: bold;
   padding: 0px;
   margin:  0px 0px 5px 0px;
}

.menu-item-inactive a {
   text-decoration: none;
   color: rgb(0, 102, 153);
}

.menu-item-inactive a:hover {
   text-docoration: none;
   color: rgb(182, 195, 211);
}

/*******************************************************************************
content
*******************************************************************************/

/* pages settings *************************************************************/
#content-pages {
   position: absolute;
   top: 111px;
   left: 170px;
   width: 590px;
   margin: 0px;
   padding: 0px;
}

.article {
   width: 590px;
   margin: 0px;
   padding: 0px;
}

.article-images {
   width: 120px;
   margin: 0px;
   padding: 0px;
   float: left;
}

.article-text {
   width: 470px;
   margin: 0px;
   padding: 0px;
   float: left;
   clear: right;
}

.article-images img {
   border: 0px;
   margin: 0px 0px 7px 0px;
   padding: 0px;
}

.article-text p {
   margin: 0px;
   padding: 0px 0px 8px 0px;
   text-align: justify;
   font-size: 12px;
}
.article-text a {
   font-size: 12px;
   text-decoration: none;
   color: rgb(0, 102, 153);
}
.article-title {
   width: 470px;
   background: url(./design/bg_title.gif);
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.article-title2 {
   width: 470px;
   font-size: 13px;
   font-weight: bold;
   color: rgb(140,140,140);
   margin: 0px 0px 0px 0px;
   padding: 0px;
}
.article-title3 {
   width: 470px;
   font-size: 13px;
   font-weight: bold;
   color: rgb(0, 0, 0);
   margin: 0px 0px 10px 0px;
   padding: 0px;
}
.article-link {
   width: 470px;
   font-size: 13px;
   font-weight: bold;
   color: rgb(0, 0, 0);
   margin: 0px 0px 10px 0px;
   padding: 0px;
}
.article-link a {
   color: rgb(0, 0, 0);
   text-decoration: none;
}
.article-title h1 {
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px;
   padding: 0px;
}

.article-text h2{
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px;
   padding: 0px 0px 3px 0px;
}

/* shop settings **************************************************************/
#content-shop {
   position: absolute;
   top: 145px;
   left: 170px;
   width: 590px;
   margin: 0px;
   padding: 0px;
}

.item {
   width: 590px;
   margin: 0px;
   padding: 0px;
}

.item-separator {
   width: 590px;
   margin: 0px;
   padding: 0px;
   height: 15px;
   clear: both;
}

.item-images {
   width: 120px;
   margin: 0px;
   padding: 0px;
   float: left;
}

.item-text {
   width: 470px;
   margin: 0px;
   padding: 0px;
   float: left;
   clear: right;
}

.item-images img {
   border: 6px solid rgb(182, 195, 211);
   margin: 0px 0px 7px 0px;
   padding: 0px;
}

.item-text p {
   margin: 0px;
   padding: 0px 0px 8px 0px;
   text-align: justify;
   font-size: 12px;
}

.item-title {
   width: 470px;
   background: url(./design/bg_title.gif);
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.item-title h2 {
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px;
   padding: 0px;
}
.item-title a {
   text-decoration: none;
   color: rgb(47, 88, 134);
}

.item-price {
   margin: 0px;
   padding: 0px 0px 8px 0px;
   font-size: 12px;
   font-weight: bold;
}

.item-price a {
   text-decoration: none;
   color: rgb(0,0,0);
}

.item-links {
   margin: 0px;
   padding: 0px 0px 8px 0px;
   font-size: 11px;
}

.item-links a {
   text-decoration: none;
   color: rgb(0,0,0);
}

#detail-images {
   width: 180px;
   padding: 0px;
   margin: 0px;
   float: left;
}
#detail-images img {
   border: 6px solid rgb(182,195,211);
}

#detail-text {
   width: 410px;
   padding: 0px;
   margin: 0px;
   float: left;
   line-height: 1.6;
}
#detail-text h1 {
   width: 410px;
   background: url(./design/bg_title.gif);
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px 0px 10px 0px;
   padding: 1px 0px 1px 0px;
}
#detail-text p {
   font-size: 11px;
   text-align: justify;
   margin: 0px 0px 7px 0px;
}
#tracks {
   font-size: 11px;
   width: 410px;
   border-bottom: 1px solid rgb(0, 102, 153);
}
#tracks thead {
   background: url(./design/bg_title.gif);
}
#tracks h2 {
   font-size: 11px;
   font-weight: normal;
   padding: 0px;
   margin: 0px;
}

#sidebar-links {
   margin-top: 20px;
}
#sidebar-links a {
   font-size: 10px;
   text-decoration: none;
   color: rgb(47, 88, 134);
}
#sidebar-links a:hover {
   text-decoration: underline;
   color: rgb(255, 0, 0);
}
#news-separator {
   font-size: 11px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   width: 590px;
   padding: 5px 0px 5px 0px;
   margin: 5px 0px 5px 0px;
   border-bottom: 1px solid rgb(0, 102, 153);
   border-top: 1px solid rgb(0, 102, 153);
}
/* cart settings **************************************************************/

#cart-items {
   width: 590px;
   border: 1px solid rgb(0,0,0);
}
#cart-items td {
   font-size: 11px;
   margin: 0px;
   padding: 2px;
}
#cart-items input {
   font-size: 11px;
   border: 1px solid rgb(0,0,0);
   text-align: center;
}
#cart-items th {
   font-size: 11px;
   padding: 2px;
   border-bottom: 1px solid rgb(0,0,0);
}
#cart-items thead {
   background-color: rgb(182, 195, 211);
}
.totals {
   width: 130px;
   text-align: right;
   font-size: 12px;
   font-weight: bold;
   float: right;
   border-bottom: 1px dotted rgb(0,0,0);
   padding-top: 5px;
}
.totals-label {
   float: right;
   text-align: right;
   font-size: 12px;
   font-weight: bold;
   padding-right: 5px;
   padding-top: 5px;
}
#recalc {
   float: left;
   font-size: 12px;
   font-weight: bold;
}
#recalc input {
   border: 1px solid rgb(0,0,0);
   background-color: rgb(182, 195, 211);
   font-weight: bold;
}
#continue {
   display: block;
   float: right;
   font-size: 12px;
   font-weight: bold;
   background-color: rgb(182, 195, 211);
   color: rgb(0,0,0);
   padding: 2px 15px 2px 15px;
   border: 1px solid rgb(0,0,0);
}
#customer-info {
   width: 590px;
   border: 1px solid rgb(0,0,0);
}
#customer-info td {
   font-size: 11px;
   font-weight: bold;
}
#customer-info input {
   font-size: 11px;
   font-weight: bold;
   border: 1px solid rgb(0,0,0);
}
#customer-info textarea {
   font-size: 11px;
   font-weight: bold;
   border: 1px solid rgb(0,0,0);
}
/* common settings ************************************************************/

.separator {
   width: 590px;
   margin: 0px;
   padding: 0px;
   height: 15px;
   clear: both;
}

#copyright {
   width: 590px;
   padding: 3px 0px 20px 0px;
   margin: 0px;
   font-size: 12px;
   text-align: left;
   color: rgb(0, 102, 153);
   border-top: 1px solid rgb(0, 102, 153);
}

.clear {
   clear: both;
   height: 1px;
}
/*******************************************************************************
search form, navigation & my cart
*******************************************************************************/

#my-cart {
   position: absolute;
   top: 93px;
   left: 170px;
   width: 100px;
   margin: 0px;
   padding: 0px;
   color: rgb(0, 102, 153);
   font-size: 11px;
   text-align: left;
   font-weight: bold;
}

#my-cart a {
   text-decoration: none;
   color: rgb(0, 102, 153);
}

#search-form {
   position: absolute;
   top: 109px;
   left: 170px;
   width: 215px;
   margin: 0px;
   padding: 0px;
   color: rgb(0, 0, 0);
   text-align: left;
}

#search-form input,select {
   padding: 0px;
   margin: 0px;
   font-size: 11px;
}

#navigation-characters {
   position: absolute;
   top: 109px;
   left: 390px;
   width: 370px;
   margin: 0px;
   padding: 0px;
   color: rgb(0, 0, 0);
   font-size: 12px;
   text-align: right;
   font-weight: bold;
}

#navigation-characters a {
   text-decoration: none;
   color: rgb(182, 195, 211);
}

#navigation-characters a:hover {
   color: rgb(0, 102, 153);
}

#navigation {
   width: 590px;
   padding: 3px 0px 5px 0px;
   margin: 0px;
   font-size: 11px;
   text-align: left;
   color: rgb(0, 0, 0);
   border-top: 1px solid rgb(0, 102, 153);
}

#navigation a {
   color: rgb(0, 0, 0);
}

.navigation-current {
   font-weight: bold;
}

/*******************************************************************************
forum settings
*******************************************************************************/
#forum {
   font-size: 12px;
   margin: 0px 0px 20px 0px;
}
#forum a {
   text-decoration: none;
   color: rgb(47, 88, 134);
   font-weight: bold;
}
#forum h2 {
   font-size: 13px;
   margin: 5px 0px 5px 0px;
   padding: 0px;
}
.forum-item {
   width: 410px;
   margin: 0px;
   padding: 0px;
}
.forum-title {
   width: 410px;
   background: url(./design/bg_title.gif);
   font-size: 13px;
   font-weight: bold;
   color: rgb(47, 88, 134);
   margin: 0px 0px 10px 0px;
   padding: 0px;
}
.forum-text {
   width: 410px;
   font-size: 11px;
   margin: 0px 0px 10px 0px;
   padding: 0px;
   line-height: 1.6;
   text-align: justify;
}
.forum-nick {
   width: 410px;
   font-size: 11px;
   font-weight: bold;
   margin: 0px 0px 10px 0px;
   padding: 0px;
   text-align: right;
}

/*******************************************************************************
global settings
*******************************************************************************/

body {
   font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
   color: rgb(0,0,0);
}