/*	Desc: COR Style Sheet
	Author: Cafe Noir Design Inc (http://www.cafenoirdesign.com)
	Date: Apr 03, 2011 *last modified date*

== COLOURS: ==============================
dark grey	- # 333(text)
dark red	- # c00(links)
red			- # red(links: visited)
			- # red(links: hover)
			- # red(links: active)
			- # XXX(links: focus)
			- # XXX(links: focus : hover)
red			- # red(em)
			- # red(error)
			- # ffb7b7 (selection)
============================================

== STRUCTURE: ==============================
* Page width: 960 px
* Number of columns: 3
============================================

== TOC: ====================================
*FONTS
*GENERAL
*NAVIGATION
	*MAINNAV
	*SUBNAV
	*FOOTNAV
*LAYOUT
	*HEADER
	*CONTENT 
	*SIDEBAR 
	*FOOTER
*IMAGES
*FORMS
*MISC
*CSS3
*GROUP
============================================ */

/*FONTS  
============================================ */

@font-face {
	font-family:  'YanoneKaffeesatzRegular';
	src:  url('YanoneKaffeesatz-Regular-webfont.eot');
	src:  url('YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
	font-weight:  normal;
	font-style:  normal;
}

@font-face {
	font-family:  'YanoneKaffeesatzBold';
	src:  url('YanoneKaffeesatz-Bold-webfont.eot');
	src:  url('YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
         url('YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
         url('YanoneKaffeesatz-Bold-webfont.svg#YanoneKaffeesatzBold') format('svg');
	font-weight:  normal;
	font-style:  normal;
}

@font-face {
	font-family:  'YanoneKaffeesatzThin';
	src:  url('YanoneKaffeesatz-Thin-webfont.eot');
	src:  url('YanoneKaffeesatz-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('YanoneKaffeesatz-Thin-webfont.woff') format('woff'),
         url('YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'),
         url('YanoneKaffeesatz-Thin-webfont.svg#YanoneKaffeesatzThin') format('svg');
	font-weight:  normal;
	font-style:  normal;
}

@font-face {
	font-family:  'YanoneKaffeesatzLight';
	src:  url('YanoneKaffeesatz-Light-webfont.eot');
	src:  url('YanoneKaffeesatz-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('YanoneKaffeesatz-Light-webfont.woff') format('woff'),
         url('YanoneKaffeesatz-Light-webfont.ttf') format('truetype'),
         url('YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight') format('svg');
	font-weight:  normal;
	font-style:  normal;
}

/*GENERAL  
============================================ */

html {
	text-rendering:  optimizeLegibility;
}

body {
	background:  #fff;
	color:  #333;
	font-size:  76.1%;
	font-family:  "Trubuchet MS", Helvetica, sans-serif;
	line-height:  1.5em;
	text-align:  center;
}

#container {
	height:  100%;
	margin:  0 auto;
	padding:  0;
	text-align:  left;
	width:  960px;
}

h1
{
	font-size: 2.6em;
	line-height: 1.1em;
	padding: 0 0 40px 0;
	font-family: "YanoneKaffeesatzRegular", "Trubuchet MS", Helvetica, sans-serif;
	color: #c00000;
}

h2 {
	color:  #c00000;
	font-family:  "YanoneKaffeesatzRegular", "Trubuchet MS", Helvetica, sans-serif;
	font-size:  2.2em;
	line-height:  1.07em;
	padding:  0 0 10px;
}

h3 {
	color:  #c00000;
	font-size:  1.2em;
	line-height:  1.25em;
	padding:  0 0 10px;
}

h4 {
	font-size:  1.0em;
	line-height:  1.5em;
	padding:  0 0 10px;
}

h5 {
	font-size:  1em;
	line-height:  1.5em;
	padding:  0 0 10px;
}

h6 {
	font-size:  1em;
	line-height:  1.5em;
	padding:  0 0 10px;
}

p {
	padding:  0 0 10px;
}

a {
	color:  #c00000;
	font-weight:  700;
	text-decoration:  none;
}

a:visited {
	color:  #c00000;
	text-decoration:  none;
}

a:hover {
	border-bottom:  1px solid #c00000;
	color:  #c00000;
	text-decoration:  none;
}

a:active {
	border-bottom:  1px solid red;
	color:  red;
	text-decoration:  none;
	position:  relative;
	top:  1px;
}

a:focus {
	
}

a:focus:hover {
	
}

a img {
	border-bottom:  none;
	display:  block;
}

ul,li {
	list-style:  none;
	margin:  0;
	padding:  0;
	list-style-position:  inside;
}

blockquote
{
	margin: 10px 0 10px 0;
	padding: 15px 30px 15px 30px;
	font-style: italic;
	font-size:  1.2em;
	line-height:  1.25em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #707070;
}

cite
{
	font-size: 0.9em;
	font-style: italic;
	padding: 0 0 20px 220px;
	width: 220px;
	display: block;
}

/*NAVIGATION 
============================================ */

.nav {
	
}

.nav li {
	display:  inline-block;
	padding:  0 10px 0 0;
}

#mainnav {
	width:  700px;
	padding:  10px 0 0 250px;
	font-size:  1.1em;
	text-transform:  uppercase;
}

#subnav {
	float:  right;
	padding:  10px 25px 25px;
	width:  670px;
}

#footnav {
	float:  right;
	padding:  10px 0;
	text-align:  right;
	width:  230px;
}

#footnav ul {
	text-align:  right;
}

