html,body {
width:100%;
height:100%;
padding:0;
margin:0;
}
html {
font:75%/158% arial,tahoma,verdana,sans-serif;
}
body {
color:#00476c;
background:#00cdff url('../img/body.png') repeat-x 0 0;
}
p {
margin:0 0 1.5em 0;
}
ul {
padding:0;
margin:0 0 1.5em 0;
list-style:none;
}
ul li {
padding:0 0 .5em 20px;
background:url('../img/ico/li.gif') no-repeat 0 .67em;
}
ol {
padding:0px;
margin:0 0 1.5em 25px;
}
ol li {
padding:0 0 .5em 0;
}
a, a:link{
color:#feffff;
text-decoration:underline;
}
a:hover {
color:#ffa;
}
a:focus,a:active {
outline:none;
}
a img {border:none;}
address {font-style:normal;}

h1,h2,h3,h4,h5,h6 {
margin:0;
font-family:arial,tahoma,verdana,sans-serif;
font-weight:normal;
}
h2 {
margin:0 0 .67em -20px;
font:2em "Trebuchet MS",arial,tahoma,verdana,sans-serif;
color:#fff;
}
h2 a {
color:#ffa;
text-decoration:none;
}
h2 a:hover {
color:#fff;
}
h3 {
margin:0 0 1em 0;
font:1.67em "Trebuchet MS",arial,tahoma,verdana,sans-serif;
color:#00476c;
}


td {
padding:0px;
}
object,embed {display:block !important;}


form,fieldset {
padding:0;
margin:0;
border:none;
display:block;
overflow:hidden;
}

div.text {
padding:3px 15px;
border-top:1px solid #9ec7d1;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #c5c5c5;
border-left:1px solid #dbdbdb;
position:relative;
background:#fff url('../img/div-text.png') repeat-x 0 0;
}
div.text div.tl {
width:10px;
height:9px;
font-size:1px;
overflow:hidden;
position:absolute;
top:-1px;
left:-1px;
background:url('../img/div-text-tl.png') no-repeat 0 0;
}
div.text div.tr {
width:10px;
height:9px;
font-size:1px;
overflow:hidden;
position:absolute;
top:-1px;
right:-1px;
background:url('../img/div-text-tr.png') no-repeat 0 0;
}
div.text div.bl {
width:10px;
height:9px;
font-size:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:-1px;
background:url('../img/div-text-bl.png') no-repeat 0 0;
}
div.text div.br {
width:10px;
height:9px;
font-size:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
right:-1px;
background:url('../img/div-text-br.png') no-repeat 0 0;
}

input.text,textarea {
width:100%;
padding:0px;
border:0px;
display:block;
position:relative;
z-index:2;
font:1em arial,tahoma,verdana,sans-serif;
color:#1a4f63;
background:none;
}
textarea {
margin:10px 0;
overflow-y:auto;
}


input.checkbox {
width:1.17em;
height:1.17em;
margin:.08em;
}
input.submit {
padding:2px 0;
margin:0px;
cursor:pointer;
}

label {
font:1em arial,tahoma,verdana,sans-serif;
color:#00476c;
}



div#wrap {
width:100%;
min-width:980px;
max-width:1500px;
min-height:100%;
margin:0 auto;
position:relative;
z-index:2;
}
div.both {
width:100%;
clear:both;
overflow:hidden;
}
div.clear {
width:100%;
height:1px;
clear:both;
overflow:hidden;
font-size:1px;
overflow:hidden;
}


div#bg {
width:100%;
min-width:980px;
height:630px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
z-index:1;
}
div#space {
width:100%;
max-width:1500px;
height:630px;
margin:0 auto;
position:relative;
}
div#child {
width:770px;
height:550px;
margin:0 0 0 -205px;
position:absolute;
top:74px;
left:6.5%;
z-index:1;
background:url('../img/child.jpg') no-repeat 0 0;
}
div#tusa {
width:400px;
height:274px;
margin:0 0 0 -268px;
position:absolute;
top:226px;
left:26.5%;
z-index:1;
background:url('../img/bg.jpg') no-repeat 0 0;
}

/* ---------------------------------- footer */
div#footer {
width:87%;
height:23.75em;
overflow:hidden;
position:relative;
left:6.5%;
z-index:2;
}

