/*
Theme Name: NewSite
Theme URI: 
Version: 1.0
Description: 2 Column theme
Author: YRKMR
Author URI: 
*/

/* 
Stylesheet for the free sNews15_1 template
from http://www.free-css-templates.com
*/

/* Reset all margins and paddings for browsers */
* { 
	padding: 0;
	margin: 0;
}

body { 
	font: .8em Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
	line-height: 1.7em; 
	margin: 0
}

#wrap {	margin: 0 auto;
	width: 90%;
        min-width: 830px;
}

a { color: #324696; background: inherit; text-decoration: none }
h1 { font: bold 1.9em Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 }
h2 { font: bold 1.3em Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; padding: 0; margin: 0 }
ul {  padding: 0; margin: 0}
li { list-style-type: none }

/* TOP HEADER -------- */
#top {
	margin: 0 auto;
	padding: 0;
	color: #666;
	background: #FFF url('images/top.jpg') repeat-x top;
	height: 81px;
}
#top h1 { padding: 10px 0 0 25px; color: #FFF; font-size: 160%; background: transparent;}
#top h1 a{
      color: #FFF;
}
#top h1 a:hover{
      color: #FFF;
}
 
 
#top h1 a:visited{
color: #FFF;
}
 
#top h2 { padding: 0px 0 0 25px; color: #aaa; font-size: 80%; font-weight: normal; background: transparent;}
#top .padding { padding-top: 5px; }
#top .lefts { 
	background: transparent url('images/topl.jpg') no-repeat left; 
	height: 81px; 
}
#top .rights {
	background: transparent url('images/topr.jpg') no-repeat right;
	float: right;
	height: 81px;
	width: 18px;
}

/* SEARCH BOX AND BUTTON ----------*/
#search { float: right;  padding: 10px 25px 0 0;  }

#search input.text { 
	border: 1px solid #eee;
	display: inline;
	margin-top: 5px;
	width: 120px;
	height: 12px;
	font-size: 10px;
 }
#search input.searchbutton {
	border: 0;
	background: transparent;
	color: #FFF;
	cursor: pointer;
	font: bold 0.8em Verdana, Arial, Sans-Serif
 }

#subheader { 
	clear: both; 
        height: 18px;
	border-top: 1px dotted #888;	
	border-bottom: 1px dotted #888;
	background: #eaeaea;
	color: #808080;
	padding: 2px;
	margin: 3px 10px 3px 8px;
}
#subheader a { text-decoration: none; border-bottom: 1px dashed #324696; } 
 
 
/* TOP MENU ---------- */
#topmenu {  	
                margin: 0px 8px 0 8px; 
		padding: 0;
		background: url('images/menu.jpg') repeat-x top;
		height: 35px;
			
}

#topmenu a:hover {
     color: #FAFA61;
}

#topmenu .lefts { 
	background: url('images/menul.jpg') no-repeat left; 
	height: 35px; 
	padding-left: 5px;
}
#topmenu .rights {
	background: url('images/menur.jpg') no-repeat right;
	float: right;
	height: 35px;
	width: 8px;
}
#topmenu li a { 
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	padding-right: 15px;
	text-decoration: none;
	background: transparent;
        font-size: 120%;
	font-weight: bold
} 
#topmenu li { 
        padding: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 35px;
	white-space: nowrap;
	list-style-type: none;
	width: auto;
	background: url('images/sep.gif') no-repeat top right
	
}

#main { background: #FFF; margin: 12px 0 15px 0; color: #525252; }

#main #rightside {
	width: 220px;
	float: right;
	background: #FFF;
	margin-right: 8px;
	color: #666;
} 

#main #rightside .box {
	background: #efefef;
	margin-bottom: 10px;
	padding: 5px;
	color: #666;
}

#main #rightside h2 {
	font: bold 1.0em Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
        background: #CDCDCD url('images/greyc.gif') no-repeat top right;
	height: 18px;
	padding: 3px;
	color: #777;
}

#main #rightside .box li {
   border-top: 1px solid #E0F0F8;
   border-bottom: 1px solid #C2D2DA;
}

#main #rightside .box ul li {
   list-style:none;
   margin-left:12px;
   font-size: 97%;
}

#rightside a:hover {font-weight: bold;}

/* LEFT SIDE - ARTICLES AREA -------- */
#leftside {
	padding-left: 8px;
	color: #424242;
	background: #FFF;
	margin-right: 255px;
	margin-left: 8px;
	line-height: 2.1em;
}
#leftside h2 {
         font-size: 125%; 
         color: #555; 
         padding: 0px 0 4px 8px; 
         margin-bottom: 3px;
         border-bottom: solid 2px #324696;
}
#leftside img {
         margin-right: 12px;
         }

#leftside h2 img {
         width: 27px;
         float: left;
}

#leftside p {
   	letter-spacing: 0.1em;
}

#leftside p.roman {
        letter-spacing: 0em;
}


#footer {
	clear: both;
	background: #FFF url('images/footer.jpg') repeat-x;
	height: 46px;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 75%;
	color: #666;
}
#footer p  { padding: 0 5px }
#footer .rside { float: right; display: inline; padding: 5px; text-align: right}
#footer .lside { float: left; display: inline; padding: 5px; text-align: left; margin-right: 150px;}

 


.date { border-top: 1px solid #e5e5e5; text-align: right; margin-bottom: 25px; margin-top: 5px;}

#main #leftside .date a, #main #rightside a { border: 0; text-decoration: none; }
 


#breadcrumbs { 
	float: left;
	padding-left: 8px;
	padding-top: 0px;
	font:  .9em Arial, Arial, Sans-Serif; 
	color: #666;
	width: 100%;
	height: 12px;
	margin-top: 0px;
	margin-bottom: 3px;
	clear: both;
}



#leftside #txt {width: 85%; height: 10em; padding: 3px 3px 3px 6px; margin-left:0em; clear: both;}
#leftside textarea { border: 1px solid #bbb; width: 85%;  }


/* SNEWS */
#main #leftside fieldset { float: left; width: 95%; border: 1px solid #ccc; padding: 10px 8px; margin: 0 10px 8px 0; background: #FFF; color: #000; }
#main #leftside fieldset p { width: 95%; }
#main input { padding: 3px; margin: 0; border: 1px solid #bbb }
p { margin-top: 5px; }
/*input.search { border: 1px solid #ccc; padding: 4px; width: 160px; }*/

table {
      border-collapse: collapse;
      padding: 1px;
      }
tabel tr {
      padding: 1px;
}

table td {
      padding: 3px;
}


.post{margin:13px 0 50px 0;}

.post .info{
           padding:2px 3px 3px 8px;
           border:1px solid #e3e4e4;
           background-color:#f5f5f5;
           font-size:0.9em;
           color:#505050;
           margin-top: 5px;
}


#leftside ul li {
             list-style:disc;
             margin-left:25px;
             font-size: 98%;
}

#leftside ol li {
        margin-left:25px;
        list-style:decimal;
        font-size: 98%;
}

#leftside ol li li {
        margin-left:12px;
        list-style:lower-latin;
        font-size: 95%;
}

blockquote {
            background:url(images/quote.gif) no-repeat;
            background-position:top left;
            background-color: #FFFFDD;
            padding:5px 8px 5px 28px;
            margin: 10px 0 2px 20px;
            text-align:justify;
            color:#666666;
	    display: block;
            font-style:normal; 
            font-variant:normal; 
            font-weight:normal; font-size:1em; 
            font-family:Lucida Sans Unicode, serif;
            letter-spacing: 0;
            border: 1px solid;
            border-color: #efefef #ccc #ccc #efefef;

}

#leftside h2 q {
            background:url(images/quote.gif) no-repeat;
            background-position:top left;
            background-color: #FFFFDD;
            padding:5px 8px 5px 28px;
            margin: 0 0 2px 35px;
            text-align:justify;
            color:#767676;
	    display: block;
            font-style:normal; 
            font-variant:normal; 
            font-weight:normal; font-size:1em; 
            font-family:Lucida Sans Unicode, serif;
            border: 1px solid;
            border-color: #efefef #ccc #ccc #efefef;
            quotes: none;
}
 
a img {
      border:none;
}

hr {
   border-top: solid #ccc;
   background: #fff;
   color: #fff;
   border-width: 1px 0 0 0;
   margin: 3em, 0;
   width: 90%;

}

code {
   font-family:"courier new", courier, monotype;
   font-size: 1em;
}

#toptopimage {
        margin-top: 12px;
        margin-right: 10%;
        margin-bottom:  12px;
        margin-left: 30px;
}

#leftside h2.head2 {
   margin-top: 18px;
   color: #444;
   border: none;
   text-indent: 17px;
   background: #FFF url(images/head2.gif) no-repeat left;
   font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;

}

#leftside h2.head-in-box {
   margin-top: 15px;
   margin-bottom: 10px;
   padding: 5px 0 5px 0;
   color: #fff;
   border: none;
   text-indent: 15px;
   background: #324696;
   font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
   font-size: 150%;

}

#leftside h2.bluestrip {
        border: none;
        float: none;

	text-indent: 22px;
	background:  url("images/h2_bg.gif") left no-repeat;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	height: 40px;
        width: 441px;

	padding-top: 22px;
}

.entry p.bluesplat {
        display: block;
        margin-top: 0px;
        margin-bottom: 20px;
        padding-top :0px;
        border: none;
	background: #FFF url(images/splat_blue.gif) 4px 4px no-repeat;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-indent: 22px;
}


#leftside .smallimage {
        float: left;
}

.target_archives a:hover {
   font-weight: bold;
}


.stars {
   color: #3141B0;
}

#main #rightside div#clock {
   margin: 0;
   padding: 0;
   height: 130px;
}

#main #rightside div.box#cal {
   margin: 0 30px 0 30px;
}

#main #rightside div.box#cal a:hover {
   font-weight: normal;
   color: #A6255B;
}

dl {
   margin-bottom: 1em;
   margin-left: 270px;
}

dl.metadata dt, dl.metadata dd {
   font-size: 0.65em;
   color:#666;
   display: inline;

}

dl .metadata dd {
   border-right: 1px solid #ccc;
   padding-right: 0.5em;
   margin-right: 0.5em;
}

dl .metadata dd .last {
   border-right: none;
}

input#trackbackurl {
   width: 500px;
   font-size: 0.75em;
   margin-bottom: 1em;
   color: #666;
}

ol#commentlist {
   margin: 0 0 15px 0;
   font-size: 0.8em;
}

ol#commentlist li.commentcontent {
   display: block;
   width: 80%;
   list-style: none;
   margin-bottom: 1em;
   padding: 15px 15px 8px 15px;
   background: url(images/comment2.png) repeat-x #ffffdd;
   border: 1px solid;
   border-color: #efefef #ccc #ccc #efefef;
   line-height: 1.1em;
}

ol#commentlist li dl.metadata dt, 
ol#commentlist li dl.metadata dd {
   font-size: 0.88em;
}

ol#commentlist li, ol#commentlist p {
   font-size: 1em;
}

p.note {
   background: #FFF8D5;
   padding: 3px 8px;
   color: #666;
   border: 2px solid #E5AB6A;
}

form#commentform {
   width: 600px;
   letter-spacing: 0em;
}

form#commentform label {
   width: 240px;
   float: left;
   margin: 0.25em 10px 0 0;
   font-weight: bold;
   font-size: 88%;
}

form#commentform p {
/*   clear: both;
*/
      letter-spacing: 0em;
      font-size: 88%;
}

form#commentform sub {
   display: block;
   padding-top: 2px;
}

input#author, input#email, input#url {
   width: 244px;
   height: 20px;
   border: 3px double #ccc;
   padding: 1px;
}

textarea {
   font-size: 1em;
   border: 3px double #ccc;
   width: 400px;
}

p.submitbutton {
   text-align: center;
}

p.submitbutton input {
   padding: 3px 1em;
   font-weight: bold;
   color: #555;
}

hr#commentborder {
   align: center;
   size: 5px;
   width: 85%;
}

div.divider01 {
   margin: 5px 0;
   height: 15px;
   background: url('images/divider01.gif') no-repeat center center #FFFFFF;
}

div.divider02 {
   margin-top: 10px;
   margin-bottom: 15px;
   border-bottom: solid 1px #B2C7FF;
   width: 75%;
   align: center;

}


table.with_frame {
   border-style: solid;
   border-width: thin;
   border-color: #B2C7FF;
   padding: 4px;
   border-collapse: collapse;
}

table.with_frame tr, td {
   border-style: solid;
   border-width: thin;
   border-color: #B2C7FF;
   padding: 0px;
}

table.all_frame {
   border-collapse: collapse;
}

table.all_frame td {
   border-style: solid;
   border-width: thin;
   border-color: #B2C7FF;
   margin: 5px 10px 5px 10px;
   padding: 3px 5px 3px 5px;
}

table.with_frame td{
	margin: 5px 10px 5px 10px;
	padding: 3px 5px 3px 5px;
	
}

#leftside img.mb {
     margin: 2px 3px -2px 1px;
     padding: 0;
}

.entry .topleftnote {
   width: 200px;
   font-size: 80%;
   float: right;
}

.entry h3.maroon_bar {
   margin: 15px 0;
   color:  #7A002F;
   border-bottom: 6px solid #ddd;
}

#main #leftside .entry .engp p {
   letter-spacing: normal;
}

#main #leftside .entry {
   margin-bottom: 16px;
}

table.longlist {
   border-collapse: separate;
   border-spacing: 6px 0px;
}

table.longlist td{
   letter-spacing: 0;
   font-size: 95%;
}

dfn {
   text-decoration: none;
   font-style: normal;
   border-bottom: 1px dotted #97164C;
}

div .small-indent {
   margin-left: 10%;
   font-size: 92%;
}

dl.mydic {
   margin: 0.5em 0 0.5em 0;
   padding: 0.2em 0;
   border: 1px dotted #999;
   background-color: #fff;
}

dl.mydic dt {
   margin: 0.2em 8px 0 16px;
   border-bottom: 6px solid #ddd;
   float: left;
   width 8em;
   color: #901808;
   font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
   font-weight: bold;
   font-size: 125%;
   text-transform: uppercase;
}

dl.mydic dd {
   margin: 0.5em 16px;
   line-height: 1.5;
   color: #333;
   font-family: "Century", Times, "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
   font-size: 100%;
   letter-spacing: 0.02;
}

table.bookdata {
   margin-left: 15px;
   text-align: left;
   border: 1px solid #d6d3d3;
}

div.bookdata  {
   display: block;
   margin-left: 70px;
   margin-bottom: 20px;
   border-bottom: 1px solid #9DBDD4;
   font-size: 94%;
   color:  #9E475A;
}

div.amazonlink {
   width: 120px;
   float: left;
   margin: 12px 12px 25px 5px;
}

ruby {
   text-decoration: none;
   font-style: normal;
   border-bottom: 1px dotted #97164C;
}


div.dotted-block {
  margin: 5px  5%;
  padding : 10px;
  border: 1px dotted #B2C7FF;
}

span.redletters {
   color : #9E475A;
}

div.dic-sim {
   width : 30%;
   margin : 5px 25px 5px 0px;
   padding: 5px;
   float : left;
   border : 1px solid #B2C7FF;
   font-size: 80%;
   letter-spacing: 0em;
   line-height: 1.5em;
}


div.bothclear {
   clear: both;
}

div.col2-left  {
   width : 40%;
   margin: 0px 20px 0px 0px;
   padding: 2px;
   float: left;
   font-size: 95%;

}

div.col2-right {
   width: 40%;
   margin: 0 0 0 10px;
   padding-left: 30px;
   float: left;
   font-size: 95%;
   border-left: 1px solid #B2C7FF;
}

div.fullwidth {
   width: 100%;
   clear: left;
}

div.left250 {
   width: 270px;
   float: left;
   margin: 0 10px 20px 0;
}

span.blueletters {
   color: #0055E5;
}

div.smallblock {
   margin-left: 5%;
   margin-right: 6%;
   border: 1px solid #B2C7FF;
   padding: 10px;
   font-size: 90%;
   letter-spacing:0em;
   line-height: 1.5em;
}

span.redline {
   border-bottom: 1px solid #9E475A;
}

div.leftimage {
   width: 80px;
   float: left;
   margin: 10px;
}

div.series_toc {
   width: 70%;
   margin-left: 15px;
   border: 1px solid #B2C7FF;
   padding: 10px;
   font-size: 93%;
   letter-spacing:0em;
   line-height: 1.5em;
}

div.rightimage {
   width: 80px;
   float: right;
   margin: 10px;
}

div.for-thumbnail {
   width: 160px;
   float: left;
   margin: 5px;
}

#leftside ul.no-mark li {
             list-style:none;
             margin-left:25px;
             font-size: 98%;
}

small {
   font-size: 86%;
}

div.go-to-right {
    text-align : right;
}

div.parallel-left {
	width : 60%;
	margin: 0px 5px 0px 0px;
	padding: 2px;
	float: left;
	border-right: 1px solid #B2C7FF; 
}

div.parallel-right {
	width: 36%;
	margin: 0 0 0 3px;
	padding-left: 5px;
	float: left;
	font-size: 91%; 
	line-height: 155%;
}

table.underline {
	margin-left:30px;
}
table.underline td {
	border-bottom: 1px solid #B2C7FF;
        border-top: none;
        border-left: none;
        border-right: none;
        padding: 5px 10px 2px 10px;
        font-size: 90%;
}


table.no-border table, tr, td {
        border-collapse: separate;
        border: 0px solid #FFFFFF;
}


div .printable-icon {
   width: 20px;
   margin: 5px 10px 5px 8px;
   float: right; 
}

span.ipa {
    font-family: "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode", sans-serif;
    font-size: large;
    font-weight: bold;
}

div .go-to-center {
	margin: 3px auto;
}


table td.detailed {
   font-size: 82%;
   line-height: 1.3em;
}

ul .blue-arrow {
   list-style-image: url("http://www.where-are-we-going.com/wp/wp-content/themes/newsite/images/blue_arrow.gif");
}