/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		Envision
   TEMPLATE CODE: 	S-0013
   VERSION:          1.0          	
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 13px;
    color: #333;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    background: url("http://pku.edu.cn/images/fw_bg.jpg") bottom center no-repeat;
}

/* links */
a, a:visited {
    text-decoration: none;
    color: #8f000b;
}

a:hover {
    color: #8f000b;
    text-decoration: underline;
}

/* headers */
h1, h2, h3 {
    /*font-family: 'Trebuchet MS', Tahoma, Sans-serif;*/
    font-weight: Bold;
}

h1 {
    font-size: 130%;
}

h2 {
    font-size: 120%;
    text-transform: uppercase;
    color: #333;
}

h3 {
    font-size: 120%;
    color: #666666;
}

/* images */
img {
    padding: 5px;
}

img.float-right {
    margin: 5px 0px 10px 10px;
}

img.float-left {
    margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
    padding: 10px;
    margin: 0;
	line-height: 1.6;
}

ul, ol {
    margin: 5px 20px;
    padding: 0 20px;
}

ul li {
    list-style-image: url(images/bullet.gif);
}

code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    /* white-space: pre; */
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
}

acronym {
    cursor: help;
    border-bottom: 1px solid #777;
}

blockquote {
    margin: 10px;
    padding: 0 0 0 28px;
    border: 1px solid #f2f2f2;
    background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;
}

/* start - table */
table {
    border-collapse: collapse;
    margin: 10px;
}

th strong {
    color: #fff;
}

th {
    background: #93BC0C;
    height: 29px;
    padding-left: 8px;
    padding-right: 8px;
    color: #FFF;
    text-align: left;
    /*border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #f1f1f1;*/
}

tr {
    height: 30px;
}

td {
    padding-left: 2px;
    padding-right: 2px;
    /*border-left: 1px solid #FFF;
    border-bottom: solid 1px #f1f1f1;*/
}

td.first, th.first {
    border-left: 0px;
}

tr.row-a {
    background: #F8F8F8;
}

tr.row-b {
    background: #EFEFEF;
}

/* end - table */

/* form elements */
form {
    margin: 10px;
    padding: 0 5px;
    border: 1px solid #f2f2f2;
    background-color: #FAFAFA;
}

label {
    float: left;
	*float:none;
    display: block;
    font-weight: bold;
    margin: 0 5px;
}

input {
    float: left;
    padding: 2px;
    border: 1px solid #eee;
    font-weight: normal;
    color: #777;
}

textarea {
    float:left;
    width: 400px;
    padding: 2px;
    font-weight: normal;
    border: 1px solid #eee;
    height: 100px;
    display: block;
    color: #777;
}

input.button {
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 2px 3px;
    color: #FFF;
    background: #8EB50C url(images/button-bg.jpg) repeat-x 0 0;
    border: none;
    cursor: pointer;
}

.is_btn {
    float: none;
    cursor: pointer;
}

/* search form */
.searchform, #sidebar form {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 5px 0 15px 0;
    width: 190px;
}

.searchform p, #sidebar form p {
    margin: 0;
    padding: 0;
}

.searchform input.textbox, #sidebar form input.textbox {
    float:none;
    width: 120px;
    color: #777;
    height: 18px;
    padding: 2px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
}

.searchform input.button, #sidebar form input.button {
    float:none;
    width: 60px;
    height: 24px;
    padding: 2px 5px;
    vertical-align: top;
}

/********************************************
   LAYOUT
********************************************/
#wrap {
    display: block;
    width: 100%;
    /*background: url(images/content.png) repeat-y center top;*/
    margin: 0 auto;
    text-align: left;
}

#content-wrap {
    display: block;
    width: 1000px;
    padding: 0;
    margin: 10px auto;
}

#header-wrap {
    display: block;
    width: 100%;
    background: #8f000b url("http://pku.edu.cn/img/pkucloud1h100.png") no-repeat top right;
    margin: 0 auto;
}

#header {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1000px;
    height: 100px;
    /*background: url(images/header.png?v=2) no-repeat center top;*/
    padding: 0;
    color: #FFF;
    /* font-size: 14px; */
}

#header h1#logo-text {
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 0px;
    color: #FFF;
    text-transform: none;

    /* change the values of top and left to adjust the position of the logo*/
    padding-left: 245px;
    padding-top: 30px;
}

#header h1 a {
    color: #FFF;
}

#header h1 a:hover {
    text-decoration: underline;
}

