﻿/*
# default style for iFeeds project. #
Created by gchen @ 2009
chagel@gmail.com
*/

body{
    font-family: "segoe ui",Tahoma,Verdana,Helvetica,"Microsoft YaHei",Arial,sans-serif;
    font-size: 1em;
    background-color: #f5f5f5;
    margin:0;
	padding:0;
}
pre{
    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
    font-size:90%;
    margin-bottom: 10px;
    overflow: auto;
    width: 580px;
    background-color: #E7F1F8;
    padding-left:5px;
    padding-top:5px;
    padding-bottom: 20px !ie7;
    line-height:20px;
}
code{
    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
    font-size:90%;
    line-height:20px;
}
a, a {color:#0000BF;text-decoration: none;}
a:visited, a:visited {color:#0000BF;text-decoration: none;}
a:hover, a:hover {color: #0000BF; text-decoration: none;}
a:active, a:active {color: #0000BF;text-decoration: none;}

h1 {font-size:220%;font-weight: bold;}
h2 {font-size:160%;font-weight:bold;display:block;}
h3 {display:block;font-size:120%; font-weight:bold;}
h4 {display:block;font-size:90%; }
#logo{
    padding-bottom:3px;
}
#logo img{
    border:1px solid #ccc;
}
#header{
    width:100%;
    border:0px;
    background:#BBD9EE;
    padding-left:5px;
    padding-top:5px;
    border-bottom:2px solid #ccc;
    z-index:100;
    position: fixed;
    top: 0px;
    left: 0px;
}
*html #header {
    position: absolute;
    top: 0px;
    left: 0px;
}
#searchbox{
    right:5px;
    top:30px;
    z-index:101;
    position: fixed;
}
*html #searchbox{
    position:absolute;
}
#title{
    padding:5px;
}
#title #main{
    font-family:Tahoma;
    font-size:120%;
    font-weight:bold;
}
#title #subtitle{
    font-family:Arial;
    font-size:80%;
    font-weight:normal;
}
#nav{
    background:#BBD9EE;
    font-family: Verdana;
    font-size:60%;
    font-weight:bold;
    float:left;
    width:100%;
    line-height:normal;

}
#nav ul{
    margin:0;
    padding:10px 10px 0 5px;
	list-style:none;
}
#nav li{
    display:inline;
    margin:0;
    padding:0;
}

#nav a {
    float:left;
    background:url("../images/tableft.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#nav a span {
    float:left;
    display:block;
    background:url("../images/tabright.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span {
    color:#000;
}
#nav a:hover {
    background-position:0% -42px;
}
#nav a:hover span {
    background-position:100% -42px;
}
#sidebar{
    position:absolute;
    right:0px;
    top:0px;
    /*z-index:10000*/
}
#sidebar .connect{
    margin-right:5px;
}
#sidebar .connect iframe{
    min-height:600px;
}
.fade{
      margin-right:5px;
      float:left;
      filter:alpha(opacity=50);
      -moz-opacity:.25;
      opacity:.25;
}

.fade:hover{
      filter:alpha(opacity=100);
      -moz-opacity:1;
      opacity:1;
}
#content{
    font-size:80%;
    font-weight:normal;
    margin-left:10px;
    margin-top:100px;
    position:relative;
}
#content .container{
    width:700px;
    margin-top:10px;
    line-height:25px;
    margin-bottom:30px;
}
#footer{
    height:50px;
    color:#333;
    background-color:#BBD9EE;
    border-top:1px solid #ccc;
    padding:5px;
    text-align:left;
    font-family:Verdana;
    font-size:60%;
    line-height:15px;
    position: fixed;
    bottom: 0px;
    width:100%;
}
#footer .left{
    float:left;
}
#footer .right{
    float:right;
}
*html #footer {
    position: absolute;
    bottom: 0px;
}
#footer a{
    color:#777;
    text-decoration:underline;
}
#footer img{
    margin:0px 10px 0 0;
    float:right;

}
#pager{
    font-family:Arial;
    text-align:center;
    margin:10px 0 20px 0;
    word-spacing:2px;
}

#pager .current{
    color:#FF9900;
    font-weight:bold;
}
#pager a:hover{
    text-decoration:underline;
}

