/*
Theme Name: Point Click Media Productions
Theme URI: www.pointclickmedia.ca
Description: Built to compliment the Point.CLick Media Productions Website
Author: Point Click Media Productions
Author URL: http://www.pointclickmediaproductions.ca
Version: 2.5 Alpha build 1.03
Revision Date: March 25, 2009
*/

/* -- This filters out different older broswsrs and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 62.5%; text-align:center; color:#FFFFFF;}
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline;}
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0 0 10px 25px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large; margin:0 0 12px;}
	h2 					{font-size:medium; margin:8px 0;}
	h3 					{font-size:small; margin:6px 0 5px;}
	h4 					{font-size:x-small; margin:4px 0;}
	h5					{font-size:xx-small; margin:3px 0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}

/*------- Basic Layout & Backgrounds ------------*/
	body {
		background:url(images/pcmp_bkgrnd.jpg) no-repeat center top #150d03;
	}
/* ------------ Main Layouts ----------------*/
	#wrapper{
		width:770px;
		margin: 0 auto;
		text-align:left;
		position:relative;
	}
	#pcmplogo{/* Set where the Logo Appears */
		position: relative;
		/* top: 27px; */
	}	
	#header {
		background: url(images/header1.jpg) no-repeat center top;
		height:88px;
		margin:0px;
	}
	#flashholder {
		background:url(images/flash_area.jpg) no-repeat left top;
		width: 546px;
		height: 209px;
		/*float:left; */
		position:relative; /*to allow ul to position correctly inside */
		padding-left:2px;
	}
	#flashholder ul#homepagebox_menu{
		list-style-position:outside;
		list-style-type:none !important;
		margin:0;
		padding:0;
		position:absolute;
		left:8px;
		bottom:5px;
		z-index:99;
		border-top:#9f8967 1px solid;
		border-bottom:#9f8967 1px solid;
	}
	#flashholder #homepagebox_menu	li{
		display:inline;
		cursor:pointer;
		color:#6e6b65;
		font-size:11px;
		font-weight:bold;		
	}
	#flashholder #homepagebox_menu li.selected, #flashholder #homepagebox_menu li:hover{
		color:#5a3210;
	}
	#flashholder p{
		display:inline;
	}
	#newsholder {
		background:url(images/latestnews_bkgrnd.jpg) no-repeat center top;
		/* margin: 0px 0px 0px 547px; */
		width:224px;
		height: 209px;	
		position:absolute;
		top:88px;
		/*left:547px;*/
		right:0px;
	}
	#mainmenuindex {
		/*clear:both; */
		background:url(images/main_men_index.jpg) no-repeat center top;
		height:35px;
		clear:both;
	}
	#mainmenusections{
		background:url(images/main_men_sub.jpg) no-repeat center top;
		height:35px;
	}
/* --- Main Content Area ---*/
	#mainbody{
		background:url(images/main_body_bkgrnd.jpg) repeat-y left top;
	}
	#mainbody #maintext {
		background:url(images/main_body_heighlight.jpg) no-repeat left top;
		float:left;
		margin:12px 0px 0px 9px;
		padding:10px 0px 10px 0px;
		width:525px;
		/*border:#00FFFF dotted 1px; */
	}
	#mainbody #maintext h1 {
		font-size:1.6em;
		font-variant:small-caps;
		color:#d1953f;
		margin:0px 0px 12px 9px;
		padding:0px 0px 3px 0px;
		border-bottom: #6c3c14 1px dashed;
	}
	#mainbody #maintext h1 a { /*preventing the normal anchor tag from screwing with the style on titles*/
		font-weight:bold;
		color:#d1953f;
	}
	#mainbody #maintext h2 {
		font-size:1.4em;
		font-variant:small-caps;
		color:#f3bd6f;
		margin:0px 0px 0px 9px;
		padding:0px 0px 3px 0px;
	}
	#mainbody #maintext h2 a { /*preventing the normal anchor tag from screwing with the style on titles*/
		font-weight:bold;
		color:#dfae67;
	}
	#mainbody #maintext h2 a:hover{
		color:#9d6020;
		text-decoration:none;
	}
	#mainbody #maintext h3 {
		font-size:1.5em;
		font-variant:small-caps;
		color:#e4e2e0;
		margin:0px 0px 12px 9px;
		padding:0px 0px 3px 0px;
	}
	#mainbody #maintext p{
		font-size:1.1em;
		text-align:justify;
		color:#e4e2e0;
		margin:0px 0px 12px 9px;
		padding:0px 0px 3px 0px;
	}
	/* for a tags in the main text area */
	#mainbody #maintext a{
		color:#c87a27;
		font-weight:bold;
		text-decoration:none;
	}
	#mainbody #maintext a:hover{
		text-decoration:underline;
		color:#9d6020;
	}
	#mainbody #maintext .writtenon{
		margin:0px 0px 12px 9px;
		padding:0px 0px 3px 0px;		
	}
	#mainbody #maintext .writtenfor{
		display:block;
		background:#382912 none repeat scroll 0% 0%;
		border-bottom:1px dashed #6C3C14;
		border-top:1px dashed #6C3C14;
		margin:36px 20px;
		padding:10px 30px;	
	}	
	/* ---- Flash Contact Form ---- */
	#mainbody #maintext .contactform{
		margin:0px 0px 12px 6px;
	}
	.maphide{
		display:none;
	}
	
