/*
Theme Name: Photos for Life
Theme URI: http://photosforlife.ca/
Description: This great theme is custom-designed.
Version: 3.0
Author: Mike Dickson
*/

/* this is code to reset inconsistancies in browser rendering
   Souce: http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css */
/*html{color:#000;background:#FFF;}*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
a{outline: none;}
a img {border: none;}


/********************************************* F R A M E W O R K ******************/
body {
	font-size: 62.5%;  /*Resets 1em to 10px*/
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #d0deb5 url('common/bg.jpg');
	color: #555;
	text-align: center;
	line-height: 1.5;
	}

#wrapper {
	text-align: left;
	margin: 20px auto;
	width: 940px;
	/*border:  1px solid red;*/
	font-size:1.3em /* set the default text size to 12px */
	}

#banner {
	background: transparent url(common/bg-header.png) no-repeat top left;
	height: 200px;
	/*width: 920px;*/
	padding: 10px 10px 0;
	/*border:  1px solid blue;*/
}
#banner-flash {
	background: transparent url(common/bg-flash.jpg) no-repeat top left;	
}
#menuArea  {
	background: transparent url(common/bg-menu.png) no-repeat top left;
	height: 27px;
	/*color: #eee;*/
	/*border:  1px solid green;*/
	padding-right: 10px;
	padding-left: 10px;
}
#blurb {
	background: transparent url(common/bg-blurb.png) no-repeat top left;
	height: 200px;
	padding-left:  38px;
	padding-right:  38px;
	font-size: 1.1em;
	/*border:  1px solid orange;*/
}
.buffer {
	background: transparent url('common/bg-ltgreen.png') repeat-y top;
	text-align: center;
	margin: 0;
	height: 10px;
}

#postArea {
	background: transparent url(common/bg-post2.png) repeat-y left;
	padding: 0;
	/*font-size: 1.4em;*/
	border:  0px solid blue;
	padding-right: 10px;
	padding-left: 10px;
	margin:  0;
	}

.post {
	margin: 0 0 0px;
	text-align: justify;
	/*border:  1px solid blue;*/
	}

.navigation {
	background: transparent url('common/bg-ltgreen.png') repeat-y top;
	text-align: center;
	margin: 0;
	height: 25px;
	padding-right: 100px;
	padding-left: 100px;
	padding-top: 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#footerArea {
	background: transparent url('common/bg-dkgreen.png') repeat-y top;
	/*width: 920px;*/
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	/*border:  1px solid red;*/
}
#bottombar {
	background: transparent url('common/bg-bottombar.png') no-repeat top;
	height: 37px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-top:  4px;
}


/*************************************************** M E N U ******************/
.overlogo {
	background: transparent;
	position: relative;
	width: 200px;
	height: 100px;
	z-index: 20;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	left: 410px;
	top: -82px;
	background: transparent url(common/overlogo.png) no-repeat top left;
}
#bigsprout-green-banner {
	background: transparent url(common/sprout-big-white.png) no-repeat left 0px;
	height:  200px;
	width:  382px;
	position: relative;
	z-index:30;
	top: -200px;
}

/* Note: menu code is in a separate file */


/*************************************************** B L U R B ******************/
#blurb h1 {
	/*border:  1px solid red;*/
	padding-top:  25px;
	padding-bottom:  6px;
}
#blurb p.left  {
	float:  left;
	width: 420px;
	color: #777;
	top: 10px;
	/*border:  1px solid blue;*/
}
#blurb p.right {
	float:  right;
	width: 420px;
	color: #777;
	top: 10px;
	/*border:  1px solid green;*/
}
/*************************************************** T O P   M E N U   D R O P D O W N ****/
/* NOTE: menu rollover code is in menu.css */
.topMenuMenu {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 100;
	width: auto;
	font-size:  0.9em;
	line-height:  1.0;
	display: none;
	margin-top:  -2px;
}
.arrow-up {
	margin-left:  30px;
	height: 10px;
}
.topMenuMenu ul {
	list-style: none;
	border:  1px solid black;
	background-color: #555;
}

