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: #336699;
}



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: 800px;
           text-align: left;
           
           
           }

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

      #header {
          float:left;
          width:800px;
          text-align:left;
          background:#000;
          background-image:url('http://ianmacallen.com/siteimages/softshoulder.jpg');
          border-bottom: 5px solid #a955d3;
          }

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

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

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

     #navigate {
              
               
               }

     #navigate ul {
          float:left;
          width:100%;
          padding:0;
          margin:0;
          list-style-type:none;
          }

     #navigate a {
          float:left;
          width: 7em;
          text-decoration:none;
          color:#000;
          background-color:#fff;
          padding:1.8em 1.6em;
          border-left:1px solid #000;
          border-bottom: 0px;
          font-size: 11px;
          text-transform: lowercase;
          font-family: Arial, Arial, Helvetica, sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          }

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

     #navigate li {display:inline;
      }



     

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

     #container  {
        max-width:650px;
        float:left; 
     

        }

       /***********************************
       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: 100px;
        
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         border-left: #ccc 1px solid;
         }

      /***********************************
      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: 800px;
         text-align:center;
         background:#000;
         border-top: 8px #666 solid;
        
         }


.post    { 
          
         
          
          }   

.post h2 {
           font-family: "Helvetica Neue Black Condensed", Helvetica, Geneva, sans-serif;
           font-size: 36px;
           font-style: normal;
           text-transform: normal;
           letter-spacing: -2.5px;
           line-height: 1.2em;
           font-weight:bold;
           color: #000;
           margin: 0 0 5 0;
           border-bottom: 1px #ccc solid;
           padding: 5px;
           }  
.post a {
        color:#000; 
       }

     

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

     .entry p { padding-left:10px;
          padding-top:0px;
          font-family: Verdana, sans-serif;
          font-size: 13px;
          font-style: normal;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 165%;
          padding-right:10px;
          text-indent: 0em;
          }

    .entry blockquote p {
          border: 1px #ccc dashed;
          padding: 10px;
          margin: 10px;
          font-family: Verdana, sans-serif;
          font-size: 13px;
          font-style: italic;
          font-weight: normal;
          text-transform: none;
          letter-spacing: normal;
          line-height: 170%;
          text-indent: 0px;
         }
 
      .entry a {
               color: #000066;
      }

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

  .postmetadata  {
           background:#fff;
           color:#000;
           font-size: 10px;
           text-indent: 0px;
           font-weight: bold; 
           text-transform:uppercase;
           padding: 8px;
          border: 1px #ccc dashed;
    
           }
   .postmetadata a {
          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: #a955d3;
          
          }


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



      .sidebar h2 {
          color: #000;
          font-family: Helvetica;
          font-size: 14px;
          font-style: normal;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: -.6px;
          line-height: .8em;
          padding: 5px;
          border-top: 3px solid;
          border-bottom: 1px dotted;
          background: #a955d3;
         
      }

     .sidebar a {
        font-family: Verdana;
        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: Verdana, 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: verdana, sans-serif;
          font-size: 10px;
          text-transform: uppercase;
          padding: 10px;
          color: #a955d3;
         }

    #blogfooter a {
         color: #fff;
         }
 

 
/**********************************
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;
}