body { font-size:13px; line-height:22px; background:url(../images/bg.jpg) top repeat-x #e34d8d; margin:0; padding:0; }
p, img, ul, li, ol, h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; border:0; }
a { text-decoration:none; color:#C36; }
a:hover { color:#cc3366; }

h1, h2, h3, h4, h5, h6 { font-weight: normal }
h1 { line-height:35px; }
h2 { font-size:1.9em; color:#543843; padding: 5px; line-height: 1.6; }
h3 { font-size:1.6em; color:#C36; padding: 5px; line-height: 1.5; }
h4 { font-size:1.4em; color:#000; }
h5 { font-size:1.2em; color:#666; }
h5 a { color:#cc3366; }
h6 { font-size:1.1em; color:#666; }

ol { list-style-image:none; list-style-position:outside; list-style-type:decimal; }

input[type="text"], textarea { color: #666; background-color: #F7F9F9; border: 1px solid #ccc; }
input[type="text"]:focus, textarea:focus{ background-color: #eee; border-color:#aaa; }

.left { float: left; }
.right { float: right; }
.align-rt { text-align: right; }
.clearboth { clear: both; }

#wrapper { margin:0 auto; width:990px; }

#header { height:117px; padding:0 20px; }
#header h1 { float:left; }
#header h1 a { background-image:url(../images/logo.jpg); width:160px; height:117px; display:block; }
#header h1 a span { display:none; }
#issue-logo{float:left; padding:85px 0 0 10px;}
#issue-top {float:right; width:400px;}
#issue-top span {padding-left:400px; float:left; background:url(../images/ekn-logo.jpg) no-repeat right; height:36px; }
#issue-top p {float:right; padding-top:50px;}
#body { width:990px; float:left; background:url(../images/bg-white.jpg) center repeat-y; }

#nav { width:930px; height: 35px; margin:0 20px; padding:10px 10px 0 10px; background: url(../images/top.jpg) top left no-repeat}
#nav ul { height:25px; list-style: none; background-color: #fff; }
#nav ul li { float:left; margin-right: 2px; border: 1px solid #fff; background-color: #c36;
             -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; 
             -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;}
#nav ul li a { font-size:16px; color:#FFF; display:block; padding: 1px 10px; }
#nav ul li a:hover { padding: 3px 13px;; text-decoration:none; }

#top-part { /*height:340px;*/ width:940px; float:left; padding:0 20px; }
#main-news { float:left; width:725px; padding-left: 10px;}
#main-news .main-article{ width:468px; float: left; }
.main-article img { float:left; margin-right:10px; }

.article { background-color: #ededed; float: left; padding: 5px; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.article h1 { margin-bottom: 5px; }
.rem-main-news { float:right; width: 245px; }
.rem-main-news ul { list-style: disc; margin: 5px 5px; padding-left: 10px; color:#444; }

.rem-news-row { margin-bottom:5px; padding-bottom: 10px; border-bottom: 1px dotted #FF99CC;
                clear: both; width: inherit; min-height: 100px; _height:100px;}
.rem-news-row h5 { margin-bottom: 5px; }
.rem-news-row p { line-height: 18px; }

#right-part { float:right; width:195px; }

#issue-wrapper { padding: 9px; background-color: #eee; border:1px solid #ccc;  margin-bottom: 10px; -moz-border-radius:3px; -webkit-border-radius: 3px;}
#issue { height: 260px; }
#issue ul li{ list-style: none; }
#issue ul li img { width:175px; height: 233px; }
#issue ul li p { width:175px; height: 20px; text-align:center; }

.next-pre { width:200px; height:25px; background-image: url(../images/bg-nexpre.jpg); }

#issue-prev, #issue-prev-cat, #issue-prev-det { background:#000 url(../images/prev.png)!important; height: 36px; width: 25px; float:left;
                                                opacity:0.3; filter: alpha(opacity = 30); position: absolute; top:270px; z-index: 300;
                                                -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;
                                                -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
#issue-next, #issue-next-cat, #issue-next-det { background:#000 url(../images/next.png) !important; height:36px; width:25px; float:right;
                                                opacity:0.3; filter: alpha(opacity = 30); position: absolute; top:270px; z-index: 300; margin-left: 145px;
                                                -moz-border-radius-topleft: 4px; -moz-border-radius-bottom-left: 4px;
                                                -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; }

#issue-prev-cat, #issue-next-cat { top:300px; }
#issue-prev-det, #issue-next-det { top:300px; }

.issue-slider-nav { height: 0;}

#three-part { float:left; padding: 10px 0 10px 20px; width:950px; }
.three-part-col, .three-part-col-last { background: #fff url(../images/nari-box-bg.gif) repeat-x; float: left; 
                                        width: 290px; padding:5px; border: 1px solid #e6e6e6; margin-right: 12px; -moz-border-radius: 3px; }
.three-part-col-last { margin:0; float: right; }

#three-part table tr { vertical-align:top; }

#two-part { float:left; padding:0 30px; width:930px; }
#two-part h5 { margin-bottom: 5px; }

.three-part-wrapper, .two-part-wrapper { margin: 0 auto; border-top: 3px solid #ff6699; width: 930px; padding-top: 10px; }

.two-part-col { float: left; width:302px; padding:0 13px 0 0;}
.two-part-col h3 a, .rem-cats h4 a { background-color: #FF6699; color:#fff; padding: 3px 10px; width: auto; width: auto; color: #fff;}

.cat-details { margin:0 0 0 5px; }
.cat-details ul { padding-left: 5px; clear: both; list-style: disc; margin: 5px 0 5px 15px; color:#c36; }

#scroll-prev, #scroll-next { cursor: pointer; }
.scroll-cat { padding:20px 10px; float:left; width:930px; }
.scroll-cat h3{ padding-bottom: 7px; }
.scroll-cat ul li { padding:4px; float:left; width:140px; display:inline;
                    border: 1px solid #ccc; margin-right: 6px; width: 139px; height: 190px; }
.scroll-cat ul li h4 { padding: 3px; margin-bottom: 4px; border-bottom: 3px solid #f69; }

#bottom-part { float:left; padding:5px 30px 0 30px; width:930px; }
.bottom-part-left { float:left; width:728px; }
.bottom-part-right { float:right; width:190px; }

#feedback { width:180px; background-color:#efefef; padding: 5px; float:right; border: 1px solid #ccc; -moz-border-radius: 3px;clear: right; }
#feedback label { display: block; }
#feedback-msg { border: 1px solid #999; padding: 5px; }

#publication { background:url(../images/bottom.jpg) bottom center no-repeat; padding:10px 30px 0 30px; float:left; width:930px; }
#footer { background:url(../images/bg-footer.jpg) top center no-repeat; height:50px; padding:0 20px; float:left; width:950px; margin-top: 10px; }

.footer-menu ul, .issue ul { list-style: none; }
.footer-menu ul li, .issue ul li{ float: left; }

#inside-page { padding:0 30px; width:930px; float:left; }
#inside-left{ float:left; width:660px; padding:5px 0 0 0; }
#inside-right{ float:right; width: 250px; padding-left: 10px; border-left: 1px solid #ddd;}
.inside-right-row { width: 100%; margin-bottom: 10px; clear: both; border-top: 5px solid #f69; padding: 5px 0 0 0; }
.inside-right-row h4 { margin-bottom: 5px; color: #666; }

.breadcrumb { background-color: #eee; margin-bottom: 10px; padding: 2px 0; height: 22px;}
.breadcrumb-cat, .breadcrumb-sub-cat { background-color:#ef8ea5; color:#fff; padding: 5px 10px; font-size: 1.1em; }
a.breadcrumb-cat:hover, a.breadcrumb-sub-cat:hover { color:#cc3366; }
.cat-breadcrumb { background-color: #fff; margin-bottom: 10px; }

.category { font-size: 1em; font-weight: bold; }
.cat-breadcrumb h1 { padding:0px 0 15px; border-bottom: 6px solid #f69;}
.cat-breadcrumb h1 a { color:#f69;}

.cat-row { background-color: #fff; color: #333; margin-bottom: 5px; clear: both; padding: 10px 0; border-top: 1px solid #f69; min-height: 110px; _height:110px; }

.ga-cat-top { float: right; height: 60px;}
.ga-nar-below-main img, .ga-below-article img{ margin-top: 10px; }

.show-hide {display: block; text-align: right; font-size: .85em;}

.story-col, .cat-col-wrapper, .search-col-wrapper { float: left; width: 470px; }
.story-col p { font-size: 14px; }
/*.cat-col { padding-bottom: 10px; }*/

.search-col-wrapper h1 { margin-bottom: 10px; }
.search-col-wrapper ol { border-width: 1px 1px 0; border-style: solid; border-color: #dedede; margin-top: 10px; clear: both;
                       -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px;-webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;}
.search-col-wrapper ol li { border-bottom:1px solid #dedede; list-style-image:none; list-style-position:outside;
                          list-style-type:none; margin:0; padding:10px; overflow: auto; }
.search-col-wrapper ol li.alt { background-color: #f8f8f8; }
.search-col-wrapper ol li img { margin-right: 10px; float:left; }

.search-row { padding: 10px 0; }
.search-row h5 { color:#f69; }
.search-row label { display:inline; float:left; width:75% }
.search-row input[type="text"] { height: 20px; }
.search-row p { padding: 5px 0; }

.tbl-frm { background-color: #fee8f4; border: 1px solid #fee8f4; -moz-border-radius:6px; -webkit-border-radius:6px; padding: 4px; }

.story-side-bar { width: 175px; float: right; }
.story-side-row { border-top: 1px solid #FF99CC; margin-bottom: 10px; padding-top: 5px;clear: both; }
.story-right-col { float: right; /*width: 250px;*/ margin-left: 10px;}

.author-news, .sub-cat-row, .cat-info { border-top: 1px dotted #ccc; margin-top: 5px; }
.author-news a.news-title{ display: block; }

.story-right-row p {padding: 3px; background-color: #eee; color: #666; }
.story-side-sub-row { margin-bottom: 10px; }

img.epaper { height: 30px; }

.leftimg { float: left; margin-right: 10px; }
.leftimg-compact { float: left; margin-right: 5px; }

.rightimg { float: right; margin-left: 10px; }
.rightimg-compact { float: right; margin-left: 5px; }

.cover-bg { background-color: #cc3366; width: 100px; height: 100px; position: absolute;}
.rem-news { background: #ddd; color: #555; display: block; padding: 0 5px; clear: both; float: left; font-weight: bold; margin: 5px 0; }

.read-full-article { background: url(../images/read.gif) center left no-repeat; padding-left: 15px; padding-right: 5px; }
.category-name { background: url(../images/category.gif) center left no-repeat; padding-left: 15px; }
.category-name-big { background: url(../images/category-big.gif) center left no-repeat; padding-left: 15px; }
.comment-count { background: url(../images/comment.gif) center left no-repeat; padding-left: 15px; }
.writer-name { background: url(../images/author.gif) center left no-repeat; padding-left: 15px; }
.related { background: url(../images/related.gif) center left no-repeat; padding-left: 15px; }
.related-cat { background: url(../images/related-cat.gif) center left no-repeat; padding-left: 30px; }
.related-news { background: url(../images/related-news.gif) center left no-repeat; padding-left: 30px; }
.feat-news { background: url(../images/related-news.gif) center left no-repeat; padding-left: 30px; }
.search-icon { background: url(../images/search.gif) center left no-repeat; padding-left: 25px; }
.clr-search-icon { background: url(../images/clear-search.gif) center left no-repeat; padding: 5px 7px; margin: 0 5px; }
.icon-info { background: url(../../images/info.gif) center left no-repeat; padding-left: 15px; }
.icon-search { background: url(../../images/search.gif) center left no-repeat; padding-left: 35px; }
.icon-user-comments { background: url(../images/user-comments.gif) center left no-repeat; padding: 0 0 10px 35px; }
.icon-recipe { background: url(../images/recipe.gif) center left no-repeat; padding: 0 0 10px 35px; }

.rem-cats-wrapper{ width: 355px; margin-top: 10px;}
.rem-cats { border-top: 3px solid #ff6699; padding-top: 5px; margin-top: 10px;}

.rem-cats-col-wrapper { width: 350px; margin-top:5px}
.rem-cats-row-wrapper { margin: 10px 0 0 5px; }
.rem-cats-row { clear: both; border-bottom: 1px dotted #F8298B; padding: 0 0 5px 0; min-height: 130px; _height:130px; }
.lesser { min-height: 80px; _height:80px; }
.rem-cats-row p a { clear: both; }

.theme-link, .error { color:#FF6699; }
.dark-theme-link { color:#cc3366; }
.simple-link { color:#666;}

label.error, a.inform { font-size: 0.9em; }
.article-title, .article-quote { padding: 0 0 10px; border-bottom: 1px solid #f9c; margin-bottom: 5px;}
.article-title ul { padding-left: 5px; clear: both; list-style: disc; margin: 5px 0 5px 15px; color:#666; }

.quote { font-size: 1.3em; color: #666; }
.quote-start { background: #FFFFFF url(../images/quote-start.gif) no-repeat scroll center -3px; }
.quote-end { background: #fff url(../images/quote-end.gif) no-repeat scroll center -3px; }

.control-bar { background-color: #FF6699; margin-bottom: 10px; }
.share-bookmark-bar { text-align: right; }
.author-name { padding: 4px 10px; color: #fff; }

.local-ad { float: left; width: 120px; }
.local-ad img{ padding-bottom: 10px; }
.google-ad { float: right; }
.banner-ad-detail{ /*width: 120px; height: 45px;*/ }

.commentbox { /*background-color: #fdf1f9;*/ padding: 5px; border-top: 1px solid #ff6699; margin-bottom: 5px;}
.post-ur-comment { margin:10px 0; background: #fff url(../images/nari-box-bg.gif) repeat-x;
                   padding-left: 10px; border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.comment h4{ color:#666; padding-top: 5px; }

.captcha-img { margin-bottom: 5px; width: 120px; }
.captcha { font-size: 0.9em; }

.suggesstion_ins { color:#cc3366; }

.pagination h3 { border-top: 3px solid #ff6699; color: #999; }

.user-info-wrapper { float: left;}

.info-wrapper { float: left; width: 460px; color: #333; }
.info-wrapper p { color: #333;}
.info-wrapper .name{ font-weight: bold; font-size: 1.1em; color: #333;}
.info-wrapper .address{ color: #888;}

.calendar{ width: 130px; padding: 0 5px; float: right; text-align: right; }
.info { background-color: #eee; }

.gray-text { color: #999; }
.small-text { font-size: 0.9em; }
.red-color { color: #c30; }

.popular-last-issue-wrapper { width: 289px; float: left; border-right:1px solid #ccc; padding-right: 10px; }
.popular-last-issue ul li, .also-read ul li { border-top: 1px dotted #ccc; clear: both; padding: 5px 0; }

.also-read-wrapper { width: 160px; float: right; }
.also-read, .popular-last-issue { border-top: 6px solid #f69; padding-top: 10px; }
.popular-last-issue ul, .also-read ul { list-style: none; margin-top: 10px;}
.also-read h4 { margin-bottom: 10px; }

#search-res .pagnnation { float: right; }

#issue-archive-wrapper { }
#issue-archive-wrapper ul { list-style: none; }
#issue-archive-wrapper ul li { float: left; padding: 10px; background-color: #eee; border: 1px solid #ccc; margin-bottom: 20px; }
#issue-archive-wrapper ul li.first { margin-left: 5px;}
#issue-archive-wrapper ul li.mid { margin-left: 20px; margin-right: 20px;}
#issue-archive-wrapper ul li a { padding: 0;}
#issue-archive-wrapper ul li img { height: 266px; width: 180px;}

#warning { margin: 15px; border: 1px solid #999; padding: 15px; background-color: #efefef;
           -moz-border-radius:10px; }

.warning-col { width: 280px; padding-left: 10px; border-left: 1px solid #ccc; }
.list-warnings ul { padding-left: 20px; clear: both; list-style: disc; margin: 5px 0 5px 15px; }

.apology { clear: both; text-align: right; padding-top: 10px; }

#warning .col1 { float: left; }

#warning .col2 { float: right; width: 500px; padding-left: 10px; border-left: 1px solid #ccc; }
#warning .col1 h3 { padding: 0; }

.warning-cat-col-wrapper { width: 175px; }
.warning-cat-col-wrapper h5 { margin-bottom: 5px; }

.our-publication{
    float:left;
    width:950px;
    background: url(../images/pub_bg.gif) top repeat-x;
    height:31px;
    padding-bottom:3px;
}

.our-publication img{
    float:left; padding-right:52px;
}

#issue { width: 990px;}
#bottom-part{ margin-bottom: 10px;}

h5.no-result { background-color:#EDEDED; border:1px solid #ccc; color:#C36; padding:15px 5px 15px 25px; width:440px; -moz-border-radius:6px; -webkit-border-radius: 6px;}
.use-unicode {display: block; }

.italics { font-style: italic; }
.bold { font-weight: bold; }
.dashed-separator { border-top: 1px dashed #999; }

.read-more { float: right; }

.comm-sec { margin-bottom: 10px; border-width: 1px 1px 0; border-style: solid; border-color: #eee;}
.comm-sec-row { background-color: #f9f9f9; border-bottom: 1px solid #eee; padding: 5px; }

.recipe { margin-bottom: 10px; border: 1px solid #eee; padding: 5px; background-color: #f9f9f9; }