.topMenuMenu ul li.menuitem {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.topMenuMenu ul li.menuitem a {
	display: block;
	/*background-color: #555;*/
	clear: both;
	color: white;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 0.4em 0.5em;
	border-bottom: none;
}
.topMenuMenu ul li.menuitem:hover a {
	background-color: #666;
}
.topMenuMenu ul li.menuitem a:active {
	color: #cad8b0;
}




/*************************************************** B O T T O M   P O P U P******************/
/* The difference here is that these menus pop up, and they
are in rows of 3 entries per row */
.arrow-down {
	margin-left:  10px;
	height: 8px;
	margin-top:  -1px;
	margin-bottom:  2px;
}
.bottomMenuMenu ul {
	list-style: none;
	border:  1px solid black;
	background-color: #555;
	padding-bottom: 17px;
}
.postCount {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.bottomMenuTable {
	position: absolute;
	z-index: 100;
	width: auto;
	font-size:  0.9em;
	line-height:  1.0;
	display: none;
	margin: 0;
	padding: 0;
	margin-left:  -10px;
}
.bottomMenuTable table {
	border:  1px solid black;
	background-color: #555;
	padding: 17px;
}

.bottomMenuTable tr {
	padding:  5px;
}
.bottomMenuTable td {
	width: 60px;
	/*border:  1px solid orange;*/
	text-align: left;
	padding:  5px;
}
.bottomMenuTable td a {
	color: white;
	width: 100%;
	text-decoration: none;
	margin: 0;
	padding-left: 12px;
	border-bottom: none;
	/*border:  1px solid blue;*/
	color: #eee;
}
.bottomMenuTable td:hover {
	background-color: #666;
	color:  white;
}
.bottomMenuTable td a:active {
	color: white;
}


/*************************************************** P O S T ******************/
#postArea + p, #postArea > #bigsprout-green-entry > p {
	text-align: center;
}
#bigsprout-green-entry {
	background: transparent url(common/sprout-big-ltgreen.png) no-repeat 0 -238px;
}
#bigsprout-green-buffer {
	background: transparent url(common/sprout-big-dkgreen.png) no-repeat 10px -228px;
	height:  10px;
}
.entry {
	padding:  0;
	z-index: 10;
	}

/*.eraseme-p4l-post-title { */
#postArea h1.post-title {
	padding-left:  28px;
	font-size: 1.6em;
	padding-bottom:  5px;
	text-decoration: none;
	text-align: left;
}

div.post-details {
	margin-top:  -9px;
	padding: 8px 36px 0 28px;
	height: 20px;
	background: transparent url(common/sep-post.png) no-repeat left top;
	font-size:  0.8em;
	overflow: visible;
}

.entry p {
	/*border:  1px solid red;*/
	margin-left: 27px;
	margin-right: 27px;
}
.entry p a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid;
	margin-bottom: -1px;
}
.entry p a:hover {
	color: black;
}
.entry p a:active {
	color: #cad8b0;
}

html>body .entry ul {
	margin-left: 37px;
	margin-right: 37px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.post-meta ul, .post-meta li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.post-meta {
	clear: left;
	padding: 5px 28px;
}
.post-social {
	width: 50%;
	padding:  0;
	font-size:  0.8em;
}
.post-social a {
	color: #666;
	text-decoration: none;
	/*font-size:  0.8em;*/
	/*margin-left: 2em;*/
}
.post-social a:hover {
	text-decoration: underline;
	color: #222;
}
.post-social a:active {
	text-decoration: underline;
	color: red;
}
.post-social img {
	padding-bottom:  5px;
}

/*************************************************** C O M M E N T S ******************/
.comment {
	background-color: #f6f9f1;
	padding: 5px 0;
	margin: 20px 28px 0;
	height: 6em;
	overflow: auto;
	border: 1px solid #edf1e5;
	font-size:  0.8em;
}

.comment li {
	padding: 5px 10px;
	list-style: none;
	border: none;
}
.comment li.blog-author {
	background-color: #edf1e5;
	}
.comment cite  {
	/*text-transform: uppercase;*/
	color: #333;
	}

.comment cite a {
	border-bottom: 1px dotted;
	margin-bottom: -1px;
	text-decoration: none;
	}

/*************************************************** C O M M E N T   F O R M ******************/
#comment-form-wrapper {
	font-size:  0.9em;
	padding-bottom:  24px;
}

