﻿/*
Theme Name: WPUS Blue2 Theme
Theme URI: http://www.wpus.org
Description: WPUS Blue2 Theme.
Version: 1.0
Author: Beishan
Author URI: http://www.beishan.info
*/

/***************************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.02em;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	white-space: normal;
}

html, body {
	line-height: 1;
	padding: 0px; 
	margin: 0; 
	font: 75%/170% Arial, Helvetica, sans-serif; 
	line-height: 1.7em;
	background: #fff; 
	color: #000; 
}
img {
	border: none;
}
h1 {
	font-size:25px;
	color:#000;
}

body {
	background: #ebeced;
	text-align: center;
	font-size: 0.75em;	
	/*
	background: url(images/default.jpg) no-repeat 0 0 #fff;
	background-attachment:fixed;
	background-position: bottom center;
	*/
}
hr {display: none}

ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ol {list-style-type: decimal}
.clear {clear: both}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #FFF;
	overflow: hidden;
}

/* The Header Section */
#topheader {
	width:100%;
	margin:0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	overflow:hidden;
	/*background: #033b73 url(images/d-blue.png) repeat 0 0;*/
	background-color:#033b73;
}

#header {
	width:100%;
	/*
	height:80px !important;
	height:85px;
	*/
	margin:0;
	padding: 15px 0 0px 0;
	font-family: Verdana, Arial, sans-serif;
	overflow:hidden;
}

* html #header { /*IE6 only*/
	width:100%;
	/*
	height:80px !important;
	height:85px;
	*/
	margin:0;
	padding: 15px 0 8px 0;
	font-family: Verdana, Arial, sans-serif;
	overflow:hidden;
}

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

#header a:hover {
	color: #dddddd;
	text-decoration: none;
}

#header h1 {
	font-family:verdana,arial,sans-serif;
	font-size:25px;
	margin: 10px 0 10px 10px;
	padding:0;
	color:#fff;
}

#header h1 a:hover {}

#header h2 {
	margin-top:2px;
	font-family: verdana, arial, sans-serif;
	font-size:13px;
	color:#fff;
	margin-left:25px;
	display:none;
}

#headerleft{
	float:left;
	width:80%;
}

#headerright a {
}

.search {
  padding-bottom: 0px;
}

#searchform {
  float: right;
  margin-left: 0;
  margin-top: 0px;
  margin-right: 0px;
}

#searchform {
  margin-left: 10px;
  width: 226px;
  padding-top: 0px;
  height: 25px;
  background: #ccc;
  background: url(images/search-input.png) left 0px no-repeat;
}

*:first-child+html #searchform { /* Filter for IE7 */
  padding: 0px 0;
}

* html #searchform { /* Filter for IE6 */
  padding: 0px 0;
}

#searchbox {
  margin-left: 8px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 195px;
  background: none;
  border: none;
}

#searchbutton {
  width: 20px;
  background: none;
  border: none;
}

#searchbutton:hover {
  cursor: pointer;
}

#nav {
	clear: both;
	margin: 10px 10px;
}

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

#nav li {
  float: left;
  margin-right: 10px;
  }

* html #nav li a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #nav li a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  margin-left: 4px;
  text-decoration: none;
  }

#nav li a {
  display: block;
  height: 26px;
  background: #009dB7 url(images/nav-button-bg.gif) repeat;
  background-color: #008ca7;
  text-transform: uppercase;
  font-size: 10pt;
  text-decoration: none;
  }

#nav li a span {
  display: block;
  margin-left: 6px;
  padding-left: 5px;
  padding-right: 12px;
  line-height: 26px;
  color: #FFF;
  text-decoration: none;
  }

#nav li a:hover {
  background-position: left -26px;
  text-decoration: none;
  cursor: pointer; /* For IE6 */
  }

#nav li a:hover span {
  background-position: right -26px;
  color: #fff;
  }

#nav li.current_page a {
  background-position: left -26px;
  background: #009dB7 url(images/g-blue.png) repeat;
  }

#nav li.current_page a span {
  background-position: right -26px;
  color: #fff;
  }

#maincolumn {
	float: left;
	width: 735px !important;
	width: 715px;
	margin-top: 0px;
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-left: 5px;
	margin-right: 5px;
}
#sidecolumn {
	float: right;
	width: 200px;
	margin-top: 0px;
	margin-right: 5px;
}
#main-topads {	
	margin-top: 10px;
}
#main-topads a {
	color: #44a1d0; 
	text-decoration:none;
}
#main-topads a:hover {
	color:#033B73; 
	text-decoration:underline;
}
.post {
	padding: 0px;
	width:100%;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #e5e4cc;
	font-size: 1.1em;
	overflow: hidden;
}

