/*
Theme Name: Jessica's Footprint Blog
Theme URI: http://www.jessicasfootprint.com/
Description: The wordpress theme for Jessica's Footprint.
Version: 1.0
Author: Gianni Casagrande
Author URI: http://www.giannicasagrande.com/
Tags: jessicasfootprint, pink, little girl
*/



/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Tetra Gas Services
	Created: 2008-05-29
	Created by: Gianni Casagrande gianni@rkd.ca
	
	Colours:
	
	Light Pink				#f6e9f1;
	Pink					#dfa9c8;
	Logo Purple				#73246b;
	Light Blue Links		#669fd2;
	Grey Footer Text		#9d9d9d;
	
------------------------------------------------------------------- */

@import url(reset.css);

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
	height: 100%;
}
/* font size from default 16px, down to workable 10px, this is mostly for IE6 and below */
html>body {
	font-size: 10px;
}
/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: url(images/site_bg.png) top left repeat-x #fff;
	font-size: 62.5%; /* from 16px browser default to useable 10px */
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #000;
	/*line-height: 1.8em;*/ /*18px*/
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #fff;
	background: #036;
}
/* clears all floats; apply to empty divs if needed. */
.clear {clear: both;}

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

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

p, td {
	font-size: 14px; /*14px*/
	line-height: 20px; /*18px*/
	margin-bottom: 18px;
}
a:link {
	color: #73246b;
	text-decoration: none;
}
a:visited {
	color: #73246b;
	text-decoration: none;
}
a:hover {
	color: #dfa9c8;
	text-decoration: none;
}
a:active {
	color: #669fd2;
	text-decoration: none;
}

.current {background:#f6e9f1; padding: 0 0 0 0;}
.current a { color: #dfa9c8; text-decoration: none; font-weight: bold; border-bottom:0;}

strong, b {
	font-weight: bold;
	color: #333;
}
em, i {
	font-style: italic;
}

h1 {
	font-size: 26px;
	color: #73246b;
	margin-bottom:1px;
}

h2 {
	font-size: 16px;
	color: #73246b;
	padding-bottom: 5px;
	font-weight: bold;
	line-height: 20px;
}
h3 {
	color: #669fd2;
	font-size: 16px;
	font-weight: bold;
}
h4 {
	font-size: 30px;
	color:#999;
	font-weight:bold;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
h5 {
	font-size: 26px;
	color:#FC0;
	font-weight:bold;
	border-bottom: 1px solid #FC0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
h6 {
	font-size: 20px;
	color:#666;
	font-weight:bold;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.bronze {
	font-size: 16px;
	color:#C60;
	font-weight:bold;
	border-bottom: 1px solid #C60;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.clear {clear:both;}


ul, ol {
	list-style-type: none;
}

li {margin:0; padding: 0;}
hr {}
/* styles used by WYSIWYG - style as necessary */
pre {}
address {}

.floatleft {
	float: left;
	padding: 0 18px 0 0;
	clear: both;
}

.floatright {
	float: right;
	padding: 0;
}

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

.posted {color: #a6a4a1;}
.posted img {margin:3px 3px 0px 0;}

/*Post Links*/
#posty {
	padding: 5px 0px 5px 0px;	
}

#posty a {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}

#posty a:link {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
#posty a:visited {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
#posty a:hover {
	color: #73246b;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}
#posty a:active {
	color: #dfa9c8;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}

#posty img {
	border: none;
	display:block;
	float: right;
	margin: 0 0 20px 20px;
	padding: 7px;
	clear: both;
	background-color: #CCC;
	}
	
#posty	blockquote {
	font-size: 12px;
	width: 80%;
	padding: 0 10%;
	margin: 10px auto;
	background: url(images/quote.gif) no-repeat 20px 7px;
	color: #717171;
	line-height: 19px;
	font-style: italic;
}

#posty ul, ol {
	list-style:url(images/arrow_right.gif); 
	margin: 10px 80px 10px 30px;
	}

#posty li{
	font-size: 12px;
	line-height: 26px;
	color: #666;
}


/*comment numbers */
#commentstag {
	background:url(images/comments_tag.gif) top left no-repeat;
	width: 49px;
	height: 51px;
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin: 0;
	}
	
	#commentstag .number {padding: 18px 0 0 21px;}
	#commentstag .number a {color: #73246b; text-decoration:underline;}
	#commentstag .number a:hover {color: #73246b; text-decoration:none;}

/* Posted under etc. */
#postbox {
	border: 1px dotted #d9d9d9;	
	text-align: right;
	padding: 7px;
	margin-bottom: 40px;
	color: #a6a4a1;
}

#postbox a {
	color: #73246b;
	border-bottom: 0;
	text-decoration:underline;
}

#postbox a:hover {text-decoration:none;}
#postbox a:active {color:#669fd2;}

/* ====================
COMMENT FORM
======================= */
#respond {
	background: url(images/bgfade.png) top left repeat-x;  	
	width: 642px;
	padding: 15px;
	border: 1px dotted #d9d9d9;
	margin-bottom: 25px;
}
	
/* Comments */

#commentcontainer {
	width: 658px;
	border: 1px dotted #d9d9d9;
	padding: 7px;
	margin: 15px 0 15px 0;
	background:url(images/bgfade.png) top left repeat-x;
}

#commentwrap {
	width: 670px;
	float: left;
}

#maincomment {
	margin: 0 20px 0 100px;
}

