@charset utf-8;
/*
Theme Name: Whiteboard
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: The Whiteboard Famework for Wordpress is built to speed up the process of developing a Wordpress theme. Whiteboard does so by eliminating the time spent on Wordpress' backend PHP by including what is common to all Wordpress powered Web sites with nothing extra.
Version: 3.1.4

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body{
	
}

#main {

}

header {
	
}
	nav {
		
	}
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}

#content {
	
}
	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}

#comments {
	
}
	li.comment {
		
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
		.comment-text {
			
		}
		.comment-meta {
			
		}
			p.gravatar {
				
			}
		.waiting-for-approval {
			
		}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
	#comments-form {
		
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widget-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			
		}

#footer {
	
}
	#widget-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widget-area {
	
}

.hide { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */

/* Indent & Justify classes */

.rteindent1 {
  margin-left: 40px;
}
.rteindent2 {
  margin-left: 80px;
}
.rteindent3 {
  margin-left: 120px;
}
.rteindent4 {
  margin-left: 160px;
}
.rteleft {
  text-align: left;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}
.ibimage_left {
  float: left;
}
.ibimage_right {
  float: right;
}

/* CKEditor padding in IE */
table.cke_editor fieldset {
  padding:0 !important;
}
/* hack with ie and garland editing area size fix - [#733512] */
.cke_editor{
  display: table !important;
}
.cke_editor,#ie#bug {
  display: inline-table !important;
}

.cke_panel_listItem {
    background-image: none;
    padding-left: 0;
}
/* remove top border from tbody - overwrite system.css - [#751672] */
tbody {
    border: 0;
}

/*toolbar wizzard*/
form#ckeditor-admin-profile-form textarea#edit-toolbar, form#ckeditor-admin-global-profile-form textarea#edit-toolbar {
    display: none;
}
form#ckeditor-admin-profile-form #edit-toolbar + .grippie, form#ckeditor-admin-global-profile-form #edit-toolbar + .grippie {
    display: none;
}
div.sortableList {
    cursor: n-resize;
}
div.widthMarker {
    height: 20px;
    border-top: 1px dashed #CCC;
    margin: 10px 0px 0px 1px;
    padding-left: 1px;
    text-align: center;
}
div.sortableList.group {
    margin: 20px 0px 0px 0px;
}
div.sortableList div.sortableListDiv {
    height: 30px;
    margin-bottom: 3px;
    width: 900px;
}
div.sortableList div.sortableListDiv span.sortableListSpan {
    background-color: #F0F0EE;
    height: 30px;
    border-right: 1px dashed #CCC;
    display: block;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul {
    background: none;
    width: 900px;
    white-space: nowrap;
    border: 1px solid #CCC;
    list-style: none;
    margin:0px;
    padding: 0px 0px 0px 1px;
    height: 30px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li {
    background: none;
    list-style: none;
    cursor: move;
    height: 18px;
    min-width: 18px;
    padding: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
    min-width: 5px;
    padding-left: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
    border: 0;
    padding: 0;
    margin: 0
}
li.sortableItem {
    position: relative;
    float: left;
    margin: 3px 1px 1px 0px;
    border: 1px solid #CCC;
    background-color: #F0F0EE;
    z-index: 99;
}

/* Fix for fieldset for-edit-apperance in Firefox*/
fieldset#edit-appearance div#groupLayout, div#allButtons  {
  border: 0;
  padding: 0 0 0 0;
  margin: 1em 0;
  overflow: auto;
}

/**
 * Fix for double scrollbar on ckeditor menu dropdowns in IE - [#1361894]
 */
.cke_browser_ie .cke_panel_block {
    overflow: hidden !important;
}


/* List of divs in the Whiteboard framework */

body {
	background-color: transparent;
  padding: 0px 0;
  font-size: 18px;
  line-height: 26px;
}

a:visited {
  color: #428BCA;
  text-decoration: none;
}
a ,
a:link ,
a:focus,
a:active,
a:hover {
  color: #003399;
}

.normal,
body,
#content h3{
  font-family: Simsun,PMingLiu,mingliu,arial,serif;
}

