@charset "UTF-8";

/*
------------------------------------------------------------------------
Theme Name:Equilibrium
Theme URI:http://madebyon.com
Description:Magazine style WordPress theme. Visit <a href="http://equilibrium.madebyon.com"title="Equilibrium">http://equilibrium.madebyon.com</a> for more infomation.
Version:1.4
Author:Tudinh Duong
Author URI:http://madebyon.com
------------------------------------------------------------------------
*/

/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, label, fieldset, 
input, p, blockquote, th, td
{
margin:0; padding:0
}

table
{
border-collapse:collapse;
border-spacing:0;
}

fieldset, img
{
border:0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
font-style:normal;
font-weight:normal;
}

ol, ul, li
{
list-style:none;
}

caption, th
{
text-align:left;
}

h1, h2, h3, h4, h5, h6
{
font-size:100%;
font-weight:bold;
}

q:before, q:after
{
content:'';
}

strong
{
font-weight:bold;
volume:loud;
speech-rate:slow;
}

em
{
font-style:italic;
}

a img
{
border:none;
}

img{
vertical-align:text-bottom;
vertical-align:bottom;
}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter
{
display:block;
margin:0 auto;
}

.alignleft
{
float:left;
}

.alignright
{
float:right;
}

.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}

.clear
{
clear:both;
font-size: 0; /*<br />隠し*/
line-height: 0;
height: 0px;
visibility: hidden
}

/*
-----------------------------------------
STRUCTURE
background:url(images/shadowline.gif) repeat-y center #e7e3da;
background:url(images/headline.gif) repeat-x left top;
----------------------------------------- 
*/

html,
body
{
margin:0;
padding:0;
height: 100%;
}

body
{
font-size:11px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
color:#333333;
text-align:left;
word-break: break-all;
background:url(images/headline.gif) repeat-x left top #333333;
}

#side2wrap
{
width:1005px;
margin:6px auto 0 auto;
padding:0 0 10px 0;
height: 100%;
min-height:100%;
background:url(images/shadowline11.gif) repeat-y left bottom;
}

body > #side2wrap
{
height:auto;
}

#page-wrap
{
width:790px;
margin:0;
padding:14px 0 0 0;
float:left;
height: 100%;
}

#page-back
{
width:790px;
margin:0 25px 0 40px;
padding:0;
height: 100%;
}

#content
{
margin:0;
padding:0 0 10px 0;
width:540px;
float:left;
background:url(images/shadowline3.gif) no-repeat right top;
height: 100%;
}

