/*
Theme Name: Herbalzym
Theme URI: http://www.designvetica.com/
Description: Unique WordPress theme for Herbalzym
Author: Design Vetica
Author URI: http://www.designvetica.com/
License: All Rights Reserved
*/

body {padding:0;margin:0;font-family:Geneva,Tahoma;width:100%;color:#707070;text-align:center;background:#FFF;}
.inline {display:inline;}
a:focus,a:active,a:visited,a{outline:none;}
a {color:#000;}
.clear {height:0px;overflow:hidden;clear:both;}

/* HEADER STUFF*/
#header {width:100%;text-align:center;background:#3C3C3C;color:#FFF; font-size:12px;}
#headerinner {padding: 4px 0;margin:0 auto;text-align:center;}
#headerinner img {padding-left:0px;margin-left:-4px;}
#header a {color:#FFF;text-decoration:none;padding: 0 10px;}
#header a:hover {text-decoration:underline;}

/* INFO BOX */
#infobox {background: url('images/grad.png') repeat-x center top;min-height:306px;width:100%;margin-bottom:60px;color:#FFF;font-size:14px;}
#infobox h1 {font-weight:normal;font-size:35px;margin: 0 0 7px 0;text-indent:-9999px;background: url('images/logo.png') no-repeat;height:67px;}
#infobox h2 {font-weight:normal;font-size:25px;margin: 10px 0;padding:0;}
#infobox p {font-size:12.2px;}
#infoboxinner {width:850px;margin:auto;padding-top:35px;}
#infoboxleft {width:286px;padding-right:37px;float:left;text-align:left;padding-bottom:50px;}
#infoboxright {width:526px;float:right;text-align:right;}
#video {margin-top:15px;border: solid #FFF 5px; width:480px; height:300px;float:left;}
#shadowleft {margin-top:25px;background:url('images/shadow-left.png') no-repeat center bottom;height:300px;float:left;width:18px;}
#shadowright {margin-top:25px;background:url('images/shadow-right.png') no-repeat center bottom;height:300px;float:left;width:18px;}

/* MINI-INFO BOX */
#miniinfobox {text-align:left;background: url('images/grad.png') repeat-x center center;height:82px;width:100%;line-height:102px;padding-top:20px;}
#miniinfobox h1 {color:#FFF;font-weight:normal;font-size:35px;margin: 0 0 0 204px;text-indent:-9999px;background: url('images/logo.png') no-repeat;}

/* HOME-CONTENT */
#hc {width:850px;margin:auto;text-align:left;}
#hcsidebar {width:30%;float:left;}
#hcsidebari {padding:0 15px 15px 15px;}
#hccontent {width:70%;float:left;}
#hccontenti {padding:0 15px 15px 15px;border-left:#CCC solid 1px;}
#hc h2 {color:#6099d7;font-weight:normal;border-bottom:#CCC solid 1px;background: url('images/arrow.png') no-repeat center left;padding: 0 0 3px 20px;font-size:20px;}
#hc h3, h3 a {font-weight:normal;border-bottom:#CCC solid 1px;padding: 0 0 3px 0;font-size:20px;text-decoration:none;}
#hc img, #pc img {padding:3px; border:#CCC solid 1px; margin: 3px 10px 3px 0;}
#hc p {font-size:12px;}
#hc li {line-height:25px;}
.alignleft {float:left;margin-right:10px;}

/* META */
.meta {font-size:12px;margin-top:-15px;}
#comment {width:90%;}
#comments {margin-top:10px;padding-top:10px;border-top:1px solid #E5E5E5;font-size:14px !important;}
.commentlist li {list-style-type:none;padding:10px 0 10px 0;border-bottom:1px dotted #D7D7D7}
.avatar {float:left;margin-right:10px;}
.fn a, .comment-edit-link {color:#6099D7;font-weight:bold;}
.commentlist p {padding:10px 42px 0 0;}
.more-link {font-size:13px;}

/* PAGE-CONTENT */
#pc {width:70%;margin:auto;text-align:left;}
#pcsidebar {width:30%;float:left;}
#pcsidebari {padding:0 15px 15px 15px;}
#pccontent {width:70%;float:left;}
#pccontenti {padding:0 15px 15px 15px;border-left:#CCC solid 1px;}
#pc h2 {color:#6099d7;font-weight:normal;border-bottom:#CCC solid 1px;background: url('images/arrow.png') no-repeat center left;padding: 0 0 3px 20px;font-size:18px;}
#pc h3 {font-weight:normal;padding: 0 0 3px 0;font-size:20px;border-bottom:1px solid #CCCCCC;}
#pc h3 a {text-decoration:none;}
#pc p,li {font-size:12.5px;}
#pc li {line-height:25px;}

/* FOOTER STUFF*/
#footer {background: url('images/footer.png') no-repeat center top; width:80%;font-size:12px;margin:30px auto 20px auto;}
#footerinner {padding-top:10px;text-align:left;}
#footerinner a {text-decoration:none;}
#footerinner span{width:50%; display:block; float:left;}
.alignright {text-align:right;}