.normal, body, #content h3 {
  text-shadow: none;
}

#header .container {
  padding-bottom: 10px;
  padding-top: 10px;
}

.page-node .post-single #page-title.title {
  text-align: center;
}

.page-node #content {
  margin-top: 70px;
}

#title {
  height: 0px!important;
}

thead th {
  border-bottom: 1px solid #CCCCCC;
  padding: 2px;
}


tr.even, tr.odd {
  background-color: transparent;
  border-bottom: 1px dotted #CCCCCC;
}

.container {
  width: auto;
  max-width: 100%;
  padding: 0 5px;
}

#content {
  width: auto;
  max-width: 100%;
  padding: 10px 2px;
}

#content ,#sidebar{
border-top: none;
}
.large, h2, #content h1 {
  font-size: 30px;
  line-height: 32px;
  margin: 5px 0;
}

.view-taxonomy-term table {
  width: 100%;
}

.view-frontpage .views-row div{
  /*display: inline-block;*/

}

.view-frontpage .views-row div.views-field-title{
  margin-right: 5px;
  float: left;
}

.view-frontpage .views-row div.views-field-created{
  float: right;
}

.item-list ul li {
  list-style: none outside none;
  margin: 0 0 0.25em 0;
  border-bottom: 1px dotted #CCCCCC;
  line-height: 20px;
  min-height: 20px;
}

.breadcrumb {
  padding-left: 20px;
}

.block table {
  width: 100%;
}

.block ol ,
.block ul {
  margin: 0;
  padding: 0 0 0.25em 0em;
}

#siebar ul, #sidebar li {
  margin: 0 0 0.25em 0;
}

#footer .container {
  background: #FFFFFF;
  border-top: 0px;
}

#content .post-content p {
  display: block;
  margin: 1em 0;
}

#footer-content{
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

#nav-footer li {
  padding: 0;
  margin: 0;
}

#nav-primary {
  /*background: none repeat scroll 0 0 #0072BA;*/
  background-color: #F8F8F8;
  border-color: #E7E7E7;
  overflow: hidden;
  border-radius: 4px;
  min-height: 32px;
  padding: 0 2px;
}

#nav-primary a {
  padding: 0 5px;
}

#nav-primary .logo a{
  width: 32px;
  height: 32px;
  padding: 0 5px 0 0;
}

#nav-primary .active a,
#nav-primary .active a:hover,
#nav-primary .active a:focus {
  background-color: #E7E7E7;
  border-radius: 2px;
  color: #555555;
}

#nav-primary nav li a {
  padding-bottom: 15px;
  padding-top: 15px;
  color: #777777;
  line-height: 20px;
  padding-bottom: 6px;
  padding-top: 6px;
}

#nav-primary nav li a:focus ,
#nav-primary nav li a:hover {
  background-color: #E7E7E7;
  border-radius: 2px;
}

#comments .comment {
  border-top: 1px dotted #FFFFFF;
  padding: 2px 0;
  margin: 0;
}
#comments h3 {
  padding: 2px;
  background: none repeat scroll 0 0 #E7E7E7;
}
#comments h3 a.active {
  color: #111111;
  font-weight: normal;
}

#comments .odd{
  background-color: #F8F8F8;
}

#comments .even {
  background-color: #E7E7E7;
}

#comments .comment-unpublished {
  background-color: #FFF4F4;
}

#comments div.unpublished {
  color: #D8D8D8;
  font-family: Simsun,PMingLiu,mingliu,Impact,"Arial Narrow",Helvetica,sans-serif;
  font-size: 60px;
  font-weight: bold;
  height: 0;
  line-height: 1;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

#footer {
  text-align: center;
}

