/*
Theme Name: duotone_child_theme
Theme URI: http://www.odysseygate.com
Description: Duotone's child theme.
Version: 1.0.0
Template: duotone
Author: Odyssey
Author URI: http://www.odysseygate.com
Tags: photoblogging,one-column,fixed-width,pixelart
*/
/* The Reset ---------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,form,fieldset,input,p,blockquote,table,
th,td {margin:0;padding:0;}
fieldset,img,abbr {border:0;}
address,caption,dfn,h1,h2,h3,
h4,h5,h6,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a {text-decoration:none;}
/* -------------------------- */
body {
  font: normal 75%/1.6em 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
  color: #444;
  background-color: white;
}
a,
a:link,
a:visited,
a:active {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #666;
}

h1,h2,h3,h4,h5,h6 { 
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}

h2 {
  font-size: 1.5em;
  line-height: 1;
  font-weight: bold;
  margin-bottom: .25em;
  color #333;
}

h2,h2 a,h2 a:link,h2 a:visited,h2 a:active {
  display: block;
  padding: .2em 6.6em .2em 6.1em;
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px;  
  border-radius: 6px;
  color: #6c6c6c;
  font-weight: bold;
  text-decoration:none;
  text-align: center;
  letter-spacing:-.02em;
}

.vertical h2,
.vertical h2 a,
.vertical h2 a:link,
.vertical h2 a:visited,
.vertical h2 a:active {
  padding: .2em 3.1em .2em 2.5em;
}

h3 {
  line-height: 1em;
  padding-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #6e6e6e;
}

#content ul,
#content dl,
#content ol {
  margin-left: 20px;
}

#content li {
 list-style: square;
}

strong {
  font-weight: bold;
}

blockquote,em, cite, q {
  font-style: italic;
}

/* Structure */
#page {
  width: 840px;
  margin: 155px auto 35px auto;
  border: 10px solid #B8F818;
  border: 10px solid rgba(184, 248, 24, 0.8);
  -webkit-border-radius: 6px;  
  -moz-border-radius: 6px;  
  border-radius: 6px;
  background-color: white;
  background-color: rgba(184, 248, 24, 0.4);
  position: relative;
}

.archive #page {
  background-color: #B8F818;
  background-color: rgba(184, 248, 24, 0.4);
}

.vertical #page {
  width: 560px;
}

/* Header */
#header{ 
  clear: both;
}

h1 {
  position: absolute;
  top: -210px;
  width: 560px;
  margin: 0 auto;
  font-size: 1.5em;
  line-height: 2.666em;
  letter-spacing: -.02em;
}

.horizontal h1 {
  left: 136px;
}

h1 a,h1 a:link,h1 a:visited,h1 a:active {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.archive h1{
  margin-left: 0;
}

.description {
  margin: 1em 0 1em 20px;
}

#menu{
  right: 0;
  top: -32px;
  position: absolute;	
  float: right;
  margin-right: 10px;
  font-size: .75em;
}

.vertical #menu {
 right: auto;
 left: 10px;
}

.archive #menu{margin-right:0;}
#menu li{display:block;float:left;}
#menu li a,#menu li a:link,#menu li a:visited,#menu li a:active{display:block;float:left;font-weight:normal;letter-spacing:normal;margin-left:10px;text-transform:uppercase;}

#menu li a:hover,
#menu li a:active {
  margin-top: 1px;
}

#menu li.first a{border-left:0;}


/* Sidebar */
#content #sidebar {
clear: both;
border-top: none !important;
margin: 0 10px;
padding: 0 10px;
}
#sidebar ul {
margin-left: 0;
}
#sidebar li {
list-style: none;
float: left;
margin-top: 1em;
width: 33%;
}
#content #sidebar h2 {
font-size: 1.25em;
margin: 0 0 .25em 0;
}
#sidebar li ul {
padding-left: 20px;
}
#sidebar li ul li {
width: auto;
list-style: square;
float: none;
margin-top: .5em;
}



/* Content */
#content{clear:both;}
#content .sleeve{margin:0;}
.vertical #container{clear:both;margin:0 0 0 10px;}

#content .archive,
#content .search {
  margin: 0 20px;
}

#content h2 {
  color: #333;
}

.archive #content h2 {
  margin-left: 0;
  margin-bottom: 0;
}

.archive h2, 
.archive h2 a, 
.archive h2 a:link,
.archive h2 a:visited,
.archive h2 a:active {
  padding: 0;
  text-align: left;
}

.archive .nav {
  margin: 1em 0;
}

.image{float:left;text-align:center;position:relative;width:840px;}

.image img {
  margin: 0;
  padding: 0;
}

.vertical .image{width:560px;clear:both;float:none;}

#content ul.thumbnails {
  list-style-type: none;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 820px;
}

#content .thumbnails li { list-style-type: none; margin: 0 auto; float: left; margin-right: 10px; height:85px; width: 85px; margin-bottom: 10px;}
a .thumbnail,a:link .thumbnail,a:visited .thumbnail,a:active .thumbnail{border: 5px solid #c4c4c4; text-align:left; height: 75px; width: 75px; overflow: hidden; display: block;}
a:hover .thumbnail{border-color: #919191; }
.thumbnail { float: none; width: auto; }
.thumbnail img { padding: 0;}
#content .gallery dl{margin-left:0;}

#container{clear:both;margin:0 0 0 10px;padding-top:5px;}

/* Post Layout */
#post {
  float: left;
  margin: 0 20px 0 0;
  width: 340px;
  font-size: 1.1em;
}

.vertical #post{margin:0;}

#post .sleeve {
  padding: 10px;
  display: block;
  position: none;
}