#content1
{
margin:0;
padding:0 20px 20px 0;
width:519px;
float:left;
background:url(images/shadowline2.gif) repeat-y right;
min-height: 565px;
height: 100% !important;
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p
{
color:#333333;
font-size:1.2em;
line-height:1.7;
margin-top:20px;
margin-bottom:10px;
text-align:justify;
}

p a, p a:visited
{
color:#0B96D0;
text-decoration:none;
}

p a:hover
{
text-decoration:underline;
color:#0B96D0;
}

h1, strong
{
font-size:1.4em;
font-weight:bold;
}

.post p
{
line-height:1.8;
margin:20px 0 10px 10px;
}

.post p img
{
margin:0;
}

h2
{
font-size:1.4em;
color:#888;
text-transform:uppercase;
border-bottom:2px solid #e7e3da;
margin:20px 0 0 0;
padding:0 0 2px 0;
font-weight:bold;
}

h3
{
border-bottom:2px solid #e7e3da;
color:#666;
font-size:1.4em;
font-weight:bold;
margin:20px  0 0 0;
padding:0 0 2px 0;
}

h3 a,
h3 a:link, 
h3 a:visited
{
text-decoration:none;
color:#666;
}

h3 a:hover
{
text-decoration:underline;
color:#0B96D0;
}

h4
{
border-bottom:1px solid #e7e3da;
color:#888;
font-size:1.4em;
font-weight:bold;
margin:20px 0 0 0;
padding:0 0 2px 0;
}

.post ul li, 
.post ol li
{
font-size:1.2em;
list-style-type:square;
margin:5px 0 5px 15px;
}

#reply
{
border-bottom:2px solid #e7e3da;
color:#666;
font-size:1.4em;
margin-top:28px;
margin-bottom:16px;
padding-bottom:2px;
}

.moretext,
p .moretext
{
margin:0;
padding:0 0 20px 0;
}

.moretext a,
p .moretext a
{
font-size:85%;
width:40px;
height:15px;
}

.moretext a:hover,
p .moretext a:hover
{
border:none;
}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top
{
width:790px;
height:71px;
}

h1.logo a
{
float:left;
font-size:1.8em;
font-weight:bold;
color:#888;
text-transform:uppercase;
text-decoration:none;
}

#nav
{
float:right;
margin-top:-66px;
}

#nav ul
{
list-style-type:none;
width:100%;
}

#nav li
{
display:block;
display:inline;
}

#nav a:link, 
#nav a:visited
{
padding:5px 8px;
display:block;
color:#666;
float:left;
text-decoration:none;
text-transform:uppercase;
border-left:1px solid #e7e3da;
}

#nav a:hover
{
color:#fff;
background:#666;
}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:hover, 
ul#nav li.current_page_item a:active
{
color:#fff;
text-decoration:none;
background:#666;
}

.kuzu
{
margin:0;
background-color:#e7e3da;
padding:4px 8px;
border-right:1px solid #d9d6cd;
border-left:1px solid #d9d6cd;
}

.kuzu a:link, 
.kuzu a:visited
{
margin:0;
color:#666;
text-decoration:none;
padding:4px 8px;
}

.kuzu a:hover
{
margin:0;
color:#fff;
background:#666;
padding:4px 8px;
}

.kuzu a.currentkuzu
{
color:#fff;
text-decoration:none;
background:#666;
margin:0;
padding:4px 8px;
}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

#indextxt
{
width:790px;
margin:0;
}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

#featured
{
width:790px;
margin:0;
padding:0;
}

#featured h1
{
font-size:1.4em;
color:#888;
text-transform:uppercase;
padding-bottom:3px;
border-bottom:2px solid #e7e3da;
margin-top:20px;
margin-bottom:11px;
font-weight:bold;
}

.front-post
{
width:250px;
margin:0 20px 0 0;
float:left;
}

.front-post-last
{
width:250px;
margin:0;
float:left;
}

.featured-content
{
position:relative;
width:250px;
margin:0;
}

.featured-content p
{
margin:8px 0 0 0;
}

.featured-content p.moretext
{
margin-top:11px;
}

.featured-post
{
position:relative;
width:250px;
height:180px; 
margin:0 0 10px 0;
}

.featured-title h2
{
margin:8px 10px 7px 10px; 
line-height:1.4em; 
font-size:1.1em; 
text-transform:none; 
padding:0; 
border:none;
}

.featured-title h2 a
{
font-size:1.1em; 
display:block; 
color:#0B96D0; 
text-decoration:none; 
border:none;
}

.featured-title h2 a:hover
{
color:#fff;
}

.featured-title
{
background:#333; 
display:block; 
z-index:101; 
width:100%; 
bottom:0; 
filter:alpha(opacity=80); 
-moz-opacity:0.80; 
opacity:0.80; 
position:absolute;
z-index:2;
}

.featured-image
{
position:absolute; 
z-index:1;
}

.featured-content h2
{
margin-top:15px;
}

.featured-content h2 a
{
color:#0b96d0; 
text-decoration:none;
}

.featured-content h2 a:hover
{
color:#333;
}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom
{
margin:0;
position:relative;
min-height: 100%;
height: 100%;
}

#latest-wrap
{
float:left; 
width:540px;
background:url(images/shadowline2.gif) repeat-y right;
margin:1px 0 0 0;
padding:0;
}

#latest-wrap h1
{
width:519px;
font-size:1.4em;
color:#888;
text-transform:uppercase;
padding-bottom:3px;
border-bottom:2px solid #e7e3da;
margin-top:20px;
font-weight:bold;
margin-bottom:11px;
}

.latest-post-wrap
{
float:left; 
width:165px; 
margin-right:12px;
}

.latest-post
{
position:relative; 
width:165px; 
height:119px;
}

.latest-image
{
position:absolute; 
z-index:1;
}

.latest-title h2
{
margin:8px 10px 7px; 
line-height:1.4em; 
font-size:1em; 
text-transform:none; 
padding-bottom:0; 
border-bottom:0;
}

.latest-title h2 a
{
display:block; 
color:#0B96D0; 
text-decoration:none;
}

.latest-title h2 a:hover
{
color:#fff;
}

.latest-title
{
background:#333; 
display:block; 
z-index:101; 
width:100%; bottom:0; 
filter:alpha(opacity=80); 
-moz-opacity:0.80; 
opacity:0.80; 
position:absolute; 
z-index:2;
}

.latest-content
{
position:relative; 
width:165px; 
height:220px;

}

.latest-content h2
{
margin-top:15px;
}

.latest-content h2 a
{
color:#0b96d0; 
text-decoration:none;
}

.latest-content h2 a:hover
{
color:#333;
}

.latest-content p
{
color:#333333; 
font-size:1.1em; 
line-height:1.5; 
margin:6px 0 0 0; 
text-align:left;
}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/

#sidebar4
{
float:right; 
width:230px;  
overflow:hidden;
margin:20px 0 0 0;
padding:0;
}

#sidebar
{
float:right; 
width:230px;  
overflow:hidden;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#sidebar li a,
#sidebar4 li a
{
display:block;
margin:0; 
padding:8px 20px 8px 28px; 
list-style:none; 
border-bottom:1px dashed #e7e3da; 
font-size:1.1em; 
list-style-type:none; 
text-decoration:none; 
text-transform:uppercase;
color:#0B96D0 ;
background:url(images/ico_folder1_8.gif) no-repeat left center;
font-weight:bold;
}

#sidebar a:hover,
#sidebar4 a:hover
{
color:#fff;
background-color: #666;
}

#sidebar h2,
#sidebar4 h2
{
padding:0 0 1px 0;
font-size:1.4em; 
color:#888; 
text-align:right; 
text-transform:uppercase; 
border-bottom:2px solid #e7e3da; 
margin:0; 
}

.widget
{
margin:0 0 20px 0;
}

#sidebar .widgettitle,
#sidebar4 .widgettitle
{
height:20px;
}

.widget_pages
{
background:url(images/siteinfoh2.gif) no-repeat;
}

.widget_categories
{
background:url(images/cateh2.gif) no-repeat;
}

.widget_search
{
background:url(images/searchh2.gif) no-repeat;
}

#sidebar2
{
float:right;
width:150px;
height:100%;
margin:20px 0 0 0;
padding:0;
}

.sb2box
{
margin:20px 20px 30px 17px;
color:#fff;
padding:0;
}

.sb2box h2
{
font-size:1.3em;
color:#999999;
border-bottom:1px solid #999999;
margin:0;
padding:0;
text-align:left;
text-transform:none;
white-space:nowrap;
}

#sidebar2 .widgettitle
{
height:17px;
}

.sb2box ul li ul li
{
margin:0;
padding:5px 0;
list-style-type:none;
border-bottom:1px dashed #999999; 
text-decoration:none; 
color:#999999 ;
line-height:1.3;
}
 
.sb2box a:link,
.sb2box a:visited
{
text-decoration:none;
color:#999999;
}

.sb2box a:hover
{
color:#fff;
text-decoration:underline;
}

.widget_archive select
{
margin:5px 0 0 0;
}

/*
-----------------------------------------
FLICKR  TUMBLR
----------------------------------------- 
*/

.flickr_photo
{
margin:10px 0;
}

.flickr_photo a:hover,
.flickr_photo_last a:hover
{
border:none;
}

#tumblr
{
margin:0;
padding:0;
}

#tumblr li
{
list-style-type:none;
}

#tumblr li.tumblr_post
{
text-align:center;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px solid #e7e3da;
}

.tumblr_caption p
{
font-size:1.2em;
font-style:normal;
margin:0;
}

.tumblr_source a:link,
.tumblr_source a:visited
{
color:#0B96D0;
text-decoration:none;
}

.tumblr_source a:hover
{
text-decoration:underline;
color:#0B96D0;
}

.tumblr_caption blockquote
{
margin:0;
padding:0;
font-size:10px;
}

.tumblr_quote
{
font-weight:bold;
font-size:1.4em;
margin-bottom:10px;
}


/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/

#footer
{
font-size:0.8em;
border-top:1px solid #e7e3da; 
width:790px; 
margin:0 25px 0 40px;
height:80px; 
color:#666;
clear:both;
}

#footer p
{
color:#666; 
line-height:1.5em; 
margin-bottom:0; 
margin-top:0.6em;
float:right;
}

#footer p a
{
color:#0b96d0; 
text-decoration:none;
}

#footer p a:hover
{
text-decoration:underline;
color:#0b96d0; 
text-decoration:none;
}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta
{
font-size:1em; 
margin-bottom:18px; 
margin-top:6px; 
padding-bottom:24px; 
border-bottom:1px solid #e7e3da;
}

.postMeta-featured
{
margin:6px 0 0 0; 
font-size:1em; 
width:250px;
}

.postMeta-front
{
margin-top:6px; 
font-size:1em;
}

.postMeta-post
{
font-size:1em;
padding-bottom:6px;
margin-bottom:18px; 
margin-top:6px; 
border-bottom:1px solid #e7e3da; 
}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date
{
color:#8a8a8a; 
float:left;
margin-left:5px;
}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a
{
float:left; 
color:#8a8a8a; 
text-decoration:none;
}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments
{
float:right; 
background:#FFF url(images/ico_comment7b_01.gif) no-repeat left center; 
padding-left:15px; 
margin-left:2px;
margin-right:5px;
}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category
{
color:#8a8a8a; 
float:left; 
margin-top:-2px;
}

.post-tags,
.edit
{
color:#8a8a8a; 
float:right;
}

.post-category p, 
.post-tags p
{
color:#8A8A8A;
font-size:1em; 
margin:0 0 0 10px; 
}

.post img
{
margin:0.5em 0;
}

.post blockquote p{
margin:0 2.6em; 
font-style:italic;
}

.edit a
{
margin:1px 10px 0 0;
color:#0B96D0;
text-decoration:none;
}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/

#comments
{
width:470px;
margin:50px 0 30px 50px;
}

.comment-heading
{
margin-bottom:0; 
text-transform:none; 
border:none;
}

.commentwrap
{
border-top:2px solid #e7e3da;
padding-bottom:15px; 
padding-top:15px;
}

.commentpost
{
float:right; 
width:470px;
}

.commentpost p
{
margin-top:0;
}

.commentmetadata
{
margin:0;
float:left; 
width:470px; 
color:#2F2B23; 
line-height:1.5em;  
color:#666; 
font-size:1.1em;
}

.commentmetadata li
{
list-style-type:none; 
margin:0;
}

.commentmetadata li img{
float:right
}

.commentmetadata li a{
color:#0B96D0; 
text-decoration:none;
}

.commentmetadata li a:hover,
.edit a:hover
{
color:#0B96D0;
text-decoration:underline;
}

.warning
{
padding:10px; 
background:#282828; 
border:1px solid #323232; 
margin-bottom:10px;
}

#comments label input
{
border:1px solid #e7e3da; 
padding:2px; 
margin-bottom:10px; 
height:17px;
width:250px;
color:#666;
}

#comments p input.sub
{
width: 50px;
}

#comments label span{
line-height:27px;
}

#comments label
{
font-family:"Lucida Sans Unicode"; 
font-size:1.1em;
}

#comment_author
{
margin:20px 20px 20px 0px;
padding:0px; 
width:150px; 
float:left;
}

#comments-content
{
display:block; 
border-bottom:1px solid #e7e3da; 
margin:10px 0px 10px 0px; 
padding:0px;
}

#comments textarea
{
font-size:1.2em;
padding:4px 2px; 
width:450px;
height:200px;
border:1px solid #e7e3da;
color:#666;
overflow-y:hidden;  /* IEでスクロールバーを消す為に記述 */
}

.button
{
color:#666;
border:1px solid #e7e3da; 
font-size:1.1em; 
font-weight:bold; 
height:25px; 
margin-top:10px; 
margin-bottom:10px; 
padding:0 4px; 
text-transform:uppercase;
background-color:#e7e3da;
}

.button:hover
{
color:#fff;
background-color:#666;
}

.children
{
margin-left: 50px;
}

.children div
{
border:none;
}

.children .commentwrap
{
border-top: 1px solid #e7e3da;
}

.children .commentmetadata
{
padding-right:0px;
}

.children .commentpost
{
text-align:left; 
float:right; 
width:78%;
}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/

#searchform
{
width:230px;
margin:15px 0 20px 0; 
position: relative;
}

#s
{
padding:2px; 
border:1px solid #e7e3da; 
width: 195px;
height: 16px;
}

#searchsubmit
{
position: absolute;
top: 3px;
left: 210px;
}

*:first-child + html #searchsubmit	{
top: 1px;
}

