/* templates/plain-vanilla/style.css  */
/*  
Theme Name: Plain Vanilla
Hon Gerry Brownlee 
*/

/* page layout */

#background {background-image:url('templates/plain-vanilla/images/bg_gradient8.jpg');
}

/* puts graphic in center */
body, html {
 background: #4e77c6  url('templates/plain-vanilla/images/bg_col2.gif') repeat-y top center; 
    margin:0;
    padding:0; 
    border:0px none;
}

/* centers nav table at top */
.centered { text-align: center; }
.centered-table {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

/* sets basic constraints on display - default is 700 */
#container {
    margin:auto;
    width:900px;
    border:0px none; padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:10px;
	background: #ffffff url('templates/plain-vanilla/images/bg_col2.gif') repeat-y top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:125%;
	
}


/* big 'blue' box - MP image */
 #bannertop  {
    position:relative;
    display:block;
    width:545px;
    height:270px;
    overflow:hidden; 
     border:1px double #666; 

	background: #fff url('http://BROWNLEE.co.nz/banner_rotate/rotate.php') no-repeat top center;; margin-left:0; margin-right:0; margin-top:10px; margin-bottom:15px;					
							
}

/* mainpane for content - default 65% */
#content {
    position:relative;
    float:left;
    margin:0;
    margin-left:0;
	padding:0;
    width:580px;
    text-align:justify;
	border:none 0px;
	font-size:11px;
	line-height:150%;
	color:#666666;
}

/* stuck with this too-wide margin and placement, for now - default 480px (fixed) */
#sidebar {
    position:relative;
    margin-left:580px;
    border:0px none; margin-right:0; margin-top:0; margin-bottom:0; text-align:left;
	width:320px;

	
	
	
	
    }
.clearfix:after {
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* end page layout */

/* begin headlines */
#nav, h1, h2, h3, .paginate, #sidebar, #sidebar h2, #sidebar h3, p, #sidebar p, .entrytext, .entrytext ul, ol, ol li, .cmeta, #google, fieldset {
   font-family:verdana, arial, sans-serif;
   font-size:11px;
   }
.navigation { 
   color:#ccc;
   text-align:right; 
   font-weight:normal;
}
/* entry headers */
h4 {
   font-size: 12px;
   font-family:verdana, arial, sans-serif;
   line-height:1.5em;
   margin:10px 0 0 0;
   

}



#header h4 {
  display:inline; 
   width:45%;
   margin:9px 0;
   float:left; 
  
}

/* pushes text off page display under big 'blue' box */
h1 {
   font-size:16px;
   margin:0;
   text-indent: -100em;
   }

/*image small banner call */
 
#h1 { 
 width: 545px; height: 64px; 
 background-image: url('templates/plain-vanilla/images/h1.jpg'); 
 background-repeat: no-repeat; 
} 




#header h1 {
  display:inline;
   width:45%;
   margin:9px 0;
   float:left;
color:#1E90FF;
}

h2 {
   margin:9px 0 0 0;
}
h3 {
   margin:3px 0 0 0;

}
.post h3 {
   border-bottom:1px solid #F0F8FF;
   
}
#sidebar, #sidebar h2, #sidebar h3 {
   color:#888;
}

#sidebar h2, #sidebar h3 {
   border-bottom:1px solid #F0F8FF;
   color:#666!important;
   }

#sidebar h3 {
   margin-top:20px;
}
/* end headlines */

.meta, .postmetadata, .post-categories, .post-categories li {
   font-family:verdana, arial, sans-serif;
   font-size:11px;
}
.meta, .postmetadata {
   text-transform: lowercase;
   color:#999;
   text-align:right;
   border-top:1px solid ghostwhite;
   margin:0 0 18px 0;
}
.post h3 a:hover {
   border-bottom:none !important;
}
.post h2 a:hover {
   border-bottom:none !important;
}
.post-categories, .post-categories li {
   display:inline;
   margin:0;
   padding:0;
}
p, .entrytext, .entrytext ul {
   line-height:1.5em;
   color: #000;
   margin:6px 0 9px 1px;
   padding:0;
}
.entrytext ul {
   margin-left:35px;
}
.entrytext ul li {
   margin-bottom:0.75em;
}
input[type=text], textarea { 
    border:1px solid #bbb; 
   padding:2px; 
   font-family:"Courier New", Courier, monospace;
   font-size:12px;
   }
textarea {
   overflow:auto;
}
input[type=submit], input[type=reset], input[type=button] {
/*   background:#eee; */
   color:#222;
/*   border:1px solid #bbb; */
   margin-right:2px;
    padding:1px;  
   font-family:verdana, arial, sans-serif;
   font-size:11px;
 }
 input, select, textarea { 
/*   font-family:"Courier New", Courier, monospace;
   font-size:12px; */
   vertical-align:middle;
   }
input[type=text]:focus, textarea:focus { 
   background: #EEE8AA;
   border:1px solid #999; 
   }

#nav {
   width:55%;
   vertical-align:middle;
   float:left;
}
#nav ul {
        float:right;
        margin:5px 0;
        padding:3px 0;
}

#nav ul li {
        margin:0;
        padding:0 0 0 9px;
        display:inline;
        list-style:none;
}
#header {
        display:block;
        margin:0 0 10px 0;
        padding:0;
        max-width:100%;
        }
