/*
Theme Name: Brand New Monkey
Description: Brand New Monkey
Version: 1.00
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Tags: three-columns, fixed-width, left-sidebar
*/

html, body{ margin:0px 0px 20px 0px; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #CCCCCC;} 

#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:926px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat; padding: 32px 17px 0px 17px;} 

#header{ position:relative; height:120px; width:926px;background:url(img/header.jpg) top center no-repeat; display:block;overflow:hidden; }
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:380px; height:60px;  overflow:hidden;}
#header h1 a{display:block;width:380px;height:60px;}
#header h1 a:hover{display:block;width:380px;height:60px;}
#header h1 span{display:none;}

#searchcontainer{width:546px; height: 35px; display:block; float:left; padding: 15px 0px 10px 0px; clear:right; overflow:hidden;}
#search{float:left; margin: 0px 0px 0px 0px; height:35px; width: 300px; overflow:hidden;}
div.searchfield{padding: 0px 6px 0px 15px; width: 153px;height: 34px; overflow:hidden; border:0px; color:#000000; float:left;   background: url(img/search_field.gif) no-repeat;outline: none;  margin: 0px; }
.searchtext{background: url(img/search_trans.gif); border:0px; color:#000000; font-size:14px; font-family:arial; font-weight:bold; padding: 9px 10px 0px 0px; width: 143px; overflow:hidden;}
input.searchsubmit { float:right; clear:right; width: 115px;height: 35px;background: url(img/search_button.gif) no-repeat;outline: none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#header2{width:926px; height: 60px;  display:block; float:left; clear:both;overflow:hidden;}

#tabs { display:block; line-height:normal; margin: 0px 0px 0px 0px; width:235px; height: 26px; float:left; padding: 33px 0px 1px 265px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: arial; font-size: 14px; font-weight:bold; text-transform:uppercase;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 0px 0px 2px; padding:0 0 0 15px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:5px 15px 6px 0px; color: #000000; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #000000; }
#tabs a:hover { background-position:0% -42px; color: #FF6600; }
#tabs a:hover span { background-position:100% -42px; color: #FF6600; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}

#icons{width:228px; float:right; display:block; height:37px; padding: 19px 8px 3px 0px; }


#i001{ position:relative; height:37px; width:37px; float:left; margin:0px 0px 0px 0px;} 
#i001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:37px; }
#i001 h5 a{display:block;width:37px;height:37px;background:url(img/i001.jpg) top left no-repeat;}
#i001 h5 a:hover{display:block;width:37px;height:37px;background-position:-37px 0px;}
#i001 h5 span{display:none;} 

#i002{ position:relative; height:37px; width:38px; float:left;margin:0px 0px 0px 0px;} 
#i002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:38px; }
#i002 h5 a{display:block;width:38px;height:37px;background:url(img/i002.jpg) top left no-repeat;}
#i002 h5 a:hover{display:block;width:38px;height:37px;background-position:-38px 0px;}
#i002 h5 span{display:none;} 


#i003{ position:relative; height:37px; width:38px; float:left;margin:0px 0px 0px 0px;} 
#i003 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:38px; }
#i003 h5 a{display:block;width:38px;height:37px;background:url(img/i003.jpg) top left no-repeat;}
#i003 h5 a:hover{display:block;width:38px;height:37px;background-position:-38px 0px;}
#i003 h5 span{display:none;} 

#i004{ position:relative; height:37px; width:39px; float:left; margin:0px 0px 0px 0px;} 
#i004 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:39px; }
#i004 h5 a{display:block;width:39px;height:37px;background:url(img/i004.jpg) top left no-repeat;}
#i004 h5 a:hover{display:block;width:39px;height:37px;background-position:-39px 0px;}
#i004 h5 span{display:none;} 

#i005{ position:relative; height:37px; width:37px; float:left; margin:0px 0px 0px 0px;} 
#i005 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:37px; }
#i005 h5 a{display:block;width:37px;height:37px;background:url(img/i005.jpg) top left no-repeat;}
#i005 h5 a:hover{display:block;width:37px;height:37px;background-position:-37px 0px;}
#i005 h5 span{display:none;} 

#i006{ position:relative; height:37px; width:39px; float:left; margin:0px 0px 0px 0px;} 
#i006 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:39px; }
#i006 h5 a{display:block;width:39px;height:37px;background:url(img/i006.jpg) top left no-repeat;}
#i006 h5 a:hover{display:block;width:39px;height:37px;background-position:-39px 0px;}
#i006 h5 span{display:none;} 

 
#leftcol{ width:185px;  float:left;  position:relative;  padding: 2px 2px 0px 0px; }
#leftcol img{ width:185px;  float:left;  padding: 0px 0px 2px 0px; border:0px;}
 
#twocols{ width:739px;  float:right;  position:relative;  }
 
#rightcol{ width:182px;  float:right;  position:relative;  }



#rightcol ul {list-style: none; clear:left; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;list-style: none; width:182px;}
#rightcol ul li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:verdana; color:#FF3300;  font-size:11px; text-decoration:none; }
#rightcol ul li a{ width: 167px; display: block; padding: 10px 5px 0px 10px;  text-decoration:none; color:#FF3300;margin: 0px 0px 0px 0px; vertical-align: bottom;}
#rightcol ul li a:hover{ text-decoration:none; color:#000000; }


#h001{ position:relative; height:38px; width:180px; float:left; margin:2px 0px 0px 2px; clear:both;} 
#h001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:180px; height:38px;display:block;background:url(img/h001.gif) top left no-repeat;}
#h001 h5 span{display:none;} 

#h002{ position:relative; height:38px; width:180px; float:left; margin:2px 0px 0px 2px;clear:both;}
#h002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:180px; height:38px;display:block;background:url(img/h002.gif) top left no-repeat;}
#h002 h5 span{display:none;} 

#h003{ position:relative; height:38px; width:180px; float:left; margin:2px 0px 0px 2px;clear:both;} 
#h003 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:180px; height:38px;display:block;background:url(img/h003.gif) top left no-repeat;}
#h003 h5 span{display:none;} 

#h004{ position:relative; height:38px; width:180px; float:left; margin:2px 0px 0px 2px;clear:both;}
#h004 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:180px; height:38px;display:block;background:url(img/h004.gif) top left no-repeat;}
#h004 h5 span{display:none;} 



#maincol{ float: left;  display:inline;  position: relative;  width:507px;  padding:25px;overflow-x:hidden; color:#333333; font-size: 13px; font-family:verdana; }
#maincol h1 {font-family:arial; font-weight:bold; font-size:20px;  text-transform:uppercase; margin:0px; padding:0px; clear:left;}
#maincol h1 a{text-decoration:none; color:#000000;}
#maincol h1 a:hover{text-decoration:none; color:#000000;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.9em;}
#maincol a{ color:#FF3300;  }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.9em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.9em;} 



.headerbar{height:23px; width:471px; margin: 0px auto 0px auto; display:block; background:url(img/divider.gif) bottom center no-repeat;}
.headerh1{float:left; width: 320px;}
.headerh1 h1{float:left; font-family:arial; font-weight:bold; font-size:20px;  text-transform:uppercase; margin:0px; padding:0px;}
.headerh1 h1 a{text-decoration:none; color:#000000;}
.headerh1 h1 a:hover{text-decoration:none; color:#000000;}
.headerdate{float:right; text-align:right; width: 150px; color:#FF3300; font-size:11px; font-weight:bold; font-family:verdana; padding: 8px 0px 0px 0px;}

.post{width: 500px; overflow-x:hidden; margin: 10px auto 10px auto;}
.post p{margin: 5px 0px 5px 20px;}

.footerbar{height:22px; width:471px; margin: 0px auto 0px auto; padding: 8px 0px 0px 0px; display:block; background:url(img/divider.gif) top center no-repeat; color:#FF3300; font-size:11px; font-weight:bold; font-family:verdana;}
 
.footerbar a{color:#FF3300; font-size:11px; font-weight:bold; font-family:verdana;}
.footerbar a:hover{color:#000000; font-size:11px; font-weight:bold; font-family:verdana; text-decoration:none;}

#footer{ height:63px; width: 78px; background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto; padding: 0px 20px 0px 862px;} 
 

#r001{ position:relative; height:37px; width:39px; float:left; margin:0px 0px 0px 0px;} 
#r001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:39px; }
#r001 h5 a{display:block;width:39px;height:37px;background:url(img/rss.jpg) top left no-repeat;}
#r001 h5 a:hover{display:block;width:39px;height:37px;background-position:-39px 0px;}
#r001 h5 span{display:none;} 

#r002{ position:relative; height:37px; width:39px; float:left;margin:0px 0px 0px 0px;} 
#r002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:39px; }
#r002 h5 a{display:block;width:39px;height:37px;background:url(img/rss2.jpg) top left no-repeat;}
#r002 h5 a:hover{display:block;width:39px;height:37px;background-position:-39px 0px;}
#r002 h5 span{display:none;} 

 
.clearfix:after { content: ".";  display: block; height: 0;  clear: both;  visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}








#recentcomments {list-style: none; clear:left; }
ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-family: arial;  vertical-align: bottom;padding: 6px 5px 3px 26px; font-size: 14px; text-decoration:none; font-weight:bold;width: 149px;display: block; background:url(img/menu_li.gif) top left no-repeat; }
ul#recentcomments li a{  text-decoration:none; color:#FF0099; background:url(img/search_trans.gif);}
ul#recentcomments li a:hover{ background-repeat: no-repeat; background:url(img/search_trans.gif); text-decoration:none; color:#000000; }






.navigation {font-family:verdana; font-size:12px; color:#000000;}
.navigation a { color:#FF0099; background:url(img/underline.gif) top left;text-decoration:none;}
.navigation a:hover{ color:#000000; text-decoration:none; background:url(img/underline.gif) top left; background-position: 0px -50px ;}
.prevlink{margin: 0px 6px 0px 0px;}
.nextlink{margin: 0px 0px 0px 6px;}

blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}



#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}




img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


