/*   
Theme Name: CPCC 2011 theme
Theme URI: http://www.cpcc.ca
Description: theme for The Canadian Private Copying Collective
Author: Tim Timleck - Lawrence James Digital Inc.
Author URI: http://www.lawrencejames.ca
Version: 1.1
*/

@media screen {

* {
margin:0;
padding:0;
}
html
{
height:100%;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}
#main-body {
	margin:0; 
    padding:0; 
	background: url(images/cpcc-bgd1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #F7F7F7;
	height: 100%;
}
#subpage-body {
	margin:0; 
    padding:0; 
	background: url(images/cpcc-bgd-sub.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #F7F7F7;
	height: 100%;
}
/* fixes hacks etc. */
object { display:block; }

.clear { clear:both; margin:0px; padding: 0px;}
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

img, div { behavior: url(iepngfix.htc) }

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

/* text styles */
h1 {
	color: #111;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
h2 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
h3 {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
h4 {
	color: #111;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
p{
	margin: 7px 0px 7px 0px;
}
ul, ol{
	margin: 8px 5px 8px 35px;
}

a:link{
	color: #333333;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-weight: normal;
}
a:visited{
	color: #333333;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-weight: normal;
}
a:hover{
	color: #990000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-weight: normal;
}
a:active{
	color: #333333;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	font-weight: normal;
}

/* image align styles for wordpress  */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/**** header styles **********/

#header-container {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
}
#header-top {
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 150px;
	border: 0;
	background-color: transparent;
	position: relative;
}
#language-choice{
	position: relative;
	width: 225px;
	left: 774px;
	top: 110px;
}
#header-flash {
	margin: 0px;
	padding: 0px;
	width: 980px;
	height: 255px;
	display:block;
}
#main-nav {
	z-index:10000;
	position: relative;
    clear: both;
    background:url('images/main-menu-bgd.png');
    height: 48px;
    display:block;
}
/* main nav superfish styles at the end of this document */

/* these styles hide other categories for the side menu on the topic pages */
#pagenav .menu-item { display:none;}
#pagenav .sub-menu { display:none;}
#pagenav .menu-item.current_page_item { display:inline;}
#pagenav .menu-item.current_page_parent { display:inline;}
#pagenav .menu-item.current_page_item .sub-menu { display:inline;}
#pagenav .menu-item.current_page_parent .sub-menu { display:inline;}
#pagenav .menu-item.current_page_item .sub-menu .menu-item  { display:inline;}
#pagenav .menu-item.current_page_parent .sub-menu .menu-item  { display:inline;}
/* main nav styles for secure pages (static menu) */
#main-nav-static {  
	padding: 9px 0px 0px 0px;
	margin: 0px;
	}
#main-nav-static ul { 
	margin: 0px;
	padding: 0px;
}
#main-nav-static li {
	list-style:none; 
	display:inline;
}
#main-nav-static a {
	padding: 0px 10px 0px 115px; 
	text-decoration:none;
	font-size: 18px;
	color: #e7e7e7;
}
#main-nav-static a:visited {
    text-decoration:none;
	font-size: 18px;
	color: #e7e7e7;
}
#main-nav-static a:hover {
	text-decoration:none;
	font-size: 18px;
	color: #fff;
}	
#main-nav-static a:active {
	text-decoration:none;
	font-size: 18px;
	color: #e7e7e7;
}
#page-container {
	position: relative;
	background: url(images/page-bgd-ko.png);
	min-height: 90%;
	margin: 0 auto;
	width: 980px;
    padding: 0px;
}
#page-content{
	margin: 0 auto;
	width: 980px;
    padding: 0px;
    position: relative;
}

#main-content-container{
	background: url(images/page-bgd.png);
	position:relative;
	min-height: 65%;
	margin: 0 auto;
	width: 980px;
    padding: 0px 0px 150px 0px;
}

/* main page styles */

#video-flash{
	float: left;
	margin: 5px 5px 25px 45px;
	width: 500px;
	height: 440px;
}
#front-page-content {
	float: left;
	margin: 20px 5px 20px 45px; 
	width: 550px;
}
#main-sidebar{
	float: right;
	width: 320px;
	margin: 20px 40px 30px 5px;
}
#front-news{
	background: url(images/main-news-bgd.jpg);
	background-repeat: no-repeat;
	background-color: #E7E6E8;
	width: 320px;
}
#main-sidebar h4 { 
    margin: 0px; 
}
#main-sidebar p { 
    margin: 0px; 
}
#main-sidebar h4 a:link { 
    font-size: 12px; 
	font-weight: bold;
	color: #5A0C0C; 
	text-decoration: none; 
}
#main-sidebar h4 a:visited { 
    font-size: 12px; 
	font-weight: bold;
	color: #5A0C0C; 
	text-decoration: none; 
}
#main-sidebar h4 a:hover  { 
    font-size: 12px; 
	font-weight: bold;
	color: #333; 
	text-decoration: none; 
}
#main-sidebar h4 a:active { 
    font-size: 12px; 
	font-weight: bold;
	color: #5A0C0C; 
	text-decoration: none; 
}

