body {
  margin:0;
  font-family: Helvetica, Arial, Sans-serif;
  vertical-align: top;
  color:#000;
  text-align:center;
  background: #fff;
  
  }


a:link, a:visited{
  text-decoration: none;
  color: #333;
}



a:hover{
  text-decoration: underline;
}


ul {
list-style-type: none;
}




      /***************************
      Sub-template page title formats
      ****************************/
     .titles {
           text-align:left;
           text-transform:uppercase;
           font-style: italic;
           border: 0px;
           font-size: 15px;
           margin-top: 10px;
           padding: 15px;
           background:#76c0dc;
           color:#000;
           }




      /***********************************
      Wrapper creates a division for the whole page to allow
      Internet Explorer to hold the page together properly
      ************************************/

      #wrapper {
           margin: 0 auto 0 auto;
           width: 960px;
           text-align: left;
           padding: 5px;
           padding-top: 0px;
           
           }

      /***********************************
      HEADER tag is for the header of the page
      ************************************/

      #header {
          float:left;
          width:960px;
          text-align:left;
       
         
         
          }


      #header h1 {
          color: #000;
          text-align: center;
          font-family: "Helvetica";
          font-weight: bold;
          letter-spacing: -1px;
          padding-top: 5px;
          padding-left: 5px;
          padding-bottom: 0px;
          margin-bottom: 0px;
          font-size: 56px;
          }

      #header h3 {
        font-family: Helvetica;
        font-size: 10px;
        font-style: normal;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        color:#000;
        text-align:center;
        padding: 10px;
      
      }
      #header a {
          color:#000;
      }
 

       /***********************************
      Horizontal "Pages" navigational bar
      ************************************/

  #navigate ul {
          float:left;
          width:100%;
          padding:0;
          margin:0;
          list-style-type:none;
background-color:#101010;
       border-top: 1px solid #505050;
         border-bottom: 1px solid #505050;
         border-right: 1px solid #505050;
        border-left: 1px solid #505050;
          }

     #navigate a {
          float:left;
          width: 10em;
          text-decoration:none;
          color:#fff;
          background-color:#101010;
           padding:1em .8em;
          border-right:1px solid #505050;
          border-bottom: 0px;
          font-size: 10px;
          text-transform: uppercase;
         font-family: Arial, Arial, Helvetica, sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          text-align:center;
          }

     #navigate a:hover {
          background-color:#cc1133; 
          color:#fff;
}

     #navigate li {display:inline;

      }



       

       /***********************************
       Container is the main panel of the page
      ************************************/

     #container  {
        max-width:640px;
        float:left;
        background-color: #fff;
       border: 2px #fff solid;

        }

       /***********************************
       Sidebar is the right panel of the screen
       Sidebar is a Class not IDentification
       Classes uses periods while IDs use pound signs
       IE adds extra spaces with the margin
       Display inline is for explorer to keep it on the correct side
      ************************************/

     .sidebar{
         float: left;
         width: 220px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
         border-left: #ccc 1px solid;
         background-color: #fff;
         }








      /***********************************
      Creates the page footer; the clear both term is again 
      for IE it detaches the division from other tags so that it 
      will be centered
      ************************************/

      #blogfooter {
    clear: both;
         float: left;
         width: 101%;
        color:#fff;
       font-weight:bold;
          background: #cc1133;
       
         }


.foot1
{
         float: left;
         width: 250px;
         
         margin: auto;
         display: inline;
         padding:20px;
         margin-left: 5px;
        text-align:left;
                  }


.foot2
{
         float: left;
         width: 250px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
        text-align:left;
               }

.foot3
{
         float: left;
         width: 250px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
        
                }

.foot4
{
         float: left;
         width: 960px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
       
     
         }




.post    { 
          
         
          
          }   

.post h2 {
           font-family: "Lucida Grande", sans-serif;
           font-size: 42px;
           font-style: normal;
           text-transform: normal;
           letter-spacing: -1.5px;
           line-height: 1.5em;
           font-weight:bold;
           color: #000;
           margin: 0 0 5 0;
           border-bottom: 1px #ccc solid;
           padding: 5px;
           }  
 
.post a {
        color:#333; 
       }

     

     /********************************************
     This is only the entry information, not the title nor meta data 
     *********************************************/ 


