@charset "UTF-8";
/* CSS Document */

/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, section, article, aside, footer
 {border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}
 
header, nav, container, content, footer {display:block;}
 
 
 
/* GLOBAL ATTRIBUTES */
body {
	width:100%;
	background:#334B59;
	color:#12283F;
	font:.75em/1.6em Veranda, Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
	text-align:center;

}
html>body {font-size:14px;}

p {width:100%}

a { text-decoration:none; color:#12283F }
a:hover {
	color:#798A94;
	background:#;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6,strong,b,dt,th { font-weight:100; width:100% }
h1 {margin:;font-size:2.3em;}
h2 {margin:;font-size:2.1em; line-height:1.3; font-family:Minion Pro, Georgia, "Times New Roman", Times, serif}
h3 {margin:;font-size:1.4em; margin:20px 0 10px 0; float:left; clear:left}
h4 {margin:;font-size:1.5em;}
h5 {margin:;font-size:1.2em;}
h6 {margin:;font-size:.9em;}


/*Re-usable classes*/
.floatRight { float:right }
.floatLeft { float:left }
.alignleft { float:left; margin:10px 10px 5px 0 }
.margin20 { margin-bottom:20px; clear:left }


/* SITE STRUCTURE */
.page { background:url(../im/canvas.png) repeat-y;	margin: 0px auto; width:1080px; text-align:left}
.pageEnd { background:url(../im/footer.png) no-repeat; height:54px; }
#container { margin:0 0 0 20px; width:1027px; overflow:hidden}


/* COLUMN STRUCTURE */
.wrap_whole, .wrap_mid, .wrap_content { float:left; width:100%; /* width of page */ position:relative; }
.wrap_whole { overflow:hidden }
.colorSet { background:#F6F2C5; /* right column background colour */ }

.colorSet .wrap_mid { 
	right:18%;				/* width of the right column */
	background:#F0F3F8;		/* center column background colour */
	border-right:1px solid #F2E9C1;	
}
.colorSet .wrap_content {
	right:24%;				/* width of the middle column */
	background:#fff;			/* left column background colour */
	border-right:1px solid #F0F2F7;	
}


/* COLUMN CONTENT STRUCTURE */
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:15px 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.colorSet .col1 {
		width:53%;				/* width of center column content (column width minus padding on either side) */
		left:45%;				/* 100% plus left padding of center column */
	}
	.colorSet .col2 {
		width:22%;				/* Width of left column content (column width minus padding on either side) */
		left:48%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.colorSet .col3 {
		width:185px;				/* Width of right column content (column width minus padding on either side) */
		left:49%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

	}

/* HEADER */
.header{ height:130px; width:100%; float:left; }
.header .pic { height:130px; width:265px; background-repeat:no-repeat;  margin:0 30px}
.logo { background-image:url(../im/logo.png); float:left;}
.slogan { 	background-image:url(../im/.png); float:right }
.slogan h3 { margin:60px 40px 0 80px;  }



/* TOP NAVIGATION */
.blueribbon { background-color:#001228; width:100%; height:35px; float:left; }

.topnav {  height:35px; padding-left:10px;margin:0;overflow:hidden; }

.topnav li { float:left; height:35px; overflow:hidden; 	margin:0; }
.topnav a { color:#777777; letter-spacing:2px; display:block; text-decoration:none;  font-size:13px; padding:7px 15px 7px 15px }
.topnav a:hover { color:#eee; background:#364855; text-decoration:underline; }


/* Sidebar */
.rightBar {float:left; clear:left; margin:0 0 30px 0; text-align:justify; padding:0 10px 0 5px; width:93% }
.rightBar h3 { font-size:1.2em; margin-bottom:10px; line-height:1; color:#665533; float:left; clear:left; width:100%; text-align:left; padding-left:5px }


.facebook { width:100&; margin:2px 0; float:left }
.facebook p { float:left; text-indent:70px; margin-top:20px }
.facebook a { background:url(../im/facebook.png) no-repeat; width:180px; height:80px; }
.facebook a:hover { background:url(../im/facebook-hover.png) no-repeat; }
.twitter { width:100&; margin:2px 0; float:left }
.twitter p { float:left; text-indent:0px; margin-top:20px; text-indent:15px }
.twitter a { background:url(../im/twit.png) no-repeat; width:180px; height:80px; }
.twitter a:hover { background:url(../im/twit-hover.png) no-repeat; }

.linkedin { width:100&; margin:2px 0; float:left }
.linkedin a { background:url(../im/linkedin.png) no-repeat; width:170px; height:35px  }


.post { padding:20px 0 40px 0; float:left; width:100%}
.post .dateComment { margin-top:10px; font-size:.9em }
.post .info { float:left; clear:left; margin-bottom:20px; width:100% }
.post .content { float:left; clear:left; width:100%}
.post .content strong { font-weight:bold; color:#12283F; font-size:1.3em; line-height:2em; margin:15px 0 0 0; float:left }
.post .content p { float:left; width:100%  }

/*Re-usable classes*/
.floatRight { float:right }
.floatLeft { float:left }
.margin20 { margin-bottom:20px; clear:left }

.smalltext { font-size:12px; line-height:18px; }