#main-sidebar blockquote{
	margin: 0px;
	padding: 20px 20px 0px 20px;
	font-size: 12px;
}
#main-sidebar-title{
	background: #444;
	width: 320px;
	font-size:14px;
	color: #F7F7F7;
	padding: 5px 0px 5px 0px;
}

#main-sidebar img {
	display: block;
}

#main-sidebar-content{
	padding: 3px;
}

#main-news-title{
	font-weight:bold;
	font-size:24px;
	color: #990000;
	padding: 15px;
}
#main-news{
	float:left;
	margin: 0px 0px 50px 0px;
	padding: 20px 30px 20px 30px;
	width: 860px;
}

.main-news-item{
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

/**********  footer styles ***********/

#footer{
	background: url(images/footer-bgd.png) no-repeat;
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	height: 250px;
}
#copyright{
	float:right;
	margin: 65px 40px 0px 30px;
	font-size: 12px; 
	font-weight: normal; 
	color: #999;
}
#footer-space{
	clear:both;
	padding: 10px;
}
#secondary-nav{
	float: left;
	margin: 15px 20px 20px 15px;
	padding: 0px;
	width: 930px;
}
#secondary-nav ul { 
    padding: 0px; 
}
#secondary-nav li {
	list-style:none; 
	display:inline; 
	padding-right: 20px;
}
#secondary-nav li a { 
    font-size: 13px; 
	color: #e1e1e1; 
	text-decoration: none; 
}
#secondary-nav li a:visited {
	font-size: 13px;
	color: #e1e1e1; 
	text-decoration: none; 
}
#secondary-nav li a:hover {
	font-size: 13px;
	color: #fff; 
	text-decoration: none; 
}
#secondary-nav li a:active {
	font-size: 13px;
	color: #e1e1e1; 
	text-decoration: none; 
}

/* subpage styles */
#subpage-title{
	background:url(images/blank-title.jpg);
	float: left;
	margin: 0px;
	height:104px;
	width:382px;
}
#subpage-title-inner{
	font-weight:normal;
	font-size:20px;
	color: #AE7271;
	text-align:center;
	margin-top: 40px;
	height:64px;
	width:382px;
}
#subpage-header-flash {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 598px;
	height: 104px;
}
#subpage-main-menu {
	/*float: right;*/
	margin: 0px;
	padding: 0px;
	width: 598px;
}

#subpage-menu{
	
	float: left;
	width: 220px;
	padding: 0px;
	margin: 25px 30px 20px 50px; 
	
}

#subpage-menu-header{
	background: #5A0C0C;
	width: 220px;
	height: 2px;
	font-weight:bold;
	font-size:10px;
	color: #F7F7F7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
#subpage-menuitems {
	background:#FFF;
	width: 220px;
}
/* hack to lose the space under the bottom image */
#subpage-menu img {display:block;}
#subpage-menuitems ul{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 220px;
}
#subpage-menuitems a:link{
	color: #000;
	padding: 7px 5px 7px 7px;
	width: 208px;
	font-size: 12px;
	text-decoration: none;
	background-color: #EFEFEF;
	display: block;
	margin: 2px 0px 2px 0px;
	
}
#subpage-menuitems a:visited{
	color: #000;
	font-size: 12px;
	padding: 7px 5px 7px 7px;
	text-decoration: none;
	background-color: #EFEFEF;
	display: block;
	margin: 2px 0px 2px 0px;
}
#subpage-menuitems a:hover{
	color: #000;
	font-size: 12px;
	padding: 7px 5px 7px 7px;
	text-decoration: none;
	background-color: #D7D7D7;
	display: block;
	margin: 2px 0px 2px 0px;
}
#subpage-menuitems a:active{
	color: #000;
	font-size: 12px;
	padding: 7px 5px 7px 7px;
	text-decoration: none;
	background-color: #CAD8E7;
	display: block;
	margin: 2px 0px 2px 0px;
}

