/**
  Theme Name: Bates|Hook
  Version: 1.0
  Author: This is Tim
  Author URI: http://www.thisistim.biz
  Licence: GPL
  
  Description: A theme developed exclusively for Bates | Hook.

*/

* { margin:0px;padding:0px;}

html, body{margin:0px; padding:0px;}

html {overflow-y: scroll;}

body{
	background: #fff;
	text-align:center;
	color:#333;
	font-family: arial, helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	margin:0 auto;
}

a { -moz-outline-style:none;}
a{color:#f19320; text-decoration:none;}
a:hover{color:#f19320; text-decoration:underline; cursor:pointer;}
a img{border:0;}

a, a:active, a:focus, input {outline: none;}
a.del{color:#333;}
p{margin:0px 0px 24px 0px;}

.last{margin-right:0px !important; padding-right:0px !important;}
.first{margin-left:0px !important; padding-left:0px !important;}

.clear{width:100%; height:0px; clear:both; font-size:0px; line-height:0px;}

div#container{position:relative; width:680px;margin:0px auto; padding:0px; text-align:center;}

div#header{float:left; width:680px; height:140px; margin:0px 0px 58px 0px; padding:0px; text-align:left; font-size:10px; line-height:10px;font-family:verdana,arial,helvetica, sans-serif;}

img#logo{float:left;width:162px;height:100px;margin:24px 0px 0px 0px;}

ul,ol{list-style-type:none;padding:0px;}

div#content{float:left;width:680px;margin:0px;text-align:left;}

div.pagecontent{float:left;width:680px;margin:0px;text-align:left;}
div.pagecontent.homepage p{margin:0px;}

div.flag{float:right;width:193px;margin:0px 0px 0px 35px;}
div.flag a.bnr{float:left;margin:0px 0px 20px 0px;}
div.flag a.bnr img{float:left;}

ul#social{width:448px;padding-top:18px;}
ul#social li{float:left;display:inline;width:112px;height:60px;}

div#feedhdr{float:left;width:680px;height:24px;padding:30px 0px 0px 0px;margin-top:36px;text-align:left;color:#666;font-size:10px;line-height:24px;background: url(im/perforation.gif) repeat-x top left;}
div#feedhdr em{float:left;padding:0px 12px 0px 8px;font-style:italic;}
div#feedhdr a.feedlink{float:left;color:#666;text-transform:uppercase;padding:0px 12px;}
div#feedhdr a.feedlink.act{padding-left:12px;background: url(im/arrow.gif) no-repeat 0px 9px;text-decoration:underline;font-weight:bold;}

div.feeditem{float:left;width:666px;margin:8px 0px 0px 0px;padding:12px 7px;background:#f6f6f6;}
div.feeditem img.icon{float:left;width:24px;height:24px;}
div.feeditem span.itemtext{float:right;width:634px;font-size:12px;line-height:16px;}
div.feeditem span.itemtext span.metainfo{font-size:11px;color:#9e9d9b;}

a#newer{float:left;font-size:10px;text-decoration:underline;color:#666;font-style:italic;}
a#older{float:right;font-size:10px;text-decoration:underline;color:#666;font-style:italic;}



#primaryContent {float:left;width:680px;padding:0px;margin:0px 0px 30px 0px;}

div#posts {float:left;width:680px;}
div.postWrapper {float:left;width:680px;}
div.topline {background: url(im/perforation.gif) repeat-x top left;padding-top:24px;}
div.title{float:left;width:520px;}
h1.postTitle, h2.postTitle {font-size: 22px;}
p.byline{float:left;width:520px;font-size:11px;color:#666;}
div.post {float:left;width:680px;}
p.postMeta {float:left;width:680px;font-size:11px;line-height:16px;}
a.addthis_button{float:right;width:125px;}

#commentform{float:left;clear:both;padding-top:20px;}
#commentform p{margin-bottom:6px;}
#commentlist{float:left;width:680px;}
#commentlist li{float:left;width: 680px;}
textarea,input{font-family:arial,helvetica,sans-serif;font-size:12px;line-height:16px;border:1px solid #999;padding:2px;}
h2#comments,h2#postcomment{float:left;width:680px;padding:30px 0px 00px 0px;background: url(im/perforation.gif) repeat-x top left}
#commentlist li{float:left;padding:12px 0px;}
img.avatar{float:left;margin:0px 12px 12px 0px;} 

#pagination {float:left;width:680px;list-style: none;margin:0px;padding:30px 0px 0px 0px;background: url(im/perforation.gif) repeat-x top left;}
#pagination li {display: inline;}
#pagination .previous {text-align: left;float: left;}
#pagination .future {text-align: right;float: right;}


#secondaryContent {float:left;width:680px;padding:30px 0px 30px 0px;background: url(im/perforation.gif) repeat-x top left;}
#secondaryContent ul {float:left;width:680px;list-style:none;margin:0;padding:0;}
#secondaryContent ul li {float:left;width:206px;margin:0px 30px 0px 0px;}
#secondaryContent ul li ul{float:left;width:206px;margin:0px;}
#secondaryContent ul li ul li{height:18px;margin:0px;}
#secondaryContent ul li ul li a{font-size:12px;line-height:18px;}

.widget_tag_cloud{margin-right:0px !important;}
.widget_tag_cloud a {padding-left: 5px;}

 
div#footer{float:left;width:680px;height:45px;padding:30px 0px 0px 0px;text-align:left;color:#666;font-size:10px;font-style:italic;background: url(im/perforation.gif) repeat-x top left;}



/* From original site */

#navBlocks {position:relative;float:right;width:440px; height:120px;}

#nb1, #nb2, #nb3, #nb4, #nb5, #nb6, #nb7 {position:absolute; top:-20px; height:140px;}

#nb1Act, #nb3Act, #nb5Act, #nb7Act {position:absolute; top:0; height:140px;}

#nb1, #nb1Act {background-color:#C6C8C9; width:98px; left:0;}

#nb2 {background-color:#BD7A24; width:40px; left:58px;}

#nb3, #nb3Act {background-color:#F19320; width:212px; left:58px;}

#nb4 {background-color:#7C7B27; width:104px; left:166px;}

#nb5, #nb5Act {background-color:#8ACBE4; width:220px; left:166px;}

#nb6 {background-color:#7BAE15; width:98px; left:288px;}

#nb7, #nb7Act {background-color:#EDDC19; width:150px; left:288px;}

#pn1, #pn2, #pn3, #pn4 {display:block; position:absolute; top:-20px; height:140px;}

#pn1 {width:58px; left:0;}

#pn2 {width:108px; left:58px;}

#pn3 {width:106px; left:164px;}

#pn4 {width:150px; left:288px;}

#firstNav1, #firstNav2, #firstNav3, #firstNav4 {position:absolute; bottom:4px;}

#firstNav1Act, #firstNav2Act, #firstNav3Act, #firstNav4Act {position:absolute; bottom:-16px;}

#firstNav1, #firstNav1Act {left:18px; z-index:2001;}
            
#firstNav2, #firstNav2Act {left:46px; z-index:2002;}
            
#firstNav3, #firstNav3Act {left:16px; z-index:2003;}
            
#firstNav4, #firstNav4Act {left:26px; z-index:2004;}

#firstNav1Act {color:#66696B;}

#firstNav2Act,#firstNav2Act a {color:#865E1C;text-decoration:none;}

#firstNav3Act, #firstNav3Act a {color:#206A86;text-decoration:none;}

#firstNav4Act {color:#726D0D;}

a:link.secondary, a:visited.secondary {text-decoration:none; color:#6D6F72;}

a:hover.secondary, a:active.secondary {color:#865E1C;}

a:link.primary, a:visited.primary {text-decoration:none; color:#FFFFFF;}

a:hover#pn1, a:active#pn1 {color:#66696B; width:11em;}

a:hover#pn2, a:active#pn2 {color:#865E1C; width:23.5em;}

a:hover#pn3, a:active#pn3 {color:#206A86; width:24.5em;}

a:hover#pn4, a:active#pn4 {color:#726D0D;}

a:link.copyLink, a:visited.copyLink {text-decoration:none; color:#F19320;}

a:hover.copyLink, a:active.copyLink {color:#865E1C;}

/* End Original */



/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}