/*
Theme Name: DailyNewsAgency
Theme URI: http://dailynewsagency.com
Description: for dna only DNA用テンプレート
Author: wakaba@chinpiratrio.net
Author URI: http://dailynewsagency.com
Version: 0.2
*/

body {
color:#000000;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:14px;
line-height:18px;
background-color:#fffbf2;
}

a img { border: none; }


/************************
		header 
*************************/
#header {
background: url(https://dnaimg.com/dna/img/background.jpg) no-repeat 0 100%;
padding-bottom: 20px;
}

#header img{
margin-top: 10px;
margin-left: 30px;
margin-bottom: 10px;
}

.header-cat {
margin-left:auto; 
margin-right:auto; 
margin-top:-31px; 
margin-bottom:10px; 
width:885px;
}


/************************
		footer 
*************************/
#footer {
background: url(https://dnaimg.com/dna/img/background.jpg) no-repeat 0 100%;
margin-top:10px;
padding-top: 10px;
padding-bottom: 10px;
clear:both;
}

#footer p{
background: #ffca3c;
padding: 0.5em;
}

/************************
		top 
*************************/
#top-pic {
clear:left;
float:left;
margin-right:-390px;
width:100%;
}

#top-list {
padding-top:8px;
clear:right;
float:right;
width:330px;
}

.TopImage {
border-width:2px;
background-color:#000000;
border:1px solid #000000;
color:#ffffff;
margin-top:8px;
margin-bottom:8px;
width:640px;
}

.TopCaption {
font-family:arial,helvetica,sans-serif;
color:#ffffff;
font-size:13px;
padding:4px 4px;
}

.TopCaption b {
font-size:15px;
}

.TopCaption h2 {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
line-height: 1.2;
}


.TopCaption h2 a {
text-decoration:none;
}
.TopCaption a {
text-decoration:none;
}

.TopCaption h2 a:link { 
color: #ffffff; 
} 

.TopCaption h2 a:visited { 
color: #FF99A5; 
} 

.TopCaption h2 a:hover { 
text-decoration: underline;
color: #808080
} 

.TopCaption a:link { 
color: #99A5FF; 
} 

.TopCaption a:visited { 
color: #FF99A5; 
} 

.TopCaption a:hover { 
text-decoration: underline;
color: #FFF399
} 


ul.recent-posts {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.recent-posts li {
margin-right: 5px;
margin-bottom: 5px;
padding: 2px;
text-align: left;
font-size: 1.2em;
}

ul.recent-posts li a {
text-decoration:none;
}

ul.recent-posts li a {
text-decoration:none;
}
ul.recent-posts li a:link { 
color: #3B6FB0; 
}

ul.recent-posts li a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 


.recent-title {
font-size: 2em;
margin-top: 2px;
margin-bottom: 10px;
}


/************************
		contetns 
*************************/
.container {
margin-left:auto;
margin-right:auto;
width:990px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
text-align:left;
background-color:#fffbf2;
}

#Level2 {
clear:left;
float:left;
margin-right:-390px;
margin-bottom:8px;
width:74%;
}

#Level2Cnt{
margin-bottom:8px;
}

#Level2CntChild {
float:left;
overflow:hidden;
width:49.999%;
margin-bottom:10px;
}

#Level2CntChild h2 {
font-size: 1.2em;
margin-bottom: 3px;
margin-left: 7px;
line-height: 1.4em;
}

#Level2Left {
margin-right:10px;
}

#Level2Right {
margin-left:10px;
}

#bd_border {
background-color:#888888;
clear:both;
font-size:0;
height:1px;
margin-bottom:5px;
margin-top:5px;
overflow:hidden;
}


/************************
		post 
*************************/
#post {
clear:both;
font-size:0;
height:1px;
margin-bottom:1px;
margin-top:1px;
overflow:hidden;
}

.post-title {
margin-top:8px;
}

.post-title h1 {
font-size:1.8em;
line-height:1.2;
margin: 5px 0;
padding:0;
}

.post-else {
clear:both;
}

.post-cat a {
color:#DC870E;
font-size:1.2em;
}

.post-cat a:link {
text-decoration:none;
}

.post-cat a:hover { 
text-decoration: underline;
} 

.post-cat a:visited {
text-decoration:none;
}


.post-cnt-child-l {
float:left;
overflow:hidden;
width:45%;
}

.post-cnt-child-l2 {
float:left;
overflow:hidden;
width:49%;
}

.post-cnt-child {
float:left;
overflow:hidden;
width:54.999%;
}

.post-cnt-child h2 {
font-size: 1.2em;
margin-bottom: 3px;
margin-left: 7px;
line-height: 1.4em;
}

.post-cnt-child2 {
float:right;
overflow:hidden;
width:50.999%;
}

.post-title-h2 {
font-size: 1.1em;
border-bottom: 2px #ffca3c solid;
border-left: 9px #ffca3c solid;
}

.post-title-h2 a {
text-decoration:none;
}

.post-title-h2 a:link { 
color: #3B6FB0; 
} 

.post-title-h2 a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 

.post-title-h2 a:visited { 
} 

.post-title-h2-2 {
font-size: 0.8em;
border-bottom: 1px #ffca3c solid;
border-left: 6px #ffca3c solid;
line-height: 1.2;
}

.post-title-h2-2 a {
text-decoration:none;
}

.post-title-h2-2 a:link { 
color: #3B6FB0; 
} 

.post-title-h2-2 a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 

.post-title-h2-2 a:visited { 
} 


.post-img {
margin-top: 15px;
margin-bottom: 10px;
}

.post-date-a-c {
color: #999999;
font-size: 0.9em;
margin-top: 2px;
margin-left: 5px;
}

.entry blockquote {
background: #F5F5FF;
border: 1px #0000FF solid;
padding: 1em;
}

