/* ------ Reset ------ */

@import url("reset.css");

/* ------ body ------ */

body { background-color: #0073fe; background-image: url('../images/page_bg.jpg'); background-repeat: repeat-x; font: 100% Arial; }

/* ------ divs ----- */

#masthead-home { background-image: url('../images/masthead_home.jpg'); background-repeat: no-repeat; height: 230px; width: 802px; margin: 0 auto; }
#masthead-home-fr { background-image: url('../images/masthead_home_fr.jpg'); background-repeat: no-repeat; height: 230px; width: 802px; margin: 0 auto; }
#masthead { background-image: url('../images/masthead_inside.jpg'); background-repeat: no-repeat; height: 234px; width: 802px; margin: 0 auto; }
#masthead-fr { background-image: url('../images/masthead_inside_fr.jpg');
	background-repeat: no-repeat; height: 234px; width: 802px; margin: 0 auto; }	#site-info { text-indent: -9999px; display: none; }
	#lang-link { position: relative; width: 75px; top: 95px; left: 715px; }
	#top-nav { width: 624px; height: 91px; position: relative; margin: 0 auto; top: 150px; }
		#top-nav-fill { width: 494px; height: 35px; padding: 28px 40px 28px 90px; background-image: url('../images/nav_bg.png'); }
#wrap-home { margin: 0 auto; width: 800px; }
#wrap { margin: 0 auto; width: 802px; }
	#container { width: 802px; background-image: url('../images/content_bg.png'); background-repeat: repeat-y; }
		#insight { width: 252px; height: 124px; background-image: url('../images/insight.jpg'); position: relative; }
		#insight-large { width: 185px; height: 364px; background-image: url('../images/large_insight_side.jpg'); position: relative; left: 13px; top: 5px; }
		#insight-large.where { width: 185px; height: 364px; background-image: url('../images/pincher_creek.jpg'); position: relative; left: 13px; top: 5px; }
		#side-nav { margin: 0 0 0 13px; padding: 0 10px; width: 165px; float: left; clear: left; }
		#content { width: 510px; float: right; margin: 20px 25px 0 0; }
			.inside { width: 555px !important; }
			.blog-post { background-image: url('../images/post_tree.png'); background-repeat: no-repeat; margin: 0 0 20px 0; } 
	#footer { background-image: url('../images/footer_bg.png'); background-repeat: no-repeat; } 

div.navigation { height: 3em; font-size: 80%; }
div.alignleft { float: left; }
div.alignright, .alignright { float: right; margin-left: 0.5em; }

/* ------ images ----- */
img { border: 1px solid #6b82af; }
img.alignleft { float: left; margin: 0.2em 0.75em 0 0; }
img.alignright { float: right; margin: 0.2em 0 0 0.75em; }
img#home-image { border: 0; }

/* ------ nav ----- */

#top-nav ul { font: 13px Arial; }
div.fr ul { font: 12px Arial !important; }
#top-nav ul li { display: inline; }
#top-nav ul li a { padding: 5px 0; margin: 0 20px 0 0; color: #434343; text-decoration: none; text-transform: uppercase; line-height: 1.4; }
div.fr ul li a { margin: 0 10px 0 0 !important; line-height: 1.6 !important; }
#top-nav ul li a:hover { color: #009d3a; }

/* ------ headers ----- */

#content h1 { font-size: 150%; color: #0074c2; margin: 0 0 10px 0; letter-spacing: 2px; text-transform: uppercase; }
#content h2 { font-size: 120%; color: #009d3a; margin: 0 0 10px 0; }
	#content .blog-post h2 { margin: 0 0 0 50px; }
#side-nav h2 { color: #525252; text-transform: uppercase; font-size: 75%; font-weight: bold; margin: 0 0 10px 0; }
#content h4 { font-size: 80%; color: #747373; text-transform: uppercase; }
	.blog-post h4 { margin: 0 0 15px 50px; }
	
/* ------ p's ----- */

#content p { font-size: 80%; margin: 0 0 10px 0; line-height: 1.3; }
#content p.postmetadata { color: #333; font-size: 70%; padding: 10px; background-color: #eee; }
.wp-caption { font-style: italic; font-size: 0.9em; color: #777; line-height: 1.5;}
#footer p { padding: 15px 20px 10px 20px; color: #fff; font-size: 80%; text-align: center; }

/* ------ links ----- */

#content .blog-post h2 a:link, #content .blog-post h2 a:visited { text-decoration: none; border: 0; color: #4b7ec2; }
#content .blog-post h2 a:hover, #content .blog-post h2 a:active { text-decoration: none; border: 0;color: #009d3a	; }

#content a:link, #content a:visited { text-decoration: none; color: #4b7ec2; border-bottom: 1px solid #4b7ec2; } 
#content a:hover, #content a:active { text-decoration: none; color: #009d3a; border-bottom: 0; } 

#footer a:link, #footer a:visited { text-decoration: none; color: #fff; border-bottom: 1px solid #fff; }
#footer a:hover, #footer a:active { text-decoration: none; color: #fff; border-bottom: 0; }

#lang-link a:link, #lang-link a:visited { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; font-size: 80%; }
#lang-link a:hover, #lang-link a:active { color: #fff; text-decoration: none; border-bottom: 0; }


/* ----- ul's lists ----- */

#side-nav ul { list-style-image: url('../images/recent_posts.png'); margin: 0 0 20px 25px; }
#side-nav ul li a { color: #4b7ec2; text-decoration: none; font-size: 75%; font-weight: bold; }
#side-nav ul li a:hover { color: #009d3a; text-decoration: none; }
#side-nav ul ul { list-style-image: none; margin: 0 0 10px 0; }
#side-nav ul ul li a { color: #777; font-weight: normal; }

#content dl { margin: 5px 0; padding: 0; }
#content dl dt { font-size: 120%; color: #009d3a; width: 125px; float: left; margin: 0 0 0 0; padding: 5px; } 
#content dl dd { float: left; width: 400px; margin: 0 0 0 0; padding: 5px; } 

#content dl dt.alt, #content dl dd.alt { background-color: #eee; } 


/* ----- forms ----- */

input#s { width: 100px; }