.post-top {
}

.post-bottom {
}

.post a {
	color: #44a1d0; 
	text-decoration:none;
}

.post a:hover {
	color:#669900; 
	text-decoration:underline;
}

.date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
	margin-bottom: 0px;
	text-align: center;
	margin-top: 5px;
}
.date .month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.date .day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.post .title {
	position:relative;
	/*height: 65px;*/
	border:1px solid #90b7d6;
	border-left:none;
	border-right:none;
	padding:0px;
	margin-left:0px;
	overflow: hidden;
}
.post h1 {
	margin-left: 15px;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: georgia;
	color: #033B73;
}
.post h1 a {
	color:#033B73; 
	text-decoration:none;
}
.post h1 a:hover {
	color:#669900; 
	text-decoration:none;
}
.entry {
	background: #FFF;
	display: block;
	padding: 10px;
	overflow: hidden;
	font-size: 1.2em;
}

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	background: url(images/eheader.png) repeat-x;
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: normal;
	letter-spacing: -1px;
	font-family: georgia;
	color: #333;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 0.9em;
}

.subinfo
{
}

.subinfo ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.subinfo li {
  float: left;
  margin-right: 10px;
  }

* html .subinfo li a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

.subinfo li a {
  display: block;
  text-decoration: none;
  }
.subinfo .author {
	line-height: 26px;
	background: url(images/ico-author.png) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.subinfo .date_sm {
	line-height: 26px;
	background: url(images/date-sm.gif) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}.subinfo .cat {	line-height: 26px;	background: url(images/ico-cat.png) no-repeat;	background-position: left center;	padding-top: 1px;	padding-bottom: 1px;	padding-left: 20px;	margin-right:15px;		font-size:1.0em;}
.subinfo .comments {
	float: right;
}
.subinfo .comments a {
	line-height: 26px;
	background: url(images/ico-comments.gif) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.subinfo .edit a {
	line-height: 26px;
	background: url(images/ico-edit.png) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
}
.subinfo-under {
	border-top:1px solid #EEEEEE;
}
.subinfo-under .cat {
	line-height: 26px;
	background: url(images/ico-cat.png) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	margin-right:15px;		font-size:1.0em;
}.subinfo-under .cat a {	color: #999; 	text-decoration:none;}.subinfo-under .cat a:hover {	color:#669900; }
.subinfo-under .tags {
	line-height: 26px;
	background: url(images/ico-tag.png) no-repeat;
	background-position: left center;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;		font-size:1.0em;
}
.content {
	padding: 0px;
	clear: both;
	overflow: hidden;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.content h1 {
	font-size: 2em;
	font-weight: normal;
	font-family: georgia;
}

.content h3 {
	font-size: 1.4em;
}

.content p {
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

.content .more-link {	display: block;
}

.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 20px 5px;}
.content ol {margin: 5px 5px 20px 5px;}
.content ul ul {margin: 5px 5px 5px 5px;}
.content ol ol {margin: 5px 5px 5px 5px;}
.content ol li {
	line-height: 1.5em;
	color: #333;
	margin-bottom: 5px;
}

.content ul li {
	line-height: 1.5em;
	color: #333;
	background-position: left 5px;
	margin-bottom: 5px;
}

/* Additional post tags *//* 
blockquote {
	padding: 10px;
	padding-left: 40px;
	background: #f7fcea url(images/blockquote.gif) no-repeat;
	background-position: 8px 8px;
	margin-bottom: 15px;
}*/

blockquote p {
	font-family: georgia, arial;
	line-height: 1.5em;
	color: #366799;
}

blockquote * {
	font-family: georgia, arial;
	line-height: 1.5em;
	color: #366799;
}

blockquote {margin:5px 0; padding: 0px 10px; text-align: left; background:#ffffff url(images/blockquote-bg.gif) left bottom repeat-x;}
blockquote blockquote {margin:5px 0; padding: 0px 10px; text-align: left; border-left:medium none; border-right:medium none; background:transparent none;}

ins {
	text-decoration: underline;
}

del {
	text-decoration: line-through;
}

code {
	color: #333;
	font-family: verdana;
	background: #eee;
}


.tags {
	/*border-top: 1px solid #eee;*/
	font-weight: bold;
	line-height: 2em;
	color: #d7bb01;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	font-size: 0.9em;
}

.tags a {
	font-weight: normal;
	color: #999;}

.tags a:hover {	color:#669900; 
}

.follow {
	border: 1px dotted #ccc;
	background: #ddd;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.follow a {
	font-weight:bold;
	background: url(images/rss.png) no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.state {
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	/*line-height: 1.5em;*/
}
.state a {	color: #033B73; 	text-decoration:none;}.state a:hover {	color:#44a1d0; 	text-decoration:none;}
/***************************************************/
.navigation {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	/*line-height: 1em;*/
	text-transform: uppercase;
	font-weight: bold;
}

.navigation a {
	color: #333;
}

.navigation a:hover {
	color: #91921f;
}

.navleft {
	float: left;
	width: 48%;
}

.navright {
	float: right;
	width: 48%;
	text-align: right;
}

/***************************************************/
#sidebar {
	float: left;
	width: 205px;
}
/***************************************************/
.box {
	width: 200px;
}

.box .subscribetitle {
	margin-top: 10px;
	display: block;
	background: #008ca7;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	text-indent: 10px;
	height: 22px;
	line-height: 22px;
}

/***************************************************/
.subscribe {
	padding: 10px;
	border: 1px solid #dee2c1;
	background: #FFF;
}

.rssfeed {
	line-height: 1.4em;
	background: url(images/bullet.gif) no-repeat;
	background-position: left 1px;
	padding-left: 12px;
	margin-bottom: 5px;
}

.rssfeedlinks {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}

.rssfeedlinks a {
	float: left;
	font-weight: bold;
	background: url(images/rss.png) no-repeat left;
	padding-left: 22px;
	line-height: 1.5em;
	color: #444;
	margin-right: 40px;
}

.rssfeedlinks a:hover {
	color: #111;
	line-height: 1.5em;
}

.subscribe form {
	display: inline;
}

.subscribe fieldset {
	display: inline;
}

.subscribe input {
	display: inline;
	vertical-align: middle;
}

/***************************************************/
.sidebar {
	float: left;
	width: 200px;
	margin-left: 5px;
	margin-right: 5px;
	background: #FFF;
}

.sidebar a {
	color: #555;
}

.sidebar a:hover {
	color: #44A1D0;
}

.sidebar ul li a {
	color: #000;
	line-height: 1.4em;
}
.sidebar ul {
	list-style-type:none;
	margin:0;
	padding-left:0;
}
.sidebar ul li a:hover {
	color: #44A1D0;
}

.sidebar ul li h2 {

	margin-top: 10px;
	display: block;
	width: 200px;
	height: 21px;
	background: #81b20b url(images/header1.png) repeat-x;
	color: #FFF;
	line-height: 22px;		font-size:12px;
	font-weight: bold;
	text-indent: 10px;
	overflow:hidden;
	color:#FFF;
	/*background:#81b20b url(images/sb-left-tit.gif) left top no-repeat;*/
	background:#008ca7 url(images/sb-left-tit.png) left top no-repeat;
	text-align:center;
	text-transform:uppercase;
}

.sidebar ul li div {
	padding: 10px;
	border: 1px solid #dee2c1;
	background: #FFF;		font-size:12px;
	line-height: 1.6em;
}.sidebar p {	margin:0 0 15px;}
/***********************************************/
.sidebar ul ul {
	padding: 10px;
	border: 1px solid #dee2c1;
	background: #FFF;
}

.sidebar ul ul ul {
	padding: 0px;
	border: 0;
	background: #FFF;
}

.sidebar ul li ul li {
	display: block;
	background: url(images/bullet.gif) no-repeat;
	background-position: left 6px;
	border-bottom: 1px dotted #eee;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sidebar ul li ul li a {
	color: #000;
	line-height: 1.4em;
}

.sidebar ul li ul li a:hover {
	color: #44A1D0;
	text-decoration:underline;
}
/***************************************************/

#footer {
	margin-top: 0px;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	/*background: #fff;*/
	margin: 10px 0 0 0;
	border-top: 0px solid #e5e4cc;
	/*background: #033b73 url(images/d-blue.png) repeat 0 0;*/
	background-color:#033b73;

}

#footercontent {
	text-align: left;	padding: 10px 10px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
}
#footercontent .menu{	font-size:12px;}
#footercontent ul {
	list-style: none;
	float: left;
	margin-bottom: 10px;
}

#footercontent ul li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px dotted #ddd;
	line-height: 1.5em;
}

#footercontent ul li a {
	float: left;
	display: block;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.5em;
}

#footercontent ul li a:hover {
	color: #669900;
	/*background: #a9a88d;*/
	line-height: 1.5em;
}

.copyright {
	float: center;
	color: #fff;
	line-height: 1.5em;		margin-bottom:10px;		font-size:11px;
}

.copyright a {
	line-height: 1.5em;
	color: #fff;		text-decoration:underline;
}

.copyright a:hover {
	color: #669900;
	/*background: #a9a88d;*/
	line-height: 1.5em;
}

.rss {
	float: left;
}

.rss a {
	float: left;
	display: block;
	font-weight: bold;
	background: url(images/rss.png) no-repeat left;
	padding-left: 25px;
	line-height: 1.5em;
	color: #a9a88d;
	margin-right: 25px;
}

.rss a:hover {
	color: #669900;
	background: url(images/rss.png) no-repeat left;
	line-height: 1.5em;
}

.property {
	float: right;
	color: #aaa;
	line-height: 1.5em;
}

.property a {
	font-weight: bold;
	color: #aaa;
}

.property a:hover {
	text-decoration: underline;
	color: #669900;
	/*background: #a9a88d;*/
	line-height: 1.5em;
}
/***************************************************/
/* CSS for Search Results Only Optional */
.result {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #eee;
}

.result h3 {
	font-weight: normal;
	font-size: 1.6em;
	letter-spacing: -1px;
	padding:0;margin:0;
	line-height: 1em;
}

.result h3 a {
	padding:0;margin:0;
	line-height: 1em;
}

.result .rdate {
	float: left;
	line-height: 2em;
	color: #aaa;
}

.result .rcomment {
	float: right;
	line-height: 1.5em;
	color: #aaa;
	font-weight: bold;
}

.result .rcomment a {
	color: #a81a1a;
	font-weight: bold;
}

.result .rcomment a:hover {
	background: #91921f;
	color: #fff;
}

.result .rsummary {
}

.result .rsummary p {
	margin:0;
	padding:0;
}

.result .rcat {
	float: left;
	line-height: 2em;
	color: #aaa;
}

.result .rcat a {
	color: #333;
	font-weight: bold;
}

.result .rcat a:hover {
	background: #91921f;
	color: #fff;
}

.result .rtags {
	float: right;
	line-height: 2em;
	color: #aaa;
}

.result .rtags a {
	color: #999;
	text-transform: lowercase;
}

.result .rtags a:hover {
	background: #91921f;
	color: #fff;
}

#combox {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

h3#respond {
	font-weight: normal;
	font-size: 1.6em;
	color: #666;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ddd;
}

