﻿/* html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/

/* Part 1: Global structure */
body {
/*  font: 100.1% Verdana, arial, helvetica, sans-serif; */
  background-color: #FFFFFF;
  color: #658AA6;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 85%;			/* arial looks better with a smaller size */
   width:1007px;
   margin:0px auto;
}

#outerColumnContainer {
    background-color: #fff;
    border-style: solid;
    border-width: 0 18em 0 0; /* side border widths must equal the
                                 widths of the left and right columns.  */
    border-right-color: #fff; /* right hand column background color */
    color: #000;
    z-index: 1;
}

#rightColumn, #contentColumn { float: left; }
#rightColumn { margin: 0px -17em 0 1px; width: 16em; }
#rightColumn .inside { font-size: 100%; }
#contentColumn { margin: 2em 0 0 0; width: 100%; font-family: Verdana, arial, helvetica, sans-serif; }
.inside { padding: 0 1.0em; }
#rightColumn .inside { padding: 0; }
#contentColumn, #rightColumn{ padding-top: 0em; padding-bottom: 1.0em; }
/* Links */


a{text-decoration: none;}
a:link {color: blue;}
a:visited {color: blue;}
a:hover {color: #DC143C;text-decoration: underline;}
a:active {color: #DC143C;text-decoration: underline;}


img { border: none; vertical-align: middle; }
hr { height: 1px; color: #658AA6; background-color: transparent; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #658AA6;
    background-color: transparent;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding-top: 0.4em;
    text-shadow: #999999 0.2em 0.2em 3px;
}
/* header styles */
h1 { font-size: 170%; border-bottom: 2px solid #658AA6; }
h2 { font-size: 160%; border-bottom: 2px solid #658AA6; }
h3 { font-size: 130%; border-bottom: 3px solid #658AA6; }
h4 { font-size: 120%; border-bottom: 1px solid #658AA6; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Lists */
ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    /*list-style-image: url(http://www.ubuntulinux.nl/images/u-bullet4.png);*/
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
li { margin-bottom: 1em; }
dd { line-height: 1.5em; margin-bottom: 1em; }
dt { margin-top: 20px; margin-bottom: 8px; font-size: 120%; border-bottom: 1px solid #658AA6; } 

fieldset {
    border: 1px solid #658AA6;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend { background: White; padding: 0.5em; font-size: 90%; }

form { border: none; margin: 0; }
textarea {
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #658AA6;  
    color: Black;
    background-color: white;
    width: 90%;
}
input {
    font-family: Verdana, arial, helvetica, sans-serif;
    visibility: visible;
    border: 1px solid #658AA6;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
select { border: 1px solid #658AA6;  color: Black; vertical-align: top; }
abbr, acronym {
    border-bottom: 1px dotted #658AA6;
    color: #658AA6;
    background-color: transparent;
    cursor: help;
}

.code,.quote, q{ 
    font-family: Times, "Times New Roman", serif; font-style: italic;
    font-size: 1.2em;
    color: #658AA6;
    background-color: #eee;
    border-left: 6px solid #ccc;
    padding: 0 0.5em;
    overflow: auto;
}
pre {
    font-size: 100%;
    padding: 1em;
    border: 1px dashed #658AA6;
    color: #658AA6;
    background-color: #f5ebd7;
    overflow: auto;
}
ins { color: green; text-decoration: none; }
del { color: red; text-decoration: line-through; }


img { border: 0; }


td.content {
	border: 1px solid #fbdd9c /*#D9BB7A*/ ;
	padding-left: 1em;
		}

/* Part 3: Navigation bar */
#mastWrapper {}
#masthead {
  position: relative;
  height: 120px;
  background:url("ubuntu2/images/bubble/line.png") bottom repeat-x;
}
#logo h1 { background:url("../include/logo.jpg") 35px 5px no-repeat;padding-left:90px;  border-bottom:none;  height: 50px;}

#logo a {font-size: 150%;text-decoration: none; color:#01598B;}

/* The bar */
#nav {   position: absolute;width:100%; bottom: 0px; right: 0px;  font-weight: bold; }

/* The tabs */
#nav ul { float:right;display: inline;  margin: 0; padding: 0 1% 0 0; list-style: none; }
/* Standard tab */
#nav li { float: left;  background:#FFFFFF; margin:10px 3px 0 3px; padding: 3px 5px 2px 5px;border-top: 3px solid #658AA6;border-left: 3px solid #658AA6;border-right: 3px solid #658AA6; }
#nav li a{ color: #393939; text-decoration: none; }
#nav li a:hover{ color:#666;}

/* Part 4: Rightcolumn */
#rightColumn ul { list-style: none; list-style-image: none; margin: 0.5em 0 0 0; padding: 0; color: #696969; }
#rightColumn li { margin-bottom: 0px; }
#rightColumn #navigation_links li { padding: 0 0 .3em 10px; font-size: 120%; list-style: none; }
#rightColumn li a { text-decoration: none; color: #555; font-weight: normal; }
#rightColumn li a:hover, #rightColumn #news a { text-decoration: underline; color: #333; }
#rightColumn h3, #rightColumn h3 a { margin:20px 0 10px 0; padding-bottom: 5px;text-decoration: none; color: black; font-weight: normal; font-size: 1.5em;}
#rightColumn li.active {
	background-repeat: no-repeat;
	background-position: top left;
}

/* Part 5: Footer */
#footWrapper {
}

#footer {
	clear: both;
	margin: 0;
	padding: 10px 10px 16px 10px;
	font-size: 85%;
	border-top: 4px solid #658AA6;
	text-align: center;
	color: #393939; 
	background: White; /* ubuntu orange */
}

 
#footer a { color: #393939; text-decoration: none; }
#footer a:hover{ color: #61A6C2; text-decoration: none; }

/* Part 6: other specializations */
.timestamp { text-align: right; font-size: 85%; clear: both; font-weight: normal; color: #76797c; }
.timestamp a { color: #76797c; text-decoration: underline; }
.message {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  color: #658AA6;
  font-size: 85%;
  font-weight: bold;
  margin: 0em 0em 1em 0em;
  padding: 0.5em 1em 0.5em 3em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 5px center ;
}




div.entry {
	clear: both;
	margin-bottom: 2em;
	margin-right: 1em;
}

div.person-info {
	float: left;
	position: relative;
	left: 4px;
	margin-top: 15px!important;
	padding: 0 20px 30px 0;
	width: 120px;
	background: url(ubuntu2/images/bubble/bubble-nipple.png) top right no-repeat;
	text-align: center;
}

div.person-info a {
	text-decoration: none;
	color: #888;
}

div.post {
	background: #fff url(ubuntu2/images/bubble/bubble-left.png) left repeat-y;
	margin-left: 140px;
}

div.post-contents img{
   max-width:500px;
   width: expression(this.width > 500 ? 500: true);   /*IE6*/ 
   height: auto;
}

div.post2 {
	background: url(ubuntu2/images/bubble/bubble-right.png) right repeat-y;
}

div.post-contents {
	padding: 0 25px 0 25px;
	margin-right: 10px;
       overflow: auto;
  	line-height: 180%;
}

div.post-contents a{
	text-decoration: underline;
}

div.post-contents p {
	line-height: 180%;
	margin-top: 1em!important;
}

div.post-contents blockquote {
	color: #666;
	line-height: 150%;
}

div.post-contents:after {
	content: "";
	display: block;
	clear: both;
}

/*  相关段子 */
div.post-contents2 {
	padding: 0 25px 10px 25px;
	margin-right: 10px;
        overflow: auto;
  	line-height: 100%;
}

div.post-contents2 a{
	text-decoration: underline;
}



div.post-contents2 blockquote {
	color: #666;
	line-height: 150%;
}

div.post-contents2:after {
	content: "";
	display: block;
	clear: both;
}


h4.post-title, div.post-title {
	background: url(ubuntu2/images/bubble/bubble-top-left.png) top left no-repeat;
	margin: 1em 0 0.25em 0;
}

h4.post-title a, div.post-title span {
	display: block;
	background: url(ubuntu2/images/bubble/bubble-top-right.png) top right no-repeat;
	padding: 20px 25px 0 25px;
	font-weight: normal;
	font-size: 120%;
	text-decoration: none;
        color:#181871;
}

h4.post-title a:hover {
	text-decoration: none;
	color:#000000;
}

div.post-title span {
	display: block;
	height: 20px;
	font-size: 100%;
}

div.post-title {
	display: block;
}

div.post-header {
	background: url(ubuntu2/images/bubble/bubble-top.png) top repeat-x;
}


div.post-footer {
	background: url(ubuntu2/images/bubble/bubble-bottom.png) bottom repeat-x;
	width:100%;
}

div.post-footer p {
	background: url(ubuntu2/images/bubble/bubble-bottom-left.png) bottom left no-repeat;
	margin: 0;
}

div.post-footer p a {
	display: block;
	background: url(ubuntu2/images/bubble/bubble-bottom-right.png) bottom right no-repeat;
	padding: 10px 20px 20px 25px;
	text-align: right;
	font-size: 90%;
	text-decoration: none;
}


h2.date {
	color: #666;
	font-weight: normal;
	font-size: 130%;
	padding-left: 10px;
    padding-top: 1em;
    padding-bottom: 1em;
}



/* sane white background for the aggregate */
div#content, div#region-content, div#innerColumnContainer, div#inside {
	margin: 0;
	padding: 0;
	background-color: white;
} 

div#contentColumn {
	padding: 0;
}

/* fixing up ugly plone bits */

div#contentColumn h2 {
	font-size: 200%;
	font-weight: bold;
	border-bottom: none;
}
div#contentColumn h3 {
	border-bottom: 1px solid #cccccc;
}
div#contentColumn h4 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: none;
	padding-top: 0;
	margin-top: 0;
}

code, pre {
	border: none;
	background-color: #eeeeee;
	overflow: auto;
}

a img:hover {
	background-color: none;
}

div.inside span.feed-icon {
	display:none;
}

div.post-nav {
	width:100%;
	clear:both;
	float:left;
}
div.post-nav a.l{
	float:left;
	padding-left:15px;
	padding-bottom:20px;
	padding-top:20px;
}
div.post-nav a.r{
	float:right;
	padding-right:15px;
	padding-bottom:20px;
	padding-top:20px;
}

/*----------------------隐藏最近文章前的日期---------------------------------*/
.article-date {
        display: none;
}

#divTags li{
        display:inline; 
        padding-right:10px;
}


/* 分页条 */
.pagebar {margin: 20px 0 10px 0;}
.pagebar a,.pagebar a:hover {text-decoration: none;}
span.page {color: #666;padding: 2px 4px 2px 4px;margin: 4px;border: 1px solid #666;}
span.now-page {color: #666;padding: 2px 4px 2px 4px;margin: 5px;border: 0px solid #666;}
a:hover span.page {color: red;border: 1px solid red;}

/* 顶部广告 */
#adhead{float:left;   }
#logo{
float:left;    width:520px;
}


/* 上一篇下一篇 */
.post_nav { padding:5px 15px; height:22px;; margin-bottom:5px;}
.post_nav a { color:blue;}
.post_nav .l { float:left;}
.post_nav .r { float:right;}


/*-----------------------------日历-----------------------------*/
#divCalendar h3{
	display:none;
}

#divCalendar{
    width:100%;
	padding:0 0 0 0;
	text-align:center;
}


#divCalendar div{
    width:225px;
	margin:0 0 0 0;
	padding:5px 0 5px 5px;
	float:left;
}
#divCalendar div.month1{
	background:url("default/month1.gif") no-repeat center center;
}
#divCalendar div.month2{
	background:url("default/month2.gif") no-repeat center center;
}
#divCalendar div.month3{
	background:url("default/month3.gif") no-repeat center center;
}
#divCalendar div.month4{
	background:url("default/month4.gif") no-repeat center center;
}
#divCalendar div.month5{
	background:url("default/month5.gif") no-repeat center center;;
}
#divCalendar div.month6{
	background:url("default/month6.gif") no-repeat center center;
}
#divCalendar div.month7{
	background:url("default/month7.gif") no-repeat center center;
}
#divCalendar div.month8{
	background:url("default/month8.gif") no-repeat center center;
}
#divCalendar div.month9{
	background:url("default/month9.gif") no-repeat center center;
}
#divCalendar div.month10{
	background:url("default/month10.gif") no-repeat center center;
}
#divCalendar div.month11{
	background:url("default/month11.gif") no-repeat center center;
}
#divCalendar div.month12{
	background:url("default/month12.gif") no-repeat center center;
}

p.y{
	text-align:center;
	height:1.7em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:100%;
	font-size:1em;
	font-weight:bold;
}
p.w,p.d,p.yd,p.nd,p.cd{
	float:left;
	width:14%;
	height:1.7em;
	margin:0 0 0 0;
	padding:2px 0 0 0;
	text-align:center;
	vertical-align :middle;
}
p.cd{
	font-weight:bold;
}
p.w{
	background:#F4F4F4;
	padding:5px 0 3px 0;
	font-size:0.9em;
}


div.post-contents .entry .person-info{
    display: none;   
}
div.post-contents .entry .post{
    margin-left: 1em;  
    margin-bottom: 2em;
	padding: 0 0;
}