#footnav ul li {
	text-align:  right;
	padding:  0 0 0 10px;
}

.current_page_item a, .current-menu-item a, .current-cat a{
	color:  #c00000 !important;
	text-decoration:  none;
}

/*LAYOUT  
============================================ */

/*HEADER 
____________________________________________ */

#headercontainer {
	height:  100%;
	margin:  0 auto;
	padding:  0 0 15px;
	text-align:  left;
	width:  960px;
}

#header {
	clear:  both;
	color:  #FFF;
	min-height:  160px;
}

#branding {
	font-size:  3.9em;
	padding:  20px 0 0 95px;
	width:  960px;
	font-family:  "YanoneKaffeesatzRegular", "Trubuchet MS", Helvetica, sans-serif;
}

#logoimage {
	float:  left;
	width:  150px;
}

#cor {
	float:  left;
	width:  810px;
	padding:  35px 0 0;
}

#tagline {
	
}

.bigpullquote {
	background:  #e0e0e0;
	min-height:  100px;
	padding:  20px 0;
	font-family:  "YanoneKaffeesatzThin", "Trubuchet MS", Helvetica, sans-serif;
	font-size:  1.8em;
	line-height:  1.25em;
}

.bigpullquote .inner {
	margin:  0 auto;
	padding:  0 250px;
	text-align:  left;
	width:  460px;
}

/*CONTENT
____________________________________________ */

#content {
	padding:  20px 0 0;
}

/*#maincontent a[href^="http://"]:not([href*="colours.resist.ca"])::after {
	content:  "\2197";
}*/

#maincontentwrap ul {
	padding:  0 0 1em 20px;
	margin-left:  20px;
	text-indent:  -1em;
}

#maincontentwrap ul.categories {
	padding:  0 20px 0 0;
	margin-left:  0;
	text-indent:  0;
}

.home #maincontentwrap ul.categories {
	float:  left;
	width:  210px;
}

#maincontentwrap ul li {
	list-style-type:  disc;
}

#maincontentwrap ul.categories li {
	list-style-type:  none;
}

#maincontent ol
{
	padding: 0 0 1em 20px;
	margin-left: 20px;
	
	list-style: decimal-leading-zero outside;
}

#maincontent ol li
{
	list-style: decimal;
	padding:  0 0 10px;
	
}

#maincontentwrap ul.sitemap, #maincontentwrap ul.sitemap li, #maincontentwrap ul.tags, #maincontentwrap ul.wp-tag-cloud {
padding: 0;
margin: 0;
margin-left: 0;
text-indent: 0;
list-style-type:  none;
list-style: none;
}

#maincontentwrap ul.sitemap li {
padding: 0;
margin: 0;
margin-left: 0;
text-indent: 0;
list-style-type:  none;
list-style: none;
}

#maincontentwrap ul.wp-tag-cloud li {
list-style-type:  none;
list-style: none;
}


#maincontentwrap {
	width:  710px;
	float:  left;
	padding:  0 0;
}

.home #maincontentwrap h2 {
	width:  220px;
	float:  left;
	text-align:  right;
	padding:  0 20px 0 10px;
}

.home #maincontentwrap .articletext {
	width:  440px;
	float:  left;
	padding:  0 20px 0 0;
}


.home #maincontentwrap .columns{
	width:  460px;
	padding:  0;
}

.home #maincontentwrap .article {
	padding:  20px 0;
	border-bottom:  1px solid #ccc;
}

.home #maincontentwrap .last {
	border-bottom:  none;
}

#maincontent {
	width:  440px;
	float:  left;
	padding:  20px 20px 60px 0;

}

#maincontent h2, #maincontent h3 {
color: #333;
}

.author {
	font-size:  0.9em;
	font-style:  italic;
	padding:  20px 0 40px;
	width:  220px;
}

.meta {
	font-size:  0.9em;
	font-style:  italic;
	padding:  10px 10px 0;
	background:  #e0e0e0;
	margin-top:  20px;
}



/*SIDEBAR
____________________________________________ */

#sidebar {
	float:  left;
	width:  249px;
	border-left:  1px solid #ccc;
	padding:  0 0 20px;
}
#sidebarnav {
	float:  left;
	width:  199px;
	padding:  20px 20px 40px 10px;
	border-right:  1px solid #ccc;
	margin:  0 20px 0 0;
}
#sidebarnav a, #mainnav a {
	color:#333;	
}

#sidebarnav h2 a {
	color: #c00000;
}

#sidebarnav a:hover, #mainnav a:hover {
	color:#c00000;
	
}