#form .input{
    width:400px;
}
#form .text{
    width:400px;
    height:300px;
}
/* style for RSS output*/
.rss-item {
    margin:10px 0 15px 0;
    /*background-color:#f5f5f5;*/
    line-height:20px;
}
.rss-item .author{
    font-size:100%;
    font-style: italic ;
}
.rss-item .title a{
    font-size:105%;
    font-weight:700;
    text-decoration: none;
    line-height:25px;
    padding-bottom:3px;
}
.rss-item .title a:hover{
    text-decoration: underline;
}
.rss-item .summary{
    text-align:justify;
    background-color:#FFF;
    padding:10px;
    margin-bottom:3px;
    border:#EEE solid 1px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.rss-item .source{
    font-size:90%;
}
.rss-item .body{
    margin-left:20px;
    width:550px;
}
.rss-item .body img{
    border:1px solid #ccc;
}
.rss-item .body .linked{
    color:#0000BF;/*#0000BF;#B7E0FF;*/
    /*font-weight:bold;*/
    cursor:pointer ;
}
.rss-item .body .commentpanel{
    margin-top:10px;
}
.rss-item .body .comment{
    width:370px;
    /*background-color:#f0f0e9;*/
    margin-left:25px;
    padding-left:5px;
    margin-top:5px;
}
.rss-item .body .comment img{
    border:0px;
}
.rss-item .blog{
    width:550px;
}
.rss-item .blog .title a{
    font-size:120%;
}
.rss-item .blog .summary{
    padding:10px;
}

.rss-item .pubdate{
    font-family:Arial;
    font-size:90%;
    color:#737373;
}
.rss-item .album img{
    border:1px solid #ccc;
}

.rss-item .article-title{
    font-size:120%;
    font-weight:bold;
    text-decoration: underline;
}
.rss-item .tools{
    font-size:90%;
}
.entry {
    overflow:hidden;
}
.entry .nav{
    height:30px;
}
.entry .nav .back{
    float:left;
}
.entry .nav .next{
    float:right;
    color:#777;
}
.entry .title{
    margin-bottom:5px;
}
.entry .title h3{
    font-size:180%;
    font-weight:400;
    line-height:30px;
    padding-bottom:3px;
    margin:0;
}
.entry .body{
    text-align:justify;
    font-size:10.5pt;
    border:#EEE solid 1px;
    background-color:#FFF;
    padding:0 10px 0 10px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.entry .publish{
    color:#777;
}
.entry .publish .time{
    font-style:italic;
}
.left{
    float:left;
}
.right{
    float:right;
}
.slist{
    margin:0;
    padding:0;
	list-style:none;
}
.slist li{
    margin:0;
    padding:0;
    margin-bottom:10px;
}
#field{
    border:1px solid #ccc;
    padding:10px;
}
#field legend{
    color:#333;
    font-family:Verdana;
    font-size:80%;
    font-weight:bold;
}
#contact-form{
    line-height:30px;
    padding:8px;

}

.td-label{
    font-weight:bold;
}

.td-value{
    width:200px;
}

.small-code{
    font-size:6pt;
    font-family:Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
    line-height:10px;
}

#error{
    color:red;
}

/*round table*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#BBD9EE; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#BBD9EE; border-right:2px solid #BBD9EE; border-left:2px solid #BBD9EE; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#BBD9EE; border-right:1px solid #BBD9EE; border-left:1px solid #BBD9EE; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#BBD9EE; border-right:1px solid #BBD9EE; border-left:1px solid #BBD9EE; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #E7F1F8;}
.headh {background: #BBD9EE; border-right:1px solid #BBD9EE; border-left:1px solid #BBD9EE;}
.headh h3 {color:#333;margin: 0px 10px 0px 10px; padding-bottom: 3px;font-size:120%;}
.contenth {background: #E7F1F8; border-right:1px solid #BBD9EE; border-left:1px solid #BBD9EE;padding:10px;}
.contenth div {margin-left: 12px; padding-top: 5px;}
/* Normal Bubble */
div.bubble {
	width: 450px;
    margin-top:10px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
    color:#333;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(/images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 7px;
	background: transparent url(/images/tip-rounded.gif) no-repeat 15px 0;
}