#footer .block .fixed {
  bottom: 0;
  display: block;
  height: 50px;
  left: 0px;
  position: fixed;
  width: 100%;
}

#footer .footer-message {
  margin: 10px 0 30px 0;
}

.item-list .pager {
  border-radius: 4px;
  display: inline-block;
  margin: 20px 0;
  padding-left: 0;
}
.item-list .pager > li {
  display: inline;
  /*float: left;
  border: 1px solid #DDDDDD;*/
  padding: 0;
  /*margin: 0;*/
  /*overflow: hidden;*/
  /*margin-left: -1px;*/
}/*
.item-list .pager > li > *{
  float: left;
}*/
.pager > .pager-item > a:hover,
.pager > .pager-previous > a:hover,
.pager > .pager-next > a:hover,
.pager > .pager-item > a:focus,
.pager > .pager-next > a:focus,
.pager > .pager-previous > a:focus{
  background-color: #EEEEEE;
}
.item-list .pager > li.pager-current {
  border-color: #428BCA;
}
.item-list .pager > li.pager-current span,
.item-list .pager > li.pager-current a{
  background-color: #428BCA;
  border-color: #428BCA;
  color: #FFFFFF;
  cursor: default;
  /*float: left;*/
  z-index: 2;
}
.pager > li:first-child span,
.pager > li:first-child a{
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.pager > li:last-child span,
.pager > li:last-child a{
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.item-list .pager > li > span,
.item-list .pager > li > a{
  background-color: #FFFFFF;
  color: #428BCA;
  line-height: 100%;
  margin-left: -1px;
  /*margin-right: 0;*/
  float: left;
  padding: 4px 8px;
  /*position: relative;*/
  overflow: hidden;
  text-decoration: none;
  border: 1px solid #DDDDDD;
}
.item-list .pager > .pager-ellipsis {
  cursor: not-allowed;
}

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

.view .view-content table {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  #content {
    width: auto;
    max-width: 100%;
    padding: 10px 2px;
  }
  .breadcrumb {
    padding-left: 2px;
  }

  #sidebar {
    background: #FFFFFF;
  }

  .normal,
  body,
  #post-single h3 {
    font-size: 18px;
    line-height: 180%;
  }
}

@media only screen and (max-width: 1212px) {

  .view-frontpage .views-row div{
    display: block;
  }

  .item-list ul li {
    height: auto;
  }

  #content article img {
    max-width: 100%!important;
    height: auto!important;
  }
}

@media only screen and (max-width: 479px) {

  #sidebar {
    width: auto;
    max-width: 100%;
  }

  .item-list .pager > .pager-ellipsis {
    display: none;
  }

  .large, h2, #content h1 {
    font-size: 20px;
    line-height: 26px;
    margin: 2px 0;
  }

  .post-single .emvideo.emvideo-video.emvideo-youtube {
    position: relative;
    padding-bottom: 75%;/*设置padding-bottom值来计算视频的纵横比例。在我们的示例中，宽高的比例是16:9，表示高度是宽度的56.25%。如果宽高比是4:3，我们设置padding-bottom值为75%；*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .post-single .emvideo.emvideo-video.emvideo-youtube iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .post-single .emvideo.emvideo-video embed {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 1024px){
  .item-list .pager > li > span,
  .item-list .pager > li > a{
    padding: 8px 12px;
  }
}

@media only screen and (max-width: 1023px){
  .view-frontpage .views-row div.views-field-title{
    clear: both;
    float: none;
  }

  .view-frontpage .views-row div.views-field-created{
    clear: both;
    float: none;
  }
}

/*
.boost-captcha-process-form #edit-captcha-response-wrapper{
  display: none;
}

.boost-captcha-process-form.boost-captcha-processed.loaded #edit-captcha-response-wrapper{
  display: block;
}*/

#comment-form .captcha {
  display: none;
}

.post-single .post-content .emvideo-video {
  margin: 5px auto;
  text-align: center;
}

#sidebar {
  border: 0px;
}