h3#comments {
	font-weight: normal;		background: url(images/ico-comments.gif) no-repeat;
	font-size: 1.3em;
	color: #666;
	letter-spacing: -1px;
	line-height: 1em;
	padding-bottom: 5px;
	margin-bottom: 2px;	padding-left:20px;
	border-bottom: 1px dotted #ddd;
}

ol.commentlist {
	list-style-type: decimal;
	margin-bottom: 20px;
	padding-bottom: 20px;	margin-left:15px;
	border-bottom: 1px solid #eee;
}

ol.commentlist li {
	background: #f9fdeb;
	border: 1px solid #ebefdd;
	padding: 10px;
	margin-top: 10px;
}

ol.commentlist li.alt {	background: #FFF;
}

.avatar {
	float: left;
	display: inline;
}

.avatar img {
	padding: 1px;
	border: 1px solid #ddd;
}

.commentbody {
	display: inline;	width: 480px;
}

.commentbody em {
}
/***************************************************/
p.comment_author {	color:#000;	font-style:normal;
}
p.comment_author a {	color:#669900;	font-style:normal;	font-weight:bold;}
p.comment_author a:hover {
	font-weight: bold;
	color: #669900;	text-decoration: underline;
}
p.comment_time {
	line-height: 1.5em;
	color: #999;
	font-size: 0.8em;
}p.comment_time a {	line-height: 1.5em;	color: #999;	font-size: 0.8em;}p.comment_time a:hover {	line-height: 1.5em;	color: #999;	font-size: 0.8em;	text-decoration: underline;}

.comment_text {
	line-height: 1.5em;
	color: #333;
	margin-top: 15px;
	overflow: hidden;
}
/***************************************************/
.reply form {
}

.reply p {
	margin-top: 10px;
}

.reply fieldset {
	vertical-align: middle;
	display: inline;
}

.reply input {
	vertical-align: middle;
	display: inline;
}

.reply textarea {
	vertical-align: middle;
	display: inline;
}

.reply label {
	vertical-align: middle;
	display: inline;
	font-weight: bold;
	font-family: tahoma;
	margin-left: 10px;
}

.replytext {
	border: 1px solid #23a;
	width: 200px;
	padding: 5px;
	color: #366799;
}

.replytext:focus {
	border: 2px solid #FF6a66;
}

.replyarea {
	border: 1px solid #23a;
	line-height: 1.5em;
	padding: 5px;
	width: 450px;
	height: 120px;
	color: #333;
}

.replyarea:focus {
	border: 2px solid #FF6a66;
}

.replybutton {
	background: #fbfbdb;
	border: 1px solid #23a;
	text-align: center;
	width: 120px;
	height: 25px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.replybutton:hover {
	background: #eef06a;
}
/***************************************************/
