* {
	margin: 0;
	padding: 0;
}

html {font-size:100.01%}

body {
	font:13px "helvetica condensed","Arial narrow",arial,sans-serif;
	color: rgb(51,51,51);
	background:url('/images/design/bg.jpg') rgb(256,256,256) repeat top center;
	margin:0;
	font-size:14px;	
	min-width:1052px;
}

a {text-decoration: none; color: rgb(153,102,51);}	
a:hover {text-decoration: underline; color: rgb(204,153,0);}	
a img { border: none; }	
:focus {	outline: 0;	}
ul, li, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style: none;}

h1 { font-size: 24px; font-weight: normal; padding-bottom: 20px; color: rgb(106,74,33);}
h2 { font-size: 19px; text-transform: uppercase; font-weight: normal; padding-bottom: 20px;}
h3 { font-size: 16px; color:rgb(153,102,51); font-weight: normal; padding-bottom: 20px;}
p { font-size: 14px; color:rgb(51,51,51); font-weight: normal; padding-bottom: 20px;}

#wrapper {
	width: 1052px;
	margin: 0 auto;	
	}
	
/* 
start header
 */
 
.header {
	float: left;
	width: 100%;
	height: 140px;
	}

.logo {
	float: left;
	padding: 13px 0 0 45px;
	}
	
#contact {
	clear: both; display: block;
	text-align: right;
	padding: 0 45px 0 0;
	}

#contact .company {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	padding: 0 0 0 0;
	}

#contact a {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	padding: 0 0 0 0;
	text-transform: lowercase;
	color: rgb(153,0,0);
	}
	#contact a:hover {
	color: rgb(204,0,0);
	}

#contact .email_phone {
	font-size: 15px;
	text-align: right;
	font-weight: bold;
	text-transform: lowercase;
	color: rgb(153,0,0);
	margin: 0 0 10px 0;
	}
	
#studio_map {
	float: right;
	width: 400px;
	margin: 0 0 0 30px;
	font-size: 15px;
	text-align: left;
	}

#studio_map h2 {
	float: right;
	width: 400px;
	margin: 0 0 20px 0;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(153,0,0);
	}

a.addthis_button {
	padding: 10px 10px 10px 10px;
	float: right;}
	
	
/* 
end header
 */ 	

 /* 
start containers
 */
 
.topcontainer {
	display: block;
	background: url(http://www.trevorallen.ca/images/design/top_bg2.png) repeat-y left top;
	clear: both;
	}
	
.topcontainer2 {
	display: block;
	background: url(http://www.trevorallen.ca/images/design/top_bg.png) no-repeat left top;
	padding: 0px 36px 0 36px;
	}

.contentcontainer {
	clear: both;
	padding: 30px 30px 30px 30px;
	}

a.active_category {
	color: #ffffff;
	font-weight: bold;
}

#menucontainer {
	display: block;
	width: 918px;
	background: url(/images/design/bg-nav-main.jpg) repeat-x left top;
	}
		
.bottomcontainer2 {
	display: block;
	background: url(http://www.trevorallen.ca/images/design/bg_bottom.jpg) repeat;
	clear: both;
	}
	
.bottomcontainer {
	display: block;
	clear: both;
	background: url(http://www.trevorallen.ca/images/design/bottom_bg.png) no-repeat left bottom;
	padding: 0px 36px 0px 36px;
	}	

.commentcontainer {
	display: block;
	clear: both;
	padding: 10px 10px 10px 10px;
	background: url(http://www.trevorallen.ca/images/design/comment_bg.png) repeat;
	width: 100%;
	} 

.footercontainer {
	display: block;
	clear: both;
	width: 100%;
	}
 
.fineprintcontainer {
	clear: both;
	padding: 15px 36px 15px 36px;
	}	

/* 
end containers
 */

 #flashContent {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

	#homehero1 {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

	#homehero2 {
	clear: both;
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
/* @group Main Nav
================================ */

#nav-main {
	bottom: 0;
	margin: 0;
	width: 918px;
	padding: 0 0 0px;
	list-style: none;
	background: url(/images/design/bg-nav-main.jpg) repeat-x 0 0;
	}

#nav-main ul {
	width: 918px;
	margin: 0;
	}

#nav-main li {
	float: left;
	text-transform: uppercase;
	margin: 0;
	font-size: 1.0em;
	}

#nav-main li a {
	display: block;
	float: center;
	font-family: helvetica condensed, arial narrow;
	font-weight: bold;
	border-right: 1px solid #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 25px;
	color: rgb(106,74,33);
	background-image: url(/images/design/bg-nav-main.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	text-decoration: none;
	}
#nav-main li a:hover,
#nav-main li.on a {
	color: rgb(106,74,33);
	background-position: 0 -70px;
	}

/* @end Main Nav
--------------------------- */

