/*
Theme Name: Jas9 TeakFloor2
Theme URI: http://jas9.com/blog/
Description: Child Theme for suburbia
Author: Jas9
Author URI: http://jas9.blogspot.com/
Template: suburbia
Version: 2.0
*/
 
@import url("../suburbia/style.css");
@import url("../suburbia/pagenavi-css.css");
@import url("../suburbia/ie.css");

body {
background:url(images/bg.jpg) 0 0 repeat fixed;
font-family:"Arial Unicode MS", Helvetica, Arial, sans-serif;
}
.header {
border-bottom:1px dashed #E0E0E0;
height:50px;
padding:15px;
position:relative;
}

#wrapper {
background:none repeat scroll 0 0 #FFFFFF;
margin:30px auto 0;
width:990px;
padding:0 5px;
}
a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#664b3d;}
a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#cc4400;}
.one:hover, .two:hover { background-color: #ffff99; }
.post .time { background-color: #eee;font-size: 12px; position: absolute; bottom: 20px; right: 20px; padding: 0 5px; }
#single {
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
float:left;
margin-right:-1px;
padding:0 20px 25px;
width:556px;
}

.linkwithin_hook{margin-left:-15px;}
.desc { width: 362px; height: 30px; border: none; position: absolute; top: 0; right: 0; padding: 15px 20px 0; }
#single p {
font:15px/25px "Arial Unicode MS", Helvitica, Arial,Sans-serif;
    margin: 12px 40px;
}
.two p, .one p, .bottom p {
font:12px/22px Verdana, Helvitica, Arial,Sans-serif;
letter-spacing:0.09em;
clear:both;
margin: 0;
}

.footer { display: block; height: 60px; border-top: 1px dashed #E0E0E0; margin-top: 20px; padding: 10px 20px 0 20px; font-size: 10px; position: relative; }

.space {
border-right:1px solid #E0E0E0;
height:35px;
left:0;
padding:15px 15px 0;
position:absolute;
top:0;
width:165px;
}

a.stiff {
color:#fff;
background-color:#f50;
padding:2px;
}
a:hover{color:#f50;}
#submit {
    background: #835504;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
font:12px/22px Verdana, Helvitica, Arial,Sans-serif;
}
.meta {
    border-bottom: 1px solid #E0E0E0;
    float: left;
    padding: 0 20px 20px 15px;
    width: 160px;
}
#single h1 {
    border-top: 5px solid #E0E0E0;
    color: #000000;
    float: left;
    font: normal 23px/30px "Arial Unicode MS", "Microsoft JhengHei", "Microsoft YaHei", 'Trebuchet MS', simhei, Verdana, Helvitica, Arial,Sans-Serif;
	height:65px;
    margin: 20px 0 5px;
	overflow:hidden;
    padding: 10px 0 0;
    width: 100%;
}
#drop-case{padding-bottom:2px;margin-bottom:5px;}
#drop-case:first-letter { 
font-family: "Microsoft JhengHei","Microsoft YaHei",'Trebuchet MS',simhei,Verdana,Sans-Serif;
font-size : 35px;
font-weight : bold;
color:#000;
line-height:100%;
float : left;
margin-top:0;
margin-left:0;
margin-right: 4px;
margin-bottom: 2px;
padding: 0;
border: 0;
}
#drop-case a:first-letter { 
font-family: "Microsoft JhengHei","Microsoft YaHei",'Trebuchet MS',simhei,Verdana,Sans-Serif;
font-size : 35px;
font-weight : bold;
color:#000;
line-height:100%;
float : left;
margin-top:-3px;
margin-left:2px;
margin-right: 4px;
margin-bottom: 0;
padding: 0;
border: 0;
}
#fb_share_1{clear:right;height:65px;margin:20px 0;overflow:hidden;}
#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow:0 0 6px #222;
    margin: 30px auto 0;
    padding: 0 5px;
    width: 990px;
}
.topevents{float:left;background:url(http://jas9.com/blog/wp-content/themes/jas9_teakfloor2/images/jas9blog_165x35.png) #fff 0 0 no-repeat;width:165px;height:35px;overflow:hidden;}
.topevents a{display:block;width:165px;height:35px;overflow:hidden;}
.topevents a:hover{background:url(http://jas9.com/blog/wp-content/themes/jas9_teakfloor2/images/jas9blog_165x35.png) #b3b3b3 0 0 no-repeat;}

a.jastips {
    border-bottom: 1px dotted #669900;
    color: #669900;
    text-decoration: none;
    z-index: 9;
}
a.jastips:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #BB0000;
    color: #BB0000;
    cursor: help;
    position: relative;
    z-index: 999;
}
a.jastips span {
    display: none;
}
a.jastips:hover span {
    background: none repeat scroll 0 0 #000000;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    display: block;
    float: left;
    left: 0;
    margin: 0;
    opacity: 0.7;
    padding: 1px 5px;
    position: absolute;
    text-shadow: 1px 1px #000000;
    top: -1.65em;
    white-space: nowrap;
    z-index: 99;
}