/*
Theme Name: Life Story Recordings
Theme URI: http://www.monochromerainbow.com
Description: Customised layout.
Version: 1
Author: Suzie Hunt

*/



/* CSS Document */



* {	margin:0; padding:0; font-size:100%;}



body{background:#ecf1f2; text-align:center;}



img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}

.blog_middle ul { list-style: disc inside; padding-left: 30px;}
.problem_middle ul { list-style: disc inside; padding-left: 30px;}
.middle  ul { list-style: disc inside; padding-left: 30px;}


.top {text-align: right; font-size:1.8em; font-family: "Times New Roman", Times, serif; color: #fff;} 





.left { float:left;}

.right {float:right;}

.clear  { clear:both;}



.small {font-size: 0.5em}

.dot {font-size: 1.2em; font-weight: bolder;}





html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.25em; color:#5a6c6f;}



input, select { vertical-align:middle; font-weight:normal;}



a {color:#16bbea;}

a:hover{text-decoration:none;}

.grey{ color:#5a6c6f;}

.orange {color: #FF9933}

p {padding-top:15px;}

h1{ font-family:ShneidlerBT Light,  Georgia, "Times New Roman", Times, serif; font-size:1.917em; color:#4f5f61; font-weight:normal; padding-bottom:16px;}

h2{ font-family:ShneidlerBT Light,Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#6f7a7b; font-weight:normal; padding-bottom:20px;}

h3{ font-family:ShneidlerBT Light, Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#fff; font-weight:normal; padding-bottom:20px;}

h4{ font-family:ShneidlerBT Light, Georgia, "Times New Roman", Times, serif; font-size:2.5em; color:#A2C488; font-weight:normal; text-align: center; line-height: 1em;}

#content h1{ font-family:ShneidlerBT Light,  Georgia, "Times New Roman", Times, serif; font-size:1.917em; color:#4f5f61; font-weight:normal; padding-bottom:16px;}

#content h2{ font-family:ShneidlerBT Light,Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#6f7a7b; font-weight:normal; padding-bottom:5px; padding-top: 5px;}

#content h3{ font-family:ShneidlerBT Light, Georgia, "Times New Roman", Times, serif; font-size:1.667em; color:#fff; font-weight:normal; padding-bottom:20px;}

#content h4{ font-family:ShneidlerBT Light, Georgia, "Times New Roman", Times, serif; font-size:2.5em; color:#A2C488; font-weight:normal; text-align: center; line-height: 1em;}

#content p { line-height: 1.6em; }

strong{ font-weight:normal; color:#16bbea;}

em{ font-style:normal;}

#header strong{ color:#ffffff; font-weight:bold;}

.strong1{ color:#7b898c; font-weight:bold;}



/* ============================= main layout ====================== */

.imgindent {margin:0 12px 0 0; float:left;}

.margin1{ margin-top:16px;}

.padding1{ padding-top:15px;}

.padding2{ padding-top:10px;}

.padding3{ padding-top:23px;}

.padding4{ padding-bottom:18px;}



/* ============================= header ====================== */

#header{ background:url(images/header-bg.jpg) right bottom no-repeat;}

#header .menu{ width:100%; overflow:hidden; padding-top:18px; height:62px}

#header .menu li{ float:left;}

#header .menu span{ display:block; padding:15px 26px 18px 26px;}

#header .menu .first span{padding-left:30px;}

#header .menu .last span{padding-left:30px;}

#header .menu a{ display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.167em; color:#728082;   background:#d9e2e3;}



#header .menu a:hover, #header .menu .active{ color:#ffffff; background:#33CCFF; text-decoration:none;}

#header .menu .first a:hover span, #header .menu .first .active span{}

#header .menu .last a:hover span, #header .menu .last .active span{}



#header .col-1{ width:312px;}

#header .col-2{ width:627px;}

#header .box{ height:180px; margin-top:3px; background:#8fa5a8; color:#ffffff; position:relative;}

#header .box .indent{ padding:19px 16px 0 16px;}



#header .slogan{ padding:120px 25px 0 252px;}

#header .button{ padding:12px 0 0 472px;}



.link{ display:block; float:left; color:#ffffff; background:url(images/link1-left-bg.gif) no-repeat 0 0; padding-left:1px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; margin-top:9px;}

.link:hover{ text-decoration:underline;}

.link span{ display:block; background:url(images/link1-right-bg.gif) right top no-repeat; padding-right:1px;}

.link strong{ font-weight:normal !important; display:block; padding:6px 8px 7px 9px; background:#8fa5a8; color:#ffffff;}



/* ============================= content ====================== */

#content{ padding:24px 0 23px 0;}

.title{ padding-bottom:10px;}

#content .link{ bottom:18px;}

#content ul{ list-style-type:square; line-height: 2em;}

#content .box .link{ background:url(images/link2-left-bg.gif) no-repeat 0 0; position:absolute; bottom:18px;}

#content .box .link span{ display:block; background:url(images/link2-right-bg.gif) right top no-repeat; padding-right:1px;}



#content .box{ background:#ffffff; color:#7b898c; width:100%; position:relative; }

#content .box .indent{ padding:16px 0 18px 16px;}

#content .box .indent2{ padding-bottom:50px;}

#content .box .indent3{ padding:16px 18px 18px 16px; }

#content .box .link strong{ background:#A2C488; color:#ffffff;}



.indent3 { padding:13px 0 10px 16px; margin-right: 5%; margin-left: 5%;}
.indent4 { padding:40px; }


.list li{ color:#099fc9; line-height:1.75em;}

.list a{ color:#778789; }



.list1 span{ color:#099fc9;}

.list1 a{ color:#5a6c6f;}

.list1 li{ padding-bottom:5px;}



.link2{ font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}

.link2:hover{ text-decoration:underline;}



/* ============================= page1 ====================== */

#page1 #content .box .col-2{ margin-left:21px;}

#page1 #content .box .col-3{ margin-left:20px;}

#page1 #content .box .col-4{ margin-left:21px;}



.line1{ background:url(images/line.gif) repeat-y 233px 0; width:100%;}

.line2{ background:url(images/line.gif) repeat-y 469px 0; width:100%;}

.line3{ background:url(images/line.gif) repeat-y 704px 0; width:100%;}

.line4{ background:url(images/line2.gif) repeat-y 469px 0; width:100%;}

.line5{ background:url(images/line2.gif) repeat-x bottom; width: 90%;}





#page1 .column-2{ margin-left:25px;}



/* ============================= page2 ====================== */

#page2 #content .box .col-2{ margin-left:34px;}

#page2 .column-2{ margin-left:22px;}



/* ============================= page3 ====================== */

#page3 #content .box .col-2{ margin-left:15px;}

#page3 .column-2{ margin-left:22px;}



/* ============================= page4 ====================== */

#page4 #content .box .col-2{ margin-left:26px;}

#page4 #content .col-2{ margin-left:19px;}

#page4 .column-2{ margin-left:22px;}



/* ============================= page5 ====================== */

#page5 #content .box .col-2{ margin-left:26px;}

#page5 #content .box .col-2 .col-2{ margin-left:25px;}

#page5 .column-2{ margin-left:22px;}



/* ============================= page6 ====================== */

#page6 #content .box .col-2{ margin-left:15px;}

#page6 .column-2{ margin-left:22px;}



/* ============================= page7 ====================== */

#page7 #content .box .col-2{ margin-left:36px;}

#page7 #content .box .col-3{ margin-left:35px;}

#page7 #content .box .col-4{ margin-left:36px;}

#page7 .line1{ background:url(images/line.gif) repeat-y 217px 0; width:100%;}

#page7 .line2{ background:url(images/line.gif) repeat-y 453px 0; width:100%;}

#page7 .line3{ background:url(images/line.gif) repeat-y 688px 0; width:100%;}

#page7 .line4{ background:url(images/line2.gif) repeat-y 469px 0; width:100%;}

#page7 .column-2{ margin-left:23px;}



/* ============================= page8 ====================== */

#page8 #content .box .col-2{ margin-left:15px;}

#page8 .column-2{ margin-left:22px;}

.phone{ float:right; padding-right:21px;}





/* ============================= footer ====================== */

#footer{ background:url(images/footer-left-bg.gif) no-repeat 0 0 #d9e2e3; margin-bottom:13px;}

#footer .left-bg{ background:url(images/footer-right-bg.gif) right top no-repeat; height:48px;}

#footer .text{ padding:16px 0 0 23px;}

#footer a{ color:#5a6c6f;}



/* ============================= forms ============================= */

#RegisterForm{ padding:23px 10px 0 0;}

#RegisterForm .row-1, #RegisterForm .row-2, #RegisterForm .row-3{ width:100%; overflow:hidden;}

#RegisterForm .col-1{ width:200px !important;}

#RegisterForm .col-2{ width:200px !important; margin-left:20px !important;}

#RegisterForm label{ display:block; height:35px;}

#RegisterForm input{ border:solid 1px #383838; width:190px; font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:2px 0 3px 7px;}



#SearchForm1{ padding-right:15px;}

#SearchForm1 label{ display:block; height:35px;}

#SearchForm1 label span{ font-weight:bold; width:60px; display:inline-block;}

#SearchForm1 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}

#SearchForm1 .select1{ width:200px;}

#SearchForm1 .select2{ width:55px;}

#SearchForm1 .select3{ width:70px;}

#SearchForm1 .select4{ width:69px;}

#SearchForm1 .link{ float:right; }



#SearchForm2{ padding-right:15px;}

#SearchForm2 label{ display:block; height:35px;}

#SearchForm2 label span{ font-weight:bold; width:60px; display:inline-block;}

#SearchForm2 select {font-family:Tahoma, Geneva, sans-serif; font-size:0.917em; color:#5a6c6f; padding:1px 0 1px 4px;}

#SearchForm2 .select1{ width:200px;}

#SearchForm2 .link{ float:right; }

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
} 


textarea{ border:solid 1px #383838; font-family:Arial, sans-serif; padding:2px 0 3px 7px; }