acronym, abbr {
    border-bottom:1px dotted #bbb;
    cursor:help;
}
img, p img {
    border:none;
}
tt, code, pre {
    font-family:"Courier New",Courier,monospace;
    font-size:12px;
}
a {
    color:#106fcc;  
    text-decoration:none;
}
a:hover {
    color:#FF4500; 
    text-decoration: none;
    border-bottom:1px solid #bbb;
}
 #nav a:hover {
    border-bottom:3px solid #1E90FF;
    padding-bottom: 2px;
}

/* Begin Images */
p img {
      padding:0;
      max-width:100%;
      }

img.centered {
      display:block;
      margin-left:auto;
      margin-right:auto;
      }
img.pic {
background:#fff;
border:1px solid #ccc;
}
img.alignright {
      padding:4px;
      margin:0 0 2px 7px;
      display:inline;
      }

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

.alignright {
      float:right;
      }

.alignleft {
      float:left;
      }

h1 a, h1 a:hover, #sidebar p img a:hover {
      text-decoration:none;
      border:0px none;
      }
div.imgcenter {
        text-align:center;
}

div.image img, div.imgcenter img {
        border:1px #ccc solid;
        padding:4px;
        margin:5px;
}
/* end images */


.post {
	margin: 0 0 40px;
	text-align: justify;
	
	}
	
	
/* fixing list display in content, prevents bullets from showing in sidebar, which is ul/li based */	

#content ul li/*, #sidebar ul */ {       
        line-height: 1.5em;
/*	list-style-type: none;
	list-style-image: url('none');  */
	list-style:url("templates/plain-vanilla/images/bullet.gif");  
        }
#sidebar ul {
list-style-type: none;
}
#sidebar li {
        line-height: 1.5em;^M
        list-style-type: none;^M
       /* list-style:url("templates/plain-vanilla/images/bullet.gif");  */
}

/* alternate comment colors */
.color1 {background-color:#ffffff; padding:5px; margin:5px 0; border:0px none; }
.color2 {background-color:#f8f8f8; padding:5px; margin:5px 0; border:0px none; }

.cmeta {
        color:#888;
        }

blockquote { margin:0 10px; }

blockquote p { color:#777!important;
             border-left:1px dotted #bbbbbb;
             text-align:left; 
             padding-left:10px;
             background:transparent;
            }

/* archive list */

.alt {
        background-color: #f8f8f8;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin:15px 0;
        padding:5px;
        }

.commentlist li, .serendipity_commentForm input, .serendipity_commentForm textarea {
        font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        }
     
.commentlist li {
        font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
        }

.commentlist li {
        font-weight: bold;
        }

.commentlist cite, .commentlist cite a {
        font-weight: bold;
        font-style: normal;
        font-size: 11px;
        }

.commentlist p {
        font-weight: normal;
        line-height: 1.5em;
        text-transform: none;
        margin:6px 0 3px 1px!important;
        }

.serendipity_commentForm {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
        font-weight: normal;
        }

h3.comments, #comments h3 {
        padding: 0;
        margin: 40px auto 20px;
        }

.serendipity_calendarDay {
    text-align: center;
}

.serendipity_commentsValue input, 
.serendipity_commentsValue select {
	width: 100%;
	padding: 2px;
	}

.serendipity_commentsValue textarea {
	width: 100%;
	padding: 2px;
	}

.serendipity_commentForm submit {
	margin: 0;
	float: right;
	}
.serendipity_commentForm {
	margin: 5px 0;
	}

.serendipity_commentsLabel {
    vertical-align:top;
    }

#serendipityQuickSearchTermField {
    width: 90%;
}

/* top bar navigation */

#navigation ul{
/* -- #050a0e (near black) #376d8a (aqua) #26526c (darker blue) #9abbe6 (hillary blue)  #7ca1da (darker hillary blue) #648cd0 (even darker HB) #4677cb (national hillary) #4d76c4 (blue sky)*/
padding: 0;
	margin: 0;
	background-color: #4d76c4;
	color: #ffffff;
	float: left;
	width: 100%;
	font-family: Verdana, helvetica, sans-serif;
	height:2em;
	line-height:2em;
	font-weight: normal;
	background-image:url(background_tile_blue.gif);
	text-transform:uppercase;
width:100%;
border-bottom:0px solid #ffffff;
border-left:0px;
border-right:0px;
border-top:0px solid #c0c0c0;
white-space:nowrap;
	
	
}


#navigation ul li{

display:inline;

}

#navigation ul li a{

padding:0.2em 1em;
font-size:.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
display:inline;
color: #ffffff;
background-color: #4d76c4;
border-right: 1px solid #ffffff;
}

* html #navigation a {width:1%;}


#navigation ul li a:hover {
	background-color:#0099FF;
	color: #ffffff;
}


/* footer */

.template_banner_bottom {
padding:0;
margin:0;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:9px;
	color:#CCCCCC;
	text-align: right;
	vertical-align: center;
	
	font-weight: normal;
	border-bottom:1px solid #0000FF;
	
	height:2em;
	line-height:2em;
	background-image: url(templates/plain-vanilla/images/footer.gif);
	
	
	}

	

.template_banner_bottom a:link,
.template_banner_bottom a:visited,
.template_banner_bottom a:active {
	color:#CCCCCC;
}

.template_banner_bottom a:hover {
	color:#0099FF;
	text-decoration: none;
}