/* -- Right Content Area -- */
	#mainbody #rightmenu {
		margin:0px 0px 0px 555px;
		padding:10px 0px 0px 0px;
		text-align:center;
		width:210px;
		/*border:#00FF66 dotted 1px; */
	}
	#rightmenu h2{ /*Standard formating of H2 in the right bar */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		text-align:left;
		font-variant:small-caps;
	}
	#rightmenu .webproj{ /* this will deal with just the webproj h2 */
		padding-left:20px;
		background:url(images/mouse_h2.jpg) left top no-repeat;
	}
	#rightmenu a{
		color:#c87a27;
		font-weight:bold;
		text-decoration:none;
	}
	#rightmenu li{
		text-align:left;
		list-style-type:none;
		color:#FFFFFF;
	}

	#rightmenu ul{
		text-align:left;
		list-style-type:none;
		color:#FFFFFF;
	}
	#rightmenu ul a{
		color:#FFFFFF;
	}

/*----------- Main Page Services table -----------*/
	#featuredservices {
		background:url(images/frnt_backing.jpg) no-repeat left bottom;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 9px;
	}
	#featuredservices ul{
		padding:6px 0px 3px 18px;
		margin:0px 0px 0px 0px;
	}
	#featuredservices ul li{ 
		font-size:10px;
		padding:0px 0px 0px 0px;
		margin:0px 6px 0px 0px;
		color:#FFFFFF;
	}	
	
	

/*--- Footer ---*/	
	#footer{
		clear:both;
		background:url(images/footer.jpg) no-repeat left top;
		height:34px;
		width:771px;
	}
	#footer #copyright {	
		display:block;
		padding:10px 0px 0px 0px;
		text-align:center;
		color:#e6d7c4;
	}

/* ------------ Menu Stylings ----------------*/
/* ---- Top Menu ---*/
	ul#topmenu  {
height:20px;
list-style-type:none;
position:absolute;
right:10px;

top:55px;	}
	ul#topmenu li{
		display:inline;
		height:20px;
		margin-right:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.0em;
		font-weight:bold;
	}
	ul#topmenu li a{
		padding:5px 0px 5px 20px;
	}
	ul#topmenu li.sitemap a{
		background:url(images/sitemap_icon.gif) no-repeat left ;
		text-decoration:none;
		color: #fdfcf6;
	}
	ul#topmenu li.sitemap a:hover {
 		color:#d8d7d1;
	}

	ul#topmenu li.contactus a{
		background:url(images/contactus_icon.gif) no-repeat left ;
		text-decoration:none;
		color: #fdfcf6;
	}
	 ul#topmenu li.contactus a:hover {
 		color:#d8d7d1;
 	}
	ul#topmenu li.rss a{
		background:url(images/rss_icon.gif) no-repeat left ;
		text-decoration:none;
		color: #c87a27;
	}
	ul#topmenu li.rss a:hover{
 		color:#9d6020;
	}
