html{min-height:100%}

*{
margin:0;
padding:0;
}

a{color:#048}
a:hover{color:#06C}
a img{border:none}

body{
background:#E7E7E2 url('img/body-back.gif') center top;
color:#444;
font:normal 62.5% Tahoma,sans-serif;
padding-top:64px;
}

p,code,ul{padding-bottom:1.2em}

li{list-style:none}

h1{font:normal 1.8em Tahoma,sans-serif}
h2{font:bold 1.4em sans-serif}
h3{font:bold 1em Tahoma,sans-serif}

form,input{margin:0;padding:0;display:inline}

code{
background:#FFF;
border:1px solid #EEE;
border-left:6px solid #CCC;
color:#666;
display:block;
font:normal 1em Tahoma,sans-serif;
line-height:1.6em;
margin-bottom:12px;
padding:8px 10px;
white-space:pre;
}

blockquote{
background:url(img/quote.gif) no-repeat;
display:block;
font-weight:bold;
padding-left:28px;
}

h1,h2,h3{padding-top:6px;color:#553;margin-bottom:4px}


.clearer{clear:both;font-size:0}
.left{float:left}
.right{float:right}


.inner-container{
border:2px solid #D7D7D2;
background:#FFF;
font-size:1.2em;
margin:0 auto;
padding:10px;
width:780px;
}

.outer-container{
background:url('img/container.jpg') no-repeat center bottom;
padding-bottom:64px;
}


.header{
background:#222 url('img/header.jpg') no-repeat;
height:160px;
margin-bottom:5px;
text-align:center;
}
.header .title{
color:#FFF;
padding-top:50px;
}
.header .title .sitename a{
border-bottom:1px dashed #657382;
color:#FFF;
font:normal 3em sans-serif;
padding-bottom:2px;
text-decoration:none;
}
.header .title a:hover{border-color:#F60}
.header .title .slogan{
font:normal 1.1em Verdana,sans-serif;
padding-top:6px;
}

.path{
position:relative;
background:#949490;
color:#FFF;
font:normal 1.1em Verdana,sans-serif;
padding:0px 12px;
}
.path li,.path ul{display:inline}
.path a{
color:#FAFAFA;
text-decoration:none;
margin-right:16px;
line-height:30px;
}
.path a:hover{
color:#FFE;
text-decoration:underline;
}

a#shoplink{
position:absolute;
top:0px;
right:0px;
margin:0 0 0 16px;
width:150px;
height:30px;
overflow:hidden;
color:orange;
font-weight:bold;
line-height:200px;
background:url(/images/tmc/top/Shop-Online-btn.png) no-repeat 0px 0px
}
a#shoplink:hover{
color:orange;
font-weight:bold;
text-decoration:underline;
background:url(/images/tmc/top/Shop-Online-btn.png) no-repeat 0px -30px
}



.main{
background:url(img/main.gif) repeat-y;
border-top:4px solid #FFF;
padding:8px 12px 0 0;
}


.content{
float:right;
width:538px;
}
.content .descr{
color:#664;
font-size:0.9em;
margin-bottom:6px;
}
.content li{
list-style:url(img/li.gif);
margin-left:18px;
}
.content p{font-family:"Lucida Sans Unicode",sans-serif}


.navigation{
float:left;
width:210px;
}
.navigation h2{
color:#5A5A43;
font:bold 1.1em Tahoma,sans-serif;
line-height:30px;
margin:0;
padding-left:12px;
}
.navigation ul{
padding:0;
border-top:1px solid #EAEADA;
text-transform:capitalize;
}
.navigation li 
{
border-bottom:1px solid #EAEADA;
display:block;
font-size:1.1em;
color:#554;

padding:8px 0 8px 5%;
text-decoration:none;
width:95%;
}
.navigation li a{
color:#554;
text-decoration:none;
}
.navigation li img
{
padding-right:5px;
}
.navigation li a:hover{
background:#F0F0EB;
color:#654;
}
#blogroll
{
font-size:.9em;

}
#searchfield
{

width:125px;
}


.footer{
background:#949490;
color:#F7F7F2;
font:bold 1em sans-serif;
margin-top:5px;
padding:10px 12px;
}
.footer a{
color:#F7F7F2;
text-decoration:none;
}
.footer a:hover{color:#FFC}


.post h1 a{
border-bottom:1px dashed #AAA;
color:#664;
text-decoration:none;
}
.post h1 a:hover{
border-color:#F60;
color:#553;
}

.post{margin:6px 0 2px}
.post .info{
background:#F5F5F5;
border:1px solid #E3E4E4;
color:#666;
margin:2px 0 4px;
padding:5px 10px;
}
.post img{
border:4px solid #DDD;
margin:4px 0;
}
.post a img{border:4px solid #DDD}
.post a:hover img{border-color:#CCC}

.info a{text-decoration:none}
.info a:hover{text-decoration:underline}


#relatedPosts a{
display:block;
margin-top:5px;
margin-left:15px;
margin-bottom:5px;
font-size:1.2em;
}


.comment 
{
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
padding-top:5px;
margin-bottom:5px;
padding-bottom:0px;
}

.comment .date{
text-align:left;
margin:0;
padding:3px 0px;
}
.comment .author{
margin:0;
text-align:left;
padding-top:3px;
margin:5px 0px 3px 0px;
clear:both;
}

.self{
background-color:#F5F5F5;
}

.comment .gravatar{
float:right;

width:80px;
margin:5px 5px 5px 5px;
}

.comment .gravatar img{
height:80px;
width:80px;
}

.comment .content 
{
float:left;
min-height:85px;
width:440px;
margin:5px 0 0 0px;
}
.commentForm{
padding:5px;
}

.commentForm label{
float:left;
display:block;
width:80px;
}

.commentForm input{
width:130px;
}

.commentForm textarea{
width:100%;
height:150px;
}



#archive{
padding:10px;
}

#archive h1{
margin:0;
padding-bottom:9px;
}

#archive h2{
border-bottom:1px solid silver;
padding-bottom:4px;
font-size:12px;
margin-bottom:10px;
}

#archive h2 img{
margin-right:3px;
}