/*
-----------------------------------------
contact-form-7
----------------------------------------- 
*/

#wpcf7-f1-p107-o1 dt{
font-size:1.2em;
color:#888888;
font-weight:bold;
}

#wpcf7-f1-p107-o1 dt span{
font-size:10px;
font-weight:normal;
}

#wpcf7-f1-p107-o1 dd{
margin-bottom:10px;
font-size:1.1em;
}

#wpcf7-f1-p107-o1 .con
{
margin-top:2px;
padding:2px;
border:1px solid #e7e3da; 
height:20px;
width:250px;
color:#666;
font-size:1.1em;
}

#wpcf7-f1-p107-o1 .ken
{
margin-top:2px;
padding:2px;
border:1px solid #e7e3da; 
height:20px;
width:453px;
color:#666;
font-size:1.1em;
}

#wpcf7-f1-p107-o1 .mes
{
font-size:1.2em;
margin-top:2px;
padding:4px 2px;
border:1px solid #e7e3da; 
height:200px;
width:453px; 
color:#666;
overflow-y:auto;
}

#wpcf7-f1-p107-o1 div.sub input
{
width: 50px;
}

.form7
{
background:#F4F2EE;
padding:30px;
margin:16px 0 20px 0;
}

.wpcf7-checkbox
{
margin-left:0;
color:#666666;
}

