/*
Theme Name: EPK Theme
Theme URI: http://www.epk.co.jp/
Description: Theme for EPK 
Version: 1.0
Author: Ray Suzuki
Author URI: 
Tags: 
*/

@import url("library/960/reset.css");
@import url("library/960/text.css");
@import url("library/960/960.css");


/* general */
body {background: url(images/background.jpg)  repeat-x white;  margin: 10px auto;color:#666666;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",  "ＭＳ Ｐゴシック","Simsun","微软雅黑",  "黑体", Geneva, Arial, Verdana, sans-serif;font-size:90%; }
h1,h2,h3,h4,h5 {color:#666;}
a {color: #5c4288; text-decoration:none;}
a:hover {color: #8868bc; text-decoration:underline;}
h4 {margin:0;padding:0;}
h2 {font-size:100%; margin:0; font-weight:bold;}
h4 a, h3 a { text-decoration:none;}
p{ padding-right:1.5em;}
.topbar {font-size:85%;}
.topbar a span {padding: 0 0 0px 3px; position: relative; top:-2px;}

strong {font-weight:bold;}
/* headers */
#header {margin-bottom: 8px; padding-top: 15px; }
#header .logo { text-align: left; padding-bottom:12px; _padding-bottom: 5px;}
#header img {padding-bottom: 0.5em;}
#header img a {color: #fff; border:none;}

#introduction {  margin: 0 0 15px 5px; }



/* intro text */

/* twitter */
#twitter { margin:0; background:#e9ddf6  url(images/twitter2.png) no-repeat top  left; height: 120px; overflow:hidden; border: 2px dotted white; font-size:85%; padding:50px 0px 0 0; color:#3d5666;}
#twitter h4{ margin:4.5em 0 0; padding: 1em 1em 0.5em 1.3em; border-bottom: 2px dashed white; color: #4590c2; }
#twitter h4 a{font-weight:bold;}

#twitter .item {padding:0; margin:0;}
#twitter .twitterwidget-rss{
float: right;
}

/* MAIN NAVIGATION - Everything else is theming */


.navStripWrapper { font-family:Corbel, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Corbel, Meiryo, "ＭＳ Ｐゴシック", "微软雅黑","黑体", Geneva, Arial, Verdana, sans-serif; /*font-family:"Perpetua Titling MT", "Adobe Garamond Pro", Georgia, "Times New Roman", "宋体",serif;*/ text-align:left; padding:0;margin:0;}
.navi { font-size:93%; padding:0; }
.navi { list-style:none; }
.navi li{
display: inline;
list-style-type: none;
padding: 0px;
margin:0 25px 0 0;
}
.navi li a{ text-decoration:none; color:#604095; margin:0; padding:0;
text-transform: none;}
.navi li a:hover{color:#8868bc;
 text-decoration: none;
}
li.current-cat a,li.current_page_item a,li.current_page_parent a{color:#3e2a5f; text-decoration:none; border-bottom:5px double #fff;}

/* NAVIGATION - Search for something */
#search { position: relative; float: right; top: 5px; height:40px; width:165px;}
#search #s { float: left; display: block; margin:0;padding: 5px 5px 5px 20px; width: 140px; border: none; font-size: 12px; color: #999; vertical-align: bottom;  background: #e5ded6 url(images/search.png) 3px 5px no-repeat;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height: 1}
#search #s:hover { color: #666;background: #ddd5cd url(images/search.png) 3px 5px no-repeat;}

/* Portfolio Gallery */
#gallery {border:12px solid #e5ded6; }
#gallery-nav {margin:0px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;padding:15px 12px; background:#f6ede7; }
#gallery-nav li.current {background: #e5ded6; }
#gallery-nav li.current a {color:#333555}
#gallery-nav li a {color:#aaa;font-weight: bold; border: none; padding:5px}

/* content */
#content h1 {color: #8365ab; margin-bottom: 15px;font-weight: normal; }

h1.tops {font-family:"HGP明朝B","MS P明朝","MS Mincho","MS 明朝", "Perpetua Titling MT", "Adobe Garamond Pro", Georgia, "Times New Roman", "宋体",serif; }
#content h3 {color:#bbb; font-size: 16px; font-weight:bold;  padding:0;}
#content div.portfolio{margin: 0px 15px 15px 0px ;background:black; }
#content div.portfolio  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #ccc;border:none;line-height: 1.2;border: 1px solid #eee;}

#content div.portfolio h4 {position:relative;}
#content div.portfolio a:focus, #content div.portfolio a:hover {background:black; border:1px solid #8b5b7f;}
#content div.portfolio img {position: absolute;top: 7px;left: 7px; width:205px; height: 150px;border: 0;z-index:3;}
#content div.portfolio span.title { position:absolute;bottom:0;left:0;padding:10px 20px 48px 25px; text-decoration:none;}
#content div.portfolio a:hover{ text-decoration:none;}
#content div.portfolio span.category { position:absolute;bottom:0;left:0;margin:0 15px 15px 25px; font-size:12px;color:#aaa;}
#content div.portfolio span.category a {font-size:12px;border: none;color:#888;}
#content p{color: #555; font-size: 90%; line-height: 1.6em; font-weight: lighter;}
/* prev next navigation */
.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;}
.next  {background: url(images/next.gif) 0 -66px no-repeat;width: 85px; height: 33px;float: right}
.prev  {background: url(images/prev.gif) 0 -66px no-repeat;width: 115px; height: 33px;float: right}
.next a {background: url(images/next.gif) 0 0 no-repeat;}
.prev a {background: url(images/prev.gif) 0 0 no-repeat;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a {width:85px;}
.prev a {width:115px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}

/* widgets */
h3.sub {margin-top: 0.5em;font-size: 125%; margin-bottom:27px;font-weight: normal;}
.item h4 {margin-bottom: 10px; font-size: 90%; font-weight:bold;}
.item ul li {display: block;list-style:none;margin:0;padding:0.6em 0 0.6em 1em;}
.item ul li a {display: block;border: none;font-weight: bold;}
.item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item dd {padding-bottom:7px; font-weight: lighter; margin-left: 80px;}
.portfolio {margin: 0;padding: 0; font-size: 12px; }
.portfolio b { font-weight:bold; }


.textwidget {margin-bottom:30px; font-size: 90%;}
#wp-calendar  {width: 100%}
#wp-calendar td {text-align: center;}
#wp-calendar thead {font-weight: bold;background: #eee}
#wp-calendar td#prev {text-align: left}
#wp-calendar td#next {text-align: right}

/* Content Area */
.postmetadata {font-size: 12px;}
small {color: #bbb}
hr.dotted {border:none;border-bottom: 1px dotted #eee}

hr{border:none; border-bottom:1px solid #ddd; }

hr#special{border-bottom: 1px solid transparent; margin:0;}
/* Form Elements */
input,textarea {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;font-size: 12px;-webkit-border-radius: 5px;border: none;padding:6px; background: #E5DED6;line-height: 1}
textarea {font-family: "Lucida Sans"}
#submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa}

/* Comments */
#respond h3 {border-bottom: 1px solid #ddd;padding-bottom:7px}
.commentlist {padding: 0;margin: 0;}
.commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;border:1px solid #ddd; }
.commentlist li ul {padding: 0;margin: 0;}
.commentlist li ul li {margin-right: 0px;margin-left: 0px;}
.commentlist li .avatar {float: left;border: 1px solid #eee;padding: 2px;background: #fff;margin-right:10px}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentmetadata {font-weight: normal;font-size: 11px}
.children { padding: 0; }
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0 0 10px 0;display: block;}
.even, .alt {background:#f8f6f2;}
ul.children li.odd {background: #f6ede7;}
.thread-odd {background: #f6ede7;}
.thread-even {background:#f8f6f2;}
.depth-1 {}
.says {display:none;}
.cancel-comment-reply small {font-size:1em;}
.bypostauthor {background: #fff}
.cancel-comment-reply {margin-bottom: 20px}

/*MISC*/
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
	display:
	block;
}
dl.data{
	padding-left: 1em;
}
dl.data dt{
	width: 130px;	
	float:left;
	clear: both;
	color: #aaaaaa;
}
dl.data dd{
	font-weight: lighter;
	float: right;
	width: 360px;
	text-align:left;
	display: inline;
	line-height: 2em;	
}
dl.data hr{
	padding-top: 1em;
	border-bottom:3px dotted #eee;	
}
dl.data br{
display: none;
line-height: 0;

}
/* Footer */
.grid_8 p{
color: #555666;
font-size: 85%;
}
/* Page template*/
ul#children li{
	border-bottom: 1px dashed #223344;
	font-size: 200%;	
	line-height: 2em;
	list-style: circle;
}
ul#children li a{
	font-weight: lighter;
	color: #ebbc7e;
}
ul#children li a:hover{
	color: white;
}
dl.jyusho{
font-size: 110%;
}

/*popup*/

/*  */

#screenshot{
	position:absolute;
	border:1px solid #222;
	background: #333;
	background: rgba(59, 59, 59, 0.3);
	padding:5px;
	display:none;
	color:#fff;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	}
img.headerimg{
	border: 10px solid #001122;

}
/*  */

/*slider*/
#slider {

    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 960px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #fff repeat-x scroll left bottom;
}

.scrollContainer div.panel {

  
    width: 960px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.slidernav {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom:20px;
    padding-bottom: 9px;
    background: #fff;
}

ul.slidernav li {
    display: inline;
    margin-right: 20px;
padding:0; margin:0;
}

ul.slidernav a {
    padding: 10px;

    text-decoration: none;
	border-right:1px dashed #eee;
	border-left: 1px dashed #eee;
}

ul.slidernav a:hover {
    background-color: #fff;
}

ul.slidernav a.selected {
    background-color: #eee;
}

ul.slidernav a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}
.floatr{
	float:right; padding: 0 15px 15px 15px; 
}
.floatl{
	float:left; padding: 0 15px 15px 15px; 
}
/**/
#homegallery {clear:both;}

/*meta*/
.post-meta {}
.post-meta-key {display:block; font-weight: bold;  }

/* langselect */
#langselect {
padding:0;margin:0;
text-align:right;
font-size:85%;

}
#langselect ul{
display:inline;

}
#langselect ul li{
display:inline;
}
#langselect ul li a{
font-weight:bold;
}
ul.top h3{
margin:0.1em 0 0 0 ;

}

ul.top{

list-style:none;
}
ul.top li{

margin: 0;
}
ul.top li a{
text-decoration:none;



}
h1.tops{text-transform: none;}
ul.top li span{
display:block;
font-size:80%;
}
/* Press page Post related stuff */
.presspost .grid_3 {margin-right:0;padding-right:0;width:205px;}
#content .presspost .grid_6 h3{border:0;padding:0;margin:0;}
.presspost {margin-bottom: 2em; border-bottom:1px dotted #eee;}

.thumbnailimage {padding: 15px; margin: 10px; border: 1px solid #efefef; width: 203px;}

p#blurb{font-family:'HGSeikaishotaiPRO','HGPGyoshotai','HGPMinchoB','HGP明朝B','Times New Roman',serif;padding-left:1em; }

.news {border-right:1px solid #eee; padding-left:1em; }
.news p{padding:0 10px 0 4px;}