#archive ul{
list-style-type:square;
margin:0 10px;
padding:10px;
}

#archive ul li{
margin-right:20px;
}

#archive table{
width:100%;
border-collapse:collapse;
}

#archive table td,#archive table th{
text-align:left;
}

#archive table td{
text-align:left;
border-bottom:1px solid #D8D8D8;
padding:2px 0;
}

#archive .date{
width:70px;
}

#archive .comments{

text-align:center;
}

#archive .rating{

text-align:center;
}



#tagcloud{
margin-bottom:10px;
white-space:normal;
}

#tagcloud li{
display:inline;
}

#tagcloud a{
margin-right:3px;
display:inline;
}

#tagcloud a.biggest{
font-size:20px;
}

#tagcloud a.big{
font-size:17px;
}

#tagcloud a.medium{
font-size:13px;
}

#tagcloud a.small{
font-size:12px;
}

#tagcloud a.smallest{
font-size:10px;
}



.rating p{
display:inline;
position:relative;
top:14px;
left:55px;
}

.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position:left top;
}

.star-rating li{
display:inline;
}

.star-rating a,.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border:none;
}

.star-rating a:hover,.star-rating a:active,.star-rating a:focus{
background-position:left bottom;
}

.star-rating a.one-star{
width:20%;
z-index:6;
}

.star-rating a.two-stars{
width:40%;
z-index:5;
}

.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position:left center;
margin:0;
}


.small-star{
width:50px;
height:10px;
}
.small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{
background-image:url(../../pics/star_small.gif);
line-height:10px;
height:10px;
}



#contact{
padding:10px;
}

#contact h1{
margin-top:0;
}

#contact label{
display:block;
padding-top:5px;
}

#contact input.field{
width:200px;
}

#contact textarea{
display:block;
overflow:auto;
width:75%;
height:150px;
margin:0;
}