@charset "UTF-8";

/*  
Theme Name: JoysWEB Project
Theme URI: http://blog.joys-web.com/
Description: The WordPress theme Version: 1.2
Author: Hiroko Koeda
Author URI: http://www.office-koeda.biz/
*/

* {
margin:0px;
padding:0px;
}

body,tr,td {
color:#666;
font-size:10pt;
font-family:Verdana,Arial;
}
body {
background:url(images/bg.gif) repeat-x fixed;
}

img {
border:0px;
}

a {
color:#ee951a;
}
a:hover {
color:#000;
}

.Clr {
clear:both;
}

.aligncenter {
text-align:center;
}

/* Cont Style */
#Cont {
margin:20px auto;
width:790px;
}

/* Head Style */
#HeadCont {
width:790px;
height:200px;
background:url(images/head.png) no-repeat;
}
* html #HeadCont {
behavior: expression(IEPNGFIX.fix(this));
}

h1 {
float:left;
width:370px;
}
h1 a {
width:350px;
height:200px;
text-indent:-9999px;
display:block;
}

#HeadRight {
float:left;
margin-top:10px;
width:410px;
}
#HeadRight input {
margin:5px 0px 30px 200px;
width:120px;
height:1.8em;
border:1px #999 solid;
}
#searchsubmit {
margin:5px!important;
width:49px!important;
height:31px!important;
vertical-align:top;
background:url(images/search_button.png) no-repeat;
border:none!important;
}
* html #searchsubmit {
behavior: expression(IEPNGFIX.fix(this));
}
h2 {
color:#fff;
font-size:9pt;
font-weight:normal;
line-height:1.8em;
}

/* Main Style */
#MainCont {
padding:20px 20px 0px 20px;
width:750px;
background:url(images/main.png);
}
* html #MainCont {
behavior: expression(IEPNGFIX.fix(this));
}

/* Left Style */
#LeftCont {
float:left;
width:527px;
}
#LeftCont h2 {
width:506px;
height:40px;
line-height:40px!important;
color:#666!important;
font-size:11pt!important;
font-weight:bold!important;
text-indent:15px;
background:url(images/h2.gif) no-repeat;
}

.navigation {
margin:5px 0px 10px 0px;
text-align:center;
font-size:8pt;
}
.alignleft {
float:left;
width:250px;
text-align:right;
}
.alignright {
float:left;
width:256px;
text-align:left;
}

.LeftBoxTop {
width:507px;
height:44px;
background:url(images/com_up.png) no-repeat;
}
* html .LeftBoxTop {
behavior: expression(IEPNGFIX.fix(this));
}
.LeftBoxTop h3 {
padding:5px 10px 0px 10px;
height:22px;
line-height:22px;
font-size:11pt;
font-weight:normal;
}
.LeftBoxTop a {
color:#333;
}

.Small {
width:500px;
text-align:right;
color:#666;
font-size:9pt;
}

.LeftBoxMain {
padding:4px 20px 2px 20px;
width:465px;
line-height:1.4em;
background:#fff;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
}
.LeftBoxMain p {
margin-top:15px;
}
.LeftBoxMain a {
color:#000!important;
}
.LeftBoxMain a:hover {
text-decoration:none!important;
}
.LeftBoxMain ul {
margin-left:15px;
}

.postmetadata {
margin-top:10px;
padding-top:10px;
line-height:1.2em!important;
font-size:8pt;
color:#666;
text-align:right;
border-top:1px #999 dotted;
}
.postmetadata a {
color:#ee951a!important;
font-size:8pt;
}
.postmetadata a:hover {
text-decoration:none!important;
}
.feedback {
margin:10px;
width:506px;
font-size:8pt;
color:#666;
}
.feedback input {
width:486px;
height:20px;
border:1px solid #ccc;
}

.LeftBoxBottom {
margin-bottom:20px;
width:507px;
height:15px;
background:url(images/com_dn.png) no-repeat;
}
* html .LeftBoxBottom {
behavior: expression(IEPNGFIX.fix(this));
}

#TagList ul {
list-style:none;
margin:10px 22px 10px 0px;
}
#TagList a {
padding-left:27px;
line-height:1.8em;
background:url(images/taglist.gif) no-repeat center left;
}

.comments {
width:506px;
height:22px;
line-height:22px;
font-size:10pt;
font-weight:normal;
text-indent:10px;
background:url(images/h3.gif) no-repeat;
border-bottom:1px solid #BCCAD3;
}

#CommentList ol {
list-style:inside decimal;
margin:10px 22px 10px 0px;
}
#CommentList li {
margin-bottom:5px;
padding:5px;
background:#fdfdfd;
border:1px solid #efefef;
}
#CommentList cite {
font-weight:bold;
}

.commentmain {
margin-top:5px;
}

#CommentForm {
margin:10px 0px 20px 0px;
}
#CommentForm input {
width:220px;
height:1.2em;
border:1px solid #ccc;
}
#CommentForm textarea {
width:506px;
height:200px;
line-height:1.2em;
border:1px solid #ccc;
}
#submit {
margin-top:5px;
height:1.8em!important;
}

#TrackbackList ul {
list-style:inside decimal;
margin:10px 22px 20px 0px;
}
#TrackbackList li {
margin-bottom:5px;
padding:5px;
background:#fdfdfd;
border:1px solid #efefef;
}
#TrackbackList strong {
font-size:8pt;
}
#TrackbackList small {
font-size:8pt;
font-weight:normal;
}

#MainSearchForm {
margin:20px;
}
#MainSearchForm form {
margin:20px;
}
#MainSearchForm input {
width:200px;
border:1px solid #ccc;
}

.GoTop {
margin-bottom:20px;
width:506px;
text-align:right;
}
.GoTop a {
font-size:9pt;
}

/* Right Style */
#RightCont {
float:left;
width:223px;
}

.RightBoxTop {
width:223px;
height:16px;
background:url(images/right_up.png) no-repeat;
}
* html .RightBoxTop {
behavior: expression(IEPNGFIX.fix(this));
}
.RightBoxMain {
padding:0px 10px 0px 8px;
width:205px;
background:url(images/right_cn.png);
}
* html .RightBoxMain {
behavior: expression(IEPNGFIX.fix(this));
}
.RightBoxMain h4 {
margin:0px 15px 5px 15px;
font-size:11pt;
}
.RightBoxMain ul {
list-style:none;
}
.RightBoxMain li {
margin-top:5px;
font-size:8pt;
}
.RightBoxMain a {
font-size:8pt;
}

#Back25 {
padding-left:15px;
background:url(images/25.png) no-repeat center left;
}
#Back26 {
padding-left:15px;
background:url(images/26.png) no-repeat center left;
}
#Back27 {
padding-left:15px;
background:url(images/27.png) no-repeat center left;
}

.RightBoxBottom {
margin-bottom:10px;
width:223px;
height:24px;
background:url(images/right_dn.png) no-repeat;
}
* html .RightBoxBottom {
behavior: expression(IEPNGFIX.fix(this));
}

/* Foot Style */
#FootCont {
width:790px;
height:80px;
background:url(images/foot.png) no-repeat;
}
* html #FootCont {
behavior: expression(IEPNGFIX.fix(this));
}
#FootCont a {
color:#fff;
}
#FootCont a:hover {
color:#fff;
}

#FootMenu {
padding:10px;
color:#fff;
}

#CopyRight {
padding:10px 20px;
color:#fff;
text-align:right;
}

#updated {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 120px;
    width: 120px;
}
* html #updated {
behavior: expression(IEPNGFIX.fix(this));
}