/* 
Theme Name: CNQ
Theme URI: http://www.sobuledesign.com
Description: Custom CNQ Theme
Version: 1.0
Author: Aleksandr Niestroj
Author URI: http://www.sobuledesign.com

*/


/* MEYER RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END MEYER RESEST */

.hidden {
	display: none;
}

/* STRUCTURE BEGIN */

html,  body {
	background-image: url("http://www.notesandqueries.ca/assets/bg.gif");
	background-repeat: repeat;
	height:100%;
	background-color: #202020;
	font-size:11pt
}
#container {
	min-height:100%;
	position:relative;
}
#topbar {
	padding:0px;
}
#body {
	padding-bottom:80px;	/* Height of the footer */
	width: 850px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px;
}
#botbar {
	vertical-align: bottom;
	position:absolute;
	bottom:0;
	width:100%;
	margin-top: 30px;
	height:50px;			/* Height of the footer */
}

.clearer {
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* HEADER AND FOOTER */


#header {
	height: 20px;
}

#footer {
	width: 840px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;

}

	
/* CONTENT BLOCKS */

#navCol {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #CCC;
	width: 190px;
	float: left;
}

#navBox {

}

#content {
	margin-left: 20px;
	padding: 15px;
	width: 600px;
	float: left;
	background-color: #F9F8F3;
	min-height:600px;
}

#homepage {
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 600px;
	float: left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #F9F8F3;
	text-align: center;
}

#footerBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #F9F8F3;
	font-size: 10px;
	line-height: 15px;

}

#footerBox a {
	color: #F9F8F3;
	text-decoration: none;
}

#footerBox a:hover {
	color: #F9F8F3;
	text-decoration: underline;
}

/* STRUCTURE END */

/* TYPO BEGIN */

#content {
	font-family: Georgia, Palatino, Garamond, serif;
	line-height: 1.5em;
}
#content h1 {
	margin: 0;
	font-size: 2.333333333333333em;
	line-height: 0.9em;
	margin-bottom: 0.5em;
	font-weight: normal;
	color: #3b3b3b;
	font-variant: small-caps; 
}
#content h2 {
	margin: 0;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: .5em;
	color: #3b3b3b;
	font-weight: normal;
	font-variant: small-caps;
}
#content h3 {
	margin: 0;
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	color: #3b3b3b;
	font-weight: normal;
	color: #333;
	font-size: 1.5em;
	padding-bottom: 0px;
	margin-bottom: 0.5em;
	font-variant: small-caps;
}

#content h3 a {
	text-decoration: none;
	color: #333;
}

#content h3 a:hover {
	text-decoration: underline;
}

#content h4 {
	margin: 0;
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin-bottom: .85em;
	color: #3b3b3b;
	font-weight: normal;
	font-variant: small-caps;
}
#content p, #content ul, #content blockquote, #content pre, #content td, #content th, #content label {
	margin: 0;
	font-size: 1em;
	line-height: 1.75em;
	margin-bottom: .75em;
	color: #3b3b3b;
}
#content ol {
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 0.75em;
	margin-top: 0px;
	list-style-position: outside;
	list-style-type: decimal;
	font-size: 1em;
	line-height: 1.5em;
	color: #3b3b3b;
}
#content blockquote {
	text-align: justify;
	padding-left: 2em;
	padding-right: 3em;
}
#content p.small {
	margin: 0;
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin-bottom: 1.8em;
}
#content table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}


/* NAVIGATION COLUMN */

#navCol {
}

#logo {
	padding-bottom: 10px;
}

#navCol ul {
	padding-top: 10px;
	padding-bottom: 10px;
}

#navCol li {
}

#navCol ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #CCC;
	text-decoration: none;
	padding-top: 6px
	padding-bottom: 6px;
	padding-left: 6px;
	line-height: 18px;
	font-size: 12px;
	display: block;
}

#navCol ul li a:hover {
	border-right-color: #F9F8F3;
	border-right-style: solid;
	border-right-width: 2px;
	color: #F9F8F3;
}

#navCol hr {
	margin-top: .5em;
	margin-bottom: .5em;
}

#navCol ul h3 {
	padding-bottom: 6px;
	text-transform: uppercase;
}
/* SEARCH BOX STYLING */

#searchform {
	padding-top: 5px;
	padding-bottom: 5px;
}

#search {
	padding-left: 464px;
	text-align: right;
	padding-top: 3px;
}


#search_box {
    width: 190px;
    height: 31px;
    background: url("http://www.notesandqueries.ca/assets/bg_search_box.png");
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 148px;
    background: none;
    color: #F9F8F3;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

/* HOME PAGE SPECIFIC STYLING */

#homepage .wp-caption-text {
	display:none;
}

#homepage img {
	border-style: solid;
	border-width: 2px;
	border-color: #FFF;
}

#homepage h1 {
	text-transform: uppercase;
	font-size: 24px;
	padding-bottom: 20px;
}

#homepage #featured ul li {
	padding-bottom: 10px;
	font-size: 18px;
}

#homepage #featured li a {
	text-transform: lowercase;
}

#homepage h2 a:hover {
}

#homepage h3 {
}

#homepage p {
}

#homepage a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #F9F8F3;
	text-decoration: none;
}

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

#featured {
	padding-top: 20px;
	padding-bottom: 20px;
}

