/*  
Theme Name: E-com
Theme URL: http://www.smaug.cz
Author: Vojtech Krs
Author URL: http://www.smaug.cz
Description: E-commerce theme
*/

* {margin:0; padding:0;}

body { background:url(images/bg.jpg) repeat-x #FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; behavior:url('csshover.htc');}



a {color:#06283e; text-decoration:none;}
a:hover {color:#3b647f;}
a img {border:none;}
.c, .clear {clear:both;}


#wrap { width:1004px; margin:37px auto 0 auto; padding:0 0 30px 0; }
#wrap_top { background:url(images/main_top.jpg); height:22px;}
#wrap_bottom { background:url(images/main_bot.jpg) no-repeat top; padding:25px 0 0 0; text-align:center;}
#wrap_main { background:url(images/main_bg.png);  width:1004px;}

#wrap_bottom a {color:#3b647f;}

#header {  height:84px; position:relative;}
#header h1 { position:absolute; top:6px; left:37px; font-size:36px; font-weight:bold;} #header h1 a {color:#06283e;}
#header h2 { position:absolute; top:44px; left:46px; font-size:14px; font:bold; color:#1a5072;} 
#top_ad { width:468px; height:60px; position:absolute; top:6px; right:37px; background:#f2f7f9;} 

#header_img { margin:0 auto; text-align:center;}


#contentwrap { padding:20px 33px 20px 33px;}
#content { float:right; width:700px;}
#sidebar {float:left; width:191px;}

.widget { margin:0 0 1em 0; padding:1em 0 0 0;}
.widget h4 { font-weight:bold; font-size:18px; color:#06283e; width:191px; height:44px; background:url(images/h4_bg.jpg);}
.widget ul { list-style-type:none; }
.widget ul li { padding:4px 0 4px 16px;}

.s_input { height:30px; width:128px; background:#FFF; border:1px solid #c6d6e0; float:left;}
.s_submit {color:#06283e; float:left;}

#content h3 { font-size:24px; font-weight:bold; color:#06283e; border-bottom:1px solid #ebeff2; padding:5px 0 7px 0; margin:0 0 7px 0;}
#content ul { list-style-type:none; }
#content ul li { padding:4px 0 4px 16px;}
#content ol { margin:0 0 0 16px;}
#content ol li { padding:4px 0;}
#content blockquote { padding:10px;}
#content code { padding:10px;}
#content p { text-align:justify; line-height:18px;}

.item { width:210px; float:left; padding:0 15px;}
.item .text { font-size:14px; padding:5px; }
.item .text span { font-weight:bold;}
.item .buy_btn { background:url(images/buy_btn.jpg); width:90px; height:26px; margin:5px auto;}
.item .buy_btn a { display:block; width:100%; height:100%;s}
.item .buy_btn span { display:none;}


/*Comments*/

#commentwrap {width:540px; margin: 0 auto; }
#comment, #comments input { background:#e6edc4; }
#comment { width:435px; }

#submit { margin:5px auto; padding:5px;   }

#comments h4 {color:#313131; margin:20px 0 10px 0; font-size:12px; padding:0 0 0 20px; }
#comments .comment {  margin:0 0 20px 0; padding:10px 40px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; color:#808080;}
#comments .comment .meta { padding:0 0 5px 0;}
#comments .comment .author { padding:0 0 5px 0;}
#comments .comment .author span {font-weight:bold; color:#06283e;}
#comments .comment .date {  font-size:11px; }
#comments .comment .text { font-size:11px; padding:0 0 0 0; color:#000;}

#commentform { margin:0 auto 3em auto; width:400px;}
#commentform td  {  color:#333333; font-weight:bold; font-size:10px;}
#commentform input { background:#FFFFFF; border:1px solid #afada6; color:#666666; padding:4px; width:125px;}
#commentform input.submit {  border:1px solid #afada6; background:#FFFFF; width:120px; color:#333333; font-size:10px; margin:5px auto 0 auto; font-weight:bold;}
#commentform textarea { background:#FFFFF; border:1px solid #afada6; color:#333333;  width:350px; height:110px; font-family:Arial, Helvetica, sans-serif;}