#subpage-content{ 
	float:right;
	margin: 5px 50px 20px 0px; /* set bottom margin to 150 to account for the footer */
	padding: 0px 0px 20px 0px;
	width: 618px;
	font-size: 12px;
	
}
#subpage-content-title{
	float: right;
	font-weight:bold;
	font-size:24px;
	color: #990000;
	color: #5A0C0C;
	padding: 0px;
	margin: 20px 30px 0px 0px;
	width: 640px;
}
/*    */
/* blog styles (news/court decisions), nosubmenu page styles   */
#subpage-nomenu-title {
	float: left;
	font-weight:bold;
	font-size:24px;
	color: #5A0C0C;
	padding: 0px;
	margin: 20px 50px 0px 50px;
	width: 620px;
}
#subpage-nomenu-content{ 
	float:left;
	margin: 5px 30px 60px 50px;
	padding: 0px 0px 20px 0px;
	width: 890px;
	font-size: 12px;
	
}
#category-title {
	float: left;
	font-weight:bold;
	font-size:24px;
	color: #5A0C0C;
	padding: 0px;
	margin: 20px 50px 0px 50px;
	width: 620px;
}

.post-container{
	float:left;
	margin: 10px 10px 10px 42px; 
	padding: 0px 10px 0px 10px;
	width: 870px;
	font-size: 12px;
}
.single-post-container{
	float:left;
	margin: 40px 10px 5px 40px;
	padding: 0px 10px 10px 10px;
	width: 860px;
	font-size: 12px;
}
.post-title{
	float: left;
	font-weight:bold;
	font-size:20px;
	color: #990000;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.post-title a:link{
	color: #000;
	font-weight:bold;
	font-size:14px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	background-color: #F7F7F7;
	display: block;
	width: 840px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title a:visited{
	font-weight:bold;
	color: #333;
	font-size:14px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	background-color: #F7F7F7;
	display: block;
	width: 840px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title a:hover{
	color: #333;
	font-weight:bold;
	font-size:14px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	background-color: #D7D7D7;
	display: block;
	width: 840px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title a:active{
	color: #000;
	font-weight:bold;
	font-size:14px;
	padding: 7px 10px 7px 10px;
	text-decoration: none;
	background-color: #CAD8E7;
	display: block;
	width: 840px;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title{
	float: left;
	/*font-weight:bold;*/
	font-size:20px;
	color: #5A0C0C;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.post-title-category a:link{
	color: #5A0C0C;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title-category a:visited{
	color: #5A0C0C;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title-category a:hover{
	color: #000;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 0px;
}
.post-title-category a:active{
	color: #5A0C0C;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 0px;
}
.entry{
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	width: 860px;
}
.single-entry{
	clear: both;
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	width: 860px;
}
.single-entry p{
	margin: 0px 0px 10px 0px;
}
.single-post-title{
	float: left;
	font-weight:bold;
	font-size:20px;
	color: #990000;
	padding: 0px;
	margin: 20px 50px 0px 30px;
}
.news-page-links {
	width: 970px;
	padding: 20px 0px 40px 0px;
	text-align: center;
}
.news-page-links a:link {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	border:none;
	padding: 0px 15px 0px 15px;
	color:#990000;
}
.news-page-links a:visited {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	border:none;
	/*padding: 0px 5px 0px 5px;*/
	color:#990000;
}
.news-page-links a:hover {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	border:none;
	/*padding: 0px 5px 0px 5px;*/
	color:#000;
}
.news-page-links a:active {
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	border:none;
	/*padding: 0px 5px 0px 5px;*/
	color:#990000;
}
/*.news-page-links a:link {
	text-decoration:none;
	border:none;
	padding: 0px 240px 0px 170px;
	color:#777;
	font-weight: bold;
}
#previous-link {
	float: left;
	margin: 0px 0px 70px 50px;
}
#next-link {
	float: right;
	margin: 0px 50px 70px 50px;
}

.red-bold-link a:link{
	color: #990000;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
}
.red-bold-link a:visited{
	color: #990000;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
}
.red-bold-link a:hover{
	color: #333;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
}
.red-bold-link a:active{
	color: #990000;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
}
*/
#category-bottom-space { /* to give extra margin for the footer fix */
    clear:both; 
    padding: 0px;
	margin-bottom: 60px;
}
/* sitemap styles*/
.site-map li {
	margin-top: 15px;
}
/* superfish */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	/*width:			20em;  left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			110px;
	top:			34px; /* match top ul list item height */
	z-index:		99;
	width: 200px; 
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** menu appearance styles ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 10px 10px 3px 125px; /* spacing for the top level page menu */
	text-decoration:none;
	font-size: 16px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #e2e2e2;
}
.sf-menu li {
	
}
.sf-menu li li a, .sf-menu li li a:active,.sf-menu li li a:visited{
	font-size: 13px; 
	padding: 10px; 
	color: #222222;
	border-left:	1px solid #ccc;
	border-top:		1px solid #ccc;
}
.sf-menu li li {
	background:		#f7f7f7;
}
.sf-menu li li li {
	
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
 .sf-menu li li a:focus, .sf-menu  li li a:hover, .sf-menu  li li a:active {
	background:		#ccc;
	color: #222222;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* end superfish */
} /* END screen media */