@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');

@charset "utf-8";
html, body {
margin : 0;
padding : 0;
min-width : 998px;
text-size-adjust : 120%;
}
html {
min-height : 100%;
height : 100%;
}
body {
min-height : 100%;
position : relative;
}
body, td, th, button, input, textarea {
/* font : normal normal 16px/22px 'PT Sans Narrow', 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; */
text-shadow : 1px 1px 0 #000;
color : #ededed;
font-family: 'PT Sans Narrow', Verdana, Geneva, sans-serif;
font-size:19px ;
}
button, input, textarea {
background : url(../images/input_bg.png) 0 0 repeat;
border : #2a2722 solid 1px;
border-top-color : #000;
border-left-color : #000;
color : #8e857c;
text-shadow : 1px 1px 0 #050403;
font-style : italic;
}
textarea:focus, input:focus {
font-style : normal;
color : #f5f2eb;
}
textarea.placeholder, input.placeholder {
color : #5d5d5d;
font-style : italic;
}
h1, h2, h3, h4, h5, h6 {
font-family : 'PT Sans Narrow', Arial, Helvetica, sans-serif;
font-weight : normal;
color : #181818;
}
h1 {
font-size : 30px;
line-height : 40px;
}
h1 cufon {
top : -4px !important ;
}
h2 {
font-size : 24px;
line-height : 30px;
padding : 0 0 10px 0;
}
h2 cufon {
top : 4px !important ;
}
h3 {
font-size : 20px;
line-height : 30px;
padding : 0 0 10px 0;
}
h4 {
font-size : 17px;
line-height : 30px;
padding : 0 0 0 0;
}
h4 cufon {
top : -7px !important ;
}
h5 {
font-size : 15px;
line-height : 20px;
padding : 0 0 10px 0;
}
h6 {
font-size : 13px;
line-height : 20px;
padding : 0 0 10px 0;
}
a {
color : #ededed;
text-decoration : none;
}
a:hover {
color : #ededed;
text-decoration : underline;
}
.article a {
color : #433D30;
text-decoration : underline;
}
.article h4 a {
color : #181818;
text-decoration : underline;
}
.article h2.entry-title a {
color : #181818;
}
.article a:hover {
text-decoration : none;
}
.article h1 a, .article h2 a, .article h3 a, .article h4 a, .article h5 a, .article h6 a {
text-decoration : none;
}
ul {
list-style : none;
}
.article ol, .article ul {
list-style-position : inside;
margin : 0 0 10px 20px;
}
.article ul li {
padding-left : 20px;
background : url(../images/ul_arrow.gif) 3px 8px no-repeat;
}
p {
margin-bottom : 10px;
}
blockquote {
display : block;
margin : 5px 0 9px 0;
padding : 14px 20px 26px 20px;
color : #433d30;
text-shadow : 1px 1px 0 #faf8f2;
border-right : 1px solid #f5f2eb;
border-top : 1px solid #c5c1ba;
background : url(../images/blockquote.gif) 0 bottom no-repeat #dedad2;
border-collapse : separate;
}
blockquote p {
margin : 0;
padding : 0;
}
pre, code {
display : block;
border-top : 1px solid #cac6bf;
border-left : 1px solid #cac6bf;
border-right : 1px solid #fcfcfa;
border-bottom : 1px solid #fcfcfa;
margin : 5px 0 15px 0;
padding : 15px 20px 15px 20px;
background : #e0dcd4;
overflow-x : auto;
}
#header-mobile {
display : none;
}
#top_bg {
height : 36px;
padding : 0 37px 0 40px;
background : url(../images/top_bg.png) 0 0 repeat-x;
}
#top {
color : #8e857c;
text-shadow : 1px 1px 0 #101010;
font-size : 10px;
line-height : 14px;
float : right;
}
#top div {
padding : 3px 5px 0 0;
display : table-cell;
vertical-align : top;
}
#top div a {
color : #8e857c;
margin : 0 15px 0 0;
padding : 0 0 0 15px;
background-repeat : no-repeat;
background-position : 0 2px;
}
#top div a:hover {
color : #f5f2eb;
background-position : 0 -18px;
}
#top .text {
background-image : url(../images/post_type/mini_text.png);
}
#top .photo {
background-image : url(../images/post_type/mini_photo.png);
}
#top .link {
background-image : url(../images/post_type/mini_link.png);
}
#top .audio {
background-image : url(../images/post_type/mini_audio.png);
}
#top .video {
background-image : url(../images/post_type/mini_video.png);
}
#top .quote {
background-image : url(../images/post_type/mini_quote.png);
}
#top form {
display : table-cell;
vertical-align : top;
width : 217px;
height : 36px;
padding : 6px 0 0 9px;
background : url(../images/search_bg.png) 0 0 no-repeat;
}
#top form input {
line-height : 18px;
height : 18px;
width : 184px;
padding : 0 2px 0 2px;
float : left;
border : none;
}
.dt_captcha {
padding-bottom : 11px;
line-height : 23px;
}
.dt_captcha input {
float : none !important ;
}
#top form a {
display : block;
float : left;
height : 18px;
width : 20px;
background : url(../images/go_search.png) center 3px no-repeat;
}
#top form a:hover {
background-position : center -17px;
}
#aside {
display : block;
float : left;
margin-left : -260px;
width : 224px;
color : #8e857c;
text-shadow : -1px -1px 0 #050403;
padding-bottom : 20px;
}
#aside a {
color : #f5f2eb;
}
#aside cufon {
top : 3px !important ;
}
#aside_c {
padding : 0 2px 10px 2px;
background : url(../images/aside_bg.png) 0 0 repeat-y;
}
#aside_t {
width : 224px;
height : 13px;
background : url(../images/aside_t.png) 0 0 no-repeat;
}
#aside_b {
width : 224px;
height : 16px;
background : url(../images/aside_b.png) 0 0 no-repeat;
}
.widget {
width : 180px;
position : relative;
overflow : hidden;
padding : 30px 20px 10px 20px;
background : url(../images/aside_wedget.png) 0 0 no-repeat;
}
#content .widget {
width : 180px;
position : relative;
overflow : hidden;
padding : 20px 20px 20px 20px;
margin : 0 0 20px 2px;
background : url(../images/article_footer_bg.png) center center repeat;
border : rgb(3, 3, 2, 0.8) solid 1px;
border-left : none;
border-top : none;
border-radius : 5px;
box-shadow : 0 0 0 1px rgb(67, 56, 45, 0.5) inset, 0 0 2px 0 rgb(0, 0, 0, 0.3), 0 1px 2px 0 rgb(0, 0, 0, 0.6);
}
.widget .header {
font-size : 17px;
line-height : 30px;
padding-bottom : 10px;
color : #f5f2eb;
}
#logo {
width : 220px;
margin : 0;
min-height : 110px;
background : url(../images/logo_bg.png) 0 0 no-repeat;
text-align : center;
padding : 21px 0 20px 0;
}
#nav {
margin : 0 20px 0 20px;
width : 180px;
padding-bottom : 7px;
}
#nav li {
position : relative;
background : url(../images/mm_spread.png) center 0 no-repeat;
font-size : 18px;
line-height : 30px;
text-align : center;
}
#nav li:first-child {
background : none;
}
#nav li a {
display : block;
font-family : Arial, Helvetica, sans-serif;
color : #f5f2eb;
text-decoration : none;
font-size : 17px;
line-height : 20px;
padding : 5px 0 5px 0;
}
#nav li a cufon {
top : 3px !important ;
}
#nav li a:hover, #nav li a.act {
color : #7b7066;
}
#nav li div {
position : absolute;
top : -20px;
left : 172px;
width : 180px;
display : none;
z-index : 1002;
}
#nav li div div {
top : -16px;
left : 150px;
}
#nav li:hover div {
display : block;
}
#nav li:hover div div {
display : none;
}
#nav div li:hover div {
display : block;
}
#nav li div i {
display : block;
width : 180px;
height : 6px;
line-height : 6px;
background : url(../images/ddmenu_b.png) 0 0 no-repeat;
}
#nav li div ul {
background : url(../images/ddmenu_bg.png) 0 9px no-repeat;
padding : 21px 0 1px 0;
z-index : 1003;
margin : 5px 0 0 0 !important ;
}
#nav li div ul ul {
margin : 0 !important ;
}
#nav li div ul li {
background : url(../images/ddmenu_s.png) center 0 no-repeat;
margin : 0;
padding : 0;
text-align : left;
position : relative;
}
#nav li div ul li:first-child {
background : none;
}
#nav > li > div > ul > li:first-child > a {
padding-top : 0;
background-position : 0 4px !important ;
}
#nav > li > div > ul > li > div > ul > li:first-child > a {
padding-top : 0;
background-position : 0 4px !important ;
}
#nav li div ul li a {
font-family : 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;
display : block;
padding : 6px 0 4px 22px;
margin : 0 22px 0 26px;
font-size : 12px;
text-transform : none;
background : url(../images/ddmenu_arr.png) 0 10px no-repeat;
}
#nav li div ul li a span {
white-space : nowrap;
}
#nav li div ul li a:hover {
color : #f5f2eb;
text-decoration : underline;
}
#holder {
margin : 0 0 0 38px;
padding : 23px 0 0 260px;
}
#content {
display : block;
padding-bottom : 25px;
}
.article_box {
width : 704px;
margin : 0 16px 8px 0;
overflow : hidden;
}
.article_box.col_s {
width : 224px;
}
.article_box.col_m {
width : 464px;
}
.article_box.col_l {
width : 704px;
}
.article_box .article_t {
height : 12px;
background-repeat : no-repeat;
background-position : 0 0;
width : 704px;
background-image : url(../images/article_l_t.png);
}
.col_s .article_t {
width : 224px;
background-image : url(../images/article_s_t.png);
}
.col_m .article_t {
width : 464px;
background-image : url(../images/article_m_t.png);
}
.col_l .article_t {
width : 704px;
background-image : url(../images/article_l_t.png);
}
.article_box .article {
width : 660px;
background-position : 0 0;
background-repeat : repeat-y;
background-image : url(../images/article_l_bg.png);
position : relative;
overflow : hidden;
color : #433d30;
text-shadow : 1px 1px 0 #fff;
padding : 5px 22px 5px 22px;
min-height : 50px;
}
.col_s .article {
width : 180px;
background-image : url(../images/article_s_bg.png);
}
.col_m .article {
width : 420px;
background-image : url(../images/article_m_bg.png);
}
.col_l .article {
width : 660px;
background-image : url(../images/article_l_bg.png);
}
.article_box .article_s {
width : 704px;
height : 15px;
background-position : 0 0;
background-repeat : no-repeat;
background-image : url(../images/article_l_s.png);
}
.col_s .article_s {
width : 224px;
background-image : url(../images/article_s_s.png);
}
.col_m .article_s {
width : 464px;
background-image : url(../images/article_m_s.png);
}
.col_l .article_s {
width : 704px;
background-image : url(../images/article_l_s.png);
}
.article_b {
width : 704px;
height : 18px;
margin-bottom : 10px;
background : url(../images/article_l_b.png) 0 0 no-repeat;
}
.article_footer_t {
width : 704px;
height : 12px;
background-image : url(../images/article_footer_t.png);
}
.article_box .article_footer {
width : 700px;
padding : 5px 2px 27px 2px;
background-position : 0 0;
background-repeat : repeat-y;
background-image : url(../images/article_footer_bg.png);
overflow : hidden;
}
.col_s .article_footer {
padding : 0 22px 0 22px;
width : 180px;
background-image : url(../images/article_s_footer_bg.png);
}
.col_m .article_footer {
padding : 0 22px 0 22px;
width : 420px;
background-image : url(../images/article_m_footer_bg.png);
}
.col_l .article_footer {
padding : 0 22px 0 22px;
width : 660px;
background-image : url(../images/article_l_footer_bg.png);
}
.article_box .article_footer_b {
width : 704px;
height : 15px;
background-position : 0 0;
background-repeat : no-repeat;
background-image : url(../images/article_footer_b.png);
}
.col_s .article_footer_b {
width : 224px;
background-image : url(../images/article_s_footer_b.png);
}
.col_m .article_footer_b {
width : 464px;
background-image : url(../images/article_m_footer_b.png);
}
.col_l .article_footer_b {
width : 704px;
background-image : url(../images/article_l_footer_b.png);
}
.post_type {
float : right;
width : 27px;
height : 28px;
margin : 3px -2px 0 0;
background-position : 0 0;
background-repeat : no-repeat;
}
.post_type.text {
background-image : url(../images/post_type/text.png);
}
.post_type.photo {
background-image : url(../images/post_type/photo.png);
}
.post_type.link {
background-image : url(../images/post_type/link.png);
}
.post_type.audio {
background-image : url(../images/post_type/audio.png);
}
.post_type.video {
background-image : url(../images/post_type/video.png);
}
.post_type.quote {
background-image : url(../images/post_type/quote.png);
}
.ico_link, #aside .ico_link {
display : block;
float : left;
font-size : 10px;
color : #8E857C;
background-position : -20px 4px;
background-repeat : no-repeat;
padding-left : 15px;
margin-right : 15px;
}
.ico_link a, #aside .ico_link a {
color : #8E857C;
}
.ico_link:hover, #aside .ico_link:hover {
color : #ededed;
background-position : 0 -16px;
}
.ico_link:hover a {
color : #ededed;
}
.ico_link.author {
background-image : url(../images/ico_author.png);
}
.ico_link.categories {
background-image : url(../images/ico_categories.png);
}
.ico_link.comments {
background-image : url(../images/ico_comments.png);
}
.ico_link.date {
background-image : url(../images/ico_date.png);
}
.ico_link.tags {
background-image : url(../images/ico_tags.png);
}
.entry_meta {
overflow : hidden;
background : #e0dcd4;
border-top : 1px solid #c5c1ba;
border-bottom : 1px solid #fdfdfc;
padding : 4px 20px 4px 20px;
margin-top : 5px;
margin-bottom : 15px;
text-shadow : 1px 1px 0 #faf8f2;
display: none; /* tpdesign */
}
.entry_meta .ico_link {
display : block;
float : left;
font-size : 10px;
color : #433d30;
background-position : 0 5px;
background-repeat : no-repeat;
padding-left : 15px;
margin-right : 15px;
text-decoration : none;
}
.entry_meta .ico_link a {
color : #433d30;
text-decoration : none;
}
.entry_meta .ico_link:hover {
color : #433d30;
background-position : 0 5px;
}
.entry_meta a.ico_link:hover {
text-decoration : underline;
}
.entry_meta .ico_link:hover a {
color : #433d30;
}
.entry_meta .ico_link a:hover {
text-decoration : underline;
}
.entry_meta .ico_link.author {
background-image : url(../images/meta_author.png);
}
.entry_meta .ico_link.categories {
background-image : url(../images/meta_categories.png);
}
.entry_meta .ico_link.comments {
background-image : url(../images/meta_comments.png);
}
.entry_meta .ico_link.date {
background-image : url(../images/meta_date.png);
}
.entry_meta .ico_link.tags {
background-image : url(../images/meta_tags.png);
}
.paginator {
margin : 20px 0 0 0;
overflow : hidden;
}
.paginator li {
float : left;
margin : 0 6px 6px 0;
}
.paginator li a {
display : block;
font-size : 17px;
line-height : 30px;
width : 32px;
padding : 1px 0 7px 0;
color : #e6e3dc;
text-shadow : -1px -1px 0 #000;
text-align : center;
vertical-align : middle;
background : url(../images/paginator_bg.png) 0 1px no-repeat;
}
.paginator li cufon {
top : 1px !important ;
}
.paginator li a:hover, .paginator li.act a {
text-decoration : none;
background-position : 0 -36px;
}
.paginator li.act a {
color : #857d74;
text-decoration : none;
}
.paginator li.larr a, .paginator li.rarr a {
width : 116px;
padding : 1px 0 6px 1px;
text-align : center;
}
.paginator li.larr a {
padding-left : 7px;
background : url(../images/paginator_larr.png) 0 0 no-repeat;
}
.paginator li.rarr a {
padding-right : 7px;
background : url(../images/paginator_rarr.png) 0 0 no-repeat;
}
.paginator li.rarr a:hover, .paginator li.larr a:hover {
background-position : 0 -37px;
}
.share_com {
margin-top : 8px;
}
.share_com .article_footer {
padding-bottom : 19px;
}
.share_com #form_holder {
padding : 0 22px;
}
.article_footer .header {
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
line-height : 30px;
margin : 0 20px 20px 0;
}
.article_footer .header cufon {
top : 4px !important ;
}
.article_footer .comment .header {
margin : 20px 0 0 0;
}
.article_footer .h_com {
margin-left : 20px;
}
.comment_bg {
padding : 0 20px 0 20px;
margin-left : 260px;
background : url(../images/comment_spread_5.png) 0 17px no-repeat;
}
.comment {
overflow : hidden;
margin-top : 5px;
padding : 45px 0 0 60px;
}
.comment_bg.first {
background : none;
}
.comment_bg.first .comment {
margin-top : 0;
padding-top : 0;
}
.level_1 .comment {
padding-left : 80px;
}
.comment .shadow_dark {
margin : 5px 0 0 -60px;
float : left;
width : 40px;
height : 40px;
}
.level_1 .comment .shadow_dark {
margin : 5px 0 0 -80px;
width : 60px;
height : 60px;
}
.comment_meta {
overflow : hidden;
}
.comment_meta .comments {
float : right;
margin-right : 0;
}
.comment_meta p {
margin : 0;
padding : 0;
}
.level_1 {
margin-left : 0;
background : url(../images/comment_spread_1.png) 0 top no-repeat;
}
.level_2 {
margin-left : 80px;
background : url(../images/comment_spread_2.png) 0 17px no-repeat;
}
.level_3 {
margin-left : 140px;
background : url(../images/comment_spread_3.png) 0 17px no-repeat;
}
.level_4 {
margin-left : 200px;
background : url(../images/comment_spread_4.png) 0 17px no-repeat;
}
.comment .header {
margin-bottom : 0;
}
.big_gallery_bg {
position : absolute;
left : 0;
top : 0;
width : 100%;
min-height : 100%;
background : #000;
z-index : 2;
}
.big_gallery {
padding : 40px 20px 40px 40px;
overflow : hidden;
}
.big_gallery h1 {
color : #e0ddd7;
text-shadow : 0 -2px 1px #000;
}
a.go_back {
display : block;
float : left;
margin-right : 20px;
font-size : 17px !important ;
line-height : 30px;
width : 71px;
padding : 1px 0 1px 3px;
color : #2e2921;
text-shadow : 0 -1px 0 #fff;
text-align : center;
vertical-align : middle;
background : url(../images/go_back.png) 0 0 no-repeat;
}
a.go_back cufon {
top : -1px !important ;
}
a.go_back:hover {
text-decoration : none;
background-position : 0 -32px;
}
.multipics {
clear : both;
margin : 30px 0 20px 0;
}
.multipics a {
display : block;
width : 220px;
background-color : #f5f2eb !important ;
background-color : rgb(245, 242, 235, 0.6) !important ;
margin : 0 20px 20px 0;
box-shadow : 0 0 5px #000;
border-radius : 4px;
line-height : 0;
font-size : 0;
overflow : hidden;
}
.multipics a img {
visibility : hidden;
}
.multipics a i {
position : absolute;
display : none;
left : 0;
top : 0;
width : 100%;
height : 100%;
border-radius : 4px;
cursor : pointer;
background : url(../images/enlarge.png) center center no-repeat;
}
.multipics a:hover i {
display : block;
}
.gallery {
width : 681px;
font-size : 0;
line-height : 0;
word-spacing : -1px;
padding : 10px 0;
}
.gallery_item {
display : inline-block;
width : 290px;
margin : 15px 20px 0 0;
padding : 25px 0 0 0;
vertical-align : top;
font-size : 12px;
line-height : 20px;
word-spacing : 0;
background : url(../images/gallery_spread.png) center 0 no-repeat;
}
.gallery_item.first {
margin-top : 0;
padding-top : 0;
background : none;
}
.gallery_item h4, .gallery_item p {
margin : 0;
padding : 0;
}
.gallery_item .shadow_light {
display : block;
line-height : 0;
margin : 5px 0 5px 0;
padding : 0;
width : 280px;
height : 150px;
overflow : hidden;
}
a.go_more {
display : block;
float : left;
height : 21px;
margin : 5px 0 4px 0;
clear : both;
background : url(../images/go_more.png) 0 0 no-repeat;
color : #EDEDED;
text-shadow : 1px 1px 0 #000;
font-size : 10px;
line-height : 13px;
text-decoration : none;
overflow : hidden;
position : relative;
}
a.go_more span {
display : block;
padding : 3px 7px 6px 7px;
background : url(../images/go_more_arr.png) right 0 no-repeat;
}
a.go_more i {
display : block;
float : right;
width : 10px;
height : 6px;
background : url(../images/rarr.png) 0 0 no-repeat;
margin : 4px 0 0 4px;
}
a.go_more:hover {
background-position : 0 -21px;
}
a.go_more:hover span {
background-position : right -21px;
}
.article ul.gall_std {
list-style : none;
line-height : 0;
margin : 0;
width : 681px;
}
.article .gall_std li {
position : relative;
max-width : 590px;
float : left;
margin : 5px 20px 15px 0;
}
.article .gall_std li a {
padding : 0;
margin : 0;
}
.article .gall_std li {
background : none 0 0 repeat scroll #E0DCD4;
border-color : #CAC6BF #FCFCFA #FCFCFA #CAC6BF;
border-style : solid;
border-width : 1px;
padding : 4px 5px 5px 4px;
position : relative;
}
.folio_box {
width : 464px;
margin : 0 16px 8px 0;
overflow : hidden;
float : left;
}
.folio_box.col_s {
width : 224px;
background : url(../images/folio_s_shadow.png) center bottom no-repeat;
}
.folio_box.col_m {
width : 464px;
background : url(../images/folio_m_shadow.png) center bottom no-repeat;
}
.folio_box.col_l {
width : 704px;
background : url(../images/folio_l_shadow.png) center bottom no-repeat;
}
.folio {
position : relative;
margin : 2px 2px 10px 2px;
box-shadow : 0 0 2px #000;
border-radius : 4px;
cursor : pointer;
background-color : #f5f2eb !important ;
background-color : rgb(245, 242, 235, 0.6) !important ;
}
.folio a {
text-decoration : none;
}
.folio_just_caption {
position : absolute;
visibility : visible;
width : 100%;
bottom : 0;
background : url(../images/folio_pattern.png) center 0 no-repeat;
border-radius : 0 0 4px 4px;
transform : translate3d(0,0,0);
}
.folio_just_caption div {
background : url(../images/folio_m_lene_b.png) center 3px no-repeat;
}
.col_s .folio_just_caption div {
background : url(../images/folio_s_lene_b.png) center 3px no-repeat;
}
.folio_just_caption div div {
background : url(../images/folio_m_lene_bb.png) center bottom no-repeat;
padding : 15px 20px 5px 20px;
font-size : 17px;
text-align : center;
}
.col_s .folio_just_caption div div {
background : url(../images/folio_s_lene_bb.png) center bottom no-repeat;
}
.folio_mask {
display : none;
background-color : #f5f2eb;
background-color : rgb(245, 242, 235, 0.85);
background-image : url(../images/albums_zoom.png);
background-repeat : no-repeat;
background-position : center center;
position : absolute;
top : 0;
border : 0;
width : 100%;
height : 100%;
border-radius : 4px;
box-shadow : 0 0 10px #aba9a5 inset;
overflow : hidden;
transform : translate3d(0,0,0);
}
.folio_caption {
position : relative;
top : 0;
height : auto;
background : url(../images/folio_pattern.png) center bottom no-repeat;
border-radius : 4px 4px 0 0;
}
.folio_caption div {
background : url(../images/folio_m_lene_t.png) center bottom no-repeat;
}
.folio_caption div div {
background : none;
padding : 6px 20px 14px 20px;
font-size : 17px;
text-align : center;
}
.folio_desc {
background : none;
margin : 4px 20px 0 20px;
color : #433d30;
text-shadow : 1px 1px 0 rgb(244, 246, 242, 0.5);
transform : translate3d(0,0,0);
}
.desc_body {
overflow : hidden;
clear : both;
}
.folio_desc .go_more {
float : right;
}
.folio_desc .ico_link {
margin-top : 4px;
float : left;
color : #433d30;
text-shadow : 1px 1px 0 #faf8f2;
background-image : url(../images/meta_date.png);
background-position : 0 5px;
}
#bottom {
clear : both;
height : 36px;
background : url(../images/bottom_bg.png) 0 0 repeat-x;
z-index : 1;
}
#bottom > div {
position : relative;
margin : 0 40px;
padding-top : 11px;
height : 25px;
}
#bottom a {
color : #8E857C;
}
#bottom a.go_up {
display : block;
position : absolute;
right : 0;
bottom : 0;
width : 32px;
height : 27px;
padding : 23px 1px 0 0;
background : url(../images/go_up.png) 0 0 no-repeat;
text-align : center;
color : #E6E3DC;
text-shadow : -1px -1px 0 #000;
font-size : 17px;
overflow : hidden;
}
#bottom a.go_up:hover {
text-decoration : none;
background-position : 0 -50px;
}
#bottom div span {
float : left;
font-size : 10px;
color : #8E857C;
}
#bottom div ul {
list-style : none;
float : right;
margin-right : 60px;
}
#bottom div ul li {
float : left;
width : 17px;
height : 17px;
margin : 3px 0 0 7px;
line-height : 17px;
}
#bottom div ul li a {
display : block;
width : 17px;
height : 17px;
background-repeat : no-repeat;
background-position : 0 0;
}
#bottom div ul li a:hover {
background-position : 0 -17px;
}
#bottom div ul li.ico_facebook a {
background-image : url(../images/social/facebook.png);
}
#bottom div ul li.ico_twitter a {
background-image : url(../images/social/twitter.png);
}
#bottom div ul li.ico_flickr a {
background-image : url(../images/social/flickr.png);
}
#bottom div ul li.ico_vimeo a {
background-image : url(../images/social/vimeo.png);
}
#bottom div ul li.ico_tumblr a {
background-image : url(../images/social/tumblr.png);
}
#bottom div ul li.ico_googleplus a {
background-image : url(../images/social/googleplus.png);
}
#bottom div ul li.ico_youtube a {
background-image : url(../images/social/youtube.png);
}
#bottom div ul li.ico_pinterest a {
background-image : url(../images/social/pinterest.png);
}
.hr_w {
width : 100%;
padding : 0 20px;
height : 1px;
background : url(../images/hr_l.png) 0 0 no-repeat #d7d4ce;
margin : 0 -20px;
}
.hr_w i {
display : block;
float : right;
margin-right : -20px;
width : 60px;
height : 1px;
background : url(../images/hr_r.png) right 0 no-repeat;
}
.hr_w.top {
margin-top : 3px;
margin-bottom : 1px;
}
.hr_w.top_a {
margin-top : 1px;
margin-bottom : 1px;
}
.hr_w.bot {
margin-top : -4px;
margin-bottom : 13px;
}
.hd {
margin-left : -20px;
margin-right : -20px;
display: none; /* tpdesign */
}
blockquote.hd {
background : url(../images/blockquote_hd.png) 0 bottom no-repeat !important ;
border-right : 1px solid #f5f2eb;
border-top : 1px solid #c5c1ba;
margin-bottom : 1px;
}
small {
font-size : 10px;
color : #8E857C;
}
.quote_author {
color : #181818;
font-size : 17px;
line-height : 22px;
margin : 0;
padding : 0 0 1px 0;
}
.quote_author cufon {
top : 1px !important ;
}
.media_audio {
height : 32px;
margin-bottom : 5px;
}
.media_video {
padding : 0;
margin-bottom : 5px;
position : relative;
line-height : 10px;
}
.spacing_30 {
height : 30px;
}
.shadow_light, .alignnone, .alignleft, .alignright, .aligncenter {
background : #e0dcd4;
padding : 4px 5px 5px 4px;
border : #cac6bf solid 1px;
border-right : 1px solid #fcfcfa;
border-bottom : 1px solid #fcfcfa;
position : relative;
}
.alignleft {
float : left;
margin : 5px 19px 14px 0;
}
.alignright {
float : right;
margin : 5px 0 14px 19px;
}
.aligncenter {
display : block;
clear : both;
margin : 5px auto 14px auto;
}
.shadow_dark, .widget .alignnone, .widget .alignleft, .widget .alignright, .widget .aligncenter {
background : url(../images/widget_img_bg.gif) 0 0 repeat-x #29241f;
padding : 4px 3px 3px 4px;
border : none;
border-bottom : 1px solid #3e3833;
border-right : 1px solid #3e3833;
box-shadow : 0 0 2px #030302;
position : relative;
max-width : 180px;
line-height : 0;
font : 0;
}
.shadow_dark img, .widget .alignnone img, .widget .alignleft img, .widget .alignright img, .widget .aligncenter img {
box-shadow : 0 0 2px #0b0a09;
}
.wp-caption-text, .caption-text {
margin : -5px 0 0 0;
padding : 0;
font-size : 11px;
color : #433D30;
}
.wp-caption, .caption {
font-size : 11px;
color : #433D30;
}
.wp-caption p, .caption p {
margin : 0 0 0 0;
padding : 0;
}
.uniform {
display : block;
overflow : hidden;
margin : 4px 0 4px 0;
}
.uniform .i_h {
width : 50%;
float : left;
}
.uniform .t_h {
clear : both;
margin-right : 6px;
}
.uniform .i_h .l {
margin : 0 10px 0 0;
}
.uniform .i_h .r {
margin : 0 6px 0 4px;
}
.uniform input {
padding : 0 0 0 4px;
height : 19px;
line-height : 19px;
float : left;
margin : 0 0 9px 0;
float : left;
display : block;
width : 100%;
}
.uniform textarea {
clear : both;
width : 100%;
padding : 0 0 0 4px;
line-height : 20px;
margin : 0 0 9px 0;
overflow : auto;
height : 139px;
}
a.go_button {
display : block;
float : left;
height : 22px;
margin : 1px 0 0 0;
padding : 0 0 0 8px;
background : url(../images/button_mini_l.png) 0 0 no-repeat;
color : #312c22;
line-height : 14px;
text-shadow : 1px 1px 0 #fff;
}
a.go_button span {
display : block;
background : url(../images/button_mini_bg.png) right 0 no-repeat;
padding : 2px 8px 6px 0;
white-space : nowrap;
}
a.go_button span div {
float : left;
}
#aside a.go_button {
color : #312c22;
}
a.go_button:hover {
background-position : 0 -22px;
text-decoration : none;
}
a.go_button:hover span {
background-position : right -22px;
}
a.go_submit i {
display : block;
float : right;
height : 9px;
width : 14px;
background : url(../images/do_submit.png) right 0 no-repeat;
margin : 4px 0 0 5px;
}
a.do_add_comment i {
display : block;
float : right;
height : 14px;
width : 13px;
background : url(../images/do_add_comment.png) 0 0 no-repeat;
margin : 2px 0 0 5px;
}
a.do_clear, #aside a.do_clear {
margin-top : 1px;
display : block;
float : right;
padding-left : 14px;
font-size : 11px;
line-height : 18px;
color : #8E857C;
background : url(../images/do_clear.png) 0 3px no-repeat;
}
a.do_clear:hover {
color : #ededed;
background-position : 0 -17px;
}
.widget .alignleft {
float : left;
margin : 5px 10px 5px 0;
}
.widget .alignright {
float : right;
margin : 5px 0 5px 10px;
}
.widget .aligncenter {
display : block;
clear : both;
margin : 5px auto 5px auto;
}
.widget p {
margin : 0;
}
#aside .widget .header {
font-family : Arial, Helvetica, sans-serif;
}
#aside .widget .header cufon {
top : 5px !important ;
}
.flickr {
width : 190px;
padding : 5px 0 0 0;
}
.flickr .alignleft {
margin : 0 8px 8px 0;
position : relative;
}
.flickr i {
display : block;
position : absolute;
left : 4px;
top : 4px;
width : 47px;
height : 47px;
background : #000;
opacity : 0;
}
.flickr:hover i {
opacity : 0.4;
}
.flickr:hover .alignleft:hover i {
opacity : 0;
}
.post {
width : 180px;
overflow : hidden;
margin : 8px 0 0 -10px;
padding : 12px 10px 0 10px;
background : url(../images/widget_post_spread.png) center 0 no-repeat;
}
.post.first {
margin : 0;
padding : 0;
background : none;
}
.goto_post {
overflow : hidden;
clear : both;
display : none;
}
#aside .goto_post {
display : block !important ;
}
#aside .goto_post .ico_link.comments {
margin-right : 0;
float : right;
}
ul.categories {
width : 200px;
margin-left : -10px;
}
ul.categories li {
float : left;
width : 160px;
padding : 7px 30px 0 10px;
margin : 3px 0 0 0;
background : url(../images/widget_post_spread.png) 0 0 no-repeat;
}
ul.categories li:first-child {
margin-top : 0;
padding-top : 0;
background : none;
}
ul.categories li a {
display : block;
padding : 0 0 0 20px;
background : url(../images/ddmenu_arr.png) 0 5px no-repeat;
}
ul.categories.type li, ul.categories.col_2 li {
float : left;
width : 60px;
padding : 7px 30px 0 10px;
margin : 3px 0 0 0;
background : url(../images/widget_ul_spread.png) 0 0 no-repeat;
}
ul.categories.type li.first, ul.categories.col_2 li.first {
margin-top : 0;
padding-top : 0;
background : none;
}
ul.categories.type a {
background-repeat : no-repeat;
background-position : 0 0;
padding : 0 0 0 25px;
}
ul.categories.type li.text a {
background-image : url(../images/post_type/type_text.png);
}
ul.categories.type li.photo a {
background-image : url(../images/post_type/type_photo.png);
}
ul.categories.type li.link a {
background-image : url(../images/post_type/type_link.png);
}
ul.categories.type li.audio a {
background-image : url(../images/post_type/type_audio.png);
}
ul.categories.type li.video a {
background-image : url(../images/post_type/type_video.png);
}
ul.categories.type li.quote a {
background-image : url(../images/post_type/type_quote.png);
}
.uniform.get_in_touch textarea {
height : 79px;
}
.pp_gallery {
display : none !important ;
}
div.comments_spead {
height : 15px;
}
.ppt {
display : none !important ;
}
.bread .last {
cursor : default;
}
.article h1 a:hover, .article h2 a:hover, .article h3 a:hover, .article h4 a:hover, .article h5 a:hover, .article h6 a:hover {
color : #505050;
}
.flickr:hover i {
opacity : 0;
filter : ;
}
.flickr:hover .alignleft:hover i {
opacity : 0;
filter : ;
}
textarea, input {
font-style : normal;
color : #F5F2EB;
}
textarea.placeholder, input.placeholder {
font-style : italic;
color : #8E857C;
}
#share_com_top {
height : 8px;
}
.share_com {
margin-top : 0;
}
.folio:hover .folio_just_caption {
visibility : visible;
}
.big_gallery_bg.hidden {
display : none;
}
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6, .cufon-loading .post_type div, .cufon-loading .post_type span, .cufon-loading .header, .cufon-loading .nav li a, .cufon-loading .folio_just_caption a {
visibility : hidden;
}
#bg {
position : relative;
}
#holder {
padding-bottom : 40px;
}
#holder:after {
content : "\0020";
display : block;
height : 0;
clear : both;
visibility : hidden;
overflow : hidden;
}
#bottom {
position : absolute;
bottom : 0;
width : 100%;
}
.search_title, .search_title h1 {
margin-bottom : 0 !important ;
padding-bottom : 0 !important ;
min-height : 0 !important ;
}
.folio_mask.mv_all {
background : url("../images/view_all.png") center center no-repeat;
}
.big_gallery h1 span {
visibility : hidden;
}
.archive-header {
float : none !important ;
}
.follow-link {
background : url("../images/widget_post_spread.png") 0 0 no-repeat;
margin : 8px 0 0 -10px;
overflow : hidden;
padding : 12px 10px 0 10px;
}
.attachment a.prettyPhoto {
display : inline-block;
padding : 4px 5px 5px 4px;
background : #e0dcd4;
border : #c6c2bb solid 1px;
border-bottom-color : #fdfdfb;
border-right-color : #fdfdfb;
line-height : 0;
}
.dt-social-buttons {
clear : both;
}
.fb-like {
vertical-align : top;
margin-right : 7px;
margin-bottom : 6px;
}
#multicol .article_box {
float : left;
}
#multicol {
overflow : hidden;
}
@media screen and (min-width: 1025px) {
.masonry, .masonry .masonry-brick {
transition-duration : 0.5s;
}
.masonry {
transition-property : height, width;
}
.masonry .masonry-brick {
transition-property : left, right, top;
}
}
.multipics {
width : 100%;
}
#aside #widget-container {
height : auto !important ;
}
#aside .widget {
position : static !important ;
top : auto !important ;
left : auto !important ;
}
@media screen and (max-width: 997px) {
html, body {
min-width : 768px;
overflow-x : hidden;
}
#bg {
margin-right : -14px;
}
#top_bg, #aside {
display : none;
}
#holder {
width : 720px;
padding-left : 0;
margin : 0 auto;
}
.big_gallery {
padding : 20px 0 20px 20px;
}
.multipics {
width : 720px;
margin-left : auto;
margin-right : auto;
}
#header-mobile {
display : block;
box-sizing : border-box;
padding : 10px 24px 10px 10px;
margin-bottom : 14px;
border : rgb(3, 3, 2, 0.8) solid 1px;
border-left : none;
border-top : none;
box-shadow : 0 0 0 1px rgb(67, 56, 45, 0.5) inset, 0 0 2px 0 rgb(0, 0, 0, 0.3), 0 1px 2px 0 rgb(0, 0, 0, 0.6), 0 0 4px 4px rgb(0, 0, 0, 0.5) inset;
background : url(../images/texstyle.gif) 0 0 repeat #1F1B18;
text-align : center;
}
#header-mobile select {
display : inline-block;
box-sizing : border-box;
width : 460px;
height : 30px;
margin : 10px 0 10px 0;
padding : 4px 5px 6px 5px;
overflow : hidden;
vertical-align : middle;
font : normal normal 12px/20px 'Lucida Sans Unicode', 'Lucida Grande', Arial, san-serif;
text-shadow : 1px 1px 0 #000;
color : #ededed;
appearance : none;
background : #1F1B18;
border : #2a2722 solid 1px;
border-top-color : #000;
border-left-color : #000;
color : #8e857c;
text-shadow : 1px 1px 0 #050403;
background-size : 23px 18px, 100%;
}
#header-mobile select option {
border : none;
background : #1F1B18;
outline : none;
}
#logo-mobile {
display : inline-block;
vertical-align : middle;
width : 220px;
text-align : left;
margin-right : 12px;
}
.folio {
background-position : center top !important ;
width : auto !important ;
}
#widget-container {
margin-top : 28px;
}
.article_b {
margin-bottom : 30px;
}
ul.paginator {
text-align : center;
}
ul.paginator li {
display : inline-block;
float : none;
}
}
@media screen and (max-width: 739px) {
html, body {
min-width : 480px;
overflow-x : hidden;
}
#holder, .multipics {
width : 480px;
}
#header-mobile select {
width : 220px;
}
#bottom div span {
display : none;
}
#bottom div ul {
float : left;
margin-left : -5px;
}
.article iframe, .article img, .article pre, .article code, .article blockquote {
max-width : 100% !important ;
height : auto;
}
.article div.wp-caption, .article a img {
max-width : 410px !important ;
height : auto;
}
.article img.hd {
max-width : 460px !important ;
height : auto;
}
.article .video * {
max-width : 460px;
height : auto;
}
.article .media_audio * {
max-width : 460px;
}
.one-fourth, .three-fourth, .one-third, .two-third, .one-half {
width : auto !important ;
}
.folio_box.col_s {
width : 224px;
background : url(../images/folio_s_shadow.png) center bottom no-repeat;
}
.folio_box.col_m, .folio_box.col_l {
width : 464px;
background : url(../images/folio_m_shadow.png) center bottom no-repeat;
}
.article_box {
width : 464px;
}
.article_box.col_s {
width : 224px;
}
.article_box.col_m, .article_box.col_l {
width : 464px;
}
.article_box .article_t {
width : 464px;
background-image : url(../images/article_m_t.png);
}
.col_s .article_t {
width : 224px;
background-image : url(../images/article_s_t.png);
}
.col_m .article_t, .col_l .article_t {
width : 464px;
background-image : url(../images/article_m_t.png);
}
.article_box .article {
width : 420px;
background-image : url(../images/article_m_bg.png);
}
.col_s .article {
width : 180px;
background-image : url(../images/article_s_bg.png);
}
.col_m .article, .col_l .article {
width : 420px;
background-image : url(../images/article_m_bg.png);
}
.article_box .article_s {
width : 464px;
background-image : url(../images/article_m_s.png);
}
.col_s .article_s {
width : 224px;
background-image : url(../images/article_s_s.png);
}
.col_m .article_s, .col_l .article_s {
width : 464px;
background-image : url(../images/article_m_s.png);
}
.article_b {
width : 464px;
background : url(../images/article_m_b.png) 0 0 no-repeat;
}
.article_footer_t {
width : 464px;
background-image : url(../images/article_footer_t_m.png);
}
.article_box .article_footer {
width : 460px;
padding : 5px 2px 27px 2px;
background-image : url(../images/article_footer_bg_m.png);
}
.col_s .article_footer {
padding : 0 22px 0 22px;
width : 180px;
background-image : url(../images/article_s_footer_bg.png);
}
.col_m .article_footer, .col_l .article_footer {
padding : 0 22px 0 22px;
width : 420px;
background-image : url(../images/article_m_footer_bg.png);
}
.article_box .article_footer_b {
width : 464px;
background-image : url(../images/article_footer_b_m.png);
}
.col_s .article_footer_b {
width : 224px;
background-image : url(../images/article_s_footer_b.png);
}
.col_m .article_footer_b, .col_l .article_footer_b {
width : 464px;
background-image : url(../images/article_m_footer_b.png);
}
.comment_bg {
padding : 0 20px 0 20px;
margin-left : 0;
background : url(../images/comment_spread_5.png) 0 17px no-repeat;
}
.comment {
overflow : hidden;
margin-top : 5px;
padding : 45px 0 0 0;
}
.level_1 .comment {
padding-left : 0;
}
.comment .shadow_dark {
margin : 5px 15px 0 0;
float : left;
width : 40px;
height : 40px;
}
.level_1 .comment .shadow_dark {
margin : 5px 15px 0 0;
width : 60px;
height : 60px;
}
.level_1 {
margin-left : 0;
background : url(../images/comment_spread_1.png) 0 top no-repeat;
}
.level_2 {
margin-left : 20px;
background : url(../images/comment_spread_2.png) 0 17px no-repeat;
}
.level_3 {
margin-left : 40px;
background : url(../images/comment_spread_3.png) 0 17px no-repeat;
}
.level_4 {
margin-left : 50px;
background : url(../images/comment_spread_4.png) 0 17px no-repeat;
}
.comment .header {
margin-bottom : 0;
}
}
@media screen and (max-width: 481px) {
.multipics {
left : -10px;
}
}
@media screen and (max-width: 479px) {
html, body {
min-width : 320px;
overflow-x : hidden;
}
#holder {
width : 240px;
margin : 0 auto;
}
.multipics {
width : 240px;
left : 0;
}
#logo-mobile {
width : 100%;
margin-right : 0;
margin-top : 10px;
text-align : center;
}
.article iframe, .article img, .article pre, .article code, .article blockquote {
max-width : 100% !important ;
height : auto;
}
.article div.wp-caption, .article a img {
max-width : 170px !important ;
height : auto;
}
.article .folio_box {
max-width : 180px !important ;
height : auto;
}
.article img.hd {
max-width : 220px !important ;
height : auto;
}
.article .video * {
max-width : 220px;
height : auto;
}
.article .media_audio * {
max-width : 220px;
}
.folio_box {
width : 224px;
margin : 0 16px 8px 0;
overflow : hidden;
float : left;
}
.folio_box.col_s, .folio_box.col_m, .folio_box.col_l {
width : 224px;
background : url(../images/folio_s_shadow.png) center bottom no-repeat;
}
.article_box {
width : 224px;
}
.article_box.col_s, .article_box.col_m, .article_box.col_l {
width : 224px;
}
.article_box .article_t {
width : 224px;
background-image : url(../images/article_s_t.png);
}
.col_s .article_t, .col_m .article_t, .col_l .article_t {
width : 224px;
background-image : url(../images/article_s_t.png);
}
.article_box .article {
width : 180px;
background-image : url(../images/article_s_bg.png);
}
.col_s .article, .col_m .article, .col_l .article {
width : 180px;
background-image : url(../images/article_s_bg.png);
}
.article_box .article_s {
width : 224px;
background-image : url(../images/article_s_s.png);
}
.col_s .article_s, .col_m .article_s, .col_l .article_s {
width : 224px;
background-image : url(../images/article_s_s.png);
}
.article_b {
width : 224px;
background : url(../images/article_s_b.png) 0 0 no-repeat;
}
.article_footer_t {
width : 224px;
background-image : url(../images/article_footer_t_s.png);
}
.article_box .article_footer {
width : 220px;
padding : 5px 2px 27px 2px;
background-image : url(../images/article_footer_bg_s.png);
}
.col_s .article_footer, .col_m .article_footer, .col_l .article_footer {
padding : 0 22px 0 22px;
width : 180px;
background-image : url(../images/article_s_footer_bg.png);
}
.article_box .article_footer_b {
width : 224px;
background-image : url(../images/article_footer_b_s.png);
}
.col_s .article_footer_b, .col_m .article_footer_b, .col_l .article_footer_b {
width : 224px;
background-image : url(../images/article_s_footer_b.png);
}
}