div#partners {
width:100%;
position:absolute;
top:0px;
left:0px;
z-index:1;
background:url('../img/partners.png') no-repeat 100% 0;
}
div#spartners {
padding:0 45px;
background:url('../img/spartners.png') no-repeat 0 100%;
}
div#partners table {
width:100%;
height:115px;
border-collapse:collapse;
background:#33d7ff;
}
div#partners table td {
width:33.3%;
text-align:center;
}

div#partners table td a {
width:140px;
height:100px;
margin:0 auto;
display:block;
text-decoration:none;
background:transparent no-repeat center left;
}

div#partners table td a:hover {
background-position:center right;
text-decoration:none;
}
div#partners table td a.docpharm {background-image: url('../img/partners/1.gif');}
div#partners table td a.suzacrin {background-image: url('../img/partners/2.gif');}
div#partners table td a.genezis {background-image: url('../img/partners/3.gif');}



div#copy,ul#additional,div#author,div#programming {
position:absolute;
font-size:.92em;
line-height:1.46em;
}
div#copy {
top:15.14em;
left:0px;
}
ul#additional {
top:18.45em;
left:0px;
}
ul#additional li {
padding:0 1.36em 0 1.46em;
float:left;
position:relative;
left:-1.46em;
background:url('../img/ico/add.gif') repeat-y 0 0;
}
div#author {
top:15.14em;
left:69%;
z-index:2;
}
div#programming {
top:18.45em;
left:69%;
z-index:2;
}



/* ---------------------------------- header */
div#header {
width:87%;
overflow:hidden;
position:relative;
left:6.5%;
}
div#hspace {
width:100%;
margin:57px 0 50px 0;
position:relative;
background:url('../img/hspace.png') no-repeat 100% 0;
}
div#hspace div.space {
padding:0 45px;
background:url('../img/hspace2.png') no-repeat 0 100%;
}
div#hspace div.bg {
width:100%;
padding:40px 0;
overflow:hidden;
background:#36bddf;
}
div#logo {
width:31%;
position:absolute;
top:0px;
left:0px;
background:blue;
}
div#logo img {
margin:0 0 0 -80px;
position:absolute;
top:3.3em;
left:50%;
display:block;
}
div#title {
width:60%;
padding:6px 0 6px 20px;
float:left;
position:relative;
left:33.5%;
font-size:1.17em;
color:#000;
background:url('../img/ico/add.gif') repeat-y 0 0;
}

/* ---------------------------------- content */
div#content {
width:87%;
padding:0 0 75px 0;
min-height:200px;
overflow:hidden;
position:relative;
left:6.5%;
}

div#left {
width:31%;
padding-top:265px;
float:left;
}
div.tags {
width:100%;
margin:0 0 40px 0;
line-height:2.5em;
text-align:center;
}
div.tags a {
padding:3px;
margin:0 15px;
}
div.tags a:hover {
color:#ec008c;
background:#fff;
}

div#search {
width:100%;
overflow:hidden;
background:url('../img/search.png') no-repeat 100% 0;
}
div#search form {
padding:0 25px;
background:url('../img/search-form.png') no-repeat 0 100%;
}
div#search fieldset {
border-top:1.67em solid #33d7ff;
border-bottom:1.67em solid #33d7ff;
padding:0 5px;
position:relative;
background:#33d7ff;
}
div#search div.text {
width:75%;
border-top:1px solid #d1d1d1;
border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
background:#fff url('../img/search-text.png') repeat-x 0 0;
}
div#search div.text div.tl {background:url('../img/search-text-tl.png') no-repeat 0 0;}
div#search div.text div.tr {background:url('../img/search-text-tr.png') no-repeat 0 0;}
div#search div.text div.bl {background:url('../img/search-text-bl.png') no-repeat 0 0;}
div#search div.text div.br {background:url('../img/search-text-br.png') no-repeat 0 0;}

div#search input.submit {
width:18px;
padding:3px 0;
border:0px;
margin-left:30px;
position:absolute;
top:0px;
left:75%;
display:block;
font-size:1em;
background:url('../img/search-submit.png') no-repeat 50% 50%;
}




div#right {
width:63.5%;
padding-left:20px;
float:left;
position:relative;
left:3.5%;
}


