/*  
Theme Name: Que wena version 2.0
Theme URI: http://ablabo.net/
Description: Designed by ablabo \n que wena.com用に作ったデザイン　パート2です。
Version: 2.0
Author: ablabo
Author URI: http://ablabo.net/
*/

/*Reset CSS*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
:focus,:link,:visited{outline:none;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
/*clearfix*/
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:".";line-height:0;font-size: 0;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */

/*accessibility
--------------------------------------------------------------------------------------*/
.clear{clear:both;width:10px;}
.accessibility{display:none;}
/*FONT
========================================*/
html{
font-size:62.5%;
}
body{
font-size:120%;
line-height:2.0;
color:#1d0808;
}
strong{font-weight:bold;}
/*FONT COLOR
PINK fd0c75
BROWN 1d0808
========================================*/
a:link,a:visited {color: #fd0c75;}
a:hover {color: #ff9000;}
/*LAYOUT
========================================*/
#PageContentWrapper{
background:transparent url(images/Side_image_01.png) repeat-y 0% 0%;
}
#Wrapper,
#FooterContainer{
width:900px;
margin-left:5em;
}
#FooterContainer{}
#SideImage{
float:left;
width:30px;
overflow:hidden;
margin-right:1em;
}

#Sidebar{
width:300px;
float:left;
}
#Header,#Content{
width:580px;
float:right;
}
#Footer{
width:100%;
}
.fl_L{float:left;}
.fl_R{float:right;}
img.alignleft{float:left;}
img.alignright{float:right;}
img.mdl{vertical-align:middle;}
img.btm{vertical-align:bottom;}
img.top{vertical-align:top;}
/*form
========================================*/
input,textarea{
border:1px solid #666666;
}
#searchform input#s{
border:0;
background:transparent url(images/serchform_bg.png) no-repeat 50% 50%;
width:260px;
padding:9px 15px 9px 25px;
margin-bottom:0.5em;
font-size:12px;
}
/*HEADER
========================================*/
#page_description{
line-height:1.4;
background:#1d0808;
color:#FFFFFF;
padding-left:1em;
color:#999999;
}
#page_description .title,#page_description .description{ display:inline;}
#page_description .title a{ text-decoration:none; margin-right:1em;}
#Header{
font-weight:bold;
background:transparent url(images/HeaderBg.png) no-repeat 50% 100%;
padding:1em 0;

}
#Header ul{
margin-left:1em;
}

#Header li{
float:left;
text-transform:uppercase;
white-space:nowrap;
margin-right:1em;
padding-left:22px;
background:transparent url("images/Header_icon.png") no-repeat 0% 50%;
}
#Header a:link,#Header a:visited {
color:#1d0808;
}
#Header a:hover{
color:#fd0c75;
}
/*SIDEBAR
========================================*/
#Sidebar .box{
padding:0 1em;
}
#Sidebar .sidebar_Item_1 .title,
#Sidebar .sidebar_Item_1 .menu{
height:25px;
}
.sidebar_Item_1{
font-size:90%;
line-height:1.2;
margin-bottom:1em;
padding-bottom:1em;
background:transparent url(images/sidebar_Item_1_bg.png) no-repeat 50% 100%;
}
/*Feed*/
.sidebar_Item_2{
font-size:80%;
line-height:1.5;
padding:1em;
margin-bottom:1em;
border:1px solid #d6d6d6;
}
#MisakoRssReader{background:transparent url(images/RssReaderBg.png);}
#StudentsColumn{background:transparent url(images/sideBar_greenstripe_bg.png);}
#StudentsColumn .update{font-family:Arial,sans-serif;text-align:center;}
#StudentsColumn .update strong{font-size:160%;font-weight:bold;}

.sidebar_Item_2 .box{
background:#ffffff;
padding:0 1em 1em;
border:1px solid #d6d6d6;
border-top:0;
}
.sidebar_Item_2 .title{
border:1px solid #d6d6d6;
border-bottom:0;

background:#ffffff;
text-align:center;
}
#Sidebar .Sidebar_item_icon{
clear:both;
}

#MisakoRssReader_badge{
position:absolute;
margin-top:-120px;
margin-left:-20px;
}
.sidebar_Item_2 li{border-bottom:1px dashed #cccccc;}
.sidebar_Item_2 li a{ text-decoration:none;}

/*META*/
#Sidebar_meta img{
vertical-align:middle;
}
#Sidebar_meta .addClips{
margin:0.5em 0;
}
/*abTwitter*/
#Twitter{
border-top:1px dashed #d6d6d6;
border-bottom:1px dashed #d6d6d6;
margin:0.2em auto;
padding:0.2em 0;
}
#TwitterBox{
background:url('images/abTwitter_bg.png') no-repeat 0 0 #ffffff;
color:#000000;
}
#TwitterBox .title{
margin-left:30px;
}
#TwitterBox #twitter_update_list{
margin-top:-1em;
line-height:1.4;
margin-left:65px;
}
#TwitterBox .date{
display:block;
font-size:80%;
}
#TwitterBox .about li{
display:inline;
margin-left:1em;
font-size:80%;
}

