body {
  background: #dededf;
  color: #707073;
}

#custom-doc {
  margin:1.5em auto 0 auto;
  padding: 1em 0 1em 0;
  text-align:left;
  width:51.53em;
  *width:50.29em;
  min-width:670px;
  background: white;
  border-bottom: 1px solid #c7c7c8;
  border-right: 1px solid #c7c7c8;
}

img#logo {
  padding: 0em 0.3em 1.7em 0.3em;
  float: left;
}

#header {
  margin: 2.2em;
  border-bottom: 2px dotted #d8d8d9;
}

#blog_header {
  margin: 0 2.2em 2.2em 2.2em;
  padding: 0 0 2.2em 0;
    border-bottom: 2px dotted #d8d8d9;
}

#bd {
  margin: 2.2em;
}

#bd p{
  padding: 0.3em 0.5em 1.2em 0.5em;
  font-size: 0.85em;
}

#bd h1 {
  font-size: 1.6em;
  font-weight: bold;
  color: orange;
}

#bd h2 {
  padding: 0.5em 0.5em 0.5em 0.2em;
  color: orange;
  font-weight: bold;
}

#bd strong {
  font-weight: bold;
}

#ft {
  margin: 1.6em 2.2em 0em 2.2em;
  border-top: 2px dotted #d8d8d9;
}

#ft p {
  padding: 0.5em;
  font-size: 0.75em;
}

#menu ul li a:link,#menu a:visited
{
  font-size: 0.85em;
  display: block;
  width: 9em;
  line-height: 1.45em;
  text-decoration: none;
  font-weight: normal;
  color: #707073;
}

#menu ul li a:hover,#menu a:active
{
  color: #000;
}

div.menuwrapper {
  float: left;
  width: 8em;
}

#menu {
   margin: 0 3.5em 0 0;
  _margin: 0 1.5em 0 0;
  float: right;
}

div.firstlist {
  border-right: 2px dotted #d8d8d9;
  margin-right: 2em;
}

li#works {
  list-style: url(http://www.tonic.hu/images/3.png);
}

li#about {
  list-style: url(http://www.tonic.hu/images/4.png);
}

li#contact {
  list-style: url(http://www.tonic.hu/images/5.png);
}

li#blog {
  list-style: url(http://www.tonic.hu/images/4.png);
}

li#shop {
  list-style: url(http://www.tonic.hu/images/3.png);
}


li.tags ul {
font-size: 0.9em;
padding: 0 0 0 0.7em;
}

li.tags ul a:link, li.tags ul a:visited {
font-weight: normal;
}

div.aboutus{
  display:none;
}

.center {
text-align: center;
margin: 5em;
}

.copyright {
  text-align: right;
}

h2 a:link, h2 a:visited {
  margin: 0.3em 0 1em 0em;
  color: orange;
  text-decoration: none;
  font-size: 1.2em;
}

img.author_image { 
  float: left;
  padding: 0 0 0 2em;
}

.post_content {
  padding: 1em 0em 0em 0em;
}

.post_title{
  margin: 0 0 0 0;
  color: orange;
}

.date {
  font-size: 1.2em;
  font-size: 0.9em;
}

.post_title h2{
  padding: 0 0 0 0em;
  font-size: 1.2em;
}

.meta {
  font-size: 0.85em;
  padding: 0 0 0 0.5em;
}

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #666;
}

a:hover, a:active {
  font-weight: bold;
  text-decoration: none;
  color: #666;
}

.product {
 margin: 5em 0 0 0em;
}

.product_content p  {
  margin: 0em 0 0 26em;
  color: #85b34a;
}

.product_name {
  float: left;
  margin: 3.75em 0 0 2em;
  padding: 0.2em;
  font-size: 1.3em;
  font-weight: bold;
}

.product_info {
  margin-left: 2em;
}

img.product_image{
  float: left;
  padding: 0 5em 0 2em;
}

