@charset "utf-8";

/*	Theme Name: VanFC
	Theme URI: http://faircopy.ca/
	Description: WordPress port of original Vancouver Fair Copyright theme by Geoffrey Glass
	Version: 1.0
	Author: Chen Shen
	Author URI: http://cshen.ca/

	Begin CSS Document
================================================== */

/*	Master Styles
-------------------------------------------------- */

* {
 margin:0;
 padding:0;
}

img {
 border:0;
}

html,body {
 color:#000;
 background:#dedede;
 font:large Arial, Helvetica, sans-serif;
 /*text-align:justify;*/
}

/*	Content Styles
-------------------------------------------------- */
#content .alert {
  margin: 2em auto;
  border:  solid 3px #a22;
  padding: 1em;
  font-size: 110%;
  text-align: center;
}

#content h2 a {
 color:#000;
 text-decoration:none;
}

#content h2 a:hover {
 color:#a22;
}

#content h3 {
 margin-top:2em;
 font-size:smaller;
 border-bottom:1px solid #000;
}

small {
 font-size:small;
}

textarea {
 width:40em;
}

.post ol, .post ul {
 margin-left:2em;
}

#content blockquote {
 margin:0 1em;
}

.commentlist {
 list-style:none;
}

.commentlist li {
 margin-top:0.5em;
}

.commentlist .alt {
 background:#f0f0f0;
}

.commentmetadata {
 font-size:smallest;
}

.post p +p {
 padding-top:1em;
}

h4, h5, h6 {
 font-size:large;
 margin:1em 0 0;
 padding:0;
}

h5,h6 {
 font-size:smaller;
}

h6 {
 font-weight:lighter;
 text-decoration:underline;
}

/* Overview Boxes */
#boxes {
	margin: 1.4em 0;
	padding: 1px 0;		/* for IE 6 positioning */
	position: relative;
}

#more,
#impact {
	width: 13.75em;
	border: #a22 .5ex solid;
}

#more {
	margin-left: 15em;
}

#impact {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

#main #more h4,
#main #impact h4
{
	margin: 0;
}

#more ul,
#impact ul
{
	margin: .5ex 1ex;
	padding: 0;
}

#more ul li,
#impact ul li
{
	margin: .75ex 0;
	padding: 0;
}

#boxes li a {
	color: black;		/* IE 6 doesn't understand inherit */
	border-bottom: none;
}

#boxes li a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#boxes h4 a {
	color: white;
}

#more h4,
#impact h4
{
	text-align: center;
	background: #a22;
	color: white;
	padding-bottom: .25ex;
}
#more ul,
#impact ul
{
	list-style-type: none;
}

#more ul li,
#impact ul li
{
	font-size: 90%;
}

#boxes .more {
	text-align: right;
}


/*	Layout Styles
-------------------------------------------------- */

/* Global */
#main {
 background:#fff;
 padding-bottom:2em;
}

/* Title */
#title {
 color:#fff;
 background:#a22;
 text-align:center;
 font-family:American Typewriter,Georgia,serif;
 padding:0.4em;
}

/* Menu */
#menu {
 color:#a22;
 border-bottom:2px solid #a22;
 text-align:center;
 padding:0.1em;
}

#menu a {
 color:#a22;
 text-decoration:none;
}

#menu a:hover {
 text-decoration:underline;
}

#menu li {
 display:inline;
}

#menu li + li:before{
 color:#000;
 content:"•";
 margin-right:0.3em;
}

/* Content */
#content {
 line-height:1.4em;
 width:30em;
 margin:0 auto;
}

#content h2 {
 border-bottom:2px solid #a22;
 margin:2em 0 0.5em;
 font-size:large;
}

#content h2:before {
 color:#a22;
 content:"❖";
 padding-right:5px;
}

#content p {
 margin-top:0.5em;
}

/* Footer */
#blogging {
 width:30em;
 margin:1em auto 0;
}

#footer {
 font-size:smaller;
 text-align:center;
 padding:0.2em;
}

/* WP Page Numbers Plugin */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	background: #fff;
}
#wp_page_numbers ul {
	border-top: 1px solid #ccc;
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li a:hover {
	color: #ff00a4;
	border-top: 2px solid #ff00a4;
	border-bottom: 2px solid #f1f1f1;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #fff;
	background: #45b9f6;
	border-top: 2px solid #45b9f6;
	border-bottom: 2px solid #45b9f6;
	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border-top: 2px solid #00679d;
	border-bottom: 2px solid #45b9f6;
}

#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}