* { margin: 0; padding: 0; }

body { font: 90% "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; background: #f5f5f5 url(../images/bg.jpg) repeat; color: #222; line-height: 160%; }

h1, h2, h3, h4, h5, h6 { margin: 40px 0 10px; line-height: 150%; font-weight: normal; }
h1 { font: 3.2em 'IM Fell English'; line-height: 120%; margin: 40px 0 0; }
h1 span { letter-spacing: 1px; }
h1#siteblog a.nb { color: #222;  }
h2 { font-size: 2.5em; }
h3 { font-size: 2.2em; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.4em; margin: 20px 0 10px; }
h6 { font-size: 1.2em; }

h3.page-title {  font: 3em 'IM Fell English'; margin: 40px 0 30px; }

p { margin: 15px 0 20px; font-size: 1em; line-height: 170%;}
pre { margin: 25px 0; display: block; padding: 20px 0; }

ul, ol, dl { margin: 20px; }
li, dt, dd { margin: 5px 0; }

a:link, a:visited { text-decoration: none; color: #0c6184; padding: 3px 1px; }
a:hover, a:active { background: url(../images/tbg.png) repeat 0 0; outline: none; }

a.nb, img, a img { background: none; outline: none; }
a.nb:active { outline: none; }

.hm { margin: 30px 0 10px; }

img { border: none; }

span.red { color: #7c0c0c; }

address { margin: 0; font-style: normal; }


	/*  -------------------------------------------  content layout  -----------------------------------------  */



	/*  ------------------------------------------------  header  --------------------------------------------  */


a#ktkt { z-index: 100; position: fixed; top: 70px; right: 0; display: block; height: 113px; width: 100px; padding: 10px 5px; background: url(../images/contact.png) no-repeat 0 0; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-radius: 15px 0 0 15px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
a#ktkt:hover { background-position: -110px 0; }
#top { width: 930px; padding: 0 20px; margin: 0 auto; position: relative; height: 230px; background: url(../images/divider-top.png) repeat-x 0 225px; }
img#rose { position: absolute; top: 0; right: 30px; margin: 0; padding: 0; }

	/* navigation */

ul#main-nav { position: absolute; top: 140px; left: 0; width: 870px; height: 50px; margin: 10px; font-size: 1.3em; }
ul#main-nav li { display: inline; float: left; margin-right: 20px; }
ul#main-nav li a { display: inline; float: left; color: #666; padding: 20px 10px; background: none: -2px -2px 2px #ccc; height: 60px; }
ul#main-nav li a:first-letter { color: #7c0c0c; font-size: 150%; text-shadow: -2px -2px 2px #ccc; }
ul#main-nav li a:hover { background: url(../images/rtbg.png) repeat 0 0; }
ul#main-nav li.current_page_item a { cursor: default; font-size: 130%; border: none; color: #333; background: url(../images/tbg.png) repeat 0 0;
	-moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 8px #aaa; }
/* ul#main-nav li.current_page_item a:first-letter,  ul#main-nav li.current_page_parent a:first-letter { line-height: inherit; color: #7c0c0c; font-size: 150%; text-shadow: -2px -2px 2px #ccc; } */
ul#main-nav li a span { line-height: inherit; color: #7c0c0c; font-size: 120%; text-shadow: -2px -2px 2px #ccc; }

/* no JS, no nice hover */ ul.no-js li a:hover { color: #000 !important; }


	/*  -------------------------------------------  main content  -----------------------------------------  */


#main-content { width: 930px; padding: 20px; margin: 0 auto; }

#left { float: left; width: 562px; padding: 10px 60px 50px 0; position: relative; }

.blog-container img { max-width: 550px; padding: 5px; background: url(../images/tbg.png) repeat 0 0; margin: 0: -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.clear { clear: both; }


	/*  --------------------------------------------- sidebar  --------------------------------------------  */


#right { float: left; text-align: center; width: 268px; padding: 10px 20px 40px; margin: 20px 0 70px; line-height: 160%; background: url(../images/tbg.png) repeat 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
#right a:hover { background: #eaeaea; }
#right ul, #right p { line-height: 150%; }

h6.sb-bloglink { margin: 0px 0 30px; padding-bottom: 30px; border-bottom: 5px solid #fff; font-family: 'IM Fell English'; }

h4.imfell { font: 2.1em 'IM Fell English'; margin: 30px 0 20px; }

	/* jQuery mp3 player at : css/jquery.player.css */

p.img-divider { text-align: center; }
p.img-divider img { padding: 20px 0 10px; }


ul#photos { margin: 40px 0; }
ul#photos li { list-style: none; display: block; float: left; width: auto; margin: 0 10px 20px 0; padding: 0; }
ul#photos li a { display: block; float: left; width: auto; margin: 0; padding: 3px; background: #fff; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
ul#photos li img.nos { float: left; width: 20px; padding-right: 5px; }
ul#photos li img.rs { float: left; width: 85px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* no JS, no nice hover */ ul.no-js-photos li a:hover { background: #777 !important; }

p#dti { font: 1.5em 'IM Fell English'; padding: 20px 0 0; margin: 0; clear: both; }
p#dl-img { padding: 0; text-align: center; margin: 5px 0;  }
p#dl-img img.dl-nos { padding: 0 8px; background: #fff; }
p#dl-img img.dl-nos:hover { /* border: 2px solid #aaa; */ background: none; }
#right p#dl-img a:hover { background: none; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #222; background-color: #fff; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; font: 1em 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana,  sans-serif; }

p.divi { margin-top: 30px; padding-top: 30px; border-top: 3px solid #fff; }

	/*  -------------------------------------------------  footer  -------------------------------------------  */
	
	
#footer { width: 930px; padding: 10px 20px 0; margin: 0 auto 100px; clear: both; position: relative; }

ul.social { position: absolute; top: 10px; right: 30px; margin: 0; list-style: none; }
ul.social li { display: block; float: left; width: auto; margin-left: 20px; }
ul.social li a { display: block; float: left; width: auto; }
ul.social li a img { display: block; float: right; width: auto; padding: 0 0 0 7px; }

#bottom-left { float: left; width: 562px; padding: 0 40px 50px 0; position: relative; }
#bottom-right {	width: 308px; float: left; padding-left: 20px; }

.pr { padding-right: 40px; }

ul#contact-list { list-style: none; margin: 50px 0; }
ul#contact-list li { margin: 10px 0 25px; }
ul#contact-list li span { font-weight: bold; font: 1.2em 'IM Fell English'; }

h4#git { font: 2.8em 'IM Fell English'; margin: 0; }

	/* contact form */

p#smam { margin: 30px 0 5px; font-size: 150%; }

select#dd-menu { width: 250px; border: 2px solid #ccc; outline: none; background: url(../images/tbg.png) repeat 0 0; margin-bottom: 10px; }

form.wpcf7-form { margin: 40px 0; padding: 0; }
form.wpcf7-form p { padding: 10px 0 20px; clear: both; position: relative; font-family: 'IM Fell English'; }
form.wpcf7-form span { display: block; float: left; width: 130px; }
form.wpcf7-form input, form.wpcf7-form textarea {
	font: 1em "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; border: none; background: url(../images/tbg.png) repeat 0 0; padding: 5px 4px; border: 2px solid #aaa;
  -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa; }
form.wpcf7-form input { width: 412px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form.wpcf7-form textarea { width: 542px; height: 120px; overflow: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus { outline: none; border-color: #666; }
form.wpcf7-form select { border: 1px solid #aaa !important; }
form.wpcf7-form select:focus { border: 1px solid #666 !important; }
form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax { width: 400px; padding: 0 0 10px; color: red; }
form.wpcf7-form span.wpcf7-not-valid-tip { display: inline; width: 295px; padding: 0 5px; text-align: right; color: #7c0c0c; position: absolute; top: 15px; left: 245px; z-index: 1000; }
form.wpcf7-response-output { border: none; margin: 0; padding: 0; font-size: 1.2em; background: none; }
form.wpcf7-mail-sent-ok { border: none; background: none; }
form.wpcf7-form .wpcf7-validation-errors { padding: 0; margin: 0; }

	/* nice CSS3 buttons */

p.submit input, form#comment-form input#submit { /* zoom and *display = ie7 hack for display:inline-block */
	font: 1em Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
	display: inline-block; zoom: 1; *display: inline; vertical-align: baseline;
	margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .5em 1em .55em; width: auto; margin-top: 10px; color: #000; border: solid 1px #888; background: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999));
	background: -moz-linear-gradient(top,  #ddd,  #999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#999999');
	-webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em;
	-webkit-box-shadow: 0 1px 10px #aaa; -moz-box-shadow: 0 1px 10px #888; box-shadow: 0 1px 10px #888;
	text-shadow: 0 1px 1px #fff;
}
p.submit input:hover, form#comment-form input#submit:hover  {
	text-decoration: none; background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#888));
	background: -moz-linear-gradient(top,  #ccc,  #888);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#888888');
}	
p.submit input:active, form#comment-form input#submit:active {
	position: relative; top: 1px; color: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999));
	background: -moz-linear-gradient(top,  #ddd,  #999);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#999999');
}


	/*  --------------------------------------------------  index  --------------------------------------------  */
	
	
#landing-pad { padding-bottom: 10px; text-align: center; }

img#ttr { padding: 60px 0 30px; }
	
h2#nini { text-align: center; margin: 50px 0 10px; font-size: 2.3em; font-family: 'IM Fell English'; }
h2#nini span.goog { font-size: 1.9em; text-transform: uppercase; padding-bottom: 15px; display: block; }
h2#nini span#span1 { display: block; text-transform: uppercase; }
h2#nini span#span2 { display: block; font-size: 110%; }
h2#nini span#span2 span { color: #7c0c0c; }
h2#nini span#span3 { display: block; font-size: 80%; }
h2#nini span#span3 span { font-style: italic; text-transform: uppercase; }

p#web-link { font-size: 130%; font-family: 'IM Fell English'; }
p#web-link span { display: block; font-size: 150%; padding-bottom: 10px; }
p#lute-link { font-size: 115%; }

#ix-blogs { text-align: center; margin: 30px 0; }
#ix-blogs h4 { font-family: 'IM Fell English'; }
#ix-blogs h5 { margin: 10px 0; }


	/*  -----------------------------------------------  lute  ------------------------------------------  */
	
	
.drop-cap { float: left; display: block; clear: both; width: 120px; padding: 0 8px 0 0; margin: 3px 0 0 0; }

.caption { position: relative; padding-bottom: 10px; }
.caption span { font: 1em 'IM Fell English'; position: absolute; bottom: 15px; left: 5px; display: block; background: url(../images/bbg.png) repeat 0 0; padding: 10px 15px; color: #fff; width: 520px; text-align: right; border-top: 2px solid #0c6184; }
.caption img.border { width: 550px; padding: 5px; background: url(../images/tbg.png) repeat 0 0; margin: 0; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }


	/*  -----------------------------------------------  design  ------------------------------------------  */
	

.division { margin-top: 50px; padding-top: 20px; border-top: 5px solid #fff; }

h3.sitename { margin: 60px 0 -15px; }
h3.upabit { margin-top: 20px; }

.slider a.bss { display: block; width: 300px; height: 200px; background: #fff; padding: 3px; -moz-box-shadow: 0 0 8px #aaa; -webkit-box-shadow: 0 0 8px #aaa; box-shadow: 0 0 8px #aaa; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.slider a.no-js-bss:hover { background: #666 !important; } /* no JS, no nice hover */

img.ss { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

p.code { background: url(../images/peka.png) no-repeat left 5px; padding-left: 40px; font-family: 'IM Fell English'; }


	/*  ------------------------------------------------  blog  -------------------------------------------  */


.post h4 { line-height: 140%; padding-bottom: 10px; font: 2em 'IM Fell English'; }
h4.blog-title { background: url(../images/peka.png) no-repeat left 10px; padding: 0 0 10px 45px; font-size: 190%; line-height: 140%; font-family: 'IM Fell English'; }

p.post-meta { margin-top: 30px; padding: 10px 0; background: url(../images/tbg.png) repeat 0 0; text-align: center; font-family: 'IM Fell English'; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
p.post-meta a:hover { background: #eaeaea; }
ul.meta { list-style: none; font-size: 120%; }
ul.meta li { margin: 5px 0; }
ul.meta li span { }
	
.blog-container { padding-bottom: 10px; }


	/*** comments ***/


ol.commentlist { margin: 20px 0; }
ol.commentlist li { list-style: none; padding: 20px 20px 10px; margin: 20px 0; background: url(../images/tbg.png) repeat 0 0;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;	border-radius: 10px;
	-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 10px 10px 5px #ccc; }
ol.commentlist li.bypostauthor { background: #fff; color: #555;
 	-moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 10px 10px 5px #999; }

cite.fn { font-style: normal; font-weight: bold; }

.comment_text p { margin: 10px; }


h5#comments { font: 1.5em 'IM Fell English'; margin: 30px 0 20px; padding-top: 30px; border-top: 3px solid #fff; }
form#comment-form p { padding: 10px 0; margin: 0; clear: both; font-family: 'IM Fell English'; }
form#comment-form label { display: block; float: left; width:130px; }
form#comment-form input, form#comment-form textarea { font: 1em "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; background: url(../images/tbg.png) repeat 0 0; border: none; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
form#comment-form input { width: 423px; padding: 2px 2px 2px; border: 2px solid #aaa; }
form#comment-form textarea { width: 545px; height: 100px; padding: 6px; overflow: auto; border: 2px solid #aaa; }
form#comment-form textarea:focus, form#comment-form input:focus { outline: none; border-color: #666; }
form#comment-form input.error, form#comment-form textarea.error { border-color: #9d0808; }
form#comment-form input.error:focus, form#comment-form textarea.error:focus { border-color: #9d0808; }
form#comment-form input#submit { /* see contact form CSS further up for this! */ }

.error { padding: 20px 0 10px; color: #7c0c0c; font: 130% Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; z-index: 1000; }
.errorlabels { width: 300px; font-size: .8em; margin: 0; display: block; padding: 0 0 20px; margin: 0; }
form#comment-form .errorlabels label.error { width: 600px; padding: 5px 0 0 10px; }

p.allblogs { padding-top: 30px; margin-top: 30px; }