/* Theme Name: mol
Edit: Ryan[at]mol http://www.moldigital.com
Description: Adapted for www.fudan.org.cn
*/

/* Basic Tag Elements */
a {
	text-decoration: none;
	outline: none;
	color: #136085;
}
a:hover {
	text-decoration: underline;
}
img {
	border:0;
	padding:0;
}
body {
	position: relative;
	color: #333;
	margin: 0 auto;
	font-size: 12px;
	padding: 0;
	background: #fff;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #136085;
}
div, td, body, h1, h2, h3, li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 135%
}
textarea {
	width: 97%;
}
form {
	padding:0px;
	margin:0px
}
input {
	border:1px solid #999;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin:2px
}
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}
small, small a {
	color:#888;
	font-weight: normal
}
ul, li {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

/* Header Elements */

#navi_container {
	height:300px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#navi_head {
	height:300px;
	position:relative
}
#searchformdiv, #searchformdiv2 {
	z-index: 100;
	position:absolute;
	width:285px;
	height:38px;
	right:10px;
	top:10px;
	text-align:right;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#searchformdiv form, #searchformdiv input, #searchformdiv a {
	margin:0px;
	padding:0px;
}
#searchformdiv input {
	border:1px solid #eee;
	position:absolute;
	top:-1px;
	left:15px;
}
#searchformdiv {
	top:20px;
}
#searchformdiv2 {
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
#navigation {
	background: #136085;
	height: 55px;
	z-index: 1000;
	border-top:1px solid white;
	border-bottom: 1px solid white;
}
#menu_logo {
	background:url(/main_logo.png) no-repeat;
	background-position:50% 50%;
	background-color:#136085;
	height:55px;
	width:175px;
	text-indent:-999em;
}
#menu_logo a{
	background:none;
	}

#navi_author {
	color:#fff;
	position:absolute;
	top:275px;
	right:10px;
}
#navi_author a {
	color:#8aafc1;
}

/* Main Elements */

#navigation, #navi_head, #mainwrapper, #footer {
	width: 996px;
	padding:0px;
	margin:0 auto;
}
#navi_head {
	margin-top:5px;
}
#mainwrapper {
	background: #fff;
}
#footer {
	clear: both;
	text-align: left;
	background:#fff;
	border-top:#888 solid 1px;
}
#copyrighter {
	color:#333;
	padding:5px 0px;
	background:url(/main_logo2.png) top right no-repeat #fff;
	height:50px;
}
#copyrighter ul {
	background:none;
	}
#copyrighter ul li {
	width:300px;
	float:left;
	margin:3px 0px;
	background:none;
	}

/*side bars*/

#sidebar {
	float: left;
	background:#eee;
	width: 253px;
	margin: 0 auto;
	margin-top: 5px;
	overflow-x: hidden；
	font-size:12px

}
#secondsidebar {
	width: 160px;
	float: right;
	margin-top: 2px;
	overflow:hidden;
	font-size:12px

}
#secondsidebar img {
	float:right;
}
#secondsidebar h2 {
	height:150%;
	border-bottom: 1px solid #8aafc1;
	text-align:right;
	padding:5px;
}
#secondsidebar select {
	margin-top:10px;
	width:156px;
	padding:0px;
}
.side {
	line-height: 20px;
	font-size: 18px;
	margin-bottom: 0;
}
.side-widget {
	width:100%;
	line-height:135%
}
.side-widget ul {
	padding:5px 10px;
}
.side-widget ul li {
	background:url(images/arrows.png) no-repeat 0px 4px;
	padding-left:15px;
	margin: 0;
	margin-bottom:3px
}
.side-widget ul li a {
	color:#333;
	display:block;
}
.side-widget ul li a:hover {
	color:#136085;
	text-decoration:none
}
#sidebar .side-widget h2, .side-widget h1 {
	font-size: 12px;
	margin: 6px;
	padding:5px;
	display:block;
	background:#8aafc1;
	text-transform: uppercase;
	border-bottom: 1px solid white;
	border-right:1px solid white;
}
.cat-post-item strong {
	font-size:8px; 
	background:red; 
	color: #fff;
	font-family: Verdana;
	text-transform:uppercase;
	margin-left:5px;
	padding-left:2px;
	padding-right:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#sidebar h2 {
	background:#8aafc1;
	padding:5px;
	text-align:right;
	color: white;
	border-bottom: 1px solid white;
	border-right:1px solid white;
}
#share {
	text-align:center;
}
#share img,#share iframe {
	margin:0px 2px
}
.textwidget p {
	margin:0px;
	padding:0;
}
.textwidget ul li {
	margin:0px;
	padding:0px
}
.side-widget form {
	margin:15px
}
.side-widget form ul {
	border:0px
}


/* Left Content Elements */

.posts {
	padding: 10px;
	margin-right: 10px;
	clear: both;
	position:relative;
	border-bottom:1px dotted #eee;
}
.posts .storycontent {
	color:#666;
	margin: 5px 0px;
}
.posts h2 {
	font-size:14px;
	margin:0px;
	padding:0px;
}
.posts img {
	margin: 10px 10px 10px 0;
	float: left;
}
.readmore {
	color: #cc0000;
}

