/* 
    Document   : home
    Created on : Mar 14, 2009, 11:03:18 AM
    Author     : robin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
  margin: 0;
	padding: 0;
	outline: 0;
}

html {
  height: 100%;

}

.footer, .push {
  height: 160px;
}



hr{
  border: solid 1px #555555;
  margin: 12px 0;
  }

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -160px;
}


BODY{
    font-size: 10pt;
	font-family: Helvetica, Arial, 'Sans serif';
    color: #555555;
    height: 100%;
    background-color: #FFFFFF;
	  
}



a {
    color: #333333;
}

.footer a{
  color: #666666;
}

p{
    font-family: Helvetica, Arial, 'Sans serif';
    font-size:100%;
    padding:4px 0 0 0;
}



p.header{
    color: #cccccc;
}

.footer p{
  padding:0;
  color: #666666;
}

a.header{
    color: #cccccc;
    font-weight: bold;
}



h1{
    color:#304812;
    font-family: Helvetica, Arial, 'Sans serif';
    font-size:28px;
    margin-top:8px;
    font-weight: normal;
}

h1.small{
    color:#304812;
    font-family: Helvetica, Arial, 'Sans serif';
    font-size:16px;
    margin-top:8px;
    font-weight: normal;
}


h2{
    color: #333333;
    
}

h3{
  color:#304812;
    font-family: Helvetica, Arial, 'Sans serif';
    font-size:14px;
    margin:5px 0;
    font-weight: Bold;
}

h3.blog_post, .latest_tweet{
    border-top:1px solid #DDDDDD;
    color:#777777;
    font-size:0.85em;

    padding:9px 0 10px;
    text-transform:uppercase;
}

h4{
    color: #333333;
}

h5{
    font-size:110%;
    color: #66c625;
}

h1 strong{
  font-weight: bold;
}

h2 strong{
  color: orange;
}


/*--------------------------new stuff----------------------*/
.content{
    padding: 40px 0 0 0;
}

.blog_highlights, .tweet{
    margin-bottom:40px;
}

.tweet{
    background:transparent url(../img/icons/twitter.png) no-repeat scroll 150px 5px;
    min-height:70px;

}

.blog_previous{
    margin-right:0px;
}

.blog_author{
    font-family:'serif';
    font-size:100%;
    margin:4px 0 0;
    font-style:italic;
}

.blog_author strong{
    font-size:105%;
    color: #66c625;
}

.homeparagraph{
    min-height: 230px;
}

.home, .parents, .babysitters, .services, .maincontent{
    padding-top:30px;
}

.home{
    background:transparent url(../img/home/homepeople.png) no-repeat scroll 40px 0px;
    height:380px;
    
}

.parents{
  background:transparent url(../img/home/homefamily.png) no-repeat scroll 70px 0px;
  height:380px;

}
.babysitters{
  background:transparent url(../img/home/homebabysitter.png) no-repeat scroll 96px 0px;
   height:380px;
}
.services{
  background:transparent url(../img/home/homeservice.png) no-repeat scroll 0px 0px;
  height:380px;
}

.register{
    padding: 10px 0 0 0;
}

.hlImage {
    float:left;
    margin-right:10px;
}

.userspace{
  border: solid #62aa76 8px;
  -moz-border-radius:8px;
  padding:20px 0px;
  background-color : #FFFFFF;
}

.userspace2{
  border: solid #62aa76 8px;
  -moz-border-radius:8px;
  padding:20px 10px;
  background-color : #FFFFFF;
}
/*--------------------------new stuff-----------------------*/




#pageheader{
  background-color: #1a1a1a;
  text-align: left;
}



#logo-image{
  width: 40%;
  margin-top: 5px;
  float: left; /* counter the body center */
}

#logo-image img{
  margin: 5px 15px;

}

#logo-functions{
  width: 60%;
  float: right;
  text-align: right;
}

#logo-functions table{
  float: right;
}

#logo-functions table td{
  vertical-align: bottom;
  padding-left:10px;
}


#logo-functions label {
    color:#65C426;
    display:block;
    font-size:90%;
    margin:0 0;
    padding:0;
    text-align:left;
}

#logo-functions input, textarea {
  
	font-size: 11pt;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
  padding: 3px;
  margin:0px;
  width: auto;

}

#logo-functions input[type="submit"]{
  background:#BDBDBD url(../img/button.png) repeat-x scroll 0 0;
  border:1px solid #888888;
  color:#555555;
  cursor:pointer;
  display:inline;
  font-size:100%;
  font-weight:bold;
  padding:4px 10px;
  vertical-align:bottom;
  width:auto;
  -moz-border-radius: 4px;
}

#logo-functions input[type=submit]:hover{
  background: #f1f1f1 url(../img/button_hover.png) repeat-x scroll 0 0;
  
}



#logo-functions div.input {
	color: #333333;
  width:auto;
}

.footer{
  
  background-color: #1a1a1a;
}

#footercontainer{
  width: 970px;
  margin: auto;
}

.footer ul{
list-style:none;margin: auto;display:block;padding:0;
}
.footer ul li{
list-style:none;display:inline;width:auto; padding:0 25px 0 0;
}
.footer ul li a{
width: auto;text-decoration:none;color:#888888;
}
.footer ul li a:hover{
width: auto;text-decoration:underline;color: #888888;
}

#container{
  text-align:left;
}

.homefunctions{
  background: #78f541 url(../img/home/homebackground.png) repeat-x;
  padding:40px 0 40px;
  min-height: 369px;
}

.bodyhomefunctions{
  background-color: #78F541;
}