#comment-form-wrapper form {
	background-color: #edf1e5;
	border: 1px solid #aaa;
	margin: 0px 28px;
	padding: 10px;
}

.comment-form-left {
	width: 28%;
	/*border: 1px solid red;*/
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
	width: 190px;
	padding: 2px;
	margin: 0px 15px 6px 0;
	border:  1px solid #ccc;
	}
#commentform label {
	/*border:  1px solid blue;*/
	font-size: 0.9em;
}

.comment-form-right {
	width: 70%;
	/*border: 1px solid blue;*/
}

#commentform textarea {
	width: 98%;
	padding: 2px;
	/*margin: 5px 15px 1px 0;*/
	border: 1px solid #ccc;
	float: right;
	}
#commentform .comment-form-right label {
	display:  block;
	float: left;
	padding-left:  5px;
	/*border: 1px solid red;*/
}
#commentform .form-foot span {
	display:  block;
	float: right;
	/*border: 1px solid red;*/
	font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}
#commentform .form-foot {
	/*text-align: right;*/
	/*border: 1px solid yellow;*/

}
#commentform .comment-form-submit {
	width: 58px;
	height:  21px;
}


/*************************************************** F O O T E R ******************/
#footer-meta {
	background: transparent url('common/bg-footer.png') no-repeat bottom;
	margin-top: 0px;
	padding-right: 28px;
	padding-left: 28px;
	font-size: 1.0em;
	/*border:  1px solid red;;*/
}
#footer-box-1 {
	/*border:  1px solid #ccc;*/
	/*float:  left;*/
	width:  854px;
	padding-top:  12px;
	padding-bottom:  24px;
}
#footer-contact-top {
	/*border:  1px solid red;*/
	width:  854px;
	float:  left;
}
#footer-contact-left {
	/*border:  1px solid #ccc;*/
	width:  410px;
	float:  left;
}
#footer-contact-right{
	/*border:  1px solid #ccc;*/
	width:  410px;
	float: right;
}
#footer-box-2{
	/*border:  1px solid #ccc;*/
	width:  410px;
	float:  left;
}
#footer-archives{
	/*border:  1px solid #ccc;*/
	margin-bottom:  24px;
}
#footer-topics{
	/*border:  1px solid #ccc;*/
	margin-bottom:  24px;
}
#footer-search{
	/*border:  1px solid #ccc;*/
}
#footer-social{
	/*border:  1px solid #ccc;*/
	margin-bottom:  24px;;
}
#footer-box-3{
	/*border:  1px solid #ccc;*/
	width:  410px;
	float:  right;
}
#footer-tags{
	/*border:  1px solid #ccc;*/
	margin-bottom:  24px;

}
#footer-meta .hr {
	height:  2px;
	background-color: white;
	margin:  0px;
	padding: 0;
	width:  100%;
	height:2px;
	margin-bottom: 6px;
	margin-top:  -1px;
}

.footer-icon {
	margin-bottom:  -3px;
}

#footer-meta p + p {
	margin-top:  1.5em;
}
#footer-meta p + p +p {
	margin-top:  0.75em;
}
#footer form {
	margin: 0;
}

/*************************************************** C O N T A C T   S E C T I O N ********/
.footer-contact-phone{
	width: 32%;
	display: inline;
	float:  left;
	font-size: 0.85em;
}
.footer-contact-facebook{
	width: 26%;
	display: inline;
	float:  left;
	text-align: center;
	font-size: 0.85em;
}
.footer-contact-email{
	width: 41%;
	display: inline;
	float:  right;
	text-align: right;
	font-size: 0.85em;
}

