/*****
Theme Name: Payroll
Theme URI: http://www.payrollsolutions.info/blog/
Description: 
Version: v1.0
Author: RIAXE
Author URI: http://riaxe.com/
*****/

/*  ===== Reset & Commom  ===== */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
table,thead,tbody,tfoot,tr,th,td{border-collapse:collapse;vertical-align:top;text-align:left}
table{border-spacing:0}
.clear{clear:both}
.left{float:left;display:inline}
.right{float:right;display:inline}
body{font:11px/18px verdana, arial, sans-serif;background:#F2F2F2 url(images/bg.jpg) left top repeat-x;color:#333;}
input,textarea,select,option{font:normal 11px verdana, arial, sans-serif}
a,a:active,a:visited{color:#333;text-decoration:none}a:hover{text-decoration:underline;}
h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}

/*  ===== Main Structure  ===== */

  #out { width:990px; margin:0 auto; }
  
/*  ===== Top ===== */

  #phone { padding:20px 0; float:right; color:#D12C19; }

  #headerBanner { clear:both; height:202px; }
  
  #headerBanner .changeable { float:left; }
  
  #headerBanner .logo { float:right; width:281px; height:202px; background:url(images/logo.jpg) left top no-repeat; }
  
  #goHome { float:right; width:132px; height:49px; background:url(images/Home.jpg) left top no-repeat; text-indent:-9999px; }
  
 /*    =====  Main  ===== */
 
  #main { clear:both; overflow:hidden; padding:10px 0 0; }

/*  ===== Contents, Blog Posts etc  ===== */
  
  #contents { width:680px; float:right; padding:0 20px; }
  
  .post { padding:10px 0; border-bottom:1px solid #ccc; }
  
  .post a { text-decoration:underline; color:#0066CC; }
  
  .post a:hover { text-decoration:none; }
  
  .post h2 { font-size:18px; }
  
  .post h2 a { color:#333; text-decoration:none; }
  
  .post h2 a:hover { color:#0066CC; }
  
  .post .date { padding:5px 0 15px; }
  
  .post .meta { padding:10px 0; }
  
  .post p { padding:0 0 15px; }
  
/*  ===== Comments  ===== */

  #respond { padding:15px 0; }

  #respond h3, h3#comments { font-size:17px; padding:0 0 10px; }
  
  h3#comments { padding:10px 0; }
  
  ol.commentlist { }
  
  ol.commentlist li { margin:0 0 10px; }
  
  ol.commentlist .comment-author img { margin:0 5px 0 0; padding:2px; border:1px solid #ccc; }
  
  ol.commentlist .comment-author cite { font-weight:bold; font-style:normal; }
  
  #commentform { }
  
  #commentform p { padding:0 0 10px; }
  
  #commentform p input { padding:5px; vertical-align:middle; } 
  
  #commentform p label { padding:0 0 0 5px; }
  
  #commentform textarea { Padding:5px; }
  
  .page h2 { padding:0 0 10px; }
  
/*  ===== Sidebar ===== */

  #sidebar { float:left; width:220px; padding:10px 15px; background:url(images/sidebar.jpg) right top no-repeat; }
  
  #sidebar ul li.widget { margin:0 0 20px; }
  
  #sidebar ul li.widget h2.widgettitle { font-size:17px; color:#FF0000; font-weight:bold; font-family:arial; padding-bottom: 5px; }
  
/*  ===== Footer  ===== */
  
  #footer { height:39px; padding:20px 0 0; background:url(images/footer_bg.jpg) left top repeat-x; color:#D12C19; text-align:center; }