/*
-----------------------------------------
single pagenavi
----------------------------------------- 
*/
.navigation a,
.navigation a:link,
.navigation a:visited
{
text-decoration: none;
border: none;
color: #0B96D0;
}

.navigation a:hover,
.navigation a:active
{	
text-decoration:underline;
color: #0B96D0;
}

/*
-----------------------------------------
similar-posts
----------------------------------------- 
*/

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

.similar-posts
{
margin:20px 0 0 10px;
}

.similar-posts a,
.similar-posts a:link,
.similar-posts a:visited
{
text-decoration: none;
border: none;
color: #0B96D0;
}

.similar-posts a:hover,
.similar-posts a:active
{	
text-decoration:underline;
color: #0B96D0;
}

/*
-----------------------------------------
Google Maps Anywhere
----------------------------------------- 
*/

div.googlemaps img
{
text-align:left;
}

/*
-----------------------------------------
wp-pagenavi
----------------------------------------- 
*/

.wp-pagenavi 
{
margin: 12px 0 0 0;
padding: 0 0 15px 0;
}

.wp-pagenavi a, .wp-pagenavi a:link
 {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0B96D0;
color: #0066cc;
background-color: #FFFFFF;	
}

.wp-pagenavi a:visited
 {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0B96D0;
color: #0066cc;
background-color: #FFFFFF;	
}

.wp-pagenavi a:hover 
{	
border: 1px solid #666666;
color: #ffffff;
background-color: #666666;
}

.wp-pagenavi a:active
 {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}

.wp-pagenavi span.pages
 {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #666666;
border: 1px solid #666666;
background-color: #FFFFFF;
}

.wp-pagenavi span.current
 {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #666666;
color: #ffffff;
background-color: #666666;
}

.wp-pagenavi span.extend
 {
padding: 2px 4px 2px 4px;
margin: 2px;	
border: 1px solid #666666;
color: #666666;
background-color: #FFFFFF;
}