/*
Theme Name: hot-and-cool.net Standard-Theme
Theme URI: http://www.hot-and-cool.net
Description: Same theme like the Shop
Version: 0.1
Author: Ingo Spreu
Author URI: http://www.imania.de
Tags: 



/* hot-and-cool */

* {margin:0;padding:0;}
img {border: none;}

body { background-color:#fff; color:#5D717E; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:11px;}
#page {margin:0 auto 2px; text-align:left; width:980px;}
.clear {clear: both;}

#headwrapper {background:transparent url('images/header.background.png') no-repeat scroll 0 64px; height:120px;}
#headwrapper h1#logo {float:left; padding-top:10px; width:20%;}

#headwrapper #search_block_top {background:#E5E6E7 url('images/block_search_bg.jpg') no-repeat scroll right top; float:right; height:28px; width:336px;}
#headwrapper #search_block_top label {background:transparent url('images/icon/search.gif') no-repeat scroll 0 2px; display:block; float:left; height:18px; width:19px;}
#headwrapper #search_block_top p {margin: 0; padding:0.4em 0 0.4em 1em;}
#headwrapper #search_block_top input#search_query {width:12em; padding: 1px 2px 1px 2px; float:left; border:1px solid #BDC2C9; font-size:12px; margin:0 0.7em 0 0.7em;}
#headwrapper #search_block_top input#submit_button {height:18px; line-height:18px; text-align:center; color:black !important; border:none; cursor:pointer; display:block; font-weight:bold; font-size:10px !important; background: url('images/button-medium.gif') no-repeat left top; width:120px; padding:0 0 2px 0;}
#headwrapper #search_block_top input#submit_button:hover {background-position: left -18px;}

#header #claim {float: left; margin-top: 70px;}
#header #claim h1 {color:#000000; font-size:1em; font-weight:normal; margin:0; padding:3px 0 0;}

#footer {border-top:1px solid #D0D3D8; clear:both; padding:0.5em 0;}
#footer .block_various_links {list-style:none; }
#footer a {color: #5D717E;}

#left_column {clear:left; padding-right:15px; width:191px;}
#center_column {margin:0 0 30px; width:556px;}
#right_column {padding-left:15px; width:191px; }
#blog_column {width:761px;}
#center_column, #left_column, #blog_column, #right_column {float:left; padding-bottom: 30px;}

#left_column ul,
#sidebar ul  {list-style:none; }
#left_column ul h2,
#sidebar ul h2 {background:transparent url('images/block_header.gif') no-repeat scroll left top; border-bottom:1px solid #595A5E; color:#374853; font-family:Helvetica,Sans-Serif; font-size:1.2em; font-weight:bold; height:19px; line-height:1.3em; padding:2px 0 0 0.5em; text-transform:uppercase;}

#left_column ul#boxes ul,
#sidebar ul#widgets ul {background: #e4e5e8 url('images/block_footer.gif') no-repeat scroll left bottom; padding:6px 10px 12px 10px; margin-bottom: 20px;}
#sidebar ul#widgets ul li a {color: #374853; text-decoration: none;}
#sidebar ul#widgets ul li a:hover {text-decoration: underline;}

#sidebar ul#widgets .blogroll a img {float: left; margin-top: -20px;}
#sidebar ul#widgets .blogroll a {display: block; height: 44px; padding-top: 20px; color:#AD1F1F;}

#sidebar ul#widgets .shop {padding:6px 5px 12px 5px;}
#sidebar ul#widgets .shop a img {border: solid 1px #374853;}

#left_column #hotline {background:transparent url('images/homepage_left_hotline.jpg') no-repeat scroll left top; height: 162px; }
#left_column #hotline h3 {font-weight: normal; padding: 40px 0 0 55px; color: #374853; }
#left_column #hotline h4 {color: #c80116; text-align: center; padding: 10px 0 0 0; font-size: 15px;}
#left_column #hotline p {padding: 5px 0 0 0; text-align: center; color: #9ba5b2; font-size: 10px; margin: 0;}

#left_column #partner p {background:transparent url('images/homepage_left_partner.png') no-repeat scroll left top;  padding: 0 0 0 80px;}

#left_column #benefits {margin-bottom: 5px !important; }
#left_column #benefits li ul {background: none;  margin: 0; padding: 0;}
#left_column #benefits li ul li {font-size: 14px; padding: 4px 0 5px 22px;  background: url('images/icon/block_check.png') no-repeat scroll 0px 5px;}


/* basic */

a { color:#AD1F1F; text-decoration:none; outline:none; }
a:hover { text-decoration:none; color:#7b010e; }
a img { border:0; }
a:img { border:0; }
blockquote { padding:1px 10px 1px 10px; margin:10px 0px 10px 10px; background-color:#F2F2F2; }
blockquote blockquote { background-color:#E1E1E1; display:inline-block; }
pre { padding:5px 10px 5px 10px; margin:10px 0px 10px 0px; background-color:#F2F2F2; line-height:160%; overflow:auto; }
input, select, textarea { padding:5px; font:12px Verdana, Arial, sans-serif; color:#333333; background-color:#F7F8F9; border:solid 1px #D3DADE; }
input:hover, select:hover, textarea:hover { border-color:#BCC6CB; }
textarea { line-height:160%; }
ul { list-style:square; }
p { margin:11px 0px 11px 0px; }
acronym, abbr { cursor:help; border-bottom:1px dashed #999; }
code { font:1.1em 'Courier New', Courier, Fixed; }
h1, h2, h3, h4, h5, h6 { font-family:Tahoma, Verdana, Arial, sans-serif; line-height:130%; }
h1 { font-size:19px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:11px; }
h6 { font-size:10px; }

/* homepage */

#center_column #teaser #label {position:relative; top: -60px; float: right; width: 136px; height: 156px; background: transparent url('images/homepage_center_label.png') no-repeat scroll left top;}
#center_column #teaser {background: transparent url('images/homepage_center_teaser.jpg') no-repeat scroll center top; height: 300px;}
#center_column #teaser #shop a {margin: 185px 0 20px 0; display: block; height: 79px; background: transparent url('images/homepage_center_shop.png') no-repeat scroll center top;}
#center_column #teaser #shop a span {display: none;}

#center_column #teaser h1 {color: #374853; font-size: 14px; font-weight: bolder; text-transform: uppercase;}
#center_column #teaser h2 {color: #5D717E; font-size: 12px; font-weight: bolder;}

#center_column .centerbox {width: 258px; background-color: #d0d3d8; margin: 0 10px 10px 10px; float: left;}
#center_column .centerbox div {padding: 5px 10px 10px 10px; height: 190px;}
#center_column .centerbox img {float: left; margin: 10px 5px 0 0;}
#center_column .centerbox p {color: #000;}
#center_column .centerbox a.exclusive {background-image:url('images/button-large_exclusive.gif'); display:block; font-size:10px !important; font-weight:bold; height: 18px; line-height:18px; text-align:center; width:  180px; text-transform: uppercase; color: #fff; background-position:left top; background-repeat:no-repeat;}
#center_column .centerbox a.exclusive:hover {background-position:0px -18px;}
#center_column .centerbox h2 {line-height: 20px; text-transform: uppercase; background: transparent url('images/homepage_centerbox_h2.png') no-repeat left top; height: 20px;  }
#center_column .centerbox h2 a {padding-left: 10px; color: #fff; display: block;}

/* post */
.post { overflow:hidden; clear:both; margin:0px 0px 0px 0px; padding:0px; }

.post-c1 { float:left; width:100px; overflow:hidden; margin-top:10px; color:#FFFFFF; background-color:#508199; }
.page .post-c1 { background:none; }
.post-date { padding:4px; font-size:16px; text-align:center; line-height:150%; }

.post-c2 { float:left; width:580px; overflow:hidden; padding:10px; background-color:#FFFFFF; }
.post-head { overflow:hidden; margin-bottom:10px; }
.post-head h1 { margin:0px; padding:0px; color:#FFFFFF; font:normal 16px/150% Verdana, Helvetica, Arial, sans-serif; }
.post-head h1 a { color:#333333; background-color:#E9EBEF; padding:4px 8px 4px 8px; display:inline-block; border:0; }
.post-head h1 a:hover { background-color:#DDE0E6; color:#333333; }
.post-text { overflow:hidden; width:100%; }
.post-foot { border-top:solid 2px #F4F4F4; overflow:hidden; padding:8px 0px 8px 0px; font-size:11px; line-height:170%; color:#858585; margin-top:10px; }
.post-foot a { color:#7b010e; }
.post-foot a:hover { color:#AD1F1F; }
.post-comments { font-weight:bold; float:right; font-size:13px; }
.comments-link { display:block; background:url('images/icon/comment.gif') left 3px no-repeat; padding:0px 0px 0px 20px; margin:0px 0px 10px 10px; }


/* comments */
.commentlist { padding:0px; margin:0px; overflow:hidden; list-style:none; list-style-image:none; }
.commentlist ul { margin:0px; padding:0px; list-style:none; list-style-image:none; }
.commentlist li { margin:0px; padding:0px; overflow:hidden; }

ul.children { margin-left:25px; }

.comment { overflow:hidden; background-color:#E3E2D7; margin:0px 0px 10px 0px; padding:0px; width:100%; }
.comment.bypostauthor { background-color:#D7D9E3; }
.comment-avatar { float:left; width:50px; overflow:hidden; padding:10px; }
.comment-text { overflow:hidden; background-color:#F2F1EE; padding:10px; }
.comment-meta { overflow:hidden; border-bottom:dashed 1px #CCCCCC; padding:0px 0px 5px 0px; }
.comment-writer { display:inline; margin-right:15px; font-size:16px; }	
.comment-date { display:inline; }
.comment-date a, .comment-reply a { color:#999999; }
.comment-date a:hover, .comment-reply a:hover { color:#666666; }
.comment-reply { float:right; }

.trackbacklist { margin:20px 0px 0px 0px; padding:0px; }
.trackbacklist li { margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; overflow:hidden; background-color:#F2F1EE; }

#respond #comment { width:98%; max-width:98%; }

/* defaults */
.overflow { overflow:hidden; }
.center { text-align:center; }
.c1box { margin:0px 15px 0px 115px; }

/* Wordpress defaults */
.navigation { overflow:hidden; margin-left:100px; text-align: center; padding:15px; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding:0px; margin:0px 0px 2px 7px; display: inline; }
img.alignleft { padding:0px; margin:0px 7px 2px 0px; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #F4F5F7; text-align: center; background-color: #F4F5F7; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */