/* JANO Sakura CSS */

#body {
width: 100%;
/*background:  url(../kb01.gif);
background-color: #fff;*/
background-color: #ccc;
color: black;
border: 2px solid #ccc;
font-family: "Osaka", Arial, sans-serif;
font-size: 10pt;
}
.body {
width: 100%;
/*background:  url(../kb01.gif);
background-color: #fff;*/
background-color: #ccc;
color: black;
border: 2px solid #ccc;
padding: 1em;
margin: auto;
font-family: "Osaka",Arial, sans-serif;
font-size: 10pt;
}
.container {
background-color: white;
/*border: 1px solid #000;*/
}
#container {
background-color: white;
/*border: 1px solid #000;*/
}
.showgrid { 
	background: url(./blueprint/src/grid.png); 
        background-color:#E7A4A4;
}
#showgrid { 
	background:#E7A4A4 url(./blueprint/src/grid.png); 
	 background-color:#E7A4A4;
}
#header {
width: 100%;
height: 150px;
background: #E7A4A4;
border: 2px solid #ccc;
}
.header-logo {
background: transparent url(https://jano.s3.amazonaws.com/static/jano-banner3.jpg) repeat-x;
height: 124px;
}

.header-menu {
width: 99%;
color: white;
font-weight: bold;
float: left;
padding-left: 1em;
padding-top: 2px;
margin: auto;
border-top: 2px solid #ccc;
}
.header-menu a{
color: #833d3d;

}
.header-menu a:hover{
background-color: #fbcfcf;
}

.right {
float: right;
width: 15%;
margin-top: 0em;
margin-right: 3px;
}
.center {
margin: auto;
width: 60%;
}
.left {
float: left;
width: 15%;
}
.misc {
color: #fff;
margin: auto;
text-align: center;
padding: 3px;
font-size: 70%;
}
.copyright {
color: #fff;
margin: auto;
text-align: center;
padding: 3px;
font-size: 70%;
}
#footer {
background-color: #E7A4A4;
border: 2px solid #ccc;
}
#footer img{
float: right;
padding: 1em;
display: inline;
}
#box {
background-color: white;
}

.portlet {
background-color:White;
border:1px solid #8CACBB;
/*margin:1px 0pt 3px;*/
margin:1em 0pt 3px .5em;
}
.portlet1 {
background-color:White;
border:1px solid #8CACBB;
margin:1em 3pt 3px .5em;
padding-bottom: 0;
}
.portlet2 {
background-color:White;
border:1px solid #8CACBB;
margin:90px 0pt 3px .5em;
/*margin:1px;
padding-top: 1em;*/
}
.portlet3 {
background-color:White;
border:none;
/* margin:90px 0pt 3px .5em;
/*margin:1px;
padding-top: 1em;*/
margin:1em 0pt 3px .5em;
}
.aboutContent {
background-color:White;
/*border:1px solid #8CACBB;
margin:1px 0pt 3px;*/
margin:1em 0pt 3px .5em;
}

dl.portlet a {
text-decoration:none;
padding-bottom:0;
}
.portlet a.tile {
display:block;
}
.portletItem li {
list-style: none;
line-height: 1.5;
}
dd.portletItem a, li.portletItem a,dd.portletFooter a {
border-bottom:medium none;
color:#397a98;
list-style: none;
line-height: 1.5;
padding: 0;
}
dd.portletItem2 a, li.portletItem a,dd.portletFooter a {
border-bottom:medium none;
color:#397a98;
list-style: none;
line-height: 1.5;
padding: 0;
}

dd.portletItem a:link a:visited, dd.portletFooter a:visited {
/*color:#436976;*/
color:#397a98;

}
.portletHeader {
background-color:#E7A4A4;
color:#833d3d;
/*border:1px solid #8CACBB;*/
font-weight:bold;
line-height:1.5em;
padding:3px;
text-transform:none;
text-align: center;
}
.portletHeader a {
color:Black;
}
.portletItemTop {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin:0pt;
padding-top:0em;
padding-left: 1em;
}
.portletItemTop a {
color: #397a98;
}
.portletItem {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin-left:3px;
margin-right:3px;
padding: 0em;
line-height: 1em;
list-style: none;
}
#portletItem {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
margin-left:3px;
margin-right:3px;
padding: 0em;
line-height: 1em;
list-style: none;
}
.portletItemDetails {
color:Black;
display:block;
text-align:right;
padding: 4px;
line-height: 1em;
}
.portletMore {
border-width:1px;
margin-bottom:0pt;
padding: 0em 0em 1em 0em;
text-align:right;
line-height: 0em;
}
.portletMore a {
color:#397a98;
}

dd.portletFooter {
background-color:#FFDBDB;
border-color:#8CACBB;
border-style:dotted solid none;
border-width:1px;
margin:0pt;
padding:0.25em 0em 0 0;
text-align:right;
}
.portletTopLeft {
}
.portletTopRight {
}
.portletBottomLeft {
}
.portletBottomRight {
}


