html,body{height: 100%; margin:0;padding:0}


body{font: 12px arial,sans-serif;text-align:center;color:#333;background: #fff;}
p{margin:0 10px 10px}
div#container{text-align:left;padding-top:25px;}
div#content p{line-height:1.4}
div#navigation{background:#FFF}
div#extra{background:#FF8539}
div#footer{color: #333}
div#footer p{margin:0;padding:5px 10px}

div#header h1{height:194px;line-height:194px;margin:0; padding-left:10px;background: #EEE;color: #79B30B}
div#container{width:930px;margin:0 auto}
div#content{float:right;width:710px}
div#navigation{float:left;width:200px}
div#footer{clear:both;width:100%; padding-left:10px;}

#data{font-weight:normal; font-size:10px;color: #666;}
#content .title{font-weight:bold; font-size:20px;}
#content .titleresult{font-weight:normal; font-size:20px;}
#content .titlered{font-weight:bold; font-size:20px;color: #cc3333;}
#navigation .title{padding-left:2px; font-weight:bold; font-size:13px;}
.red{color: #cc3333;}
ul#recent-com{list-style-type:none;padding:6px 0 15px 2px; margin: 0;}
ul#cat{list-style-type:none;padding:6px 0 15px 2px; margin: 0;}
ul#archive{list-style-type:circle;padding:6px 0 10px 40px; margin: 0;font-size: 12px;}
ul#nav{list-style-type:none;padding:0 0 10px 2px; margin: 0;font-weight:bold;font-size: 13px;}
/* ul#archive a{list-style-type:circle; margin: 0;font-size: 12px;} */
ul#nav a{list-style-type:none;padding:0 0 10px 2px; margin: 0;font-weight:bold;font-size: 13px;}

ul#utils{padding:10px 0 10px 13px; margin: 0;}
#post{padding-bottom:20px;}
#posttitle{border-top:1px solid #333333;padding-top:1px;}
/* #comments{border-top:1px dotted #333333;margin-top:25px;padding-top:1px;padding-bottom:8px;} */
#comments{background: url(../images/dot2.gif) repeat-x top; margin-top:25px;padding-top:1px;padding-bottom:8px;}
#comments p{margin:0 0 0 0;}
#nav li{padding-bottom:4px;}
#note {height:25px;font-size:9px; padding-top:3px;color:#666;}
#abstract {font-size:12px;}
#abstract p{margin:0 0 0 0}
#abstracthome {font-size:12px;color:#999;}
#read {margin-top:16px;padding-top:0;font-size:11px;width:58px;font-weight:bold;border-top:2px solid #333;}
#readnew{margin-top:16px;padding-top:0;font-size:11px;width:68px;font-weight:bold;border-top:2px solid #333;}

.format{border:1px solid #999;}
.boxcomment{border:1px solid #999;}
.error{color: #cc3333;}
.ok{color: #039925;}

a.mail{outline-style:none;text-decoration:none; padding:0 0 0 0; margin:0 0 0 0; color: #cc3333;}
a{outline-style:none;text-decoration:none; padding:0 0 0 0; margin:0 0 0 0; color: #333;}
a:hover{text-decoration:none;color: #cc3333;}
a.red{outline-style:none;text-decoration:none; padding:0 0 0 0; margin:0 0 0 0; color: #cc3333;}

#recent-com a{outline-style:none;text-decoration:none; padding:0 0 0 0; margin:0 0 0 0; color: #999;}
#recent-com a:hover{text-decoration:none;color: #cc3333;}

#cupido{padding-top:15px;}
.button_ex {
width: 39px;
height: 39px;
padding-top:16px;
}

.button_ex a {
display: block;
width: 39px;
height: 39px;
/* background: url(../images/cupido1.gif) no-repeat top left; */
background: url(../images/snake.gif) no-repeat top left;
}

.button_ex a:hover {
/* background-position: top right; */
background: url(../images/snake-r.gif) no-repeat top left;
}






/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:194px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 194px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 194px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/*START PAGINATION*/
#content .pagenavi {
	 text-align:center;
	 margin-bottom:6px;
	}
#content .pagenavi a.pag, .pagenavi a.pag:link, .pagenavi a.pag:active {
	 font-family: Verdana, Helvetica, Arial, sans-serif;	
	 font-size: 10px;
	 color: #4F5359; 
	 font-weight: normal;
	 text-decoration: none;
	 border: 1px solid #333;
	 /* background-color:#FFF; */
	 padding-left: 3px;
	 padding-right: 3px;
	 margin: 2px;
	}
#content .pagenavi a.pag:hover {
	 color: #ffffff; 
	 border: 1px solid #333;
	 background-color:#333;
	}
#content .pagenavi span.pages {
	 padding: 3px 8px 3px 8px;
	 margin: 2px 2px 2px 2px;
	}
#content .pagenavi span.current {
	 font-family: Verdana, Helvetica, Arial, sans-serif;	
	 font-size: 10px;
	 color: #fff; 
	 font-weight: normal;
	 text-decoration: none;
	 border: 1px solid #333;
	 background-color:#333;
	 padding-left: 3px;
	 padding-right: 3px;
	 margin: 2px;	 
	}
#content a.arrow  a.nextpage{
	 /* border: 0px solid #333;
	 margin: 0; */
	}
/*END PAGINATION*/