#TwitterTitle span{
vertical-align:text-bottom;
}
/*GotoTop
========================================*/
#GotoTop{
text-align:right;
clear:both;
background:url(images/WrapperBg.png) repeat-x 50% 100%;
}
/*Footer
========================================*/
#Footer{
background:#1d0808;
color:#FFFFFF;
padding-top:1%;
border-top:1px solid #666666;
}
#Footer a:hover{
background:#ffffff;
color:#1d0808;
cursor:crosshair;
}

#Footer .item{
float:left;
width:31%;
line-height:1.5;
margin-right:1em;
overflow:hidden;
}
#Footer .item .title,
#Footer .Categories .title{
font-size:120%;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0.5em;
background:transparent url(images/FootItemTitleBg.png) no-repeat 0% 50%;
border-bottom:1px dashed #666666;
}
#Footer .Categories .child li{
white-space:nowrap;
}
#Footer  .title,
#Footer  .child{
padding-left:18px;
}
#Footer .Categories{
margin-top:1em;
}
#Footer .Categories li{
float:left;
margin-right:1em;
color:#fd0c75;
}

#RecentComments .post_title{
color:#999999;
}
#foot_sitedata{
text-align:right;
background:#1d0808;
padding-right:1em;
}
#Footer #MonthlyArchives .child{
}
#Footer #MonthlyArchives .child .year{border-bottom:1px dashed #444444;}
#Footer #MonthlyArchives .child .year a{text-decoration:none;}
#Footer #randomlinks .child{
color:#666666;
}
#Footer #randomlinks .child a{
width:95%;
display:block;
}
#Footer #randomlinks .child .all{
margin-top:0.3em;
border-top:1px dashed #444444;
}
#Footer #randomlinks,
#Footer .Categories{
clear:both;
}
/*ab
========================================*/
.entry_Badge{
position: absolute;
margin-top:-4.8em;
margin-left:-20px;
}
/*entry
========================================*/
.entry{
margin-top:1em;
}
.entry .entryTitle{
font-weight:bold;
font-size:120%;
padding-left:34px;
padding-bottom:8px;
background:transparent url(images/entry_title_bg.png) no-repeat 0% 100%;
border-top:1px solid #ffe9f3;
}
.entry .entryTitle.pagesTitle{ padding-left:0;}
.entry .entryTitle a{
display:block;
width:100%;
height:100%;
background:transparent url(images/entry_posttitle_bg.png) no-repeat 100% 100%;
}
.entry .post-content{
overflow:hidden;
width:100%;
clear:both;}

.entry .entry_data{
line-height:35px;

}
.entry .postDate{float:left;}
.entry .post_bookmark{float:left; height:35px;padding-top:8px; margin-left:1em;}

.entry .post-comments,
.entry .post-trackback{
float:right;
}
.entry a:link,.entry a:visited {
font-weight:bold;
}
.entry .postDate{
font-size:150%;
color:#666666;
}
.entry .post-cat{
clear:both;
background:transparent url(images/entry_cat_icon.png) no-repeat 0% 50%;
padding-left:20px;
font-size:80%;
}
.entry .post-tags{
font-size:80%;
}
.entry .post-cat,.entry .post-tags{
margin-right:1em;float:left;
}