div.blog {
margin:0 0 50px 0;
position:relative;
}

div.blog p.date {
margin:0 0 1.67em -20px;
font-size:.92em;
}
div.blog p.date a {
padding:0 0 0 17px;
background:url('../img/ico/user.gif') no-repeat 0 1px;
}
div.blog p.date span.author {
padding:0 0 0 10px;
margin:0 0 0 9px;
background:url('../img/ico/add.gif') repeat-y 0 0;
}
div.blog div.line {
width:100%;
padding:12px 0 0 0;
overflow:hidden;
background:url('../img/ico/line.gif') repeat-x 0 0;
}
div.blog div.line p {
margin:0px;
display:block;
font-size:.92em;
}
div.blog div.line p.rubric {
width:60%;
padding:0 0 0 12px;
float:left;
background:url('../img/ico/rubric.gif') no-repeat 0 50%;
}
div.blog div.line p.comment {
float:right;
}
div.blog div.line p.comment a {
padding:0 0 0 15px;
background:url('../img/ico/comment.gif') no-repeat 0 50%;
}

div.pager {
width:100%;
overflow:hidden;
}
div.pager div.prev {float:left;}
div.pager div.next {float:right;}
div.pager div.prev,div.pager div.next {
background:url('../img/pager.png') no-repeat 0 0;
}
div.pager div.l1 {
padding:0 10px;
background:url('../img/pager-l1.png') no-repeat 100% 100%;
}
div.pager div.l2 {
background:#33d7ff;
}
div.pager div.prev div.l2 {padding:8px 20px 8px 10px;}
div.pager div.next div.l2 {padding:8px 10px 8px 20px;}
div.pager div.prev a {
padding-left:17px;
background:url('../img/ico/arrow-left.gif') no-repeat 0 .5em;
}
div.pager div.next a {
padding-right:17px;
background:url('../img/ico/arrow-right.gif') no-repeat 100% .5em;
}



div.comments {
margin:0 0 50px 0;
}
div.comments div.comment {
width:100%;
position:relative;
overflow:hidden;
}
div.comments div.space {
padding-top:.33em;
margin:0 0 1.33em 3.33em;
overflow:hidden;
background:url('../img/ico/line.gif') repeat-x 0 100%;
}
div.comments p {
margin:0 0 1.2em 0;
}
div.comments p.from {
width:100%;
margin:0 0 .67em 0;
display:block;
overflow:hidden;
}
div.comments p.from span.name {
font-size:1.33em;
}
div.comments p.from span.name a {
text-decoration:none;
}
div.comments p.from span.date {
padding:0 0 0 10px;
margin:0 0 0 10px;
background:url('../img/ico/add.gif') repeat-y 0 0;
}
div.comments div.number {
position:absolute;
top:0px;
left:0px;
background:url('../img/number.png') no-repeat 0 100%;
}
div.comments div.number span {
padding:0 6px;
display:block;
background:url('../img/number-span.png') no-repeat 100% 0;
}
div.comments div.number span span {
width:1.22em;
padding:.18em 0;
font:1.17em "Trebuchet MS",arial,tahoma,verdana,sans-serif;
color:#fff;
text-align:center;
background:#4ddbfe;
}




#addcomment {
width:100%;
overflow:hidden;
}
#addcomment fieldset {
width:70%;
margin:0 0 0 3.33em;
overflow:hidden;
}
#addcomment .both {
padding:0 0 15px 0;
}
#addcomment label {
padding:2px 0 0 0;
display:block;
float:left;
}
#addcomment label.left {
width:4.15em;
padding:4px 0 0 0;
}
#addcomment div.text {
width:70%;
float:left;
}
#addcomment textarea {
height:7.84em;
}
#addcomment input.checkbox {
margin:.08em 8px 0 0;
display:block;
float:left;
}
#addcomment div.hr {
width:70%;
padding:0 15px;
height:1px;
overflow:hidden;
position:relative;
left:4.15em;
background:url('../img/ico/line.gif') repeat-x 0 0;
}
#addcomment input.submit {
width:170px;
height:26px;
padding:0px;
border:0px;
float:left;
display:block;
background:url('../img/addcomment-submit.png') no-repeat 0 0;
}