/* @group Blog Archives
================================ */

#blog_container {
	margin: 30px 0 0 0;
	padding: 10px 10px 10px 10px;
	list-style: none;
	background: #f9f4ee;
	border: 1px solid #dabf9a;
	}
	
#blog_archives {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	}

#blog_archives li {
	float: left;
	padding: 4px 15px;
	color: rgb(106,74,33);
	text-transform: uppercase;
	margin: 0;
	font-size: 1.0em;
	}

#blog_archives a {
	float: left;
	font-weight: bold;
	padding: 4px 15px;
	color: rgb(106,74,33);
	text-decoration: none;
	}
#blog_archives a:hover,
#blog_archives li.on a {
	color: rgb(106,74,33);
	background: #f3eadd;
	}

/* @end Blog Archives
--------------------------- */

.twocolbody {
	background: #ffffff;
	width: 918px;
	padding-bottom: 20px;
	}
	
	.leftcol {
		padding-left: 0px;
		float: left;
		width: 623px;
		}
		
	.cat_list {
		clear: both;
		color: rgb(51,51,51);
		font-size: 10px;
		padding-bottom: 20px;
		}

	.faq_line {
		clear: both;
		padding-bottom: 10px;
		}

	.faq_line2 {
		clear: both;
		}
				
	.letter_q {
		float: left;
		width: 26px;
		color: rgb(204,153,0);
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 10px;
		}
		
	.question {
		float: right;
		width: 890px;
		color: rgb(204,153,0);
		font-weight: bold;
		font-size: 17px;
		padding-top: 3px;
		padding-bottom: 10px;
		}

	.letter_a {
		float: left;
		width: 26px;
		color: rgb(204,153,0);
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 10px;
		}
		
	.answer {
		float: right;
		width: 890px;
		color: rgb(51,51,51);
		font-weight: normal;
		padding-top: 3px;
		font-size: 12px;		
		}

	.test_line {
		clear: both;
		padding-bottom: 20px;
		}

	.test_thumb {
		float: left;
		width: 220px;
		color: rgb(204,153,0);
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 10px;
		}

	.test_body {
		float: right;
		width: 400px;
		color: rgb(51,51,51);
		font-weight: normal;
		padding-top: 10px;
		font-size: 12px;		
		}
		
	.test_body h2 {
		color: rgb(106,74,33);
		font-weight: normal;
		font-size: 20px;		
		}
		
	.shadow3 {	
		clear: both;
		background: url(http://www.trevorallen.ca/images/design/on_menu_shadow3.png) no-repeat top center;
		width: 651px;
		margin: 0 auto;
		height: 14px;
		display: block;
	}
				
	.rightcol {
		float: right;
		background: url(http://www.trevorallen.ca/images/design/menushadow.jpg) no-repeat top left;
		width: 175px;
		padding-left: 32px;
		padding-top: 15px;
		padding-bottom: 100px;
		padding-right: 0px;
		}

	.insidemenu {
		font-size: 13px;
		text-decoration: none;
		display: block;
		}	

	.insidemenu a {
		font-size: 13px;
		text-decoration: none;
		color: rgb(51,51,51);
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		border-bottom: 1px;
		border-color: #666666;
		}	

	.insidemenu a:hover {
		text-decoration: underline; 
		color: #663300;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 10px;
		border-bottom: 1px;
		border-color: #330000;
		}	


/* @group Gallery Entries
================================ */

	.gallery_header {
			width: 100%;
			text-transform: uppercase;
			background: rgb(106,74,33);
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 10px;
			padding-right: 10px;
			}
	
	.gallery_wrapper {
			background: rgb(106,74,33);
			width: 286px;
			padding: 0;
			}
			
	.gallery_breadcrumbs {
			background: rgb(106,74,33);
			font-size: 20px;
			color: #ffffff;
			text-transform: uppercase;
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 10px;
			padding-right: 10px;
			}

	.gallery_breadcrumbs a {
			font-size: 20px;
			color: #ffffff;
			}
	.gallery_breadcrumbs a:hover {
			color: #e9d4a7;
			}
	.gallery_breadcrumbs a:visited {
			color: #ffffff;
			}
			
	.gallery_links {
			background: rgb(106,74,33);
			font-size: 15px;
			text-align: right;
			color: #e9d4a7;
			text-transform: lowercase;
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 10px;
			padding-right: 10px;
			}

		.gallery_links a {
			color: #e9d4a7;
			}

		.gallery_links a hover {
			color: #ffffff;
			}			
			
	
		.gallery_name {
			clear: both;
			float: left;
			font-size: 17px;
			font-weight: bold;
			color: #ffffff;
			background: rgb(106,74,33);
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 10px;
			padding-right: 10px;
			text-transform: uppercase;
			}

		.gallery_count {
			background: #fff;
			font-size: 12px;
			color: rgb(106,74,33);
			}
			
		.share_note {
			font-size: 11px;
			color: rgb(106,74,33);
			font-weight: bold;
			padding-left: 10px;
			padding-right: 10px;
			text-transform: uppercase;
			}
		.switch_view a {
			font-size: 11px;
			text-decoration: none;
			color: rgb(106,74,33);
			font-weight: bold;
			padding-left: 10px;
			padding-right: 10px;
			text-transform: uppercase;
			}
		.switch_view a:hover {
			text-decoration: none;
			color: #c29657;
			}
		.gallery_buttons {
			float: right;
			background: rgb(106,74,33);
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 0px;
			padding-right: 6px;
			}
		

	.gallery .right {
		width: 286px;
		padding: 0;
		}

/* @end Gallery Entries
--------------------------- */

/* @group Gallery Category Thumbnails
================================ */

.gallery_categories {
	float: left;
	width: 200px;
	text-align: left;
	background: rgb(106,74,33);
	margin-right: 30px;
	margin-bottom: 35px;
	}

.gallery_thumbnails {
	float: left;
	width: 200px;
	text-align: left;
	background: rgb(106,74,33);
	margin-right: 30px;
	margin-bottom: 35px;
	}
	
.gallery_thumbnails2 {
	float: left;
	width: 200px;
	text-align: left;
	margin-right: 30px;
	margin-bottom: 35px;
	}
			
/* @end Gallery Category Thumbnails
--------------------------- */


/* @group Blog Posts
================================ */

#post_header {
	float: none;
	padding-bottom: 10px;
	}

p {
	display: block;
	padding-bottom: 10px;
	}
	
	.ava {
		float: left;
		width: 64px;
		}
		
	.post_meta {
		float: left;
		padding-bottom: 10px;
		font-size: 12px;
		}
		
	.post_meta h2  {	
		font-size: 24px;
		padding: 0 10px;
	}

	.post_meta2 {
		width: 300px;
		display: block;
		float: left;
		font-size: 12px;
		}
		
	.post_meta2 h2  {	
		font-size: 24px;
		padding: 0 10px;
	}

	.post_meta2 h2 a {
		color: rgb(106,74,33);
		}
		
	.post_meta2 h2 a:hover {
		text-decoration: none;
		}

	.post_thumb {
		width: 200px;
		float: left;

		}

	.post_meta3 {
		width: 290px;
		float: left;
		font-size: 12px;
		}
		
	.post_meta3 h2  {	
		font-size: 24px;
		padding: 0 10px;
	}

	.post_meta3 h2 a {
		color: rgb(106,74,33);
		}
		
	.post_meta3 h2 a:hover {
		text-decoration: none;
		}

	.meta {	
		padding: 0 10px;
		}

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}   		

		/* @end Blog Posts
--------------------------- */

