/*  
Theme Name: 20birds
Theme URI: http://20birds.net/design.htm
Description: 3-column Fluid Layout
Author: Tony Cain
Author URI: http://20birds.net

*/

  /*********** 20birds Cascading Style Sheet ***********/
  /*********** with thanks to Mr. Taylor: ***********/
  /*** http://matthewjamestaylor.com/blog/perfect-3-column.htm ***/

body {
          margin:0;
          padding:0;
          border:0;
          font: 90%  'Trebuchet MS', Arial, Verdana, Helvetica, Sans-serif;
          width:100%;
          background: #FFFFFF url('backleft.jpg') repeat-y fixed left top;

    }

 /*********** common display classes ***********/

  .tonydarkblue  {
          color: #003366; 
  }
  .tonylightblue  {
          color: #D7EFFF ;
  }
  
  
 /*********** link colours  ***********/
 a         {text-decoration:none; }
 a:link    {color:#003366; }
 a:visited {color:#003366;}
 a:hover   {color:white; background:#003366;}
 a:active  {color:white; background:black;}


 /*********** h1 h2 h3  ***********/

  h1,
  h2,
  h3  {
	color: #3E1F00;
}

  h1  {font-size: 140%;}
  h2  {font-size: 100%;}
  h3  {font-size: 95%;}

 /*********** header styles ***********/

  #header {
             clear:both;
             float:left;
             overflow:hidden;
       		 width:100%;
       		 height: 470px;
       		 	text-align: center;
}


 #header p,
 #header h1,
 #header h2 {
             margin:0;
            padding:.4em 2% .1em 2% ;
 }
 
 #menu {
	position: absolute;
	top: 435px;
	left: 50%;
	margin: 0 0 0 -445px;
	padding: 0 0px;
	width: 890px;
    overflow:hidden;

}
 
 
 #menu ul {
             font: 78% Sans-serif, Arial, Helvetica;
             clear:both;
             float:left;
             width:100%;
             margin:.7em 0 0 0%; /* was 2% */
             padding:0;
             list-style:none;
 }
 #menu ul li {
               display:inline;               
 }
 #menu ul li a {
                 font-weight:bold;
                 display:block;
                 float:left;
                 list-style:none;
                 padding: 0 .4em;
                 text-decoration:none;
                 margin-right:5px;
}


/****************** search form ******************/
.formcs {
             clear:both;
    position: absolute;
	top: 370px;
	left: 50%;
	margin: 0 0 0 -445px;
	padding: 0 0 0 612px;
	width: 890px;
    overflow:hidden;

}

#searchform {
                 margin:0px;
                 padding:0px;
}
#searchform label{
                 display:none;
}
#s {
                 border:0px;
                 padding:0px;}



#searchsubmit {
	border: 1px #FFFFFF solid;
	background: #000000;
	color: #FFFFFF;
                 font: bold 75% Arial, Sans-serif;
                 margin:0px;
                 padding:1px;
                 width:100px;
                 height:22px;
                 text-indent: 0px;
}


 /*********** column container ***********/

	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
 /* common column settings */

 .colright,
 .colmid,
 .colleft {
             float:left;
             width:100%;    /* width of page */
             position:relative;
 }
 .col1,
 .col2,
 .col3 {
             float:left;
             position:relative;
             padding:.5em 0 1em 0; /* no left and right padding on columns,*/
                                   /*we just make them narrower instead*/
                                   /* only padding top and bottom here,
                                   / make it whatever value you need */
             overflow:hidden;
 }

 /*********** 3 Column settings ***********/

 .threecol {
       /*      background:#f4f4f4;   right column background colour */
 }
 .threecol .colmid {
             right:25%;        /* width of the right column */
             background:#fff;  /* center column background colour */
 }
 .threecol .colleft {
             right:50%;           /* width of the middle column */
         /*    background:#fff url('backleft.jpg') 0 0 repeat-y;  left column background colour */

 }
 .threecol .col1 {
             width:46%;    /* width of center column content...*/
                           /*...(column width minus padding on either side)*/
             left:102%;    /* 100% plus left padding of center column */
             font-size: 108%;
 }
 .threecol .col2 {
             width:21%;    /* Width of left column content...*/
                           /*...(column width minus padding on either side) */
             left:31%;     /* width of (right column)...*/
                           /*...plus (center column left and right padding)...*/
                           /*...plus (left column left padding) */ 
            background:#fff url('backleft.jpg') 0 0 repeat-y fixed;  
 }
 .threecol .col3 {
             width:21%;    /* Width of right column content...*/
                           /*...(column width minus padding on either side) */
             left:85%;     /* Please make note of the brackets here:*/
                           /*...(100% - left column width) plus...*/
                           /*...(center column left and right padding)...*/
                           /*...plus (left column left and right padding)...*/
                           /*...plus (right column left padding) */
 }

/****************** block quote ******************/

blockquote {
	margin: 5px 20px 5px 35px;
	padding:5px 30px;
	background-color: #D7EFFF;
	font-weight: normal;
	font-style: italic;
	font-size: 110%;
	color: #666;
}


 /*********** Footer styles ***********/

#footer {
        clear:both;
        float:left;
        width:100%;
        color:white;
        background-color:#003366;       
    }
    #footer p {
        padding:10px;
        margin:0;
        text-align:center
    }

/****************** Alignment classes ******************/
.float-left   { float: left;}
.float-right  { float: right; }
.alignleft   { text-align: left; }
.alignright  { text-align: right; }
.aligncenter { text-align: center;	}
.alignjustify { text-align: justify; }

/****************** display classes ******************/
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.grey999 {color:#999;  font-size: 90%;  }

.navigation { 
text-align:center;
height:30px;
}


.postmetadata   {
	color:#999;
	padding:0 20 9 20;
	border-bottom:thick #D7EFFF solid;
	
}
.alt {
	background: #D7EFFF ;
	padding: 3px;

}

h5 {
	font-size:110%;
}


#commentlist { 
	font-size: 90%;
	color:#333;
}



#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:110%;
	color:#003366;

	
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:130%;
	color:#003366;
	}

#commentform #submit {
	margin: 0;
	float: right;
	font-size:100%;
	width:150px;

	}

.link {
	text-decoration:none;
	border:0px;
	margin:0 0 7px 0;
	}
	
	
	

.datewrap  {
	background: #FFFFFF  url('dateback.jpg') no-repeat  scroll center top ;
	float: right;
	height: 115px;
	width: 100px;
	color: #003366;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
}

.datemonth {
	color: black ;
	font-size: 120%;
}
.datetime {
	font-size: 170%;
	color: #663300;
}

.dateyear {
	font-size: 90%;
	color: black ;
}




#wp-calendar {
		color:#999;
	}

#wp-calendar caption {
	color:#003366;
	}

#wp-calendar th {
	color:#003366;
	font-style: normal;
	text-transform: capitalize;
	}


 #wp-calendar a         {text-decoration:none;}
 #wp-calendar a:link    {color:#003366;  }
 #wp-calendar a:visited {color:#003366;   }
 #wp-calendar a:hover   {color:white; background:#003366;}
 #wp-calendar a:active  {color:white; background:black;}


img {
	border:0px;
}