/*
Theme Name: metro
Description: Inspired by Windows 8 Modern interface.
Theme URI: 
Author: Norihisa Washitake
Author URI: http://washitake.com/
Version: 1.0
License: Not yet determined
License URI: 
*/

@charset 'UTF-8';
/* Special Blocks */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 10.5pt;
  font-family: 'Segoe UI light', 'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  background: #fff;
  color: #333;
}

#container {
  min-height: 100%;
  position: relative;
  top: 0;
  background: white;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}


#header { 
  background: #41b1e1;
  color: #ffffff;
  padding-top: 5pt;
  padding-bottom: 5px;
  margin-top: 0;
  padding-left: 3em;
}
#header a { color: white; text-decoration: none; border-bottom: dotted 1px; }
#branding { font-size: 13pt; }
#breadcrumb { text-align: left; }

#main {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 10ex;
}

#wpmain {
  margin-right: 200px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 10ex;
}

#footer {
  position: absolute;
  padding-left: 3em;
  color: #d0d0d0;
  background: #303030;
  bottom: 0;
  width: 100%;
  height: 60px;
}
#footer a { color: inherit; text-decoration: none; }

#sidebar {
  position: absolute;
  width: 180px;
  top: 64px;
  right: 16px;
  margin-bottom: 59px;
  border-bottom: 1px solid transparent;
}

/* texts */
h1 { color: #00aced; font-weight: normal; font-size: 2em; }
h2 { color: #00aced; font-weight: normal; font-size: 1.5em; }
h3 { color: #00aced; font-weight: normal; font-size: 1.17em; }
h4 { color: #00aced; font-weight: normal; font-size: 1em; }
  /* originally: #00aced, e671b8, 0097aa, f09609 */
a { color: #0071b8; font-weight: normal; text-decoration: none; border-bottom: 1px dotted #ddf; }

/* misc */
table.bordered { border: 1px solid black; border-collapse: collapse; }
table.bordered tr, table.bordered th, table.bordered td { border: 1px solid black; padding: 5px; }

.bordered table { border: 1px solid black; border-collapse: collapse; }
.bordered table tr, .bordered table th, .bordered table td { border: 1px solid black; padding: 5px; }

table.noborder { border: 0 none; }
table.noborder tr, table.noborder th, table.noborder td { border: 0 none; }

/* just for wordpress */
#sidebar li > h2 { font-size: 100%; color: #303030; }
.post h2 a { text-decoration: none; color: #e671b8; border-bottom: 1px dotted #e671b8; }

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

.alignleft  { float: left;  }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.widgettitle { font-size: 120%; color: #0097aa; }

iframe { margin: 5px; }

pre.console {
	padding: 5px;
	border: 1px solid black;
	background: #303030;
	color: #fffff0;
	font-family: "Courier New", "Courier", monospace;
	border-radius: 10px;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
}

/* For smartphones */
@media screen and (max-width: 700px) {
  #container {
    width: 100%;
    margin: 0;
  }
  #wpmain {
    margin-right: 0;
  }
  #sidebar {
    display: none;
  }
}