div.facebookshare {
float: left;
	position: relative;
width: 100px;
}

div.sharethis-old {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* @group homecomments */

div.homecomments{
	margin: 0 0 30px 0;

}
div.controlcomments{
background: #f3eadd url(http://www.trevorallen.ca/images/design/menushadow.png) no-repeat top center;
height: 15px;
padding: 15px 10px 10px 10px;
border-bottom: 1px solid rgb(218,191,154);
position: relative;

}
div.allcomments {
	max-height: 150px;
	overflow: auto;
	background: #f9f4ee;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid rgb(218,191,154);

}
div.showcomments {
	color: rgb(51,51,51);
}

div.showcomments p {
	font-size: 0.9em;
	padding: 0 0 5px 0;
	margin: 0;
}
span.posteddate {
	color: rgb(153,153,153);
}

div.leavecomments {
	display: none;
	margin: 0 0 10px 0;
	padding: 10px;
	color: rgb(51,51,51);
	background: rgb(249,244,238) url(http://www.trevorallen.ca/images/design/menushadow.png) no-repeat top center;
	border-bottom: 1px solid rgb(218,191,154);
}
div.leavecomments p {
	font-size: 0.9em;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	color: rgb(51,51,51);
}

div.leavecomments input {
	font-size: 0.9em;
	margin: 0 0 0 0;
	color: rgb(51,51,51);
}

div.leavecomments h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

div.insideleavecomments {
	margin: 0 0 10px 0;
	padding: 10px;
	color: #3e3e3e;
	background: rgb(249,244,238);
}
/* @end */
		
/* @group RSS Feeds
================================ */

#rssfeeds {
	text-align: left;
	width: 100%;
	display: block;
	bottom: 0;
	margin: 0;
	padding: 20px 30px 20px 30px;
	list-style: none;
	}

#rssfeeds .rss li {
	float: left;
	margin: 0;
	font-size: 1.0em;
	}