#pagescontent{
  width: 950px;
  margin:0 auto 0;
}



#footercontainer p{
  color:#EEEEEE;
 
}

#pagescontent h1{
  margin: 30px 0 0 0;
  font-size:150%;
  color: #62aa76;
}

#pagescontent h2 {

font-family:Helvetica, Arial, 'Sans serif';
font-size:120%;
margin:20px 0 0 0;
}

#header{
  height: 392px;
  background: #50A842 url(../img/home/introbar.png) repeat-x;

}


#header p{
    color:#304812;
}

#header a{
    text-decoration:none;
    font-weight: bold;
    color:#304812;
}

#header-image{
  float:left;
  width: 194px;
  height: 236px;
}

#header-content{
  float: right;
  width: 500px;
  padding: 20px 25px;
  margin-top:20px;
}

#header-container{
  height:391px;
  margin:auto;
  width:960px;
}

.increasedtopmargin{
  margin-top: 20px;
}


#content{
  margin:auto;
  width: 920px;
  padding: 30px 0px;
}

#content-left{
  float:left;
  width: 450px;
}

.floatfix{
  clear: both;
}

.leftfloatfix{
  clear: right;
}

#header-links{
  margin:auto;
  width: 960px;
  border-color: red;
}






ul{
  list-style:none;
  margin: auto;
}

li{
  list-style:none;
  
}

ul img{
  float:left;
  padding-right:10px;
}

ul div.cnt{
  float:left;
  padding-right:10px;
  width:80%;
  margin-bottom: 1em;
}

ul p{
  margin-top:2px;
  font-size:100%;
}






/*----------------------menu-------------------------*/
#menu{

height:54px;
padding:0px;
clear:both;
background:#276b8a url(../img/home/menubar.png);
}

#menu_container{
  width: 960px;
  margin: auto;
  text-align: center; /* counter the body center */
}

#menu ul{
list-style:none;padding:0 0 0 10px;margin: auto;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase;
}
#menu ul li a{
width: auto;float:left;text-decoration:none;padding:5px 15px; font-size:115%;  margin:13px 10px;color:#fff;text-align:center; font-weight: normal;
}
#menu ul li a:hover{
width: auto;text-decoration:none;color: #fff;background-color:gray; -moz-border-radius:11px;
}
#menu ul li .current{
width: auto;text-decoration:none;color: #fff; background-color:#1A1A1A; -moz-border-radius:11px;
}

/*----------------------login form------------------------*/


.forgot_password{
  font-size:0.8em;
}

#UserLoginForm ul{
  list-style:none;
}

#login_box .input {
	color: #333333;
  padding-bottom: 10px;
  width: auto;
}

form {
	clear: both;
	padding: 0;
}

form div.input {
	color: #333333;
  padding-bottom: 10px;
  /*width: 500px;*/
}

form div.inputpcnt {
	color: #333333;
  padding-bottom: 10px;
  width: 80%;
}

form div.inputnarrowleft {
	color: #333333;
  padding-bottom: 10px;
  width: 100px;
  margin-right: 20px;
  float: left;
}
form div.inputwideleft {
	color: #333333;
  padding-bottom: 10px;
  width: 380px;
  float: left;
}


form div.required {
	color: red;
	font-weight: bold;
}

form div.submit {
	border: 0;
  padding-bottom: 10px;
	clear: both;
}

form div.explanation{
  color:#44AA00;
  font-size:80%;
  width:80%;
}

label {
  color:#888888;
  display:block;
  font-size:100%;
  font-weight:bold;
  padding-bottom:2px;
}

input, textarea {
  border-color:#CCCCCC #EEEEEE #EEEEEE #CCCCCC;
  border-style:solid;
  border-width:1px;
  color:#555555;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:20px;
  font-weight:bold;
  padding:6px;
  width:80%;
}

select {
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 100%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}

input[type="submit"]{
background:#BDBDBD url(../img/button.png) repeat-x scroll 0 0;
border:1px solid #888888;
color:#555555;
cursor:pointer;
display:inline;
font-size:110%;
font-weight:bold;
padding:5px 15px;
vertical-align:bottom;
width:auto;
-moz-border-radius:40px;
-webkit-border-radius:40px;
text-shadow:0px 1px #dddddd;

}

input[type=submit]:hover{
  background: #f1f1f1 url(../img/button_hover.png) repeat-x scroll 0 0;
  
}


div.radio label {
	margin: 0 0 6px 0px;
}

/* Paging */
div.paging {
	background:#fff;
	color: #333;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #333;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Notices and Errors */
#errorbox{
  padding: 10px;
  border-color: red;
  border-width: 1px;
  border-style:solid;
  background-color: #ffebe8;
  margin-bottom: 20px;
}



div.info {
  clear:both;
  color:#66DD22;
  padding: 20px 0px 10px 10px;
  font-weight:normal;
  font-size: 110%;
}
div.info strong {
  
  color:orange;
  
  font-weight:bold;
  font-size: 120%;
}

div.warning{
  background: #EFF67E url(../img/warning.png) no-repeat scroll 15px 15px;
  padding:15px 20px 30px 80px;
  border:1px solid #f8e015;
  margin:30px;
}

div.error-box{
  background: #EFF67E url(../img/error.png) no-repeat scroll 15px 15px;
  padding:15px 20px 30px 80px;
  border:1px solid red;
  margin:30px;
}

.error-message {
	clear:both;
  color:#990000;
  
  font-weight:bold;
}

.error-message2 {
	clear:both;
  color:#990000;
  padding: 20px 0px 10px 10px;
  font-weight:bold;
  font-size: 110%;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}

.notice {
  background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}