#cformsform #realname {
	border:  1px solid #ccc;
	width:  40%;
	float: left;
	margin-bottom:1.0em;
	height: 1.5em;
}
#cformsform #email {
	border:  1px solid #ccc;
	width:  54%;
	float: right;
	margin-bottom:1.2em;
	height: 1.5em;
}
#cformsform #message {
	border:  1px solid #ccc;
	width:  100%;
	float: left;
	line-height: 1.5;
	overflow: auto;
	height:  6em;
	margin-bottom:1.2em;
}
#cformsform #sendbutton {
	float:  right;
}
#cformsform #note {
	float:  right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-right:  24px;
}

/*************************************************** S E A R C H   S E C T I O N **********/
#footer .search-form {
	margin-top: 10px;
	width: 280px;
	text-align: right;
	white-space: nowrap;
	margin-top: 12px;
}
.search-term {
	border: 1px solid #aaa;
	margin: 1px 3px 0 0px;
	vertical-align: top;
	width: 330px;
}
.search-button {
	border: none;
	cursor: pointer;
	margin-top:  -2px;

}

/*************************************************** T A G S   S E C T I O N **************/
.tag-links a {
	text-decoration: none;
	border-bottom: none;
	margin-bottom: -1px;
}


/*************************************************** A R C H I V E   S E C T I O N ********/
.tag-links a:hover {
	color: #222;
	text-decoration: underline;
	margin-bottom: -1px;
}
ul#archive-years {
	margin: 0;
	padding: 0;
}
ul#archive-years li {
	display: inline;
	list-style: none;
	margin: 0 20px 4px 0;
	padding: 0;
}
ul#archive-years li a {
	border-bottom: none;
	text-decoration: none;
}

/*************************************************** T O P I C   M E N U ******************/
#footer-topics ul li {
	display: inline;
	list-style: none;
	margin: 0;
	margin-right: 10px;
}

/*************************************************** B O T T O M   B A R ******************/
#be-nice {
	float:  left;
	color: #777;
	margin-left: 20px;
}
#goingup {
	color: #ccc;
	float: right;
	text-align: left;
	width: 250px;
}
#subscribe {
	color: #777;
	float: right;
	text-align: right;
	margin-right: 20px;
}


#bottombar a, #goingup a {
	/*border-bottom: 1px solid;*/
	color: #ccc;
	text-decoration: none;
}
#bottombar a:hover {
	color: white;
	text-decoration: underline;
}
#bottombar a:active {
	color: #cad8b0;
}


#subscribe-img {
	background-image: url('common/rss.png');
	float: left;
	width: 17px;
	height: 18px;
	margin-right: 5px;
}


/*************************************************** M I S C ******************/
.wp-smiley {
	margin-bottom:  -4px;
}

.indent p {
	padding-bottom:  6px;
}
.indent p + p {
	text-indent: 2em;
}
.entry p + p {
	padding-top: 12px;
}
#postArea h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2em;
	text-align: center;
}

h2.pagetitle {
	padding-top:  24px;
	text-align: center;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
strong {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
.go-right {float: right;text-align: right;}
.go-left {float: left;text-align: left;}
div.spacer {clear: both;}
.hide {visibility: hidden;}
.center {text-align: center;}

.ltgrey {
	/*font-size: 10px;*/
	color:  #aaa;
	/*line-height: 20px;*/
	/*text-transform: uppercase;
	font-variant: small-caps;*/
}

a, h2 a:hover, h3 a:hover {
	color: #444;
	text-decoration: none;
	}

a:hover {
	color: #222;
	text-decoration: underline;
	}
a:active {
	color:  red;
}

#headerimg .description {
	/*font-size: 1.2em;*/
	text-align: center;
}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
	}
img.size-full, img.size-medium, .wp-caption {
	display: block;
	margin: 5px auto;
}
p.wp-caption-text {
	font-style: italic;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:  -5px;
	margin-bottom:  20px;
	text-align: center;
}
blockquote {
	margin: 18px;
	padding-left: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
	background: url(common/bockquote.png) top left no-repeat;
}
blockquote p + p {
	text-indent: 2em;
}

span.req {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
	color:  red;	
}