@import url('content-item.css');
@import url('top-bar.css');
@import url('add-link.css');
@import url('tabs.css');

/* layout */
#body { padding-left: 0; padding-right: 0; width: 980px; }

.pagination { margin-top: 10px; text-align: center; }

#contents { width: 958px; margin: 20px auto 0 auto; }

#rep-arg-nav { width: 938px; height: 28px; margin: 0 auto 0 auto; padding: 0 10px; }
#rep-arg-nav ul { float: right; }
#rep-arg-nav li { margin-top: 4px; float: left }
#rep-arg-nav a { padding-left: 10px; display: block; }
#rep-arg-nav .wrapper { height: 18px; padding-right: 10px; display: block; }
#rep-arg-nav .label { margin-right: 5px; }


/* color */
#rep-arg-nav { background-image: url(/images/contents/sort_bg.png); }

#rep-arg-nav li { background-image: url(/images/contents/sort_by_bg_middle.png); }
#rep-arg-nav a { color: #fff; background: transparent url(/images/contents/sort_by_bg_left.png) no-repeat scroll 0 0; }
#rep-arg-nav .wrapper { background: transparent url(/images/contents/sort_by_bg_right.png) no-repeat scroll top right; }

#rep-arg-nav li:hover { background-image: url(/images/contents/sort_by_hover_bg_middle.png); }
#rep-arg-nav li:hover a { color: #fff; background: transparent url(/images/contents/sort_by_hover_bg_left.png) no-repeat scroll 0 0; }
#rep-arg-nav li:hover .wrapper { background: transparent url(/images/contents/sort_by_hover_bg_right.png) no-repeat scroll top right; }

#rep-arg-nav li.selected { background-image: url(/images/contents/sort_by_selected_bg_middle.png); }
#rep-arg-nav li.selected a { color: #fff; background: transparent url(/images/contents/sort_by_selected_bg_left.png) no-repeat scroll 0 0; }
#rep-arg-nav li.selected .wrapper { background: transparent url(/images/contents/sort_by_selected_bg_right.png) no-repeat scroll top right; }

#rep-arg-nav li.label { background-image: none; }


/* type */
#rep-arg-nav { font-size: 11px; line-height: 18px; }
#rep-arg-nav a { text-decoration: none; }