#postmetadata .sleeve{padding:0 10px 0; margin-bottom: 0px;}

#postmetadata,.commentlist li .metadata {
  font-size: .92em;
  line-height: 1.45em;
  width: 200px;
  float: left;
}
  
#postmetadata cite,
#postmetadata small{clear:both;}
#post p{margin-bottom:1em;}

.navigation {
  font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
  width: 150px;
  font-size: 100px;
  line-height: .5em;
  float: left;
  padding-bottom: 20px;
}

.vertical .navigation {
  margin: 0px;
  width: 350px;
}
.navigation div{float:left;display:block;width:50%;}
.navigation div.prev{text-align:left;}
.navigation div.next{float:right;text-align:right;}
.vertical .navigation div.prev{text-align:right;}
.vertical .navigation div.next{float:right;text-align:left;}

/* Comments list */
.commentlist{clear:both;width:540px; margin-left: 0 !important;}
.commentlist li{border-bottom:1px solid #ccc; list-style: none !important; }
.commentlist li .metadata{border:0;margin:10px 0;width:148px;float:left;}
.commentlist li .gravatar{float:left;width:32px;margin:10px;}
.commentlist li cite,
.commentlist li small{font-weight:bold;clear:both;display:block;}
.commentlist li .content{padding:10px;float:left;clear:right;width:287px;}
.commentlist li .clear{clear:both;}
#content .commentlist .comment p{font-weight:normal ;}

/* Comment Form */
h3#respond,h3#comments{width:530px;margin:0;padding:0 0 5px 10px;clear:both;border-bottom:1px solid #afb1b2;padding-top:20px;}
#comments{border-bottom:2px solid #afb1b2;}
#commentform{width:540px;margin-bottom:10px;}
#commentform p{padding:10px;}
#commentform small{display:inline;}
#commentform .sleeve{margin:10px;}
#commentform label{width:200px;display:block;float:left;font-size:.96em;line-height:2em;}
#commentform label{margin:0px;margin-bottom:10px;}
#commentform p input{float:left;margin:0;border:none;width:310px;padding:3px;margin-bottom:10px;}
#commentform input#submit{width:15em;height:2em;margin-left:10px;}
#commentform textarea,#commentform input{font-family:"Lucida Grande",Tahoma,"Trebuchet MS";font-size:1.2em;}
#commentform p{clear:both;border-top:1px solid #ccc;line-height:1.6em;}
#commentform textarea{:10px;width:520px;}

/* EXIF */
.photo-tech { margin-top: 1em; }
.photo-tech th { margin-right: .5em; }
.photo-tech td, .photo-tech th { display: inline; }
/* Footer */
#footer {
  clear: both;
  height: 42px;
  padding-top: 10px;
  margin: 0px 10px 0px 10px;
  width: 810px;
}

.vertical #footer{width:540px;}

#footer .info {
  clear: both;
  float: left;
  width: 50%;
  height: 32px;
  display: block;
  line-height: 32px;
  position: relative;
  padding-left: 42px;
}

img#rss {
  position: absolute;
  margin-left:-32px;
}

img#rss:hover {
  margin-top: 1px;
}

img#poweredbywp {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
}

img#poweredbywp:hover {
  margin-top: 2px;
}

#footer #searchform{float:right;}

#searchform #s {
  width: 150px;
  height: 18px;
  border: 3px solid #000;
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;
}

#searchsubmit {
  margin-top: -1px;
  width: 64px;
  height: 24px;
  border: 0;
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #404037;
  background-color: rgb(64, 64, 55);
  background-image: -moz-linear-gradient(
  top,
  rgb(64, 64, 55)    0,
  rgb(64, 64, 55)  50%,
  rgb(32, 32, 28)  50%,
  rgb(0, 0, 0) 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(  0, rgb(64, 64, 55)),
  color-stop(0.5, rgb(64, 64, 55)),
  color-stop(0.5, rgb(32, 32, 28)),
  color-stop(1.0, rgb(0, 0, 0))
  );
  color: #fff;
  font: 100% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold; 
}


#searchsubmit:hover,
#searchsubmit:active {
  background-color: #404037;
  background-color: rgb(64, 64, 55);
  background-image: -moz-linear-gradient(
  top,
  rgb(128, 128, 110)    0,
  rgb(64, 64, 55)  50%,
  rgb(32, 32, 28)  50%,
  rgb(0, 0, 0) 100%
  );
  background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(  0, rgb(128, 128, 110)),
  color-stop(0.5, rgb(64, 64, 55)),
  color-stop(0.5, rgb(32, 32, 28)),
  color-stop(1.0, rgb(0, 0, 0))
  );
}

.archive{margin:0 auto;}
#filters{clear:both;height:2em;margin-bottom:1em !important; margin-left: 0 !important;}
#filters li{ list-style: none;  margin-left: 0; float:left;margin-right:2em;}
a:hover .nav_over{background-color:#afb1b2;}
.image .nav{position:absolute;width:50%;height:100%;z-index:1000;}
.image .nav a,.image .nav a:link,.image .nav a:visited,.image .nav a:active{width:100%;height:100%;display:block;position:absolute;text-indent:-1000em;}
.prev{left:0;width:50%;}
.next{top:0;left:50%;width:50%;}
.nav_over{position:absolute;top:50%;margin-top:-1em;display:block;z-index:1000;color:#fff;width:1em;height:1em;line-height:1em;text-align:center;font-size:2em;}

body .wp-caption { width: 100% !important;} 

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
}

.wp-caption img {
}

.wp-caption-dd {
}