html, body {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
background: #cccccc;
}

body,p,td,th {
color: #444444;
font-family: "Lucida Grande", Arial, Tahoma;
font-size: 12px;
line-height: 15px;
}
p {
margin: 10px 0;
}
a {
color: #0074f3;
text-decoration: none;
}
a:visited {
color: #0067d5;
}
a:hover {
color: #00c6fe;
}
a:active {
color: #FF9900;
}
ul{
margin: 0 0 0 14px;
padding: 0px;
}
h1 {
color: #000000;
font-family: Arial;
line-height: 14px;
font-size: 13px;
margin: 0 0 12px 0;
font-weight: bold; 
}
h2 {
color: #000000;
font-family: "Lucida Grande", Arial, Tahoma;
line-height: 17px;
font-size: 15px;
margin: 0 0 2px 0;
font-weight: bold; 
}
h3 {
color: #000000;
font-family: "Lucida Grande", Arial, Tahoma;
line-height: 14px;
font-size: 13px;
margin: 0 0 2px 0;
font-weight: bold; 
}
 
blockquote {
margin: 0px 0px 5px 0px;
background: #f4f4f4;
padding: 5px 10px 5px 10px;
min-height: 40px;
}

#ti-menu {
width: 880px;
margin: 0 auto;
position: relative;
float: none;
}

#ti-search {
position: absolute;
z-index: 5;
top: 8px;
right: 10px;
color: #666;
}

.ti-body {
width: 840px;
margin: 0 auto;
position: relative;
float: none;
padding: 20px 20px 10px 20px;
min-height: 100px;
background-color: #fff;
}

.ti-bodyfit {
width: 880px;
margin: 0 auto;
position: relative;
float: none;
padding: 0;
min-height: 100px;
}

#ti-bodyinfo {
width: 400px;
margin-left: 130px;
}

#ti-bodybox {
float: right;
width: 290px;
padding: 0px;
background: url(img/box-bg.gif) repeat-y;
}

#ti-bodyinfoblog {
width: 500px;
margin-left: 130px;
}

#ti-bodyboxblog {
float: right;
width: 190px;
padding: 0px;
}


#ti-bodyboxtxt {
padding: 4px 14px;
width: 270px;
}

#ti-bodyheadimg {
padding: 0px 0px 20px 0px;
}

#ti-bodyicon {
width: 120px;
float: left;
}

#ti-txtnav {
width: 840px;
margin: 0 auto;
position: relative;
float: none;
padding: 20px 20px 10px 20px;
font-size:9px;
}

#ti-container {
width: 900px;
margin: 0 auto;
background: url(img/bg-body.gif) repeat-y center;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -45px; /* the bottom margin is the negative value of the footer's height */
}

#ti-prefoot {
height: -45px; /* .push must be the same height as .footer */
background-color: #fff;
}

#ti-foot {
width: 880px;
margin: 0 auto;
bottom: 0;
height: 45px;
background: url(img/bg-footer.gif) repeat-x;
}

#ti-foottxt {
padding: 10px 20px 0px 20px;
color: #333;
font-size: 10px;
}

.txtgrey {
color: #888;
}
.txtmid {
font-size:11px;
}
.txtsmall {
font-size:9px;
}

img.icon {
border: 1px solid #fff;
padding: 0px;
background-color: #fff;
margin: 0px 4px 2px 0;
}

/****** comment ******/

#comments div {
padding: 0px 12px 8px 12px;
border: 1px solid #ccc;
background: #fff;
color: #444;
line-height: 14px;
margin: 8px 0;
}
#comments p {
margin: 8px 0 8px 0;
}
label.left {
float: left;
position: relative;
width: 65px;
line-height: 16px;
text-align: left;
padding-right: 5px;
}
p.sub {
padding-left: 70px;
}