html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, aside, footer, hgroup, section, figure{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:inherit;text-decoration:none;}:focus, :active {outline:0;}ol, ul {list-style:none;}blockquote:before, blockquote:after { content: "" }blockquote { quotes: "" "" }header, nav, article, aside, footer, hgroup, section{display:block;}
.gridl-25, .gridl-150, .gridl-200, .gridl-240, .gridl-500, .gridl-600, .gridl-740, .gridl-780{float:left;}
.gridr-150,.gridr-240, .gridr-200, .gridr-500, .gridr-600, .gridr-740, .gridr-780{float:right;}
.gridl-25{width:25px;height:40px;background:url(img/sprite.png) no-repeat 0 -240px;}
.gridl-150{width:150px;}
.gridl-200{width:200px;}
.gridl-240{width:240px;}
.gridl-500{width:500px;}
.gridl-600{width:600px;}
.gridl-740{width:740px;}
.gridl-830{width:830px;}
.gridr-150{width:150px;}
.gridr-200{width:200px;}
.gridr-240{width:240px;}
.gridr-500{width:500px;}
.gridr-600{width:600px;}
.gridr-740{width:740px;}
.gridr-830{width:830px;}
floatleft{float:left;}.floatright{float:right;}
.mt-1{margin-top:1px;}.mt-2{margin-top:2px;}.mt-3{margin-top:3px;}.mt-4{margin-top:4px;}.mt-5{margin-top:5px;}.mt-10{margin-top:10px;}.mt-15{margin-top:15px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-40{margin-top:40px;}.mb-1{margin-bottom:1px;}.mb-2{margin-bottom:2px;}.mb-3{margin-bottom:3px;}.mb-4{margin-bottom:4px;}.mb-5{margin-bottom:5px;}.mb-10{margin-bottom:10px;}.mb-15{margin-bottom:15px;}.mb-20{margin-bottom:20px;}.mb-30{margin-bottom:30px;}.mb-100{margin-bottom:100px;}.ml-1{margin-left:1px;}.ml-2{margin-left:2px;}.ml-3{margin-left:3px;}.ml-4{margin-left:4px;}.ml-5{margin-left:5px;}.ml-6{margin-left:6px;}.ml-10{margin-left:10px;}.ml-15{margin-left:15px;}.ml-20{margin-left:20px;}.ml-30{margin-left:30px;}.ml-40{margin-left:40px;}.ml-50{margin-left:50px;}.ml-60{margin-left:60px;}.ml-70{margin-left:70px;}.ml-80{margin-left:80px;}.ml-90{margin-left:90px;}.ml-100{margin-left:100px;}.ml-120{margin-left:120px;}.ml-160{margin-left:160px;}.mr-1{margin-right:1px;}.mr-2{margin-right:2px;}.mr-3{margin-right:3px;}.mr-4{margin-right:4px;}.mr-5{margin-right:5px;}.mr-6{margin-right:6px;}.mr-7{margin-right:7px;}.mr-10{margin-right:10px;}.mr-15{margin-right:15px;}.mr-20{margin-right:20px;}.mr-30{margin-right:30px;}.mr-40{margin-right:40px;}.mr-50{margin-right:50px;}.mr-100{margin-right:100px;}
.pt-1{padding-top:1px;}.pt-2{padding-top:2px;}.pt-3{padding-top:3px;}.pt-4{padding-top:4px;}.pt-5{padding-top:5px;}.pt-10{padding-top:10px;}.pt-15{padding-top:15px;}.pt-20{padding-top:20px;}.pt-30{padding-top:30px;}.pb-1{padding-bottom:1px;}.pb-2{padding-bottom:2px;}.pb-3{padding-bottom:3px;}.pb-4{padding-bottom:4px;}.pb-5{padding-bottom:5px;}.pb-10{padding-bottom:10px;}.pb-15{padding-bottom:15px;}.pb-20{padding-bottom:20px;}.pb-30{padding-bottom:30px;}.pl-1{padding-left:1px;}.pl-2{padding-left:2px;}.pl-3{padding-left:3px;}.pl-4{padding-left:4px;}.pl-5{padding-left:5px;}.pl-10{padding-left:10px;}.pl-15{padding-left:15px;}.pl-20{padding-left:20px;}.pl-30{padding-left:30px;}.pl-40{padding-left:40px;}.pl-50{padding-left:50px;}.pl-60{padding-left:60px;}.pl-90{padding-left:90px;}.pl-120{padding-left:120px;}.pr-1{padding-right:1px;}.pr-2{padding-right:2px;}.pr-3{padding-right:3px;}.pr-4{padding-right:4px;}.pr-5{padding-right:5px;}.pr-10{padding-right:10px;}.pr-15{padding-right:15px;}.pr-20{padding-right:20px;}.pr-30{padding-right:30px;}.pr-100{padding-right:100px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content: ' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}br.both{clear:both;}hr{clear:both;border-top:1px solid #eee;border-bottom:1px solid #fff;}hr.dot{clear:both;border-top:1px dashed #dadfdb;}
/*The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem.* html .clearfix,*:first-child+html .clearfix {zoom: 1;}*/
html{}
body{background:#d8d1b2 url(img/bg.gif) repeat;font-style:normal;font-variant:normal;font-weight:normal;font-size:75%;font-family:'LiberationSerifRegular', Times New Roman, Times, serif;font-size:1.0em;color:#574d5d;}
body#letter{background:#fff;font-style:normal;font-variant:normal;font-weight:normal;font-size:75%;font-family:Times New Roman, Times, serif;font-size:1.0em;color:#000;}
p{font-size:1.0em;line-height:1.4em;}
a{text-decoration:none;}a:link{color:#574d5d;}a:hover{color:#96927c;text-decoration:none;}a:active{color:#574d5d;}a:visited{color:#574d5d;}
#header-wrap{background:url(img/bg-main.png) repeat;height:400px;}
#header-top{background:url(img/head.png) repeat;height:400px;}
header{margin:0 auto;width:1000px;padding:20px 0px 0px 0px;}
nav ul {float:right;padding:50px 0px 0px 0px;}
nav ul li {float:left;padding:0px 0px 0px 20px;font-size:0.9em;}
nav ul li a, nav ul li a:visited. nav ul li a:active {color:#574d5d;cursor:pointer;}
nav ul li a:hover {color:#62039b;text-decoration:underline;}
#logo{float:left;}
#content{margin:0 auto;width:1000px;}
#content-letter{margin:0 auto;width:700px;}
hr{clear:both;border:1px solid #ccc7ac;margin:10px 0px 10px 0px;}
.line{clear:both;background:url(img/sprite.png) no-repeat 0 -283px;width:740px;height:30px;margin:10px 0px 20px 0px;}
figure{background:url(img/sprite.png) no-repeat 0 0;height:240px;}
figure:hover{background:url(img/sprite.png) no-repeat -240px 0;color:#574d5d;}
dl.bio {font-family:Courier New, Courier, monospace;margin:20px 0px 0px 20px;}
dl.bio dt{float:left;width:150px;height:90px;}
dl.bio dd{float:right;width:300px;height:90px;}
dl.bio dt.short{height:20px;}
dl.bio dd.short{height:20px;}
ul.featured{}
ul.featured li{color:#96927c;line-height:1.4em;border-bottom:1px solid #ccc7ac;}
ul.category{}
ul.category li{color:#96927c;line-height:1.6em;border-bottom:1px solid #ccc7ac;}
.commentcircle{float:right;background:#d1cbaf;border:1px solid #bfb99e;width:40px;height:40px;text-align:center;font-family:'BebasRegular', helvetica, Arial, sans-serif;color:#bfb99e;font-size:1.2em;line-height:2.0em;text-shadow: 1px 1px 1px #f4eed3;
-moz-border-radius:40px;
border-radius:40px;
-moz-box-shadow: 1px 1px 1px #f4eed3;
-webkit-box-shadow: 1px 1px 1px #f4eed3;
box-shadow: 1px 1px 1px #f4eed3;
}
input.search{float:left;width:120px;height:20px;border:1px solid #96927c;opacity: 0.4;}
input.bt-search{float:right;width:25px;height:22px;background:url(img/sprite.png) no-repeat -40px -245px;border:0;}
input.bt-search:hover{opacity: 0.6;}
input.name{float:right;width:280px;height:26px;border:1px solid #96927c;opacity: 0.4;font-size:1.0em;padding:5px;}
input.name1{width:280px;height:26px;border:1px solid #96927c;opacity: 0.4;font-size:1.0em;padding:5px;}
textarea.commentbox{width:490px;height:200px;border:1px solid #96927c;background:#fff;opacity: 0.4;font-size:1.0em;padding:5px;}
input.bt-submit{background:#afb28e;border:1px solid #bfb99e;width:80px;height:80px;opacity: 0.5;font-size:1.2em;line-height:2.0em;text-shadow: 1px 1px 1px #f4eed3;font-family:'LiberationSerifRegular', Times New Roman, Times, serif;text-align:center;
-moz-border-radius:80px;border-radius:80px;
-moz-box-shadow: 1px 1px 1px #f4eed3;
-webkit-box-shadow: 1px 1px 1px #f4eed3;
box-shadow: 1px 1px 1px #f4eed3;
}
input.bt-submit:hover{background:#c26ea9;border:1px solid #bfb99e;width:80px;height:80px;opacity: 0.5;
-moz-border-radius:80px;border-radius:80px;
-moz-box-shadow: 1px 1px 1px #f4eed3;
-webkit-box-shadow: 1px 1px 1px #f4eed3;
box-shadow: 1px 1px 1px #f4eed3;
}
.bt-launch{float:right;clear:both;background:#cac394;border:1px solid #bfb99e;width:94px;height:28px;opacity: 0.7;font-size:0.9em;line-height:2.2em;text-shadow: 1px 1px 1px #fff;font-family:'LiberationSerifRegular', Times New Roman, Times, serif;text-align:center;
-moz-border-radius:3px;border-radius:3px;
-moz-box-shadow: 1px 1px 1px #f4eed3;
-webkit-box-shadow: 1px 1px 1px #f4eed3;
box-shadow: 1px 1px 1px #f4eed3;
}
.bt-launch:hover{float:right;clear:both;background:#ceaec6;border:1px solid #bfb99e;width:94px;height:28px;opacity: 0.4;ext-shadow: 1px 1px 1px #fff;font-family:'LiberationSerifRegular', Times New Roman, Times, serif;text-align:center;
-moz-border-radius:3px;border-radius:3px;
-moz-box-shadow: 1px 1px 1px #f4eed3;
-webkit-box-shadow: 1px 1px 1px #f4eed3;
box-shadow: 1px 1px 1px #f4eed3;
}
p.commentform {margin:0px 0px 0px 0px;line-height:2.0em;clear:both;padding:5px 0px 5px 0px;height:34px;}
p.commentform label{float:left;width:200px;height:34px;}
ul.commentform {margin:20px 0px 0px 0px;}
ul.commentform li {line-height:2.0em;padding:5px 0px 5px 0px;}
ul.commentform li label{float:left;width:100px;}
.comment-author{background:#fff;border-bottom:1px solid #dbe0dc;opacity: 0.8;}
.comment-meta{float:right;padding:0px 5px 0px 0px;font-size:0.8em;color:#96927c;} .comment-meta a, .comment-meta a:hover, .comment-meta a:visited{font-size:0.8em;color:#96927c;}
.comment-body{border-top:1px solid #fff;border-bottom:1px solid #dbe0dc;background:#fff;padding:5px 30px 10px 50px;margin:0px 0px 0px 0px;opacity: 0.5;}
.reply{float:right;background:#afb28e;border:1px solid #bfb99e;width:30px;height:30px;opacity: 0.5;font-size:0.7em;line-height:2.8em;text-shadow: 1px 1px 1px #f4eed3;font-family:'LiberationSerifRegular', Times New Roman, Times, serif;text-align:center;-moz-border-radius:30px;border-radius:30px;-moz-box-shadow: 1px 1px 1px #f4eed3;-webkit-box-shadow: 1px 1px 1px #f4eed3;box-shadow: 1px 1px 1px #f4eed3;clear:both;}
img.namie{border:5px solid #bfb99e;}
#footer-wrap{margin:0 auto;width:1000px;}
footer{margin-left:260px;width:740px;padding:60px 0px 60px 0px;}
@font-face {
font-family: 'LiberationSerifRegular';
src: url('fonts/LiberationSerif-Regular-webfont.eot');
src: local('☺'), url('fonts/LiberationSerif-Regular-webfont.woff') format('woff'), url('fonts/LiberationSerif-Regular-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-Regular-webfont.svg#webfont40Lpv9y4') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MutluOrnamental';
src: url('fonts/Mutlu__Ornamental-webfont.eot');
src: local('☺'), url('fonts/Mutlu__Ornamental-webfont.woff') format('woff'), url('fonts/Mutlu__Ornamental-webfont.ttf') format('truetype'), url('fonts/Mutlu__Ornamental-webfont.svg#webfontmVffB1DC') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BebasRegular';
src: url('fonts/BEBAS___-webfont.eot');
src: local('☺'), url('fonts/BEBAS___-webfont.woff') format('woff'), url('fonts/BEBAS___-webfont.ttf') format('truetype'), url('fonts/BEBAS___-webfont.svg#webfontSRj8j0PE') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ChopinScriptRegular';
src: url('fonts/ChopinScript-webfont.eot');
src: local('☺'), url('fonts/ChopinScript-webfont.woff') format('woff'), url('fonts/ChopinScript-webfont.ttf') format('truetype'), url('fonts/ChopinScript-webfont.svg#webfontSkQKvGGN') format('svg');
font-weight: normal;
font-style: normal;
}
h1{font-family:'LiberationSerifRegular', Times New Roman, Times, serif;font-size:2.0em;text-shadow: 1px 1px 1px #f4eed3;text-align:justify;}
h1.title-1{font-family:'LiberationSerifRegular', Times New Roman, Times, serif;font-size:1.6em;text-shadow: 1px 1px 1px #f4eed3;text-align:justify;line-height:1.4em;}
h1.title-2{font-family:'LiberationSerifRegular', Times New Roman, Times, serif;font-size:1.4em;text-shadow: 1px 1px 1px #f4eed3;line-height:1.4em;}
h2{font-size:2.0em;text-shadow: 1px 1px 1px #f4eed3;text-align:center;line-height:1.8em;color:#96927c;} h2 a:hover{color:#574d5d;}
h2.title-2{font-size:2.0em;text-shadow: 1px 1px 1px #f4eed3;text-align:center;line-height:1.0em;color:#96927c;} h2.title-2 a:hover{color:#574d5d;}
h2.letter-typo-1{line-height:1.0em;color:#000;font-family:Times New Roman, Times, serif;ext-shadow: 0px 0px 0px #fff;border-bottom:1px solid #000;margin:60px 0 20px 0;text-align:left;padding:0 0 10px 0;}
.letter-typo-2{font-size:2.0em;color:#FFCC00;line-height:1.0em;}
.letter-typo-3{font-size:2.0em;}
.letter-typo-4{font-size:7.0em;}
.typo-1{font-family:'MutluOrnamental', Times New Roman, Times, serif;line-height:0.5em;color:#96927c;}
.typo-2{color:#96927c;font-size:0.9em;line-height:1.2em;} .typo-2 a, .typo-2 a:visited, .typo-2 a:active{color:#96927c;}.typo-2 a:hover{color:#574d5d;}
.typo-3{color:font-size:0.8em;line-height:1.2em;}
.typo-4{font-family:helvetica, Arial, sans-serif;}.typo-4 a{color:#96927c;}.typo-4 a:hover{color:#574d5d;}
.typo-5{color:#96927c;font-style:italic;}.typo-5 a{color:#96927c;}.typo-5 a:hover{color:#574d5d;}
.typo-6{font-family:'BebasRegular', helvetica, Arial, sans-serif;color:#bfb99e;font-size:3.0em;text-shadow: 1px 1px 1px #f4eed3;}
.typo-7{color:#960096;}
.typo-8{font-family:'ChopinScriptRegular', Times New Roman, Times, serif;color:#96927c;}
.typo-9{font-size:0.8em;}
.typo-10{font-family:'LiberationSerifRegular', Times New Roman, Times, serif;font-size:1.4em;text-shadow: 1px 1px 1px #f4eed3;;color:#96927c;}
.typo-11{color:#960096;font-size:0.8em;}.typo-11 a, .typo-11 a:visited, .typo-11 a:active{color:#960096;}.typo-11 a:hover{color:#96927c;}
.typo-12{color:#590357;text-shadow: 1px 1px 1px #7DF9B2;}
.fn{color:#960096;font-size:0.8em;}
.says{color:#96927c;font-size:0.7em;}
.typo-right{text-align:right;}
.typo-over{text-decoration:line-through;}
.box-1{border:1px solid #574d5d;}
.skill-box1{opacity: 1.0;}
.skill-box2{opacity: 0.9;}
.skill-box3{opacity: 0.8;}
.skill-box4{opacity: 0.7;}
.skill-box5{opacity: 0.6;}
.skill-box6{opacity: 0.5;}
.skill-box7{opacity: 0.4;}
.skill-box8{opacity: 0.3;}
.skill-box9{opacity: 0.2;}
.skill-box10{opacity: 0.1;}
/* WP contact form7 */div.wpcf7{margin:0;padding:0;}div.wpcf7-response-output{margin:0;padding:0;}div.wpcf7-mail-sent-ok{color:#74a003;}div.wpcf7-mail-sent-ng{color:#f7004e;}div.wpcf7-spam-blocked{color:#f7004e;}div.wpcf7-validation-errors{color:#960096;}span.wpcf7-form-control-wrap{position:relative;}span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#960096;opacity: 0.5;border:1px solid #eee;font-size:10pt;width:280px;padding:5px;color:#fff;}span.wpcf7-not-valid-tip-no-ajax{color:#f7004e;font-size:10pt;display:block;}span.wpcf7-list-item{margin-left:0.5em;}.wpcf7-display-none{display:none;}img.ajax-loader{border:none;vertical-align:middle;}
/* pagination */.pagination{clear:both;position:relative;font-size:11px;line-height:13px;}.pagination span, .pagination a{display:block;float:left;margin:10px 2px 10px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#011d25;background:#E8E8D1;opacity: 0.6;text-shadow:1px 1px 1px #fff;}.pagination a:hover{color:#fff;background:#96927c;text-shadow:1px 1px 1px #96aeae;}.pagination .current{padding:6px 9px 5px 9px;background:#96927c;color:#fff;text-shadow:1px 1px 1px #96aeae;}