/*  
Theme Name: Kelabu (Gray) 
Theme URI: http://www.blogohblog.com/
Description: Kelabu? Kelabu is Gray :) This theme was designed and built by Bob of <a href="http://www.blogohblog.com/">Blog Oh Blog</a> based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>. I love to hear of my work being used :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my Bob link under your footer.
Version: 
Author: Bob 
Author URI: http://www.blogohblog.com/
*/

body {font-size:10pt; font-family:Arial, Verdana, Helvetica, sans-serif; background:#c1ae57 url(http://www.huddlestoninc.com/images/bg.jpg) repeat-x; color:#333; margin:0px;}
a:link { text-decoration: none; color : #c2af58; border: none;}
a:active { text-decoration: none; color : #c2af58; border: none;}
a:visited { text-decoration: none; color : #c2af58; border: none;}
a:hover	{ text-decoration: none; color : #d9c36a; border: none; } 

h2 {font-size:12pt; color:#c2af58}

.clear {clear:both; }

.widgettitle {color:#c2af58}

#wrap {margin:0px auto; width:955px; }

#header {height:87px; background:url(http://www.huddlestoninc.com/images/header_bg.jpg) no-repeat; }

#home {background:#fff url(http://www.huddlestoninc.com/images/bg-container.gif) repeat-y;}

#top2 {height:32px; background:url(http://www.huddlestoninc.com/images/top_bg.gif) no-repeat; }
#logo { float: left; }

input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc url(images/s.gif) no-repeat right; margin-top: 2px;}

#left { margin:0; float: left; width: 192px;}
#left ul { list-style-type: none; margin: 0 ; padding:5px}
#left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#left ul li ul { list-style-type: square; margin: 0px; padding: 0 3px; }
#left ul li ul li { list-style-type:none; padding: 0px 0px 2px 5px; border: 0; margin: 0;  }

#left a {color:#eee; }
#left a:hover {color:#d9c36a}

#right { float: right; width: 763px; }


.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.post {padding-left:25px; padding-right:25px;}
.postmetadata { background:#f8fbfc url(images/posmeta.gif) repeat; font-size:10px; padding:5px; border-bottom:#666 1px solid; border-top:#666 1px solid; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments {padding-left:25px;}
.comments h3 { font-size: 14px; padding: 3px 25px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.bobcomment { margin-bottom:3px;  padding:25px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px 25px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: left; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; }
#wp-calendar #next a { padding-right: 10px; text-align: left; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: left; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #ccc; }


#footer { font-size: 11px; color: #000; text-align:center; clear:both; }
#footer p { }
#footer a:link { text-decoration: none; color : #99cc00; border: none;}
#footer a:active { text-decoration: none; color : #99cc00; border: none;}
#footer a:visited { text-decoration: none; color : #99cc00; border: none;}
#footer a:hover	{ text-decoration: none; color : #fff; border: none; } 

#topnav {float:right; }
#topnav ul {position:relative; }
#topnav li {display:inline; list-style-type:none; padding:0 4px 4px 4px; }
#topnav a {font:8pt arial; font-weight:bold; color:#1e4d00;}
#topnav a:hover {color:#739063; text-decoration:underline;}

#nav {float:right; width:800px; }
#nav ul {position:relative; top:32px; }
#nav li {list-style-type:none; display:inline; padding:4px 5px 0 5px; }
#nav a {font:9pt arial; font-weight:bold; color:#333;}
#nav a:hover {color:#666;}

#navcontainer_sub { width: 192; position:relative;}
#navcontainer_sub ul {margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
#navcontainer_sub li {margin:0; padding:0 ;}
#navcontainer_sub a {display: block;padding: 4px 8px 4px 8px;width: 176px; background-color: #3b4f76;font-size:8pt; color:#fff;}
#navcontainer_sub a:link, #navlist_sub a:visited{color: #fff;text-decoration: none;}
#navcontainer_sub a:hover {background-color: #31456b;}