#commentavatar {
	float: left;
	margin-left: -665px;
	padding: 3px;
	background-color: #CCC;
	
}

.usercomment {
	font-size: 11px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d9d9d9;
	color: #669fd2;
}


/*.avatar {
	float: right;
	padding: 5px;
	background:#666;
	display:block;
	margin: 0;
}*/

/* ====================
STRUCTURE
======================= */
/*Header*/
#header {
	width: 960px;
	height: 170px;
	margin: 0 auto;
}

	#header .logo {
		position: relative;
		/*float: left;*/
		top: 56px;
	}
	
	#header .logo a, #header .logo a:link, #header .logo a:active, #header .logo a:visited {border: 0;}
	#header img {border:0;}

/*Menu*/
#menunav {
	position: relative;
	float: right;
	left: 20px;
}

	.nav li, nav ul {padding: 0; margin:0; float: left;}

	.nav li a {
		display: block;
		height: 36px;
		text-indent: -9000px;
		margin: 0 3px 0 0;
		padding: 0;
		border-bottom:0;
	}

	.nav li#about a {background:url(images/btn_about.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	.nav li#about a:hover {background:url(images/btn_about_over.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	.nav li#aboutcurrent a {background:url(images/btn_about_over.gif) top left no-repeat; width:109px; display: block; border-bottom:0;}
	
	
	.nav li#walk a {background:url(images/btn_walk.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	.nav li#walk a:hover {background:url(images/btn_walk_over.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	.nav li#walkcurrent a {background:url(images/btn_walk_over.gif) top left no-repeat; width:147px; display: block; border-bottom:0;}
	
	.nav li#community a {background:url(images/btn_community.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	.nav li#community a:hover {background:url(images/btn_community_over.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	.nav li#communitycurrent a {background:url(images/btn_community_over.gif) top left no-repeat; width:102px; display: block; border-bottom:0;}
	
	.nav li#research a {background:url(images/btn_research.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#research a:hover {background:url(images/btn_research_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#researchcurrent a {background:url(images/btn_research_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	
	.nav li#contact a {background:url(images/btn_contact.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#contact a:hover {background:url(images/btn_contact_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	.nav li#contactcurrent a {background:url(images/btn_contact_over.gif) top left no-repeat; width:91px; display: block; border-bottom:0;}
	
	.nav li#blog a {background:url(images/btn_blog.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}
	.nav li#blog a:hover {background:url(images/btn_blog_over.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}
	.nav li#blogcurrent a {background:url(images/btn_blog_over.gif) top left no-repeat; width:54px; display: block; border-bottom:0;}


/*Homepage Content Area*/
#container {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	

}

#wrapper {
	float: left;
	width: 100%;
	/*height: 100%;*/
}

#content { margin: 0 285px 0 0; text-align:justify;}


/*Right Side Column*/
#rightcol {
	float: left;
	width: 262px;
	margin-left: -262px;
	text-align: left;
}

#rightcol ul {font-size: 14px; color: #000; margin: 5px 0 15px 15px;}
#rightcol li {margin: 0; padding:0; line-height:26px;}

/*Children */
#rightcol li ul {font-weight: normal; font-size: 12px;}


/*Right Col Link styles */
#rightcol a:link {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
#rightcol a:visited {
	color: #669fd2;
	text-decoration: none;
	border-bottom: 1px dotted #669fd2;
}
#rightcol a:hover {
	color: #73246b;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}
#rightcol a:active {
	color: #dfa9c8;
	text-decoration: none;
	border-bottom: 0px dotted #669fd2;
}

/*rightcol Images*/
#rightcol img {margin-top: 20px;}
#rightcol a img  {border: none;}
#rightcol a:link img  {border: none;}
#rightcol a:hover img  {border: none;}
#rightcol a:active img  {border: none;}
#rightcol a:visited img  {border: none;}


/*Footer*/

#footer {
	position: relative;
	clear: both;
	background:url(images/footer_bg.png) top left repeat-x;
	height: 184px;
}

	#footer .background {
		width: 960px;
		background:url(images/footer_baby.jpg) bottom left no-repeat;
		height: 184px;
		margin: 0 auto;
	}
	
	#footer p {
		font-size: 12px;
		padding-top: 20px;
		color: #9d9d9d;	
	}
	
	#footer a:link {color: #9d9d9d; text-decoration: none;}
	#footer a:hover{color: #9d9d9d; text-decoration: none;}
	#footer a:active {color: #000; text-decoration: none;}
	
	#footer a {border:0;}

/*======================
STICKY FOOTER
======================*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrapper {padding-bottom: -184px;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/*======================
LIGHTBOX
======================*/
	#gallery {
		width: 100%;
		margin:0;
		padding:0;
	}
	
	#gallery ul { list-style: none; margin:0; padding:0; }
	
	#gallery ul li {display: inline; margin:0; padding:5px; }
	
	#gallery ul img {
		border: 5px solid #73246b;
		/*border-width: 5px;*/
		margin:0;
		padding:0;
	}
	
	#gallery li a {
		border: 0px;
		margin:0;
		padding:0;
		}
	
	#gallery ul a:hover img {
		border: 5px solid #f6e9f1;
		margin:0;
		padding:0;
	}
	
	#gallery ul a:hover { color: #fff; }


/*======================
Join Us Badge
======================*/

#joinus {
	float: right;
	position: absolute;
	z-index: 900;
	top:-25px;
	right:0;
}