#leftcontent {
	width:576px;
	float:left;
}
#leftcontent h5.latest {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #cc0000;
	margin-bottom: 5px;
	font-size: 14px;
}
#leftcontent .post h1 {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 26px;
	font-size:16px;
	color:#136085;
}
#leftcontent .pages h1, #leftcontent h1.catheader {
	margin-top: 5px;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	line-height: 21px;
	color: #222;
}
#leftcontent h1.catheader {
	color: #cc0000;
	margin-bottom: 15px;
}

#leftcontent .postmetadata {
	clear: both;
	line-height: 14px;
}
.ind-post, .post, #leftcontent .post, div.post {
	padding:20px;
	width: auto;
	font-size:14px;
}
.post .entry {
	font-size:14px;
}
.entry p {
	line-height: 1.5em;
	text-indent: 2em;
}
.ind-post img {
	margin: 0px 10px 5px 0;
}

.entry img {
	text-indent:0px;
	margin:5px auto;
}

#leftcontent .post .entry ul.feat {

}
#leftcontent .post .entry ul.feat li {
	padding:5px;
	background:#eee;
	margin-bottom:5px;
}
#leftcontent .catdesc {
	background: #f7f7f7;
	border: 3px double #ddd;
	padding: 0 10px;
	color: #666;
	font-size: 13px;
	line-height: 15px;
	margin-bottom: 10px;
}
.entry strong {
	font-size:1em;
	line-height:3em;
	color:#136085;
	font-weight:normal
}

/*format table #muu*/		

.tbb {
	background:#eee
}
.tbh {
	background-color: #136085;
	color: #fff;
	font-size: 14px;
}
#muu {
	border: 2px #eee solid;
	margin: 0 auto;
	width:95%
}
#muu .ngg-singlepic {
	display:inline
}

/*fomart video page*/

.videoplay {
	background:#ccc;
	font-size:8px;
	padding:2px;
}
.videoplay.videoplaying {
	background:#f00;
	color:#fff
}
a.videoplay:hover {
	background:#136085;
	text-decoration:none;
	color:#fff
}
a.videoplaying:hover {
	background:#f00
}

/*single.php*/

#singleframe {
	width:768px; 
	margin-top:5px;
	margin-bottom:5px; 
	float:left;
	border:1px #ccc solid;
	position:relative;
	overflow:hidden;
}
.singlehead {
	background:#eee;
	padding:10px;
	position:relative;
	clear:both;
}
h1#singletitle {
	font-size:16px; 
	color:#136085; 
	padding:10px;
	margin:20px;
	text-align:center;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
}
.singlehead-date {
	text-align:center;
	font-size:10px;
	color:#999;
}
#singleframe #leftcontent {
	position:relative;
	float:none;
	width:auto;
}
#singlemeta {
	float:none;
}
#singlemeta label {
	font-size:10px;
	color:#999;
	font-weight:bold;
	display:block
}
#singlemetaframe {
	padding:5px;
}
#singleexc {
	padding:10px;
	padding-left:35px;
	background:#8aafc1;
	background-image:url(/wp-content/themes/magazine-basic/images/indexmsgback.jpg);
	color:#fff;
	background-repeat:no-repeat;
	margin-bottom:5px;
	}
#singleexc p {
	margin:0px;
	padding:0px;
}
.singlenav {
	mar
	padding-left:5px;
}

/* This is your subtitle style */
#leftcontent p.sub {
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	margin: 10px 0 0;
}
/* This is your blockquote style */
#leftcontent .entry .pullquote {
	width: 250px;
	font-size: 24px;
	line-height: 26px;
	float: right;
	margin: 0 0 0 30px;
	padding: 0;
	font-style: italic;
}
#leftcontent .entry .pullquote p {
	padding: 0;
	margin: 0;
}
#leftcontent a.more-link {
	clear: both;
	width: 60px;
	text-align: center;
	display: block;
	color: #fff;
	margin: 12px 0;
	background: #aaa;
	padding: 0px 8px;
	font-size: 11px;
	line-height: 20px;
}
#leftcontent a:hover.more-link {
	text-decoration: none;
	background: #666;
}
.tags a {
	color: #cc0000;
}
.mainhr {
	float: left;
	background: #eee;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 10px 0;
}


/* Pagination */	
	
.pagination {
	margin: 20px 0 10px;
	float: left;
	background: #eee;
	width: 97%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 12px 1% 10px;
}
.pagination a {
	padding: 3px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #666;
	background-color: #FFFFFF;
}
.pagination a:hover {
	border: 1px solid #444;
	color: #444;
	background-color: #FFFFFF;
}
.pagination span.pages {
	padding: 3px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}
.pagination span.current {
	padding: 3px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #666;
	color: #444;
	background-color: #FFFFFF;
}
.pagination span.extend {
	padding: 3px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #ccc;
	color: #444;
	background-color: #FFFFFF;
}
/* Other Elements */

