body { margin:0; padding:0; 
background:url(img/b_dd_ss12_mns_01.jpg); background-attachment:fixed;

       font-family: "Akkurat-Light",Arial, Helvetica, sans-serif; 

       font-size:12px; color:#fff; text-align:center; }

a img { border:none; }

a, a:visited { color:#999999; text-decoration:none;  }

a:hover { color:#fff; }

* {
	border: 0px solid #eee;
	margin: 0;
	padding: 0;
	list-style: none
}


ol { margin:0 0 1em 19px; padding:0; }

* html ol { margin:0 0 1em 23px; padding:0; }

ol li { padding:0 0 5px 0; }
input {
	background-color: #7f7f7f;
	border:0;
}
table,textarea,dl,dt,dd { margin:0; padding:0; }

table { border-collapse:collapse; border:0; width:100%; }

blockquote { margin:0 0 1em 0; padding:15px 20px 0 20px; border:1px solid #333; background:#222; }

blockquote a, blockquote a:visited { text-decoration:none; }

pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }

object { display:block; margin:0 auto; }

.wp-caption-text { text-align:center; }

.alignright { float:right; }

.alignleft { float:left; }

.aligncenter { margin-left:auto; margin-right:auto; }

.centered { margin-left:auto; margin-right:auto; }

.clear { clear:both; }





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



#wrapper { background:url(img/back2.png) no-repeat center top; }

#contents { width:800px; margin:0 auto; text-align:left; }


#middle-contents { background:url(img/side.png) repeat-y; padding-bottom:50px;position: relative; }

#left-col { float:left; display:inline; width:750px; margin:15px 0 0 5px; }

#right-col{float:right; position: absolute; right:36px; top:50px;}





#search-area {  margin:0 0 0 30px; color:#000; }

#search-input { float:left; padding:2px 3px 3px; color:#000; background:#7F7F7F; border:0;  width:120px;}

#search-button { float:left; color:#000; background:#7F7F7F; border:0; padding:1.5px; margin-left:4px; font-size:11px; }





/*  ------ left-col ------------- */



.post { margin:30px 0 5px 35px; }



.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; }

.post h2 a, .post h2 a:visited, #single h2 { color:#fff; font-size:22px; line-height:120%; font-weight:normal; }

.post h2 a:hover { text-decoration:none; color:#CCC; }

.post-info { margin:0; }

.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }

.write-comment { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }

.post-info a, .post-info a:visited { color:#777; }

.post-info a:hover { color:#83bac4; }



.post-content { clear:both; padding:15px 0 40px 0; line-height:160%; }

.post-content p { margin:0 0 1em 0; line-height:160%; }

.post-content a,.post-content a:visited { text-decoration:none; }

.post-content a.more-link, .post-content a.more-link:visited 

  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(img/arrow3.gif) no-repeat left top; text-decoration:none; }

.post-content a.more-link:hover { background:url(img/arrow3.gif) no-repeat left bottom; text-decoration:none; }



.post img, .post a img { border:0px solid #222; padding:5px; margin:0; }

.post a:hover img { border:0px solid #849ca0; }

.post img.centered,div.centered { display:block; margin:0 auto; }

.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }

.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }

.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }

.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }



.post table { margin:0 0 1em 0; }

.post td, .post th { border:1px solid #333; padding:15px; }

.post th { background-color:#000; font-weight:normal; }

.post-content ul li { margin:0 0 0 0; line-height:160%; background:url(img/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }

.post-content input { margin:5px 0; }



.post-meta { background:url(img/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; }

.post-meta ul { background:url(img/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }

.post-meta li { display:inline; font-size:11px; line-height:140%; }

.post-category { float:left; width:345px; background:url(img/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }

.post-tag { float:left; width:345px; background:url(img/tag-icon.gif) no-repeat 2px 2px; padding:0 0 0px 29px; }

.post-comment { float:right; width:80px; background:url(img/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; }



#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(img/arrow5.gif) no-repeat left 16px; float:right; color:#777; }

#back-top:hover { text-decoration:none; color:#83bac4; }





/*  ------ right-col ------------- */

#information-title { background:url(img/info-box-top.gif) no-repeat left top; padding:25px 20px 5px 20px; width:232px; margin:0 0 0 30px; }

.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(img/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; margin:0 0 50px 30px; width:232px; }



.side-title { margin:0 0 20px 0; font-size:11px; text-transform:uppercase; color:#fff; font-weight:normal; line-height:100%; }

.side-box { color:#aaa; margin:0 0 50px 32px; font-size:11px; width:270px; }

#right-col ul { }

#right-col li { margin:0 0 1em 0; line-height:140%; }

#right-col li li { padding:0 0 0 10px; margin:3px 0; background:url(img/bullet1.gif) no-repeat 1px 7px; }



#side-left { float:left; width:128px; padding:0 0 0 32px; }

#side-right { float:right; width:5px; padding:0 30px 0 10px; }

.side-box-short { margin:0 0 50px 0; width:130px; font-size:11px; color:#aaa; }



#side-bottom { clear:both; }



/* this is just for default mode */

#side-left-ex { float:left; width:128px; padding:0 0 0 32px; }

#side-right-ex { float:right; width:120px; padding:0 30px 0 10px; }

#side-bottom-ex { clear:both; }



/* calendar */

#wp-calendar { margin:0 auto; width:100%; color:#777; }

#wp-calendar th, #wp-calendar td { border:1px solid #333; padding:0; width:14%; line-height:220%; text-align:center; }

#wp-calendar th { line-height:100%; padding:4px 0 2px 0; font-weight:normal; background:#000; }

#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; }

#wp-calendar td a:hover { }

#wp-calendar caption { padding:8px 0; }

#wp-calendar tfoot td { border:none; padding:5px 0; }

#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited

  { text-decoration:none; background:none; }

#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:none; }

#wp-calendar td#today { background:#111; text-decoration:none; color:#81c8d5; }



#copyrights { color:#777; border-left:3px solid #444; padding:0px 0 0 8px; clear:both; }

#copyrights li { margin:0; padding:0; line-height:160%; }

#copyrights a, #copyrights a:visited { color:#777; }

#copyrights a:hover { color:#849ca0; }

#copyrights #wp a { text-decoration:none; }



#return_top a { position:absolute; position:fixed; right:0; bottom:15px;

                display:block; height:138px; width:38px; background:url(img/return-top.png) no-repeat left top; }

#return_top a:hover { background:url(img/return-top.png) no-repeat right top; text-decoration:none; }



/*  ------ archive ------------- */

.archive, .search-page { margin:25px 0 25px 30px; border-left:3px solid #555; padding-left:10px;  }

.archive h2, .search-page h2 { font-size:14px; color:#fff; margin:0 0 3px 0; display:block; line-height:120%; font-weight:normal; padding:0; }

.archive p, .search-page p { font-size:12px; }

.read-more { padding:0 0 0 0; }



/* ------ page navi -------------- */

.page-navi, .next-previous-navi { margin:50px 0 25px 30px; }

#comment-pager { margin:20px 0 0 0; }

.page-navi li { line-height:0%; display:block; float:left; }

.page-navi a, .page-navi a:visited, .page-navi a:hover,

.page-navi span.pages, .page-navi span.extend, .page-navi span.current, .page-navi span.dots

 { font-size:11px; line-height:100%; margin:0 0px 25px 0; padding:0px 14px; display:block; float:left; border-right:1px solid #555; border-left:1px solid #555; }



.page-navi span.current { color:#81c8d5; background:url(img/arrow8.gif) no-repeat center bottom; padding-bottom:10px; border:none; }

.page-navi a.prev, .page-navi a:hover.prev, .page-navi a:visited.prev { border-left:none; }

.page-navi a.next, .page-navi a:hover.next, .page-navi a:visited.next { border-right:none; }



#previous-page a, #previous-page a:visited { float:left; display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 40px; background:url(img/arrow2.gif) no-repeat left top; }

#previous-page a:hover { background:url(img/arrow2.gif) no-repeat left bottom; text-decoration:none; }

#next-page a, #next-page a:visited { float:right; display:inline; margin:5px 0 10px 0; height:22px; padding:7px 40px 0 0; background:url(img/arrow3.gif) no-repeat right top; }

#next-page a:hover { background:url(img/arrow3.gif) no-repeat right bottom; text-decoration:none; }



/*  ------ header for category/archive/search/...etc  ------------- */



.common-navi-wrapper { background:url(img/archive-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; margin:70px 0 0; }

.common-navi-wrapper p { background:url(img/archive-bottom.gif) no-repeat right bottom; padding:0 10px 10px 32px; margin:0; line-height:140%; }



#archve-title { margin:0 0 0 13px; }

#search-hit { }



/*  ------ page widthout side ------------------------ */

#no-side { background:url(img/side-noside.png) repeat-y; padding:60px 0; }

#no-side .post { margin:0 40px 20px 40px; }

#footer-noside { background: no-repeat top; height:114px; margin-bottom:50px; }





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




#pngfix-right { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }

#pngfix-left { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }









/* ---------- clearfix hack ---------- */

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/

* html .clearfix { height: 1% }

.clearfix {display:block;}


/* end MacIE5 */


#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 80;
	line-height: 12px;
	font-size:10px;
}
#footer div {
	height: 20px;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	padding: 7px 0 0 7px
}
#footer,
#menu {
	right: 0px;
}
#footer,
#menu ul {
	text-align:			center;
	white-space:		nowrap;
}
#footer {
	padding: 5px 10px 5px;
	text-align:			left;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.9);
	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B9000000,endColorstr=#B9000000);
	zoom:1;
	overflow: hidden;
}
#footer form {
	float: left;
}
#footer #copy {
	float: right;
	color: #666;

}
#footer ul,
#footer li,
#menu li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}
#footer a {
	color: #fff;
	display: inline;
}

#logo {
	position: fixed;
	display: block;
	top: 50px;
	left: 50px;
	z-index: 120;
	width: 100px;
}


#footer,
#menu {
	right: 0px;
}
#footer,
#menu ul {
	text-align:			center;
	white-space:		nowrap;
}
#menu {
	height: 25px;
	position: relative;
	text-transform: uppercase;
}
#menu ul {
	width: 100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.9);
	background-color: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B9000000,endColorstr=#B9000000);
	zoom:1;
}
#menu ul li {
	padding: 5px 0;
	height: 15px;
	font-family: Akkurat-Light, Arial;
}
#menu ul ul {
	opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: -1;
	font-size: .9em;
	-webkit-transition-property: opacity, bottom;
	-webkit-transition-duration: .7s;
	-moz-transition-property: opacity, bottom;
	-moz-transition-duration: .7s;
	zoom:1;
	background: #000 \9;
}

#menu ul ul a:hover {
	font-size: 11px;
}
#menu ul ul {
	font-size: 11px;
}
#menu ul ul a {
	font-size: 11px;
	font-weight:normal;
	display: block;
	zoom:0;
	font-family: Akkurat-Light, Arial;
}
#menu ul>li:hover ul {
	display: block;
	opacity: 1;
	font-size:11px;
	filter:alpha(opacity=100);
	bottom: -25px;
}
#menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 80;
	line-height: 14px
}
#menu div {
	height: 20px;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	padding: 10px 0 0 10px
}
#footer ul,
#footer li,
#menu li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}
#menu li a {
	height: 12px;
	padding: 0 5px;
	color: #fff;
	display: block
}
#menu li a:hover,li.cur a {
	color: #fff;
	text-align: left;
	font: "Akkurat-Light", Arial;
	font-size:12px;
}
#menu li a:hover2,li.cur2 a {
	color: #333;
	text-align: left;
	font: "Akkurat-Light", Arial;
	font-size:12px;
}
#footer a.enterbutton {
	padding:1px 2px;
	background:#999;
	color:#000;
	font-size:10px;
}