/* ---- News Menu---*/
	#newsholder h1.frontnews {
		display:block;
		position:relative;
		top:6px;
		margin: 0px 0px 12px 9px;
		padding: 0px 0px 0px 0px;
		font: bold 1.6em Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		
	}
	#newsholder .frontnews a {
		background:url(images/latestnews.gif) no-repeat left;
		padding: 0px 0px 0px 23px;		
		color:#2b1b07;
		text-decoration:none;
	}
	#newsholder .frontnews a:hover {
		color:#7d7562;
	}
	#newsholder .currentdate {
		display:block;
		margin:-25px 0px 0px;
		position:relative;
		left: 150px;
		font: bold 1.6em Arial, Helvetica, sans-serif;
		color:#7d7562;
	}
	#newsholder h2 {
		margin: 5px 0px 0px 9px;
		font: bold 1.5em Arial, Helvetica, sans-serif;
		font-variant:small-caps;
	}
	#newsholder h2 a {
		display:inline;
		width:200px;
		text-decoration:none;
		color:#57370e;
		padding:0;
		margin:0;
	}
	#newsholder h2 a:hover {
 		color:#87530f;
 	}

	#newsholder .storydateindex {
		display:block;
		margin: 0px 0px 0px 9px;
		color:#ad5801;
		width:200px;
		border-bottom:#a88e6d dashed 1px;
	}

/* #### Main Menu #### */	
	#menucolumn {
		width: 546px;
		float:left;
	}
	ul#mainmenu{
		list-style:none;
		margin:10px 0px 0px 8px;
		width:500px;
		height:20px;	
	}
	#mainmenu li{
		display:inline;
	}
	#mainmenu li, #mainmenu li a{
		font: bold 14px Arial, Helvetica, sans-serif;
		font-variant:small-caps;
		color:#ffffff;
		text-decoration:none;	
	}
	ul#mainmenu li a:hover {
 		color:#dfdcdc;
 	}
	#mainmenu li ul { /* hide the submenu */
		position: absolute;
		width: 10em;
		left: -999em;
	}
	#mainmenu li:hover ul, #mainmenu li.sfhover ul {/* reveal the sub menu when rollover */
		/*position: static;  *//*fixes an IE 7 bug that will leave the menu up if you change focuse to certain on=bjects IE a text box */
		left: auto;
		z-index:2;
		margin:0px 0px 0px 160px;
		padding:5px;
		background-color:#2c1b07; /* This needs to be here to have the javascript bring the color over to IE6 */ 
	}
	#mainmenu li:hover ul li, #mainmenu li.sfhover ul li{
		display:block;
		padding:3px 0px 0px 0px;
	}
	#mainmenu a:hover {
		color:#dfdcdc;
	}


	.mainmensperator{
		color:#42270c;
		margin:0px 0px 0px 5px;
	}
	
	/*---Search pieces ---*/
	#searchcolumn {
		text-align:right;
		margin: 0px 0px 0px 546px;	
		width:221px;
	}
	#searchform{
display:block;
margin-left:49px;
padding:3px 6px 0 0;
width:160px;
	}
	#submitbut{
		display:inline;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		position:relative;
		top:6px;
		left:5px;
	}
	#searchbox {
		width:120px;
		height:20px;
		border-bottom: #41290b 2px solid;
		border-top: #41290b 2px solid;
		border-right:0px;
		border-left:0px;
		padding:0px;
		margin:0px;
		background-color:#eaeaea;
		font-size:1.3em;
		color:#666666;
		
		float:left;
	}
	.submitleft {
		background:url(images/searchbox_left.gif) left top no-repeat;
float:left;
margin:4px 0 0;
padding:0 0 0 10px;
width:130px;
}
	.submitright {
		background:url(images/searchbox_right.gif) right top no-repeat;
display:block;
float:left;
padding:0 10px 0 0;
	}	

