﻿/* 
Theme Name: tarimon-shinflo
Theme URI: http://tarimon.co.uk/tarimon-shinflo
Description: Width fixation of two columns and theme for widget. It confirms the operation with Wordpress versions 2.7 and 2.8 and 2.9. It confirms it by the latest version of Safari, IE, firefox, Opera, and Slepnir at the time of 2010/02/02. 
Author: tarimon
Author URI: http://tarimon.co.uk/
Version:1.2
Tags: green, two-columns, right-sidebar, fixed-width
*/


/* IE7 */
*:first-child+html body #searchsubmit{ 
top : -25px;
} 


body{
font-family: Verdana, Arial, Helvetica, sans-serif,Osaka;
margin : 0px;
padding : 0px;
background : #3f5e4e;
font-size: 13px;
*font-size: small;
*font: x-small;
}
sup{
vertical-align : middle;
font-size: 108%;
}
sub{
vertical-align : middle;
font-size: 108%;
}
textarea{
padding : 5px;
}
input{
padding : 2px 5px 2px 5px;
}
dd{
margin : 0px;
padding : 0px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #eeeeee;
padding-top: 4px;
}
.wp-caption p.wp-caption-text {
font-size: 93%;
line-height: 17px;
padding-bottom: 4px;
margin: 0px;
}
form{
margin : 0px;
padding : 0px;
}
pre{
background-color : #f4f5f7;
padding : 5px 5px 5px 5px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #cccccc;
border-left-width : 1px;
border-left-style : dashed;
border-left-color : #cccccc;
font-size : 93%;
color : #666666;
overflow: auto;
}
blockquote{
background-color : #f4f5f7;
padding : 5px 5px 5px 5px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #cccccc;
border-left-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-style : dashed;
border-right-style : dashed;
border-bottom-style : dashed;
border-left-color : #cccccc;
border-right-color : #cccccc;
border-bottom-color : #cccccc;
font-size : 12px;
color : #666666;
}
p{
clear : both;
}
.waku{
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #999999;
border-right-color : #999999;
width : 800px;
background : #ffffff;
margin-left : auto;
margin-right : auto;
}
.header-bg{
background-image : url(image/header.gif);
background-repeat : no-repeat;
width : 800px;
height : 150px;
}
.title{
padding-top : 40px;
padding-left : 80px;
font-size : 138.5%;
font-weight : bold;
}
.title a{
color : #ffffff;
text-decoration : none;
}
.title a:hover{
color : #ffffff;
text-decoration : none;
}
.description{
font-size : 100%;
color : #ffffff;
padding-left : 70px;
width : 500px;
line-height : 18px;
letter-spacing : 0px;
margin-top : 10px;
}
.header-menu{
width : 800px;
height : 53px;
}
.search-waku{
border-width : 0px 0px 0px 0px;border-style : none none none none;
background-image : url(image/search-bg.gif);
background-repeat : no-repeat;
width : 233px;
height : 53px;
left : 550px;
position : relative;
}
#searchtext{
margin-left : 30px;
border-top-width : 0px;
border-top-style : none;
border-left-width : 0px;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
position : relative;
top : -12px;
}
#searchsubmit{
border-width : 0px 0px 0px 0px;border-style : none none none none;
width : 21px;
height : 33px;
margin-left : 15px;
margin-top : 5px;
}
.rss-icon{
top : 50px;
margin-left : 750px;
position : absolute;
}
.rss-icon img{
border="0"
}
.main-waku{
width : 780px;
padding-top : 5px;
padding-left : 10px;
padding-right : 10px;
}
.left{
width : 490px;
float : left;
margin-top : -25px;
}
.right{
width : 250px;
float : right;
margin-right : 0px;
margin-top : -30px;
height : 100%;
overflow:hidden;
}
.main-con-title{
background-image : url(image/maincontents-title.gif);
background-repeat : no-repeat;
width : 458px;
padding-top : 2px;
padding-left : 30px;
margin-top : 40px;
margin-bottom : 10px;
color : #666666;
font-size : 16px;
font-weight : bold;
}
.main-con-title a{
color : #666666;
}
.main-con-text{
font : 100%;
color : #666666;
letter-spacing : 1px;
line-height : 150%;
color : #666666;
margin-right : 3px;
margin-left : 4px;
margin-top : 20px;
margin-bottom : 20px;
padding-left : 5px;
padding-right : 5px;
}
.main-con-text img{
border-width : 0px 0px 0px 0px;

border: 1px solid #ddd;
text-align: center;
background-color: #ffffff;
padding-top: 3px;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 3px;
max-width : 100%;
}
.main-con-text textarea{
width:100%;
height:100px;
}
.main-con-text table {
background:#FFF;
border:2px solid #CCC;
border-collapse:collapse;
margin:5px 0 5px;
}
.main-con-text td {
border :1px solid #CCC;
padding :4px 5px;
vertical-align :top;
}
.main-con-text th {
background :#EDEFF0;
border :1px solid #CCC;
padding :4px 5px;
vertical-align :top;
}
.tag-waku{
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #999999;
font-size : 100%;
color : #666666;
padding-bottom : 5px;
margin-bottom :5px;
width : 96%;
}
.main-con-under{
padding-top : 5px;
padding-bottom : 10px;
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #999999;
}
.MainunderTop{
background-image : url(image/main-under-top.gif);
background-repeat : no-repeat;
width : 490px;
height : 14px;
}
.MainunderInside{
font-size : 12px;
color : #666666;
background-image : url(image/main-under-inside.gif);
background-repeat : repeat-y;
width : 490px;
padding-left : 10px;
padding-right : 10px;
line-height : 18px;
letter-spacing : 0px;
margin-top :-2px;
margin-bottom :-2px;
}
.MainunderBottom{
background-image : url(image/main-under-bottom.gif);
background-repeat : no-repeat;
width : 490px;
height : 14px;
}
.cat-list-title{
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : gray;
padding-bottom: 5px;
margin-bottom : 10px;
padding-top: 10px;
}
.content-nav{
font-size : 93%;
color : #666666;
margin-bottom : 30px;
margin-top: 10px;
text-align : center;
}
.comment-title{
font-size : 100%;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : gray;
padding-top : 5px;
padding-bottom: 5px;
margin-top: 20px;
color : #666666;
}
.commentlist{
font-size : 100%;
color : #666666;
}
.comment-time{
text-align : right;
font-size : 85%;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #cccccc;
}
.comment-text{
font-size : 100%;
color : #666666;
line-height : 17px;
background-color : #ebebeb;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
margin-top : 5px;
padding-bottom : 5px;
border-width : 2px 2px 2px 2px;
border-style : solid solid solid solid ;
border-color : #cccccc #cccccc #cccccc #cccccc;
}
.comment-text p{
padding: 5px;
margin : 0px
}
.comment-input-text{
font-size : 12px;
color : #666666;
padding-bottom: 5px;
}
.comment-text blockquote{
margin-right : -5px;
border-right-width : 0px;
}
.author{
font-weight : bold;
}
.author a{
font-weight : normal;
}
.fn{
font-size : 12px;
color : #666666;
}
.says{
font-size : 12px;
color : #666666;
}
.comment-meta{
font-size : 12px;
}
.sideber-title{
background-image : url(image/sidemenu-title.gif);
background-repeat : no-repeat;
width : 215px;
padding-top : 5px;
padding-left : 25px;
padding-bottom : 5px;
font-size : 13px;
color : #494949;
background-repeat : no-repeat;
background-position : 5px 5px;
margin-bottom : 10px;
margin-top : 40px;
}
h4{
font-size : 100%;
font-weight : normal;
color : #666666;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
letter-spacing : 1px;
margin-top : 15px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
.right ol{
margin : 0px;
padding : 0px;
}
.right ul{
margin : 0px;
padding : 0px;
}
.right ul li{
font-size : 100%;
background : url(image/sidemenu-list.gif) no-repeat 3px 0.4em;
padding-top : 2px;
padding-left : 20px;
padding-right : 3px;
padding-bottom : 4px;
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #999999;
list-style-type : none;
}
.right li a{
text-decoration : none;
}
a:hover{
color : #ff5a0b;
text-decoration : underline;
}
ul .children li {
background : url(image/sidemenu-list.gif) no-repeat 20px 7px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #999999;
padding-top : 4px;
padding-left : 40px;
padding-right : 3px;
padding-bottom : 1px;
border-bottom-width : 0px;
list-style-type : none;
margin-top : 4px;
margin-left : -20px;
margin-right : -2px;
margin-bottom : 0px;
}

.right ul ul li {
background : url(image/sidemenu-list.gif) no-repeat 20px 7px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #999999;
padding-top : 4px;
padding-left : 40px;
padding-right : 3px;
padding-bottom : 1px;
border-bottom-width : 0px;
list-style-type : none;
margin-top : 4px;
margin-left : -20px;
margin-right : -2px;
margin-bottom : 0px;
}

.right ul ul ul{
list-style-type : none;
margin-top : 4px;
margin-left : -40px;
margin-right : -4px;
margin-bottom : 0px;
}
.right ul ul ul li {
background : url(image/sidemenu-list.gif) no-repeat 40px 7px;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #999999;
padding-top : 4px;
padding-left : 60px;
padding-right : 3px;
padding-bottom : 0px;
border-bottom-width : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
.under{
background-color : #dfdfdf;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #cccccc;
clear : both;
text-align : center;
padding-top : 3px;
padding-bottom : 3px;
font-size : 93%;
color : #666666;
}
.under a{
color : #666666;
text-decoration : none;
}
#calendar_wrap{
font-size : 12px;
color : #666666;
text-align : center;
}
#calendar_wrap th{
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}