.entry .post-comments,
.entry .post-trackback{
background:transparent url(images/entry_comment_bg.png) no-repeat 50% 50%;
height:35px;
width:115px;
text-align:center;
}
.entry .post-comments a,.entry .post-trackback a{ text-decoration:none;}
.entry .post-comments a span,.entry .post-trackback a span{font-weight:normal; margin-right:0.5em;}
.entry .post-comments a strong,.entry .post-trackback a strong{font-weight:bold;}
.entry .post-comments a .none,.entry .post-trackback a .none{color:#1d0808;}

.entry .post-footer{
background:transparent url(images/entry_bottom_bg.png) repeat-x 50% 100%;
font-size:80%;
padding:0.5em;
text-align:right;
margin-top:1em;
}

img.fl_L{
margin:1em;
}
/*single
========================================*/
#trackbackContainer input{
width:80%;
}
.comment_rss{
background:transparent url(images/rss_icon32.png) no-repeat 0% 50%;
height:32px;
padding-left:35px;

}
/*archives
========================================*/
#ArchivesTitle strong,
#ArchivesTitle{
font-size:140%;
font-weight:bold;
}
#ArchivesTitle{
margin:1em 0 0;
padding-bottom:8px;
background:transparent url(images/entry_title_bg.png) no-repeat 0% 100%;
border-top:1px solid #ffe9f3;
}
#archive_rss{text-align:right; margin-bottom:1em;}
#archive_rss img{vertical-align:middle;}
#archive_bookmark{ margin:0.5em 0;}
#archive_bookmark .post_bookmark{float:none}
.archive .postDate{
float:left;
width:12%;
font-weight:bold;
background:#FFFFFF;
padding-top:0.5em;
}
.archive .postContent{
width:84%;
float:left;
padding:0.5em;
}
.archive .post-content{
clear:both;
font-size:80%;
line-height:1.2;
}

.archive .entryTitle{
font-weight:bold;
font-size:120%;
}
.archive .post-cat a:visited,.archive .post-cat a:link,
.archive .post-tags a:visited,.archive .post-tags a:link
{
color:#1d0808;
}
.archive  .post-cat,
.archive  .post-tags{
font-size:80%;
float:left;
margin-right:1em;
}
.archive .entry_data{
line-height:1.6;
}
.archive .postContent.alt{
background:#f6f6f6;
}
/*pages
========================================*/
#sidebar_pages_menu{
line-height:1.8;
}
#sidebar_pages_menu a:link{color:#1d0808; text-decoration:none;}
#sidebar_pages_menu a:visited{color:#fd0c75; text-decoration:none;}
#sidebar_pages_menu a:hover{color:#ffffff; background:#fd0c75;}

#sidebar_pages_menu ul li ul li{
padding-left:2em;
}
#sidebar_pages_menu .title{/*sidebar menu*/
padding:1em;
margin-bottom:0.5em;
font-size:120%;
font-weight:bold;
border:1px solid #999999;
background:#fffccc;
}
/*post navi
========================================*/
#post_navigation .next-entries{float:left;}
#post_navigation .previous-entries{float:right;}
/*COMMENTS
========================================*/
#commentlist{
font-size:100%;
line-height:1.5;
}
#commentlist a.comment_link{
background:none;
}
#commentlist li{
padding:1em;
}
#commentlist li .comment_author{
font-weight:bold;
color:#fd0c75;
}
#commentlist li .comment_data{
border-bottom:1px dashed #cccccc;
}
#commentlist .alt{background:#fafcdc;}
#commentlist .standard{background:#dcfcdd;}
#commentlist .misakos_comment{ background:#fff1f7;}
#commentlist .abs_comment{ background:#f6f6f6;}
#commentlist .misakos_comment .comment_data,
#commentlist .abs_comment .comment_data{padding-left:1.2em;}
#commentlist .entry_Badge{
position: absolute;
margin-top:-3.4em;
margin-left:-3.4em;
}

/*form*/
#commentsform{
margin-top:1em;
padding:1em;
border:1px solid #cccccc;
}
#commentsform textarea{
width:95%;
font-size:100%;
}

#commentblock .title,
#commentsform .title{
border:1px solid #cccccc;
padding-left:1em;
}
#commentContainer{
padding:1em;
}
/*linkpage
========================================*/
#linkpage a{
display:block;
}
/*Blog quick tags
================================================*/
.entry .post-content .img_clear{clear:both;}
.entry .post-content img{margin:1em;}
.entry .post-content img.left{float:left;}
.entry .post-content img.right{float:right;}
.entry .post-content .subtitle{
font-weight:bold;
border-bottom:1px solid #1d0808;
border-left:10px solid #1d0808;
padding-left:1em;
margin-top:2em;
}
.BlogFontSmall{
font-size:80%;
line-height: normal;
}
.BlogFontLarger{
font-size: 180%;
line-height: normal;
font-weight:bold;
margin:0 5px 0;
}
.BlogFontXtaLarger{
font-size:300%;
line-height:normal;
font-weight:bold;
margin:0 5px 0;

}
.BlogFontLargist{
font-size:500%;
line-height:normal;
font-weight:bold;
margin:0 5px 0;
}
.WhatNew{
font-size:90%;
line-height:180%;
width:80%;
border:1px solid #cccccc;
background:#ffffe4;
color:#666666;
font-weight:bold;
margin:5px;
padding:10px;
}
.BlogReary{
letter-spacing:2em;
}