#rssfeeds .rss a {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	padding: 4px 25px 4px 0px;
	color: #dfcba1;
	text-decoration: none;
	}
#rssfeeds .rss a:hover,
#rssfeeds .rss li.on a {
	color: rgb(106,74,33);
	}
#rssfeeds h3 {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	font-size: 1.4em;
	padding: 4px 25px 10px 0px;
	color: #fff;
	text-decoration: none;
	}

.bottomlogo {
		background: transparent;
		float: right;
		padding: 20px 30px 20px 20px;
		}

			
/* @end RSS Feeds
--------------------------- */

.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#e7e5db;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}


/* @group Tag Cloud
================================ */

#tag_cloud {
	text-align: left;
	bottom: 0;
	margin: 0;
	padding: 20px 30px 20px 30px;
	list-style: none;
	}

#tag_cloud .rss li {
	float: left;
	margin: 0;
	font-size: 1.0em;
	}

#tag_cloud .rss a {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	padding: 4px 25px 4px 0px;
	color: #dfcba1;
	text-decoration: none;
	}
#tag_cloud .rss a:hover,
#tag_cloud .rss li.on a {
	color: rgb(106,74,33);
	}
#tag_cloud h3 {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	font-size: 1.4em;
	padding: 4px 25px 10px 0px;
	color: #fff;
	text-decoration: none;
	}

			
/* @end Tag Cloud
--------------------------- */

/* @group Search
================================ */

#search {
	display:block;
	float: right;
	text-align: right;
	bottom: 0;
	margin: 0;
	padding: 20px 45px 20px 0;
	list-style: none;
	}

#search li {
	float: left;
	margin: 0;
	font-size: 1.0em;
	}

#search a {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	padding: 4px 25px 4px 0px;
	color: #dfcba1;
	text-decoration: none;
	}
#search a:hover,
#search li.on a {
	color: rgb(106,74,33);
	}
#search h3 {
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	font-size: 1.0em;
	padding: 4px 45px 0 0px;
	text-decoration: none;
	}

#search p {
	float: right;
	font-family: helvetica condensed, arial narrow;
	font-weight: normal;
	padding: 4px 45px 10px 0px;
	color: #fff;
	text-decoration: none;
	}

#search .btn1 { 
	background: transparent url(http://www.trevorallen.ca/images/design/loupe.png) no-repeat; 
	width: 30px; 
	height: 30px !important; 
	height: 30px; 
	margin: 0 0 0 10px;
	border: 0; 
	padding: 0; 
	cursor: pointer; }
				
/* @end RSS Feeds
--------------------------- */

.menushadow {	
	background: url(http://www.trevorallen.ca/images/design/on_menu_shadow.png) no-repeat top center;
	top: 36px;
	left: 0;
	z-index: 2;
	width: 920px;
	height: 18px;
	}

 
/* @group Fine Print
================================ */ 

#fineprint {
		clear: both;
		color: rgb(106,74,33);
		margin: 0 0 15px 0;
		font-size: 10px;
		}
 
#fineprint .copyright {
		float: left;
		width: 700px;
		}
		
#fineprint .sitecredit {
			float: right;
			text-align: right;
			width: 280px;
			}
				
#fineprint .sitecredit a {
		color: rgb(106,74,33);}

	
/* @end Fine Print
--------------------------- */

a.prompt {
	clear: both;
	float: none;
	display: block;
	overflow: hidden;
	width: 80px;
	height: 22px;
	margin: 0 0 0 0;
	text-indent: -9999px;
	}

a.more { background-image: url(http://www.trevorallen.ca/images/design/btn-LearnMore.jpg); }

a.prompt:hover { background-position: 0 100%; }

	

/* @group Meet Trevor
================================ */ 

#trevor_in_action {
		float: right;
		margin-left: 30px;
		margin-bottom: 30px;
		width: 400px;
		}
 
/* @end Meet Trevor
--------------------------- */

.SubscriptionBox {font-family:Tahoma, Arial, helvetica; color: rgb(51,51,51); font-size:10px;}


.body {font-family:Times New Roman, Times, Tahoma, Arial, helvetica; color: rgb(51,51,51); font-size:18px; text-decoration: none;}
a.body {font-family:Times New Roman, Times, Tahoma, Arial, helvetica; color: rgb(51,51,51); font-size:18px; text-decoration: underline;}
a.body:hover {font-family:Times New Roman, Times, Tahoma, Arial, helvetica; color:#ffcc00; font-size:18px; text-decoration: none;}
a.body:visited {font-family:Times New Roman, Times, Tahoma, Arial, helvetica; color: rgb(51,51,51); font-size:18px; text-decoration: underline;}

.socialmedia {font-family:Tahoma, Arial, helvetica; color:#ffffff; font-size:12px; text-decoration: none; font-weight:normal;}