@CHARSET "UTF-8";

#article { list-style: none;}
#article li { width: 680px; height: 170px; background: url(img/long_separator.png) no-repeat bottom center; margin-bottom: 10px;}

#article img { float: left; margin-right: 10px; border: #cccccc 1px solid; padding: 2px; }
#article span { font-size: 10px; color: #cccccc; }
#article p { padding: 5px 15px 5px 0; text-align: justify}
#article h3 { font-size: 20px; color: #f58220; font-weight: bold; text-decoration: none; }
#article h3 a { font-size: 20px; color: #f58220; font-weight: bold; text-decoration: none; }
#article h3 a:hover {  text-decoration: underline; }
#article a { color: #f58220; text-decoration: none; }
#article a:hover { text-decoration: underline; }
#article a.readmore { font-size: 12px; color: #f58220; font-weight: bold; text-decoration: none; text-align: right; }
#article a.readmore:hover { text-decoration: underline; }

.detail img { float: left; margin-right: 10px; border: #cccccc 1px solid; padding: 2px; }
.detail img.inner { border: #cccccc 1px solid; padding: 2px; float: none;}
.detail span { font-size: 10px; color: #cccccc; }
.detail p { padding: 5px 15px 5px 0; text-align: justify}
.detail h3 { font-size: 20px; color: #f58220; font-weight: bold; text-decoration: none; }
.detail a { color: #f58220; text-decoration: none; }
.detail a:hover { text-decoration: underline; }

.detail ul.inner {list-style: none}
.detail ul.inner li {height: 250px;}


.inner-gallery { list-style: none;}
.inner-gallery li { width: 150px; height: 150px; margin: 5px; float: left; }