/* ---- Validation Menu---*/	
	ul#validationlinks  {
		height:20px;
		width:500px;
		text-align:left;
		list-style-type:none;
		margin:5px 0px 0px 6px;
		padding:0px 0px 0px 0px;
	}
	ul#validationlinks li{
		display:inline;
		margin: 0px 12px 0px 0px;
	}
	ul#validationlinks li a{
		background:url(images/valid_check.gif) no-repeat left top;
		font: 1.0em Arial, Helvetica, sans-serif;
		color:#836540;
		text-decoration:none;
		padding-left:16px;
	}	
/* #################   Styles for Posts   ################# */
	.postimgr, .alignright{ /* moves the image with this class in a post to the right of the page and places a background border. */
		/*background:#573d1e;*/
		float:right;
		margin:5px 0px 5px 10px;
		padding:5px 0 0px 10px;
	}
	.postimgl, .alignleft{ /* moves the image with this class in a post to the left of the page and places a background border. */
		/*background:#573d1e;*/
		float:left;
		margin:5px 5px 5px 0px;
		padding:5px 5px 5px 5px;
	}
	/* formats the image borders in a post. */
	#mainbody #maintext .wp-caption img {
		background:#382912 none repeat scroll 0 0;
		border:2px solid #6C3C14 !important;
		margin:0;
		padding:2px;
	}
	/* formats the caption portion of the images in a post. */
	#mainbody #maintext .wp-caption p.wp-caption-text {
		color:#C87A27;
		margin:0;
		padding:5px 10px;
		text-align:right;		
	}
/*	.postimgr .postcaption, .postimgl .postcaption { 
		display:block;
		text-align:center;
		margin-top:5px;
		font-weight:bold;
	}
*/	/* Quotes styling for use in quotes and pages */
	.quotestart{
		display:block; /* I used spans instead of DIVS because wordpress converts divs in articles to P tags but will leave spans alone */
		background:url(images/quotes_start.gif) no-repeat top left;
		width:450px;
		margin: 0 auto;
		text-align:left;
	}
	.quotedtext{ /* spaces the quoted text in the quotes and controls its look */
		display:block; /* I used spans instead of DIVS because wordpress converts divs in articles to P tags but will leave spans alone */
		margin:0px 30px;
		padding:10px 0px;
		font-style:italic;
		font-weight:bold;
	}
	.quoteend{
		display:block; /* I used spans instead of DIVS because wordpress converts divs in articles to P tags but will leave spans alone */
		background:url(images/quotes_end.gif) no-repeat bottom right;
		margin:20px 0px; /* space the text to allow for the quotes */
	}
/* ######################################################## */
	

/* ################# Comments System ################# */
.comments-template{
	margin: 20px 0 0;
	/* border-top: 1px solid #ccc; */
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 35px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;

}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.comments-template h3#comments{
	margin-bottom:15px;
}
.comments-template h3#respond{
	margin-top:20px;
}

.comments-template .commentlist li .commentmetadata{
	margin: 0 0 10px 0;
}
.comments-template .commentlist li{
	margin:0 0 0 21px;
	padding:10px;
	width:437px;
	
	/* background:#D0CB88 none repeat scroll 0 0; */
	border-top:1px dashed #6C3C14;	
}
.comments-template .commentlist .alt {
	background:#382912 none repeat scroll 0 0;
	border-top:1px dashed #6C3C14;
}

.comments-template .commentlist .author{
	background:#4f3a1a none repeat scroll 0 0;
	border-top:1px dashed #6C3C14;
}

.comments-template #sidebar li.recentcomments {
	margin:5px 0 5px 0;
}

.commentlist {
	margin-bottom:20px;
}
#commentform {
	/*width:437px;*/
	margin:0 0 0 21px;
}
#commentform #author,
#commentform #email ,
#commentform #url ,
#commentform #comment{
	background:#70552c;
	border:1px dashed #6C3C14;	
	color:#DDD;
	padding:4px;
}
#commentform #author:hover,
#commentform #email:hover ,
#commentform #url:hover ,
#commentform #comment:hover {
	border: 1px solid #c87a27;
	background:#816437;
}

#commentform #author:focus,
#commentform #email:focus ,
#commentform #url:focus ,
#commentform #comment:focus{
	color:#FFF;
	background:#816437; 
}

