body {
  margin:0;
  font-family: Helvetica, Arial, Sans-serif;
  vertical-align: top;
  color:#000;
  text-align:center;
  background: #fff;
       background-image: url('http://englishkillsreview.com/siteimages/bluebg.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
  }


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



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: 980px;
           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:#0066cc;
       border-top: 0 px solid #0099ff;
         border-bottom: 0px solid #0099ff;
         border-right: 0px solid #fff;
        border-left: 0px solid #fff;
          }

     #navigate a {
          float:left;
          width: 10em;
          text-decoration:none;
          color:#fff;
          background-color:#0066cc;
           padding:1em .8em;
          border-right:0px 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:#0099ff; 
          color:#fff;
}

     #navigate li {display:inline;

      }



       

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

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

margin:15px;
        }

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

     .base {
         float: left;
         width: 990px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
background: #fff;

border-bottom: #0066cc 1px solid;
         }


     .sidebar{
         float: left;
         width: 300px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
background: #fff;


         }

     .sidebar2 {
         float: left;
         width: 300px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
         border-left: #666  1px solid;
  background: #fff;

         }


     .sidebar3 {
         float: left;
         width: 300px;
         
         margin: 5px 0 0 10px;
         display: inline;
         padding:10px;
         margin-left: 5px;
         border-left: #666  1px solid;
      background: #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
      ************************************/

.tumblrclass {

background-color: #F0F0F0;
padding:0px;
}


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


.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-size: 44px;
           font-family: "century gothic", sans-serif;
	font-weight: 300;
	line-height: 1.0909090909;
	margin: 25px;
font-weight: bold;
}




.post h3 {
                      font-family: "century gothic", sans-serif;
           font-size: 14px;
           font-style: normal;
           text-transform: uppercase;
           letter-spacing: -1.2px;
           line-height: .8em;
           font-weight:normal;
           color: #000;
           margin: 0 0 5 0;
           border-bottom: 0px #ccc solid;
           padding: 5px;
           }  


.post h4 {
                      font-family: "century gothic", sans-serif;
           font-size: 14px;
           font-style: normal;
           text-transform: uppercase;
           letter-spacing: -1.5px;
           line-height: .8em;
           font-weight: normal;
           color: #808080;
           margin: 0 0 5 0;
 
           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;
background: #fff;

}





     .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: #76bbe7;

      }




      /***********************************
      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: #76bbe7;
          }

  .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:#76bbe7;
          border: 1px solid #000;
          padding: 14px;
          
          }

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


   .base p { color: #666;

}

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


      .sidebar h2 {



          
      }


     .sidebar h3 {


          
      }

     .sidebar a {

     }


      .sidebar li {

            
      }

     .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
     ***************************/

   
#info h2 {
   font-size: 33px;
           font-family: "century gothic", sans-serif;
	margin-bottom: 12px;
	margin: 0 0 12px 0;
color: #000;

}

#info h3 {
   font-size: 24px;
           font-family: "century gothic", sans-serif;
	margin-bottom: 7px;
	margin: 0 0 12px 0;
color: #000;
text-transform:capitalize;

}

#info h4 {
   font-size: 18px;
           font-family: "century gothic", sans-serif;
	font-weight: 300;
	line-height: 1.0909090909;
	margin-bottom: 7px;
	margin: 0 0 12px 0;
color: #000;
text-transform:uppercase;
border-bottom: 0px solid #76bbe7;
}

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


.tumblrclass h2 {
          color:#fff;
    
           padding:1em .8em;
           font-size: 22px;
     background-color: #3399FF;
        font-family: "century gothic", sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          text-align:center;
         text-transform: uppercase;

}

.tumblrclass h3 {
          color:#000;
    
           padding:1em .8em;
           font-size: 14px;

        font-family: "century gothic", sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          text-align:center;
         text-transform: uppercase;

}

.tumblrclass 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;
}

.tumblrclass a {
          color:#3399FF;

}



.tumblr_post h3 {
          color:#000;
    
           padding:1em .8em;
           font-size: 15px;
     
        font-family: "century gothic", sans-serif;
          font-weight: bold;
          letter-spacing: 0px;
          text-align:center;

}

.tumblr_post 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;

}

.tumblr_post li {
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;

}


.tumblr_post img {
max-width:200px;
}






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





 .foot1 h2 {

        padding:.5em .8em;
       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;
}