/*
Theme Name: Huis-Huis 2
Theme URI: 
Description: "Huis-Huis" is a clean & simple three-colomn WordPress theme with a one colomn front page for lug-it.co.za. Supports tags, gravatars, widgets and other useful features. Table layout for colomns puts post contents as high up in the markup as possible. Valid CSS & HTML. Designed by nafi ;)
Version: 1.0
Author: nafi
Author URI: 
Tags: white, grey, black, blue, light, minimalist, three-column, variable-width, widgets, gravatars, front page
*/

html, body { height: 100%; }
body { text-align: center; }
textarea, input { font-size: 13px !important; font-family: Arial, "Times New Roman", Times, serif; color: #000; line-height: 125%;}
table { border-collapse: collapse; }
html, body, h1, h2, h3, h4, h5 ,h6, body, form, ul, li, th, td { margin: 0; padding: 0; }
img { border: 0 none; padding: 0; margin: 0; }
map { display: none; }
object, form { display: block; }	
h1, h2, h3, h4, h5 ,h6 { letter-spacing: normal; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }
h4 { font-size: 15px; font-weight: bold; }
hr { display: none; }
* { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 200%; color: #010101; }
a { color: #C22; }
a: hover { color: #F00; /* #D72B32; */ }
a: visited  { color: #FFCC00; }

.clr { clear:both; height:1px; overflow:hidden; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.block { display:block; }
.blank { height: 1px; }
.hilite { color: #900; }

.button { font-size: 13px; line-height: 100%; width: 55px; height: 20px; font-weight: bold; border: 2px solid #E9EAEA; background: #FFF; cursor: pointer; width: 75px; }
.textfield { border: 1px solid #E9EAEA; width: 225px; padding-left: 5px; margin: 0 15px 0 0; line-height: 110%; }

.main { margin: 0 auto; padding: 30px; text-align: left; }

.topmenu { list-style: none; padding: 0; margin: 0; height: 30px; border-left: 1px solid #E9EAEA; border-bottom: 1px solid #E9EAEA; display: block; }
.topmenu li { padding: 0; margin: 0; float: left; display: block; height: 29px; line-height: 100%; background: #F9DDDD; border-top: 1px solid #E9EAEA; border-right: 1px solid #595A5A; }
.topmenu li a { padding: 0 15px ; margin: 0; text-decoration: none; }
.topmenu li a:hover { text-decoration: underline; }
.topmenu li.current_page_item { background: #C30D28; border-bottom: 1px solid #C30D28 }
.topmenu li.current_page_item a { color: #010101; font-weight: bold; }
.topmenu li.current_page_item a:hover { text-decoration: none; }

.header { border: 1px solid #E9EAEA; border-top: none; line-height: 100%; padding: 40px 20px 10px 20px; background:url(img/hhheader.gif) #C30D28 no-repeat; }
.header * { line-height: 100%; }
.header .logo { font-size: 56px; font-weight: normal; color: #010101 !important; text-decoration: none !important; }
.header .slogan { font-weight: normal; font-size: 25px; margin: 0 5px; }
.header .fr { padding: 60px 0 0 0; }
.header .button { color:  #C30D28; border: 2px solid #E9EAEA; background: #F9DDDD; };
.header a, a:hover, a:visited { text-decoration: none; }

.meat { border-left: 1px solid #E9EAEA; border-right: 1px solid #E9EAEA; }

.sidebar { width: 130px; padding:20px 5px 0 5px; line-height:100%; }
.sidebar h3 { font-size: 15px; font-weight: bold; }
.sidebar div { list-style-type: none; margin-bottom: 20px; }
.sidebar div ul { list-style-type: none; }
.sidebar div ul li { padding-bottom: 0px; }

.widget_categories li, .widget_archive li { font-size: 11px; color: #999999; }
.widget_categories li { padding:0 0 0 20px; background:url(img/folder.gif) 0 9px no-repeat; }
.widget_archive li { padding:0 0 0 20px; background:url(img/archive.gif) 0 5px no-repeat; }
.widget_links li { padding:0 0 0 20px; background:url(img/link.gif) 0 6px no-repeat; }
.widget_meta li { padding:0 0 0 20px; background:url(img/meta.gif) 0 6px no-repeat; }
.widget_pages li { padding:0 0 0 20px; background:url(img/page.gif) 0 6px no-repeat; }
.widget_recent_entries li { padding:0 0 0 20px; background:url(img/two-pages.gif) 0 6px no-repeat; }
.widget_recent_comments li { padding:0 0 0 20px; background:url(img/comment.gif) 0 8px no-repeat; }
.widget_ccst_popular li, .widget_ccst_recent li, .widget_ccst_related li { padding:0 0 0 20px; background:url(img/search.gif) 0 6px no-repeat; }
.widget_rss li { padding:0 0 0 20px; background:url(img/rss-bullet.gif) 0 6px no-repeat; }
.widget_tag_cloud a { line-height: 100%; }
#wp-calendar caption { padding-bottom: 0px; }
#wp-calendar th { padding-top: 5px; }
#wp-calendar td { padding-right: 7px; line-height: 150%; }
#wp-calendar tbody td a { padding: 2px; background-color: #e9eaea;/*#daf2fc*/ }

.content { padding: 10px; border-left: 1px solid #E9EAEA; border-right: 1px solid #E9EAEA; }
#pagetitle u { font-size: 24px; }
.item { padding:0; margin:0; list-style:none; display:block; }
.item .navigation { margin-bottom: 0; }
.item li { margin-bottom: 24px; }
.item li ul, .item li ol, .item p, .item code, .item blockquote { margin: 0 0 15px 0; padding: 0; }
.item li ul, .item li ol { margin-left: 15px; list-style-position: inside; }
.item li li { margin: 0; }
.item li ul li { list-style-type: disc; }
.item li ol li { list-style-type: decimal; }
.item span .no { font-size:11px; font-weight:normal; color:#999999; text-decoration:none; border-left:5px solid #FFF; }
.item h1 { font-size: 24px; }
.item h1 a: hover { color: #900; }
.item h1 a: visited { color: #900; }
.item h2 { font-size: 22px; }
.item h3 { font-size: 20px; }
.item h4 { font-size: 18px; }
.item h5 { font-size: 16px; }			
.item h5 { font-size: 14px; }			
.item .shadow { font-size: 24px !important; line-height: 24px !important; color: #C22; position: relative; top: 26px; left: 2px; z-index: 5; }
.item .heading { font-size: 24px !important; line-height: 24px !important; color: #000; z-index: 0; }
.item .shadow a { font-size: 24px !important; line-height: 24px !important; text-decoration: none; }
.item p { text-align: justify; }
.item img { padding: 5px; }
.item img .centered, .item .aligncenter, .item div .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.item img .alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
.item img .alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.item .comment .rss { padding: 0; margin: 0; display: inline; }
.item .alignright { float: right; }
.item .alignleft { float: left; }
.item .wp-caption p { text-align: center; }
.item .wp-caption-text { color: #C9CACA; }
.item .edit, .com .edit { margin: 0; padding: 0 0 0 21px; background: url(img/edit.gif) no-repeat; }
.item blockquote { display: block; padding: 0 15px; margin: 15px; font-style: italic; border-left: 2px solid  #f3f3f3; }
.item blockquote p { color: #666666; }
.item code, .item pre { display: block; padding: 7px 15px; margin: 15px; clear: both; font-family: monospace; color: #666666; border: 2px solid #f3f3f3; }
.item .photo { border: 1px solid #E9EAEA; width: 334px; margin: 0 20px 0 0; }
.item .photo div { font-size: 11px; padding: 5px; }
label.author { padding: 0 0 0 21px; background:url(img/person.gif) 0 0 no-repeat; }
label.email { padding: 0 0 0 21px; background:url(img/email.gif) 0 0 no-repeat; }
label.website { padding: 0 0 0 21px; background:url(img/link.gif) 0 0 no-repeat; }
.clock { padding-left: 20px; margin-right:20px; background:url(img/clock.gif) 0 center no-repeat; color: #C9CACA; }
.person { padding-left: 20px; margin-right:20px; background:url(img/person.gif) 0 center no-repeat; color: #C9CACA; }
.comment { padding-left: 20px; margin-right:20px; background:url(img/comment.gif) 0 center no-repeat; }
.tag { padding-left: 20px; margin-right:20px; background:url(img/tag.gif) 0 1px no-repeat; }
.folder { padding-left: 20px; margin-right:20px; background:url(img/folder.gif) 0 center no-repeat; }

.searches ul { list-style: none; }
.searches ul li { padding-left: 20px; margin-right:20px; background:url(img/search.gif) no-repeat; display: inline; }

.com-header { padding-bottom: 15px; border-bottom: 1px solid #e9eaea; margin: 0; }
.com-header img { display: block; float: left; }
.com-header .tp { display: block; margin: 0 0 0 63px; padding: 0; text-align: left; }
div.com { margin-bottom: 30px; }
.com blockquote p { border: 1px solid #e9eaea; padding: 0.5em 0.75em; margin-bottom: 10px; color: #666666; }
.com code { margin: 0; padding: 0.5em 0.75em; display: block; color: #666666; font-family: monospace; font-size: 12px; border: 1px dashed #e9eaea; clear: both; } *
.com blockquote { display:block; padding: 0 15px; margin:0 0 0 7px; font-style:italic; border-left:2px solid  #f3f3f3; }
.com blockquote p { color: #666666; }
.com code, .com pre { display:block; padding:7px 15px; margin:0; clear: both; font-family: monospace; color: #666666; border: 1px solid #f3f3f3; }
.com { margin-bottom: 20px; }
#commentform p { margin-bottom: 5px; }
#commentform p label { margin-left: 5px; }
.alt { padding: 5px; margin: 0; background: #F9F9F9; }
.officialcomment { padding: 5px; margin: 0; background: #FFEFEF; }
.com ol { list-style: none; margin: 0; padding: 0; }
.com ol li { border: 1px solid #e9eaea; padding: 15px 15px 0 15px; margin: 0 0 15px 0; }
.tp span, .tp span a { font-weight: bold; display: block; line-height: 150%; }

.footer { height: 110px; padding: 5px; margin: 0; border: 1px solid #E9EAEA; text-align: center; background: url(img/hhfooter.gif) #FFF 30px 0px repeat; }
.footer h3 { display: none; }
.footer ul { list-style: none; display: block; }
.footer ul li { padding:5px 10px 5px 20px; margin: 0px; display: inline; }
.footer .rss { padding: 0 0 0 20px; background: url(img/rss.gif) no-repeat; }
.footer .login, .login { padding: 0 0 0 20px; background: url(img/key.gif) no-repeat; }
.footer .terms { padding: 0 0 0 20px; background: url(img/terms.gif) no-repeat; }
.footer .sitemap { padding: 0 0 0 20px; background: url(img/sitemap.gif) no-repeat; }
.copy { font-size: 11px; color: #C9CACA; }

.bottom { padding: 5px; border: 0; text-align: center; }
.bottom h3 { display: none; }
.bottom ul { list-style: none; display: block; }
.bottom ul li { padding:5px 10px 5px 20px; margin:0px; display:inline; }
.bottom a { color: #C9CACA; }