/* Reset */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
legend{color:#000}
del,ins{text-decoration:none}

body{background:url(ht.gif) repeat-x;font: 12px "Verdana";color:#64635f;line-height:1.5em;}
h1,h2,h3{font:normal 12px "Trebuchet MS", Verdana, Tahoma;color:#64635f;line-height:1.2em;}
a{text-decoration:none}
a:hover{color:orange}

#ht,#ct,#ctg,#bt{margin:0 auto;width:770px;overflow:auto}
#lt{float:left;width:500px}
#rt{float:right;width:170px;padding-left:30px;border-left:1px solid #aaa;}

#ht h1{background:url(lg.gif) no-repeat;height:52px;width:407px;text-indent:-9999px;float:left;margin-top:42px}
#ht h1 a{display:block;height:51px;width:407px;overflow:hidden}
#ht ul{display:block;float:right;margin-top:67px;}
#ht ul li{display:block;background:#fff;height:23px;float:left;padding:4px 7px 0 7px;}
#ht ul li a{font-family:"Trebuchet MS", Verdana, Tahoma;font-size:12px;font-weight:normal;color:#000;text-decoration:none;padding-left:20px;}
#ht ul li a.add {background:url(add.gif) no-repeat 0 1px;}
#ht ul li a.logout {background:url(logout.gif) no-repeat 0 1px;}
#ht ul li a:hover {color:orange}

#bt {border-top:1px solid #ccc;margin-top:18px;padding:10px 0 30px 0;font:10px Verdana;line-height:1.7em;overflow:visible;}
#bt a {color:#82c026;}
#bt h4 {font: bold 11px Verdana;line-height:1.7em;}
#bt .right {float:right;}

/* Menu tab */
.menu {margin-top:36px;}
.menu h1{font-size:22px;margin-bottom:6px;}
.menu ul {margin-bottom:26px;font-weight:bold;color:#eaeaea;list-style:none;}
.menu a {text-decoration:none;color:#64635f;}
.menu a:hover {color:orange}

/* List */
.list {margin-top:32px;}
.list div.item {border-bottom:1px solid #ccc;padding-bottom:8px;margin-bottom:16px;overflow:auto;}
.list div.last {border:0}
.list h1{font-size:30px;padding-bottom:16px;}
.list h2{font-size:16px;clear:left;font-weight:bold;padding-bottom:12px;}
.list a {color:#82c026;}
.list a:hover {color:orange}
.list a.title {font-size:20px;line-height:1.2em;}

/* Action list */
.act{padding-top:15px;height:20px;overflow:hidden;}
.act a, .act p{color:#82c026;font-weight:normal;font-size:12px;}
.act a:hover {color:orange}
.act a.remove, .act a.edit, .act a.cat, .act p.time, .act a.comment{float:left; margin-right:10px;padding:1px 0 0 20px;}
.act a.cat{background:url(tree.gif) no-repeat 0 2px;}
.act p.time{background:url(clock.gif) no-repeat 0 2px;}
.act a.comment{background:url(comment.gif) no-repeat 0 2px;}
.act a.more{background:url(arrow.gif) no-repeat right 2px;padding:1px 22px 0 0;float:right;}

/* Admin panel */
.admin {font:normal 12px "Trebuchet MS", Verdana, Tahoma;color:#64635f;line-height:1.2em;margin-top:12px;margin-bottom:6px;background-color:#fafafa;padding:2px 0;}
.admin a {color:orange;}
.admin a:hover {color:#82c026}
.admin img {vertical-align:-4px;}

/* The first new item */
.list .new {font-weight:bold;font-size:14px;}
.list .new h2 a{font-size:30px;color:#555;}
.list .new h2 a:hover {color:orange}
.list .new h2 img {height:19px;width:32px;vertical-align:top;margin:3px 0 0 6px;}

/* Page styles */
.page {margin-top:32px}
.page h1{font-size:30px;}
.page h2{font-size:16px;font-weight:bold;color:#82c026;text-transform:uppercase;margin-bottom:4px}
.page h3{font-size:15px;font-weight:bold;margin-bottom:1px}
.page ul, .page ol {margin-bottom:18px;}
.page ul ol, .page ol ul{margin-bottom:0;}
.page ul {list-style:square;}
.page ul li, .page ol li{line-height:1.7em;list-style-position: outside;margin-left:2em; }
.page a{background-color:#f5ffe0;text-decoration:none;color:#64635f;border-bottom:1px solid #ddd}
.page a:hover {color:#82c026}
.page p{line-height:1.7em;margin-bottom:18px}
.page p.date{font-weight:bold;color:#bbb;}
.page div.desc p {font-size:16px;line-height:1.5em;border-bottom:1px solid #ddd;padding-bottom:18px;}
.page div.adv {width:728px;height:90px;margin:auto;padding-bottom:18px;}
.page div.content {border-bottom:1px solid #ddd}
.page pre{border-top:1px dashed #999;border-bottom:1px dashed #999;background-color:#fafafa;padding:7px;margin-bottom:18px}
.page strong {font-weight:bold;}
.page img {margin:auto;display:block;}

/* Comments styles */
.comments h2 {font-size:18px;}
.comments ul {list-style:none;margin:32px 0;}
.comments li {clear:left;margin:0;border-left:3px solid #ccc;margin-bottom:6px;height:100%;overflow:auto;}
.comments li.p {background-color:#f7f7f7;}
.comments li.u {border:1px solid #82c026;border-left-width:3px;}
.comments span.number {float:left;display:block;padding:10px;font-size:36px;color:#ccc;min-width:50px;text-align:center}
.comments li div {float:left;width:88%}
.comments li h4 {font-weight:bold;margin:8px 0}
.comments li p {margin-bottom:8px;}
.comments li a, .comments li h4 span {color:#82c026;background:none;}
.comments li a:hover {color:orange;}

/* Pager */
.pager {list-style:none;float:right;overflow:hidden}
.pager li {float:left;}
.pager a {color:orange;}
.pager .prev, ul.pager .next {width:0px;text-indent:-9999px;display:block;}
.pager .prev {margin-right:10px;padding-left:16px;}
.pager .next {margin-left:10px;padding-right:16px;}
.pager a.prev {background:url(pleft.gif) no-repeat left 1px;}
.pager a.next {background:url(pright.gif) no-repeat right 1px;}
.pager span.prev {background:url(plefti.gif) no-repeat left 1px;}
.pager span.next {background:url(prighti.gif) no-repeat right 1px;}

div.error {text-align:center;height:210px}
div.error h1 {font-size:30px;margin-top:170px;font-weight:bold;color:#82c026;text-transform:uppercase;margin-bottom:4px}

/* General form styles */
.form {overflow:auto;margin-bottom:24px}
.form label {margin-top:10px;display:block;font-weight:bold;margin-bottom:3px;}
.form label span {color:red;}
.form input, .form textarea, .form select {padding:2px;line-height:1.3em}

div.submit input {width:100px;display:block;height:28px;float:right;}
div.submit .captcha {float:left;}
div.submit input.captcha {height:15px;margin-right:10px;font-size:12px;padding:4px}

.form span.error {color:red;font-size:9px;display:block;clear:both;}

.login {margin-top:32px;}
.login h1{font-size:30px;}
.login input.submit{display:block;height:28px;width:100px;margin-top:16px;}

.add {margin-top:32px;}
.add h1{font-size:30px;}
.add select {width:200px;}
.add input, .add textarea {width:762px;}
.add textarea {height:35px;}
.add div.submit {width:770px;margin-top:8px;}
.add div.submit input {margin-left:10px;}

.contact {margin-top:32px;}
.contact h1 {font-size:30px;}
.contact input, .contact textarea {width:460px}
.contact div.submit {width:470px;}

.comments {margin-top:32px;}
.comments h1 {font-size:30px}
.comments input {width:190px}
.comments textarea {width:430px;}
.comments div.submit {width:438px;}

.search {margin-bottom:3px;border-bottom:1px solid #ccc;padding-bottom:16px;margin-bottom:16px;overflow:hidden;}
.search input {float:left;width:134px;margin-top:1px;margin-bottom:5px;background-color:#fafafa;border:1px solid #aaa;padding:3px;}
.search input.submit {border:0;background:url(search.gif) no-repeat 0 0px;height:24px;width:24px;color:red;float:right;margin:0;}
.search a {background:url(rss.gif) no-repeat 0 2px;padding-left:22px;height:18px;display:block;font-weight:normal;clear:left;}