#header h1 img {
    position: absolute;
    width: 213px;
    left:10px;
    top:15px;
}

#header h2#slogan {
    position: absolute;
    margin: 0;
    padding: 0;
    font-weight: normal;
    text-transform: none;
    color: #FFF;

    /* change the values of top and left to adjust the position of the slogan*/
    top: 70px;
    left: 55px;
}

/* header links */
#header #header-links {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #C6DDEE;
    font-size: 10px;
}

#header #header-links a {
    color: #FFF;
    text-decoration: none;
}

#header #header-links a:hover {
    color: #D4E59F;
}

#adv {
    clear: both;
    padding: 0;
    width: 880px;
    display: none;
    float: left;
    margin: 0 auto -3px 20px;
}

#adv a img {
    width: 870px;
    border: none;
}


#menu-wrap {
    display: block;
    width: 100%;    
    background: #700005;
    border-top: 1px solid #bc3943;
    margin: 0 auto;
}

/* Menu */
#menu {
    display: block;
    margin: 0 auto;
    width: 1000px;
    padding: 0;
    position: relative;
    /*background: #700005 url(images/menu.jpg) repeat 0 0;*/
    font-weight: normal;
    font-size: 13px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-image: none;
}

#menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    display: inline;
}

#menu ul li a {
    display: inline-block;
    padding: 5px 15px;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;
    transition: all 0.3s;
}

#menu ul li.last a {
    padding-right: 20px;
}

#menu ul li a:hover {
    color: #FFF;
    background: #8f000b;
}

#menu ul li.current a {
    color: #FFF;
    background: #8f000b;
}

/* Main Column */
#main {
    /*float: right;*/
    /*width: 640px;*/
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 50px;
    margin: 0 0 0 5px;
    display: block;
    min-height: 500px;
    _height: 500px;
}

#main h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #333;
    padding: 5px 0 10px 5px;
    /*border-bottom: 1px solid #EFF0F1;*/
    border-bottom: 1px solid #8c0000;
    /*background: #FFF url(images/square-green.png) no-repeat 3px 50%;*/
}

#main li {
	line-height: 1.7;
}

.post-footer {
    display: none;
    background-color: #FAFAFA;
    padding: 5px;
    margin: 10px 0px 5px 0px;
    border: 1px solid #f2f2f2;
}

.post-footer .date {
    background: url(images/clock.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

.post-footer .comments {
    background: url(images/comment.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

.post-footer .readmore {
    background: url(images/page.gif) no-repeat left center;
    padding-left: 20px;
    margin: 0 10px 0 5px;
}

/* Sidebar */
#sidebar {
    display: none;
    float: left;
    width: 200px;
    padding: 0;
    margin: 0;
    color: #68774A;
    min-height: 500px;
    _height: 500px;
}

#sidebar h1 {
    margin-top: 10px;
    padding: 5px 5px;
    font-weight: bold;
    color: #728D26;
}

#sidebar ul.sidemenu {
	display: none;
    list-style: none;
    text-align: left;
    margin: 7px 4px 8px 0;
    padding: 0;
    text-decoration: none;
    /* background: url(images/dots.jpg) repeat-x left top; */
}

#sidebar ul.sidemenu li {
    list-style: none !important;
	list-style-image:none !important;
    background: url(images/dots.jpg) repeat-x left bottom;
    padding: 4px 0 4px 5px;
    margin: 0 2px;
    color: #68774A;
	line-height:200%;
}

#sidebar ul.sidemenu li a {
    font-size: 13px;
    text-decoration: none;
    color: #666666;
}

#sidebar ul.sidemenu li a:hover {
    color: #1773BC;
}

#sidebar ul.sidemenu li.current a {
    color: #1773BC;
}

#sidebar .left-box{
    padding: 5px 0px;
}

#sidebar .left-box img{
	width: 200px;
}

/* Footer */

#footer-wrap {
    display: block;
    width: 100%;    
    background-color: rgb(143, 0, 11);
    background-color: rgba(143, 0, 11, 0.8);
    margin: 0 auto;
}

#footer {
    margin: 0 auto;
    color: #C6DDEE;
    /*background: url(images/footer.png?v=2) no-repeat center top;*/
    width: 1000px;
    padding-top: 20px;
    height: 100px;
    text-align: center;
}

#footer a {
    color: #FFF;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

/* alignment classes */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

/* display and additional classes */
.clear {
    clear: both;
}

.red{
    color:red;
}

span.red{

}