/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: CP Industries
	Created: June 19, 2009
	Created by: Gianni @ RKD Web Studios --- gianni@rkd.ca
	
------------------------------------------------------------------- */

@import url("reset.css");

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #FFF;  /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.bodystyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
	color: #000;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/main_bg.gif) top left repeat;}

:focus {outline: none; } /* removes dotted outline from links */

.clear {clear: both; } /* clears all floats; apply to empty divs */

img {outline:none;}


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #3d7033; text-decoration: underline; }
a:visited { color: #3d7033; text-decoration: underline; }
a:hover { color: #3d7033; text-decoration: none; }
a:active { color: #3d7033; text-decoration: none; }

p { 
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 18px 0;
	}

strong, b {
	font-weight:bold;
	}

em, i {
	font-style: italic;
	}

h1 {
	font-size: 24px;
	color: #3d7033;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 17px 0 15px 0;
	}


h2 {
	font-size: 17px;
	}

	
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 12px;
	}

ul {list-style:none; }

li {margin:0; padding:0;}

ol { }

hr {}

#floatleft {float:left;}

.caption {
	font-size: 10px;
	text-align:center;
	background:#FFF;
	width:85%;
	margin: 0 0 0 8px;
	color: #572e24;
}

.contacttable {
	margin-left: 10px;	
	width: 100%;
}

.people ul {font-size: 13px;
	line-height: 20px;
	margin: 18px;
	list-style:circle;}

/*=====================
STRUCTURE
=====================*/

#container {
	width: 829px;
	margin: 0 auto;
	background:url(../../images/container_bg.jpg) top left repeat-y;
}

#container .text {
	margin: 0 40px 0 45px;
}

.PhotoFloatRight {float:right; padding:10px;}

/*=====================
HEADER
=====================*/

#header {
	width: 829px;
	margin: 0 auto;
}

#header img {margin: 0 0 0 2px;}

/*=====================
MENU
=====================*/

#navigationbar {
	background:url(../../images/bg_menu.jpg) top left no-repeat;
	height: 54px;
	width: 829px;
	margin: 0 auto;
	}
	
#navigationbar ul {margin-left: 35px;}

#navigationbar li {float: left;}

#navigationbar li a {
	display: block;
	text-indent: -9000px;
	height: 38px;
	}

#navigationbar li#home a {background:url(../../images/home_btn.gif) top left no-repeat; width:84px;}
#navigationbar li#home a:hover {background:url(../../images/home_btn_over.gif) top left no-repeat;}

#navigationbar li#blog a {background:url(../../images/blog_btn.gif) top left no-repeat; width:107px;}
#navigationbar li#blog a:hover {background:url(../../images/blog_btn_over.gif) top left no-repeat;}

#navigationbar li#people a {background:url(../../images/menu_people.gif) top left no-repeat; width:93px;}
#navigationbar li#people a:hover {background:url(../../images/menu_people_over.gif) top left no-repeat;}

#navigationbar li#projects a {background:url(../../images/projects_btn.gif) top left no-repeat; width:154px;}
#navigationbar li#projects a:hover {background:url(../../images/projects_btn_over.gif) top left no-repeat;}

#navigationbar li#contact a {background:url(../../images/contact_btn.gif) top left no-repeat; width:119px;}
#navigationbar li#contact a:hover {background:url(../../images/contact_btn_over.gif) top left no-repeat;}

#navigationbar li#XGD a {background:url(../../images/XGD_btn.gif) top left no-repeat; width:104px;}
#navigationbar li#XGD a:hover {background:url(../../images/XGD_btn_over.gif) top left no-repeat;}	
/*=====================
SPLASH
=====================*/

#splash{
	margin: 0 auto;
	width:829px;
	}
	
#splash img {margin: 0 0 0 1px;}

/*=====================
SECTIONS
=====================*/

#wrapper {
	width: 734px;
	float: left;
	margin: 0 auto;
}

#flash {
	margin: 35px 274px 0 0;
	display:block;
	height: 194px;
}

#blogger {
	float: left;
	margin-left: -270px;
	width: 274px;
	margin-top: 25px;
}

#blogger ul {font-size: 13px;}

#blogger li {float: left; line-height:18px; margin:0 0 13px 0;}

#blogger li#date {background: red;}

#blogger .date {
	color:#3d7033;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	line-height: 18px;
}


/*=====================
Footer
=====================*/

#footer {
	clear: both;
	background:url(../../images/footer.jpg) top left no-repeat;
	margin: 0 auto;
	width: 829px;
	height: 51px;
}

/*========================	
/*BLOG STYLES*/
/*========================*/


/*Blog Structure*/
#WrapperBlog {
	float: left;
	width: 100%;
}

.BlogEntryBody {
	margin-bottom: 25px;}
	

.BlogEntryBody img {margin: 10px 0 10px 0;}