.portletItemTop h5 {
padding: 3px;
background-color:#E7A4A4;
}


#djangoForumBody {
    width: 90%;
    margin: 0 auto;
    text-align: left;
}

#djangoForumList,
#djangoForumThreadList,
#djangoForumThreadPosts {
    border-collapse: collapse;
    width: 100%;
}

#djangoForumList td,
#djangoForumThreadList td,
#djangoForumThreadPosts td {
    border: solid #777 1px;
    padding: 6px;
}

#djangoForumList .djangoForumListDetails {
    width: 70%;
}

#djangoForumList .djangoForumListDetails strong {
    font-size: 120%;
}

#djangoForumList .djangoForumListDetails .djangoForumStats {
    font-size: 80%;
}

.djangoForumListLastPost,
.djangoForumThreadLastPost {
    background-color: #bbcbdb;
    border-bottom: solid #777 1px;
}

#djangoForumList th,
#djangoForumThreadList th,
#djangoForumThreadPosts th {
    background-color: #E7A4A4;;
    border: solid #ccc 1px;
    color: #fff;
    text-align: left;
    padding: 4px;
}

#djangoForumThreadPosts th {
    width: 20%;
}

#djangoForumBreadcrumbs {
    padding: 20px;
}

#djangoForumBody label {
    font-size: 110%;
    font-weight: bold;
    display: block;
    padding: 4px;
}

#djangoForumThreadPostDetail {
    width: 20%;
}

#sponsor img{
padding-top: 5px;
padding-bottom: 2em;
margin: auto;
}
.sponsor img{
padding-top: 5psx;
padding-bottom: 2em;
margin: auto;
}

.adPortlet {
padding: 1em;
}

#textintro h1{
margin-left: 1em;
font-size: 2em;
margin-top: 1em;
}

#textintro h3{
margin-left: 1em;
}

#textintro p{
margin-left: 1em;
}
#textintro a {
color:#397a98;
}

.place_map {
width: 500px;
height: 300px;
padding: 2em;
border: 1em solid #000;
}

.place_map {
width: 500px;
height: 300px;
padding: 2em;
border: 1em solid #000;
}

.planetdate {
padding: 3px;
border:1px solid #8CACBB;
width: 350px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
}

.blogdate {
padding: 3px;
border:1px solid #8CACBB;
width: 250px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
font-size: 70%;
}
.blogdate a{
color:#397a98;
}
.newsdate {
padding: 3px;
border:1px solid #8CACBB;
width: 150px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
/*margin-left: 2em;*/
}
.commentdate {
padding: 3px;
border:1px solid #8CACBB;
width: 250px;
text-align: center;
background-color: #fbcfcf;
color: #833d3d;
}

.portletItemLinkTop {
/*border-left:1px solid #8CACBB;
border-right:1px solid #8CACBB;*/
font-size: 115%;
font-weight: bold;
margin:0pt;
padding-top:0em;
padding-left: 1em;
}

.small {
padding: 0em;
font-size: 60%;
}


dt.portletDT {
margin-top: -1em;
margin-left: 5px;
text-decoration:none;
}
dt.portletDT a{
text-decoration:none;
/*color:#6e93a4;*/
color:#397a98;
}

.title a {
text-decoration:none;
/*color:#6e93a4;*/
color:#397a98;
}


.other_posts a {
color:#397a98;
}

.sponsorbanner_list dl{
padding: 2em;
margin: 2em;
border: 1px solid #397a98;
}
.sponsorbanner_list2 {
padding: 2em;
margin: 2em;
border: 1px solid #397a98;
}

.kaisoku {
padding-right:3em;
}

.jou {
text-decoration:underline;
}

.chuui {
background-color:#FFDBDB;
border: 1px solid #8CACBB;
padding: 2px 2em 2px 2em;
margin: auto;
text-align: center;
width: 30%;
font-size: 110%;
font-weight: bold;
}
.portletFooter {
border-top: #8CACBB 1px solid;
background-color:#FFDBDB;
text-align:right;
}
.portletFooter a{
color:#397a98;
margin-right: 1em;
}

.tezuki {
border: 1px solid #000;
}
#tezuki {
border: 1px solid #000;
}
.tezukirow td{
border: 1px solid #000;
}

#googlead {
margin-left: 2em;
}

#blogphotos img{
padding: 3em;
margin: 3em;
}
.blogphotos img{
padding-right: 3em;
padding-bottom: 1em;
margin-left: 3em;
}

.more {
float: right;
margin-bottom: 1em;
}

#main {
background-color: white;
}

#activitytable table td{
border-color: black;
border-style: solid;
}
.activitytable table td {
border: black 1px solid;
}