#container p {
padding-left:10px;
          padding-top:0px;
          font-size: 15px;
          font-style: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 185%;
          padding-right:10px;
          text-indent: 0em;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
}





     .entry p { padding-left:10px;
          padding-top:0px;
          font-size: 20px;
          font-style: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 185%;
          padding-right:10px;
          text-indent: 0em;
          font-family: "century gothic", sans-serif;
         
          }


    .entry blockquote p {
          background-image:url('http://www.ianmacallen.com/siteimages/quotes.gif');
background-repeat:no-repeat;
background-position:left top;
          padding: 10px;
          margin: 10px;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;          font-size: 13px;
          font-style: italic;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 170%;
          text-indent: 0px;
         }
 

    .entry h4 {
       padding-left:10px;
          padding-top:0px;
          font-size: 10px;
          font-weight: normal;
          font-style: normal;
         text-transform:uppercase;
          letter-spacing: normal;
          line-height: 165%;
          padding-right:10px;
          text-indent: 0em;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
            }



      .entry a {
               color: #333;

      }




      /***********************************
      Meta data is comments and author
      ************************************/




  .postmetadata  {
          background:#cccccc;
           color:#333333;
           font-size: 10px;
           text-indent: 0px;
           text-transform:uppercase;
           font-weight:normal;
           font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
           font-size: 10px;
           text-transform: uppercase;
           padding: 15px;
           }


   .postmetadata a {
          color: #666;
          }

  .postmetadata p {
          text-transform: uppercase;
          color: #666;
          }

  


      /***********************************
      A division only for the navigation between past and new posts
      ************************************/ 

     .navigationbetweenposts {
          background:#fff;
          padding: 10px;
          text-transform: uppercase;
          font-size: 10px;
     
          
          }

    .navigationbetweenposts a {
          color:#000;
          border: 1px solid #000;
          padding: 14px;
          
          }

         .navigationbetweenposts a:hover {
          color:#fff;
          border: 1px solid #666;
          padding: 14px;
          background: #ffff33;
          
          }


      
      .sidebar ul {
         list-style-type: none;
         padding: 0;
         margin-left: 0;
       
      }



      .sidebar h2 {

          color:#fff;
          background-color:#cc1133;
           padding:1em .8em;
           font-size: 10px;
          text-transform: uppercase;
         font-family: Arial, Arial, Helvetica, sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          text-align:center;
    font-family: Helvetica;


      
          
         
      }

     .sidebar a {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
         font-size: 10px;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
        letter-spacing: -.25px;
        line-height: 1.2em;
        color:#000;
     }


      .sidebar li {
      line-height: normal;
      margin-bottom: 8px; 
            
      }

     .sidebar p { padding-left:10px;
          padding-top:0px;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;          font-size: 13px;
          font-style: normal;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 165%;
          padding-right:10px;
          }          


     /**************************
     Footer Tags for copyright information
     ***************************/

     #blogfooter  p {
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
          font-size: 10px;
          text-transform: uppercase;
          padding: 10px;
          color: #fff;
         }

    #blogfooter a {
         color: #fff;
         }
 






   /**************************
     Footer Tags for copyright information
     ***************************/

   


#blogfooter h2 {

        	
           	padding:.5em .8em;
           	font-size: 12px;
          	text-transform: uppercase;
         	font-family: Arial, Arial, Helvetica, sans-serif;
          	font-weight: none;
         	letter-spacing: 0px;
          	
    		font-family: Helvetica;

         
      }




#blogfooter a {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
         font-size: 10px;
        font-style: normal;
        font-weight: none;
        text-transform: uppercase;
        letter-spacing: -.25px;
        line-height: 1.2em;
        color:#fff;
     }




#blogfooter li {
      line-height: normal;
      margin-bottom: 8px; 
            
      }

#blogfooter p { padding-left:10px;
          padding-top:0px;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;     
	  font-size: 13px;
          font-style: normal;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 165%;
          padding-right:10px;
          }          













   /**************************
     CURRENTLY USING FOOT1 FOR ALL SITE META DATA
     ***************************/





 .foot1 h2 {

        padding:.5em .8em;
        background-color:#cc1133;
        padding:6em .8em;
        font-size: 13px;
        text-transform: uppercase;
        font-family: Arial, Arial, Helvetica, sans-serif;
        font-weight: none;
        letter-spacing: 0px;
        text-align: left;
   	font-family: Helvetica;
 	color: #fff;
      }



     .foot1 a {
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
         font-size: 10px;
        font-style: normal;
   font-weight: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        line-height: 1.2em;
        color:#fff;
     }


      .foot1 li {
      line-height: normal;
      margin-bottom: 8px; 

  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
         font-size: 10px;
        font-style: normal;
        font-weight: none;
        text-transform: uppercase;
        letter-spacing: .25px;
        line-height: 1.2em;
        color:#fff;
            
      }




     .foot1 p { padding-left:10px;
          padding-top:0px;
          font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;          font-size: 13px;
          font-style: normal;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 165%;
          padding-right:10px;
          }          




































 
/**********************************
COMMENTS CSS
***********************************/
   
.comments-template{
  margin: 10px 0 0;
  border-top: 1px solid #ccc;
  padding: 10px 0 0;
}

.comments-template ol{
  margin: 0;
  padding: 0 0 15px;
  list-style: none;
}

.comments-template ol li{
  margin: 10px 0 0;
  line-height: 18px;
  padding: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
  font-family: Helvetica;
  font-size: 14px;
        font-weight: bold;
        text-transform:uppercase;
}

.commentmetadata{
  font-size: 12px;
}

.comments-template p.nocomments{
  padding: 0;
}

.comments-template textarea{
  font-family: Arial, Helvetica, Georgia, Sans-serif;
  font-size: 12px;
}