#sidebarnav a:hover {
	color:#c00000;
	
}


#sidebar .aside {
	border-bottom:  1px solid #ccc;
	padding:  20px 10px 20px 20px;
}

#sidebar .last {
	border-bottom:  none;
}

.tags li {
	padding:  3px 0;
	font-weight:  normal;
	display: inline-block;
}

.tags li a {
	background:  #e0e0e0;
	color:  #333;
	padding:  4px 8px;
	-khtml-border-radius:  15px;/*Konquerer*/
	-moz-border-radius: 15px;/*Firefox*/
    -webkit-border-radius:  15px;/*Safari*/
    border-radius:  15px;
	margin:  5px 0;
	font-weight:  normal;
}

.tags li a:hover {
		color:  #c00000;
		border-bottom:  none;
	
}

/*FOOTER
____________________________________________ */

#footer {
	border-top:  1px solid #ccc;
	font-size:  0.9em;
	line-height:  1.67em;
	position:  relative;
	margin:  0;
	min-height:  50px;
	padding:  0 10px;
}

#footer a {
	color:  #333;
}

#footer a:hover {
	border-bottom:  1px solid #c00000;
	color:  red;
	text-decoration:  none;
}

#copyright {
	float:  left;
	padding:  10px 0;
	width:  670px;
}

/*IMAGES 
============================================ */

img {
	background:  url(../img/backgrounds/ajax-loader.gif) no−repeat 50% 50%;
}

img.thumb {
	border:  5px #CCC solid;
	margin-right:  25px;
}

img.thumblast {
	border:  5px #CCC solid;
}

/*FORMS 
============================================ */

.searchform input, .wpcf7-form input, .wpcf7-form textarea {
	border:  1px solid #ccc;
	padding:  4px 8px;
	-khtml-border-radius:  15px;/*Konquerer*/
	-moz-border-radius:  15px;/*Firefox*/
    -webkit-border-radius:  15px;/*Safari*/
    border-radius:  15px;
	width:  170px;
}

.wpcf7-form textarea {
width: 90%;
}

.wpcf7-submit {
 background : #e0e0e0;
}

.wpcf7-submit:hover {
 background : #a2a2a2;
 border:  1px solid #333;
}

.searchform input {
	float:  left;
}

.searchform img {
	float:  left;
	width:  22px;
}

input:focus, textarea:focus {
	border:  1px solid #333;
}

/*MISC  
============================================ */

dt {
	text-transform:  uppercase;
}

.hidden, .home h1 {
	position:  absolute !important;
	clip:  rect(1px 1px 1px 1px);
	/* 

IE6, IE7 */
    clip:  rect(1px, 1px, 1px, 1px);
	padding:  0 !important;
	border:  0 !important;
	height:  1px !important;
	width:  1px !important;
	overflow:  hidden;
}

.clear {
	clear:  both;
}

.center {
	text-align:  center;
}

.italic {
	font-style:  italic;
}

.error {
	color:  red;
	font-style:  normal;
	font-weight:  700;
}


.ads {
	
}

.search {
	
}



a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
	cursor:  pointer;
}

.pull-quote {
	width:  200px;
	float:  right;
	margin:  5px;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font:  italic bold #ff0000;
}

.vertical-centred {
	min-height:  10em;
	display:  table-cell;
	vertical-align:  middle;
}

/*CSS3  
============================================ */

.rounded {
	-khtml-border-radius:  15px;/*Konquerer*/
	-moz-border-radius:  15px;	/*Firefox*/
    -webkit-border-radius:  15px;	/*Safari*/
    border-radius:  15px;/*CSS3*/
}

.shadow {
	-khtml-moz-box-shadow:  5px 10px 25px #666;/*Konquerer*/
	-moz-box-shadow:  5px 10px 25px #666;	/*Firefox*/
	-webkit-box-shadow:  5px 10px 25px #666;	/*Safari*/
	box-shadow:  5px 10px 25px #666;/*CSS3*/
}



.darktextshadow {
	text-shadow:  2px 2px 2px #666;
}

.transparent {
	filter:  alpha(opacity=50);/*IE*/
	-khtml-opacity:  0.5;/*Konquerer*/
	-moz-opacity:  0.5;	/*Firefox*/
	opacity:  0.5;
}

::selection {
	background:  #ffb7b7;/*Safari */
}

::-moz-selection {
	background:  #ffb7b7;/*Firefox */
}




.addbreaks {
	white-space:  -moz-pre-wrap !important; /* Mozilla */ 
	white-space:  -pre-wrap;/* Opera 4-6 */
	white-space:  -o-pre-wrap;	/* Opera 7 */
	white-space:  pre-wrap;	/* css-3 */
	word-wrap:  break-word;/* IE 5.5+ */
}



/*GROUP 
============================================ */

.group:after {
	content:  ".";
	display:  block;
	height:  0;
	clear:  both;
	visibility:  hidden;
}

.group {
	display:  inline-block;
}

.group {
	zoom:  1;
}