.entry a {
text-decoration:none;
}
.entry a:link { 
color: #3B6FB0; 
}

.entry a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 

h3.hilighth3 {
font-size: 1.3em;
padding-top: 0.5em;
padding-left: 0.5em;
padding-bottom: 0.5em;
border-bottom: 2px #ffca3c solid;
border-left: 1em #ffca3c solid;
}

.hilighth3 img{
margin-right: 5px;
}

/************************
		side bar
*************************/
#sidebar {
clear:right;
float:right;
width:250px;
background-color:#ffca3c;
margin-bottom:10px;
}

ul.sidebar-recent-posts {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.sidebar-recent-posts li {
margin-right: 3px;
padding: 1px;
text-align: left;
font-size: 1.1em;
}

ul.sidebar-recent-posts li a {
text-decoration:none;
color: black; 
}

ul.sidebar-recent-posts li a:link { 
color: #3B6FB0; 
color: black; 
}

ul.sidebar-recent-posts li a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 

ul.sidebar-recent-posts img {
padding-top: 1px;
padding-bottom:7px;
margin: 0px 5px;
float: left;

    max-height: 60px;
    max-width: 60px;
}



ul.sidebar-recent-posts hr {
margin-right: 10px;
margin-left: 10px;
height: 1px;
border: none;
border-top: 1px #999999 solid;
clear: both;
}

.sidebar-recent-title {
font-size: 1.2em;
margin-top: 2px;
margin-bottom: 10px;
margin-left: 5px;
}



ul.sidebar-author {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.sidebar-author li {
margin-right: 3px;
padding: 1px;
text-align: left;
font-size: 0.9em;
}

ul.sidebar-author li a {
text-decoration:none;
}

ul.sidebar-author li a {
text-decoration:none;
}
ul.sidebar-author li a:link { 
color: #3B6FB0; 
}

ul.sidebar-author li a:hover { 
text-decoration: underline;
color: #3B6FB0; 
} 

ul.sidebar-author img.thumb {
padding-top: 1px;
padding-bottom:7px;
margin: 0px 5px;
float: left;
width: 60px;
height: 60px;
}

ul.sidebar-author img.tw {
margin: -2px 2px;
}

ul.sidebar-author hr {
margin-right: 10px;
margin-left: 10px;
height: 1px;
border: none;
border-top: 1px #999999 solid;
clear: both;
}

.sidebar-author {
font-size: 1.2em;
margin-top: 2px;
margin-bottom: 10px;
margin-left: 5px;
}


/************************
		category 
*************************/
ul.cat {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.cat li {
float: left;
width: 12.7em;
margin-right: 5px;
padding: 2px;
border: 1px #000 solid;
text-align: center;
font-size: 0.8em;
}

ul.cat li a {
text-decoration:none;
}

.clearLeft { 
clear: left; 
}


.subhead{
 color:#000000;
 border-bottom: 1px #ffca3c solid;
 border-left: 6px #ffca3c solid;
}


/************************
		feed
*************************/
.feed {
  margin-left: 3px;
  margin-left: 0px;
  padding: 15px 10px 15px 32px;
  padding: 15px 10px 1px 32px;
  background: url(https://dnaimg.com/dna/img/feed-icon-28x28.png) no-repeat 0 50%;
}


/************************
		entry
*************************/
.entry h3{
font-size: 1.3em;
padding-top: 0.5em;
padding-left: 0.5em;
padding-bottom: 0.5em;
border-bottom: 2px #ffca3c solid;
border-left: 1em #ffca3c solid;
}

.entry h3.list{
padding: 0;
border:none;
font-size: 1.3em;
}

.entry h4{
font-size: 1.2em;
padding-top: 0.5em;
padding-left: 0.5em;
padding-bottom: 0.5em;
border-left: 1em #ffca3c solid;
}

 .entry h4.list{
padding: 0;
border:none;
font-size: 1.2em;
}

/************************
		pagination
*************************/
.pagination {
clear:both;
padding:5px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000;
background: #ffca3c;
}
 
.pagination a:hover {
color:#fff;
background: #3279BB;
}
 
.pagination .current {
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.paging-home {
margin-left: 180px;
margin-bottom: 35px;
}

/************************
	img size	
*************************/
img.img-m1 {
width: 355px;
height: 200px;
}

img.img-m2 {
width: 320px;
height: 180px;
}

img.img-m3 {
width: 165px;
height: 93px;
margin-top: -5px;
}

/************************
	single page share 
*************************/
.share {
margin: 5px 0;
}

.share hr {
height: 2px;
border: none;
border-top: 2px #000000 dotted;
}

.share b {
	font-size: 1.3em;
}
.share img {
margin-top:10px;
}

/************************
	navigtion 
*************************/
.navigation {
    height: 88px;
}

.navi-left {
	   border-right: 1px dotted  #999999;
    float: left;
    padding: 0 5px 0 0;
    width: 50%;
}

.navi-cap {
	padding-left:12px;
	padding-right:7px;
	margin-bottom:2px;
}

.navi-right {
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 48%;
}

.navigation img{
    border: 1px solid #CCCCCC;
    max-height: 60px;
    max-width: 60px;
    padding: 2px;
}

.navi-left img {
		float: left;
    margin: 0 10px 0 5px;
}

.navi-right img {
		float: right;
    margin: 0 5px 0 10px;
}


ul.social-buttons {
margin: 0;
padding: 0;
list-style-type: none;
clear: left; 
}

ul.social-buttons li {
float: left;
padding: 2px;
padding-right: 4px;
text-align: center;
}

#pinterest-button{
padding-top: 23px;
}

.clearLeft { 
clear: left; 
}




iframe.twitter-timeline {
	width: 730px;
}