/* ######################################################## */
	

/* ################# Page Specific Styles ################# */
/* -- Services Main Page --*/
	#mainbody #maintext p.servicestext{ /* Services page - makes extra indent on certain text */
		font-weight:bold;
		margin:-10px 20px 30px 30px;	
	}
	.projecttypeimg{ /* Services page - images at the bottom of the right ex: Point.Click_Surf */
		float:right;
		margin:11px 0px 0px 0px;
	}
/* -----------------------*/

/*########## TWITTER feed ############*/
#twitter_div {
	background: #342310 url(images/tweet_top.gif) top left no-repeat;
	width:200px;
	padding-top:5px;
}
#twitter_div ul {
	padding:0px;
	margin:5px 8px 13px 8px;
}
#twitter_div li {
	margin:0 0 5px 0;
	padding: 0 0 3px 0;
	border-bottom:1px solid #231504;	
}
#twitter_div li a {
	color:#c87a27;
	font-weight:bold;
	text-decoration:none;
}
#twitter_div li a:hover {
	text-decoration:underline;
	color:#9d6020;
}
#twitter_bot{
	background:url(images/tweet_bot.gif) bottom left no-repeat;
	padding-bottom:15px;
}
.twitter-title{
	background:transparent url(images/ico_twitter.gif) no-repeat scroll left top;
	padding-left:20px;
}
#twitter_div li.aktt_more_updates {
	border:none;
	margin:0px;
	padding:0px;
}

/* -----------------------*/

/* %%%%% Project Pages %%%*/
	.projectbkgrnd{
		display:block;
		width:512px;
		height:180px;
		padding:0px 0px 0px 8px;
		margin:0 0 12px 9px;
	}
	#launchproject{
		display:block;
		font-family:Arial,Arial Bold;
		font-size:1.5em;
		font-weight:bold;
		padding:120px 0px 0px 0px;		
	}
	#launchdate{
		display:block;
		margin-top:2px;
	}
/* --- Project Images --*/
	#projectbkgrndwizz{
		background:url(images/proj_wizztitle.gif) no-repeat;
	}
	#projectbkgrndair107{
		background:url(images/proj_air107title.gif) no-repeat;
	}
	#projectbkgrndmassosoma{
		background:url(images/proj_mossosomatitle.gif) no-repeat;
	}
	#projectbkgrndegm{
		background:url(images/proj_egmtitle.gif) no-repeat;
	}
	#projectbkgrndhumidex{
		background:url(images/proj_humidextitle.gif) no-repeat;
	}
	#projectbkgrndairtech107{
		background:url(images/proj_air107title.gif) no-repeat;
	}
	#projectbkgrndsportsrock{
		background:url(images/proj_sportsrocktitle.gif) no-repeat;
	}
	#projectbkgrndfitnesseffects{
		background:url(images/proj_fetitle.gif) no-repeat;
	}
	#projectbkgrndkenthomes{
		background:url(images/proj_kenthometitle.gif) no-repeat;
	}
	#projectbkgrndverve{
		background:url(images/proj_vervetitle.gif) no-repeat;
	}
	#projectbkgrndpatterson{
		background:url(images/proj_patterson.gif) no-repeat;
	}
	#projectbkgrndnelson{
		background:url(images/proj_nelsontitle.gif) no-repeat;
	}
	#projectbkgrndmelanson{
		background:url(images/proj_melansontitle.gif) no-repeat;
	}
	#projectbkgrndairtechhumid{
		background:url(images/proj_airtechhumidtitle.gif) no-repeat;
	}
	#projectbkgrndcountertop{
		background:url(images/proj_countertoptitle.gif) no-repeat;
	}
	#projectbkgrndtaratech{
		background:url(images/proj_taratechtitle.gif) no-repeat;
	}
	#projectbkgrndscicihlone{
		background:url(images/proj_scicihalonetitle.gif) no-repeat;
	}
	#projectbkgrndcjse{
		background:url(images/proj_cjsetitle.gif) no-repeat;
	}


/* -----------------------*/
/* %%%%%%%%%%%%%%%%%%%%%%%*/
/* ######################################################## */