#alsoFeatured {
	padding-top: 20px;
}

#alsoFeatured h2 {
	font-size: 2em;
	font-style: italic;
}

#alsoFeatured h3 {
	font-size: 1.5em;
	font-style:  normal;
}

#alsoFeatured ul {
}

#alsoFeatured li {
	font-size: 14px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;

}

#alsoFeatured li a {
}

#alsoFeatured li a:hover {
}

#homepage a em {
	font-size: 80%;
}

.featureBox {
	padding-top: 10px;
	text-align: left;
	width: 190px;
	float: left;
	margin-right: 10px;
}

#alsoFeatured .featureBox h3 {
	font-style: normal;
	padding-bottom: 5px;
}

/* 'NEXT' & 'PREVIOUS' POST NAVIGATION */

.navigation {
	padding-bottom: 10px;
}

.navigation a {
	text-decoration: none;
	font-size: 12px;
	font-style: italic;
	color: #333;
}

.navigation a:hover {
	text-decoration: underline
}

.alignleft {
	width: 250px;
	float: left;
}

.alignright {
	width: 250px;
	float: right;
	text-align: right;
}

/* ARCHIVE.PHP STYLING */

.archiveWrap {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.archiveWrap small a {
	font-variant: small-caps;
	font-style: normal;
	color:  #3b3b3b;
	text-decoration: none;
}

.archiveWrap small a:hover {
	text-decoration: underline;
}

#content p.postmetadata {
	line-height: 1.25em;
	font-size: .9em;
	font-style: italic;
	color: #666;
}

p.postmetadata a {
	text-decoration: none;
	color: #666;
	font-style:  normal;
}
p.postmetadata a:hover {
	text-decoration: underline;

}


/* GENERAL STYLES */

#content h2.pagetitle {
	font-variant: small-caps;
	font-weight: normal;
	color: #333;
	font-size: 2em;
	padding-bottom: 0px;
	margin-bottom: 0.5em;
	
}

img.alignleft {
	padding-right: 15px;
}

img.alignright {
	padding-left: 15px;
}

img.aligncenter {
	padding-right: 15px;
	padding-left: 15px;
}

.author {
	text-transform: uppercase;
}

#content p a.post-edit-link {
	text-align: right;
}

#content sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;	}

#content sup a {
	color: red;
}

#content sup a:hover {
	text-decoration: underline;
}

#content ol.footnotes {
	margin-left: 3em;
	font-family: verdana, sans-serif;
	font-size: .9em;
	color: #gray;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footnote {
}

.footnote a {
	color: red;
}

/* SINGLE.PHP STYLING */

.postAuthorLink p {
	font-variant: small-caps;
}

.postAuthorLink p a {
	font-size: 1.2em;
	font-variant: small-caps;
	font-style: normal;
	color:  #3b3b3b;
	text-decoration: none;
}

.postAuthorLink p a:hover {
	text-decoration: underline;
}

.entry {
	padding-top: 5px;
	padding-bottom: 5px;}
	
.entry p a {
	font-style: italic;
	color:  #3b3b3b;
	text-decoration: none;
}

.entry p a:hover {
	color: #222;
	text-decoration: underline;
}

.entry small a {
	font-size: 1em;
	font-style: normal;
	color:  #3b3b3b;
	text-decoration: none;
}

.entry small a:hover {
	color: #222;
	text-decoration: underline;
}

.authorWrap {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.postWrap {
	padding-bottom: 10px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

/* COMMENTS */

ol.commentlist {
	padding-left: 0px;
	margin-left: 0px;
}

.comment {
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-bottom: 10px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#content .commentsWrap ol {	
	list-style-type: none;
	margin-right: 0px;
}

.comment a {
	font-style: italic;
	color: #333;
	text-decoration: none;
}

.comment a:hover {
	text-decoration: underline;
}


#content .comment p {
	font-family: sans-serif;
	font-size: .95em;
	line-height: 1.5em;
}

.even {
}

.odd {
}

#content h3#comments {
	text-transform: none;
	padding-bottom: 10px;
}

.comment-author {
	color: #888;
	width: 100px;
	float: left;
}

.comment-author cite {
	font-size: .95em;
}

li.comment img.avatar {
	display:none
}

.comment-meta {
	display:none
}

.comment p {
}

.comment_text {
	width: 425px;
	float: right;
	min-height: 80px;
}

.commentsWrap {
	padding-top: 20px;
}

#commentform {
	color: #666;
}

#commentform a {
	text-decoration: none;
	color: #666;
	font-style:  normal;
}

#commentform a:hover {
}


/* AUTHOR.PHP STYLING */

.authorPosts {
}

.authorPosts li {
	list-style-image: url("http://www.notesandqueries.ca/assets/bullet.gif");
	list-style-position: outside;
	margin-left: 20px;
	
}

.authorPosts li a {
	line-height: 1.5em;
	font-size: 1.2em;
	text-decoration: none;
	color:  #3b3b3b;
}

.authorPosts a:hover {
	text-decoration: underline;
}

/* AUTHORS.PHP SYTLING */

.authorsList {
}

.authorsList li {
	
}

.authorsList li a {
	display: block;
	line-height: 1.75em;
	font-size: 1.5em;
	text-decoration: none;
	color:  #3b3b3b;
	font-variant: small-caps;
}

.authorsList a:hover {
	text-decoration: underline;
}