.red, .entry a {
	color: #136085;
}
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
}
#tagcloud a {
	color: #cc0000;
}
/* Comment Elements */

#postcomments {
	padding-top: 20px;
}
h3#comments, #respond h3 {
	color:#333;
	font-size:14px;
	clear: left;
	text-transform: uppercase;
	padding:5px;
	background:#8aafc1;
}
#commentallow {
	color:#999;
	font-size:10px;
	margin:10px;
}

.navigation {
	margin:10px
}
#respond {
	margin:10px;
}
ol.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
}
ol.commentlist li {
	font-size:14px;
	margin:10px;
	padding:5px;
	border:1px solid #eee;
}
.commentlist p {
	margin:10px;
	padding:0px
}
.children p {
	margin:5px
}
.commentlist small {
	display: inline;
	float:right;
	padding:3px;
	border-bottom: 1px #ccc solid
}

.commentlist .even {
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.commentlist .avatar {
	float: right;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 0 20px 10px 10px;
	background: #fff;
}
.commentlist .comment-author {
	font-size: 12px;
}
.commentlist .comment-text {
	padding: 0 20px 0 0;
}
.commentlist .url {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.commentmeta {
	padding:5px;
}
.commentmeta strong{
	text-transform:uppercase;
}
ol.commentlist li div.reply {
	background:#999;
	border:1px solid #666;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#fff;
	font:bold 9px/1 helvetica, arial, sans-serif;
	padding:6px 5px 4px;
	text-align:center;
	width:36px;
}
ol.commentlist li div.reply:hover {
	background:#cc0000;
	border:1px solid #cc0000;
}
ol.commentlist li div.reply a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
ol.commentlist li ul.children {
	list-style-type:none;
	margin:0px;
	padding: 0px;
}
ol.commentlist li ul.children li {
	font-size:12px;
	margin:10px;
	border-left:5px solid #8aafc1;
}
ol.commentlist ul.children li.odd {
	background:#fff;
}
ol.commentlist ul.children li.even {
	background:#eee;
}

/* WordPress Required Elements */

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignleft, div.alignleft {
	float: left;
	margin: 5px 15px 5px 0;
}
.alignright, div.alignright {
	float: right;
	margin: 5px 0 5px 15px;
}
.alignnone {
	margin: 5px 0;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0;
	/* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
#today {
	color: #cc0000;
}
#wp-calendar {
	margin: auto;
}

.list_a {
	list-style-type:none;
	margin-left:0px;
	font-size:14px;
	padding-left:0px;
	line-height:150%
}
.list_a_head {
	border-bottom:1px dotted #ccc;
	font-size:14px;
	padding:2px;
}
.list_a strong {
	font-family:verdana;
	font-size:6px;
	color:white;
	background:#8AAFC1;
	padding:1px;
	border-right:1px solid #999;
	border-bottom:1px solid #999
}
.list_a_first {
	background:#eee;
	padding:6px;
	margin-bottom:5px;
}
.list_a_first h1 {
	font-size:1.25em;
	line-height:1.5em;
	padding:0px;
	margin:0px;
}
.list_a_first p {
	margin:0px;
	padding:0px;
	display:inline;
}


.rel_posts {
	padding:0px;
	margin:5px;
	list-style-type:none
}
.rel_posts_div {
	border:1px solid #ccc;
	margin-top:10px;
}
.rel_posts_div h2 {
	margin:5px;
	padding:5px;
}
.rel_posts li {
	padding:5px;
}
.rel_title {
	padding-left:15px;
	display:block;
	background:url(images/arrows.png) no-repeat 0px 4px;
}
#secondsidebar ul, #secondsidebar li {
	font-size:12px
}

#list_catt ul {
	margin-left:20px
}
#list_catt strong {
	display:block;
	padding:2px;
	border-bottom:1px #ccc dashed;
}


/* buddypress */
#container {
	width:700px;
	float:left;
	clear:none;
	padding:15px
}
/* wppoll*/
	.wp-polls {
	width:90%;
	margin: 0 auto
}

/* archive */
.molTagNav {float:left;padding:2px;background:#8aafc1;margin:2px;padding-right:10px;}
.molTagNav a {color:#fff;}
.molTagNav span {cursor:pointer;}
.archivemeta {padding:5px;background:#8aafc1;color:#fff;display:none;}
.archivemeta a {color:#333;}

/*campus calendar*/

#agenda ul {width:98%;margin:0 auto}
#agenda li {padding-bottom:3px;padding-top:3px;border-bottom:1px #8aafc1 solid}
#agenda div {padding-bottom:10px;padding-top:20px;font-size:14px;}


#twocol {
	float: left;
	padding: 5px;
	padding-top: 0px;
	margin-top: 5px;
	background: url(images/line.gif) repeat-y 50% 0;
}
.twopost {
	width: 46%;
	float: left;
}
.twopost2, .twopost4 {
	margin-left: 7.5%;
}
.twopost3, .twopost4 {
	border-top: 1px solid #eee;
	padding-top:5px;
}
.twopost1, .twopost3 {
	clear: left;
}