.price {
  margin: 1em 2em 0 10em;
  padding: 4em 1.5em 4em 4em;
  font-weight: bold;
  color: white;
  font-size: 1.3em;
  text-align:right;
  background-image: url(http://www.tonic.hu/images/12.gif);
  background-position:center right;
  background-repeat: no-repeat;
}

#login {
  float: right;
  padding: 1.5em 3em 1.5em 2em;
}

#login input {
  margin: 0.5em 0 0.5em 0;
}

.clear {clear:both;}

p.login {
  float:left;
}

#error {
  background: white;
  text-align: left;
  padding: 2em;
}

strong {
 font-weight:bold;
}

 .orange {
color: orange;
}

.green {
  color: green;
}

#files {
  text-align: left;
  padding: 2em;
  color: black;
}

dl dt {
  background: #DEDEE0;
  font-weight: normal;
  padding: 0.4em 0 0.4em 2.6em;
  margin: 0.2em 0 0.2em 0;
}

dl a:link,dl a:visited {
  font-weight: normal;
}

dl a:hover,dl a:active {
  color: #000;
}

.orange a{
  color: orange;
}

dt.c1 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc1.gif) no-repeat right;
}

dt.c2 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc2.gif) no-repeat right;
}


dt.c3 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc3.gif) no-repeat right;
}

dt.c4 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc4.gif) no-repeat right;
}


dt.c5 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc5.gif) no-repeat right;
}

dt.c6 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc6.gif) no-repeat right;
}

dt.c7 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc7.gif) no-repeat right;
}

dt.c8 {
  background:#DEDEE0 url(http://www.tonic.hu/images/clients_bc8.gif) no-repeat right;
}

dd img {
  margin: 5px;
  padding:1px;
}

dl dd{
}

.clients {
  margin: 5em 0 5em 0;
}


li.archive {
  list-style: url(http://www.tonic.hu/images/3.png);
}

li.tags {
  list-style: url(http://www.tonic.hu/images/4.png);
}

li.feeds {
  list-style: url(http://www.tonic.hu/images/5.png);
}

.blogmenu {
  margin: 0 0 0 2em;
}

.post {
  padding: 0 0 2em 0;
}


.post a:link, .post a:visited {
  color: #AF5288;
}


.post a:hover, .post a:active {
  text-decoration: underline;
}

.post_title a:link, .post_title a:visited {
  color: orange;
}


.post_title a:hover, .post_title a:active {
  color: orange;
}

#flickr {
padding: 2em 0 0 1.5em;
}

.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {margin: 0.5em; padding: 0.1em; border: 1px solid #ccc !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


.delicious-posts { margin: 0.5em; padding: 0.5em;}
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0.3em 0 0.3em 0}
.delicious-post { border-top: 1px solid #ccc; padding: 0.2em; font-size: 80% }
.delicious-odd { }
.delicious-banner a { font-size: 80% }
.delicious-posts a:hover { color: orange; }
.delicious-posts a { text-decoration: none; color: #a15426; padding: 0.2em }
.delicious-post a { color: #ccc }


/********** archive list **********/
.aa dt {
color: red;
background: none;
padding: 2em 0em 1em 0em;
margin: 0;
font-weight: bold;
font-size: 1.2em;
color: orange;
}

.aa dd {
font-size: 0.9em;
line-height: 2em;
}

.aa dd a:link, .aa dd a:visited {
color: orange;
}

.aa dd a:hover, .aa dd a:active {
color: #999;
}

#bd em {
  font-style: italic;
}

.post content em {
  font-style: italic;
}

em {
  font-style: italic;
}

#tonic_logo {
border-bottom: 1px solid #ccc;
margin: 0 0 1em 0;
padding: 0em 1em 1em 1em;
}

/* comments */
ol.comments li {
  border-bottom: 1px dotted #ccc;
}

input#comment_name_input, input#comment_email_input, input#comment_web_input, textarea#message, .txpCommentInputMessage {
  padding: 2px;
  border: 1px solid #ccc;
  margin: 5px;
  width: 300px;
}

#txpCommentInputForm {
  font-size: 11px;
}

h3#comment {
  font-size: 1.2em;
  font-weight: bold;
  color: orange;
  margin: 0 0 1em 0;
}