/*  
Theme Name: Planning Buddy
Theme URI: http://www.electricmill.com/
Description: planning buddy theme
Version: 1.0
Author: Kevin Peyton
Author URI: http://www.electricmill.com

	Information about the theme and its components here

*/

body {
     margin: 0;
     padding-top:20px;

     font-family: helvetica, arial;
     color: #445961;
     font-size: 12px;
     height:200px;
     background:#FFFFFF;
}

table { margin: 0; padding: 0;   font-family: helvetica, arial; color: #000000; font-size: 12px; line-height: 13px;}


/* General Links */
a:link { text-decoration : none; color : #445961; border: 1px;}
a:active { text-decoration : underline; color : #445961; border: 2px;}
a:hover { text-decoration : underline; color : #cc6666; border: 1px;}
a:visited { text-decoration : none; color : #FFFFFF; border: 1px;}


img { padding: 0px; margin: 0px; border: none;
align:top;

}





input {

 margin-top:5px;
}




textarea {
 font-family: helvetica, arial;
 background:#FFFFFF  none repeat scroll 0%;
 color:#000000;
 font-size: 13px;
 border:1px solid #367288;
}




select {
 font-family: helvetica, arial;
 color: #6a5555;
 font-size: 13px;
 margin-top:5px;
}

h1, h2, h3 {
 font-family: helvetica, arial;
}


#divbrowse {
text-align:left;
padding-left:0px;
}

#bgcontain { width: 900px; padding: 0px; margin-left:50px;}

.Header { margin-top: 0px;
        height:110px;
     background:#445961;

margin-left:50px;

position: relative; clear: left; width: 900px;}
.Header h1 { margin:0px; padding-top: 45px; color: #FFFFFF;}
.Header h1 a {
color:#FFFFFF;
width: 320px;
height: 35px;
float: left;
text-decoration:
none;margin-left:15px;
}
.Header h1 a:hover {
color:#FFFFFF;
width: 320px;
height: 35px;
float: left;
text-decoration:
none;margin-left:15px;
}

.Header h3 { margin: 0; padding-top: 5px; color: #FFF; float: left; }

.Header .TopHeader { width:900px;position: absolute; top: -20px; color:#86aab2; font-size: 11px;}
.Header .TopHeader a { color:#86aab2; padding-left: 5px; padding-right:5px; text-decoration: underline;}
.Header .TopHeader a:hover { color: #EFEFEF;}
.Header .search {
        position: absolute;
        top: 50px;
        right: 15px;
        width: 220px;
        color:red;
}


.Header .search input {
        background:#FFFFFF none repeat scroll 0% 50%;
        border:1px solid #367288;
        color:#157491;
        font-family:helvetica, arial;
        font-size:13px;
        font-weight:bold;
}

.Header input:hover {
 font-family: helvetica, arial;
 background:#EFEFEF none repeat scroll 0%;
 color:#157491;
 font-size: 13px bold;
 border:1px solid #157491;
 }



.MainMenu {
     top: 115px;
     width:830px;
     padding-left: 5px;
     float:left;

}
.MainMenu ul {

padding: 0px; margin: 0px; }
.MainMenu li {

padding: 0px; margin: 0px; display: inline; font-size: 13px;}
.MainMenu a {

padding: 0px; margin-left: 0px; no-repeat left top; float: left;text-decoration : none; }


 
.MainMenu a span {
 display: block;
 border-right:1px solid white;
 padding: 2px 11px 6px 12px;
 font-size:13px;
 font-weight:normal;
 float: none; color: #FFFFFF;
 background:#445961;
}

.MainMenu a:hover {  color: #fff; }
.MainMenu a:hover span { background-position: 100% -34px; color: #FFE640 ; }
.MainMenu a:selected span { background-position: 100% -34px; color: #EFEFEF; }

.MainMenu  li.current_page_item  {
 text-decoration: underline;
}




.form a:link { text-decoration : underline; color : #157491; border: 1px;}
.form a:active { text-decoration : underline; color : #157491; border: 2px;}
.form a:visited { text-decoration : underline; color :#157491; border: 2px;}
.form a:hover { text-decoration : none; background: #157491; color : #FFFFFF; border: 1px;}



#MainMenuLinks {
        position: absolute;
        top: 5px;
        right: 15px;
        width: 200px;
        
        color: #FFFFFF;
        align:right;
}

#MainMenuLinks a {
 color:#FFFFFF;
 text-decoration:underline;
}
#MainMenuLinks a:hover {
 color:#FFE640 ;
 text-decoration:underline;
}






* html .container { height: 450px;}
.container {
           background:#FFFFFF;

width: 900px; min-height: 450px; float: left; margin-bottom: 0px; margin-top: 10px;}

/* Central Column */
.SC { float: left; width: 630px; color: #276E88; padding-left:0px;}

.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 20px;}
.DateHeader p { background:url(./images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: helvetica, arial; }

.Post {
      padding-left: 15px;
      position: relative;
      clear: left;
      width: 630px;
      margin-bottom: 30px;
      margin-top: 0px;
      font-size:1.2em;
      color:#000000;
}
.Post h1 {
padding-left:0px;
color:#157491;
font-family:helvetica,arial;
font-size:18px;
font-weight:normal;
letter-spacing:-1px;
margin-left:0px;
margin-top:0px;
  }
  
  .Post label  {
              padding-left:0px;
              font-size:15px;
              font-weight:normal;
              color:#445961;
}

.Post h1 a { color: #157491; text-decoration: underline;}
.Post h1 a:hover { color: #FFFFFF; background:#157491;text-decoration: underline;}


.Post a { text-decoration : underline; color : #000000; border: 1px;}
.Post a:hover { text-decoration : underline; color : #cc6666; border: 1px;}


.PostHeadSimple {}
.PostHead { padding-left: 0px; }

.PostInfo { padding: 2px 0px; margin-left: 0px; font-size: 1em; color: #7fa1a9;  }
.PostInfo ul { padding: 0px; margin: 0px;}
.PostInfo li { padding-left: 2px; margin: 0px; list-style-type: none; display: inline;}
.PostInfo a { color:#7fa1a9; text-decoration: underline;}
.PostInfo a:visited { color:#7fa1a9; text-decoration: underline; }
.PostInfo a:hover { color:#7fa1a9; text-decoration: underline; }

.PostContent { padding: 0px 0px;}
.PostContent h1 { font-size: 22px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h2 { font-size: 19px; letter-spacing: -1px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent h3 { font-size: 17px; font-weight: normal; padding: 2px 0px; margin: 0px;}
.PostContent ul { font-size: 11px;}
.PostContent ol { font-size: 11px;}
.PostContent p { font-size: 1.2em; line-height: 1.2em; color: #000000; padding: 6px 0px; margin: 6px 0px;}
.PostContent img { float: left; padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 5px 0px; margin: 5px 0px; color:#bee6e9;}
.PostContent blockquote p { font-size: 10px; padding: 3px 0px; margin: 3px 0px; line-height: 12px; color: #bee6e9;}

.PostDetails { padding: 0px 0px; margin: 0px; font-size: 1em; }
.PostDetails a { text-decoration: underline; color:#7FA1A9;}
.PostDetails a:visited { text-decoration: underline; }
.PostDetails a:hover { text-decoration: underline;color:#FFFFFF;background:#157491; }

.PostDetails .ReadOn { padding: 5px 0px 5px 15px;}
.PostDetails .Subscribe {  margin-left: 5px;}
.PostDetails .NrComments {  margin-left: 5px;}
.PostDetails .AddOpinion { margin-left: 5px;}




.MainContent {
background:#FFFFFF none repeat scroll 0% 50%;
float:left;
margin-left:0px;
padding-left:0px;
padding-right:5px;

padding-top:0px;
width:630px;
}
.MainContent label  {
              padding-left:0px;
              font-size:15px;
              font-weight:normal;
              color:#445961;
}


#checkbox  {
              margin-left:0px;
              border:1px solid #276E88;
              font-size:15px;
              font-weight:normal;
              margin-bottom:4px;
}

span.address {
 float:left;
 text-align:left;
 width:40%;
 padding-right:2px;
}
span.name {
 float:left;
 text-align:left;
 width:48%;

}

span.daterec {
 float:left;
 text-align:right;
 width:11%;
 padding-right:1px;
}

span.moreinfo {
 float:left;
 text-align:left;
 width:12%;
 padding-top:12px;
 padding-right:0px;
}

span.nav {
 float:right;
 text-align:right;
 font-size:11px;
 margin-top:0px;
 margin-bottom:5px;
 margin-right:8px;
}

span.appdetails {
 padding-left:10px;
}

.help p {
float:left;
font-size:1.1em;
}

.help img{

 padding: 0px; margin: 0px; border: none;
align:top;
margin:0 10px 20px 0px;
float:left;

}




.widget input {
        background:#EFEFEF none repeat scroll 0% 50%;
        border:1px solid #367288;
        color:#157491;
        font-family:helvetica, arial;
        font-size:12px;
        width:5px;
        font-weight:bold;
}

.widget input:hover {
 font-family: helvetica, arial;
 background:#445961 none repeat scroll 0%;
 color:#157491;
 font-size: 13px bold;
 border:1px solid #157491;
 }

.PostDate { position: absolute; top: 0.5em; left: 0; text-align: center; margin: 0; padding: 0px 5px 5px 5px; list-style: none; background: url(./images/PostNrBkg.png) no-repeat left top; width: 32px; }
.PostDate .month {display: block; font-size: 11px; letter-spacing: -1px; text-transform: lowercase;  line-height: 16px; color: #fff;}
.PostDate .day { display: block; font-size: 16px; font-family: helvetica, arial; font-weight: bold; line-height: 18px; color: #ffff99; padding-top: 4px; }





.ordlinks  { padding-left:10px;padding-bottom:10px;border-bottom: 1px solid #276e88; }
.ordlinks ul { font-size: 11px; list-style: none; }
.ordlinks a:link { text-decoration : underline; color : #A1E8FF; padding:0px;}
.ordlinks a:hover { text-decoration : underline; color:#EFEFEF;  border: 0px;padding:0px;}
.ordlinks a:active { text-decoration : underline;  border: 0px;padding:0px;}
/* Left Column */

.browseapp { margin-bottom: 10px; padding: 0px 0px; width: 580px; float: left; }
.browseapp ul { font-size: 11px; list-style: none; border-top: 0px solid #276e88; padding: 1px 0px 0px 0px; margin: 0; line-height: 13px; }
.browseapp li { margin: 0; background: none;
           min-height: 50px;
           width: 620px;
           color:#000000;
           display: block;
           padding-left:0px;
           border-bottom: 1px solid #EFEFEF;
           position: relative;
           padding-top:5px;
}



.browseapp li a {
           padding:0px;
           text-decoration: none;
           color: #276E88;
}

.browseapp li:hover {
background:#EFEFEF;

text-decoration:none;

}


.browse { float: left; width: 630px; margin-left: 0px;  border: padding-top: 0px; padding-left:0px;background:#FFFFFF none repeat scroll 0%; }


.browse_nav {
            height:25px;
            width:620px;
           padding:0px;
           background: #EFEFEF;
           font-weight:bold;
           font-size:12px;
           line-height:25px;
           border-top:1px solid #276E88;
           border-bottom:1px solid #276E88;
}


// browse alerts

.browsealerts { margin-bottom: 10px; padding: 0px 0px; width: 580px; float: left; }
.browsealerts ul { font-size: 11px; list-style: none; border-top: 0px solid #276e88; padding: 1px 0px 0px 0px; margin: 0; line-height: 13px; }
.browsealerts li { margin: 0; background: none;
           min-height: 45px;
           width: 620px;
           color:#000000;
           display: block;
           padding-left:5px;
           border-top: 1px solid #276e88;
           position: relative;
           padding-top:10px;
}


.browsealerts li a {
           padding:3px;
           text-decoration: none;
           color: #276E88; }
.browsealerts li a:hover {

           text-decoration: underline;
           color:#276E88;
           //min-height:39px;
}
.browsealerts li a:active { text-decoration : none; background-color: #276e88; border: 0px;}

hr   {
     color: #EFEFEF;
     height: 1px;

}

span.label {
 padding-left:0px;
 font-size:15px;
 font-weight:normal;
 color:#445961;
 float:left;
 text-align:left;
 width:20%;
 padding-top:10px;
 padding-left:0px;
 
}

span.alert_none {
 float:center;
 text-align:center;
 padding-top:6px;
 width:100%;
 font-style:italic;
 font-size:13px;
 line-height:20px;
}

span.alert_check {
 float:left;
 text-align:left;
 width:5%;
 padding-top:1px;
 padding-left:0px;
}
span.alert_council {
 float:left;
 text-align:left;
 width:35%;
}

span.alert_area {
 float:left;
 text-align:left;
 width:40%;
 padding-right:8px;
}

span.alert_create {
 float:right;
 text-align:left;
 width:15%;
}

#alerts_row {
background: #FFFFFF;
float: left; width: 625px; margin-left: 0px;
line-height:25px;
color:#000000;
margin-top:0px;
margin-bottom:0px;
font-family:helvetica,arial;
font-size:12px;
border-bottom:0px;
border-bottom:1px solid #EFEFEF;



}

#alerts_toprow {
border-top:1px solid #276E88;
border-bottom:1px solid #276E88;
background: #EFEFEF;
float: left; width: 625px; margin-left: 0px;
line-height:25px;
color:#000000;
margin-top:2px;
margin-bottom:2px;
font-family:helvetica,arial;
font-size:12px;
font-weight:bold;
}

#alerts_botrow {
border-bottom:1px solid #276E88;
background: #EFEFEF;
float: left; width: 625px; margin-left: 0px;
line-height:30px;
color:#000000;
margin-top:0px;
margin-bottom:2px;
font-family:helvetica,arial;
font-size:12px;
font-weight:bold;
}


//table browse
.tableheading { background: #195B73; float: left; width: 580px; margin-left: 0px;  border-left: solid 1px #367288; border-right: solid 1px #367288; border-bottom: solid 1px #367288; padding-top: 10px; padding-left:5px;}
.rowdiv { background: #195B73; float: left; width: 510px; margin-left: 0px; border-bottom: solid 1px #367288; padding-top: 0px; padding-left:5px;}
.rowdiv_narrow { background: #195B73; float: left; width: 210px; margin-left: 0px; border-bottom: solid 1px #367288; padding-top: 0px; padding-left:5px;}



/* Left Column */
.SR1 { background: #195B73; float: left; width: 580px; margin-left: 0px; border: solid 2px #367288; padding-top: 10px; padding-left:5px; padding-right:5px;}
.SR1 h2 { font-family: helvetica, arial; font-size: 17px; letter-spacing: -1px; font-weight: normal; color: #EFEFEF; padding: 15px 5px; margin: 0px;  }



/* Right Column */
.SR { background: #EFEFEF; float: right; width: 250px; margin-left: 0px;   border: solid 0px #367288; margin-top:0px;}
.SR h2 { font-family: helvetica, arial; font-size: 18px; letter-spacing: -1px; font-weight: normal; color: #157491; padding: 5px 0px; margin: 0px; }
.SR ul { padding-left: 10px; padding-right: 10px;}

.signup { width: 220px; background:#FFE640; margin-left: 0px; margin-bottom:10px; margin-top:5px; padding-top: 10px; padding-bottom:10px;padding-left:10px;}
.signup a {
 font-family: helvetica, arial;
 font-size: 17px; letter-spacing: -1px; font-weight: normal;
 color: #990000;
 padding: 0px 0px;
 margin: 0px;
 text-decoration: none;
}
.signup a:hover { 
 font-family: helvetica, arial;
 font-size: 17px; letter-spacing: -1px; font-weight: normal;
 color: #990000;
 padding: 0px 0px;
 margin: 0px;
 text-decoration: underline;


}


.error {
 color:#C00615;
 margin-left: 0px;
 margin-right:5px;
 padding-top: 0px;
 font-size: 15px;
}


.message {
 width: 550px;
 background:#FFE640;
 margin: 0px;
 padding: 0px;
 font-size: 15px;}
.message a {
align:center;
font-family: helvetica, arial;
font-size: 17px; letter-spacing: -1px; font-weight: normal;
color: #990000;


}




.Comments .Form {
        margin-left:15px;
        right: 5px;
        width: 220px;
        color:#157491;
}







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/***** Side Menu *****/

.Categ { margin-bottom: 10px; padding: 10px 10px; width: 250px; float: left; }
.Categ ul { font-size: 11px; list-style: none; border-top: 0px solid #276e88; padding: 1px 0px 0px 0px; margin: 0; line-height: 13px; }
.Categ li { margin: 0; padding: 0; background: none; min-height: 18px; width: 225px; display: block; border-bottom: 1px solid #276e88; position: relative; }
.Categ li a { display: block; padding: 3px 0px 4px 20px; text-decoration: none; color: #445961; background: url(./images/CategoriesIco.png) no-repeat left top;}
.Categ li a:selected { background: white url(./images/CategoriesIcoOn.png) no-repeat left top; text-decoration: none; color: #EFEFEF;  }

.Categ li a:hover { background: #276e88 url(./images/CategoriesIcoOn.png) no-repeat left top; text-decoration: none; color: #EFEFEF;  }

.Categ p {
width:230px;
margin-right:10px;}

* html .Categ li a { right: 0px; color:#5da7bf; }






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Sponsors { margin-bottom: 12px; width: 289px; }


/*\ IE/Win min height hack */ * html .FooterContain { height: 330px;} /* */ 
.FooterContain { width: 100%; background: #001d29; clear: both; min-height: 330px; padding: 12px 0px 0px 0px; border-top: solid 1px #114f66;}


.Footer { width: 900px; margin: 0 auto; color: #859494; clear: both;} 
.Footer h2 {  font-family: helvetica, arial; font-size: 14px; letter-spacing: -1px; font-weight: bold; color: #9ec5c4; padding: 10px 0px; margin: 0px;  }

/*\ IE/Win min height hack */ * html .Footer ul { height: 100px;} /* */ 
.Footer ul { min-height: 100px; padding: 0px; margin: 10px 0px; border-top: solid 1px #364f59;} 
.Footer li { margin: 0px; padding-bottom: 6px; list-style-type: none; border-bottom: solid 1px #364f59;} 
.Footer li small { font-size: 10px;} 

.Footer li a { display: block; color: #bad022; padding: 6px 0px 0px 0px; font-size: 11px; }
.Footer li a:visited { display: block; color: #bad022; padding: 6px 0px 0px 0px; font-size: 11px; }
.Footer li a:hover {  display: block; color:#cc6666; padding: 6px 0px 0px 0px; font-size: 11px; }

.FooterRecent { float: left; width: 290px; }
.FooterCommented { float: left; width: 290px; margin: 0px 14px; }
.FooterPartners {float: left; width: 290px; }

.FooterCopy {
            background: #445961;
            width: 900px;
            color: #ffffff;
            float: left;
            margin-top:5px;
            margin-bottom:15px;
            
}
.FooterCopy p { padding: 10px; margin: 0px; font-size: 11px; color: #FFFFFF; }

.FooterCopy a {
 color:#FFFFFF;
 text-decoration:underline;
}
.FooterCopy a:hover {
 color:#FFE640 ;;
 text-decoration:underline;
}