.BlogEntryBody ul {margin: 10px 0 10px 35px; color:#572e24;}

.BlogEntryBody li {
	list-style: disc;
	line-height: 18px;
	} 
	

#LeftBlog {
	margin: 0px 0px 0px 170px;
	/*background-color:#006699;*/
	/*background:url(../../images/leftbg.gif) top left repeat-y;*/
}

#LeftBlog .text {
	/*padding: 10px;*/
}

#LeftColumnBlog {
	float:left;
	/*width:209px;*/
	width: 194px;
	margin-left:-750px;
	/*border-right: 2px solid #633e30;*/
	padding:8px;
}

#LeftColumnBlog .text {
	margin-top: 0px;
}

#LeftColumnBlog h2,
#LeftColumnBlog h3
{
	color: #572e24;
}

ul.ProjectList 
{
	padding: 15px 0;
}

ul.ProjectList li
{
	padding: 2px 0;
}

#ContentBlog {
	margin: 0px 18px 0 38px;
	/*background-color:#003366;*/
}

#ContentBlog .Full {
	padding: 0px;
}

/*Blog Style*/
.bloglist {
	color:#003399;
	list-style: url(../../images/bloglist.gif);
	line-height: 23px;
	/*text-transform:lowercase;*/
	padding:2px 0 10px 20px;
}

.bloglistbold {
	font-weight:bold;}

	

/*Heading underline*/
.blogHead {
	border-bottom: #572e24 1px dashed;
	margin-bottom: 10px;
}

/*Editor Styles when logged in as Admin*/
.BlogEntryHeaderPostTags, .BlogEntryHeaderPostStatus {
	margin-bottom: 5px;
}

.TinyMCETextArea {
	width: 545px;
}

.BlogEntryFooter, .BlogEntryFooterCommands {
	padding-bottom: 15px;
}

/*Left Column Admin wehn logged in*/
.BlogAdmin {
	width: 160px;
	padding: 10px;
	margin-left: -35px;
	width: 150px;
	background-color: #ffffff;
	border: #572e24 1px dashed;
}

.BlogAdmin h1 {
	color:#572e24;
	padding: 0px;
	margin: 0px;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*Left Column Headings*/
.BlogFeaturesMonths h1, .BlogFeaturesTags h1, .BlogFeaturesSearch h1, .BlogFeaturesRSS h1 {
	color:#572e24;
	padding-bottom: 12px;
	padding-top: 3px;
/*	padding-left: 10px;*/
	margin-top: 12px;
	margin-left: -33px;
	/*background-color:#BBA784;*/
/*	font-variant:small-caps;
	text-transform:lowercase;*/
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

/*Post Title*/
.BlogEntryHeaderPostTitle {
	/*letter-spacing:1px;*/
	color: #4f483f;
	/*font-variant:small-caps;*/
	text-transform: capitalize;
	font-size:18px;
	/*font-weight:bold;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	margin-top: 20px;
	width:390px;
}

/*Post Date*/
.BlogEntryHeaderPostDate {
	font-style:italic;
	font-size:12px;
	color:#572e24;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	width:110px
}

/* Post Footer links for comments, digg etc*/
.BlogEntryFooterLinksComments, .BlogEntryFooterLinksServices {
	font-variant:small-caps;
	text-transform:lowercase;
	float: right;
}

/*FORM SAVE, CANCEL, EDIT etc Styles*/
.blogButtons {
	padding: 5px;
	background-color:#ffffff;
	border:#666666 solid 1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight: bold;
	color: #3e7234;
	cursor: pointer;
}

.BlogEntryFooter{
	/*margin-top: 10px;*/
}

/*COMMENTS*/
.CommentsEntryHeader {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #572e24;
	padding-bottom: 2px;
	border-bottom: #572e24 1px dashed;
}

.CommentsEntryBody {
	margin-bottom: 35px;
}

.CommentsCommands {
	padding-top: 10px;
}

/*ADD YOUR COMMENTS FORM*/

.CommentsAdd{
	border: #572e24 1px dashed;
	padding: 10px;
}

.CommentsAddHeader h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top: -3px;
	color: #572e24;
	font-size: 18px;
}

/*========================*/	
/*FORM STYLES*/
/*========================*/

.textBox {
	background-color:#ffffff;
	border:#666666 solid 1px;
	width: 250px;
	font-size: 13px;
	margin: 5px 0 5px 10px;
}

.textBox2 {
	background-color:#ffffff;
	border:#666666 solid 1px;
	width: 150px;
	font-size: 13px;
	margin: 5px 0 5px 0;
}

.formStyle {
	margin-left: 175px;
	margin-top: 30px;
}

#formStyle2 {
	margin-left: 200px;
	margin-top: 30px;
}

#formStyle2 td {vertical-align:middle; text-align:right;}