/*  
Theme Name: Halal Tube 2011
Theme URI: http://www.halaltube.com/
Description: Mandazi
Version: 2
Author: Amir
Author URL: http://www.amirsahib.com/
*/

* { margin:0; padding:0; font-size:100.01%; }
a { outline:none; color:#416e90; }
a img { border:0; }
.hide { position:absolute; left:-9999px; }

/* layout */
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; background-color:#EEEEDD; }
#wrapper { width:1000px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0 auto; clear:both; overflow:hidden; }

/* Header */
#header-wrapper { width:100%; background-color:#FFFFFF; margin-bottom:20px; float:left; }
#header { width:1000px; margin:0 auto; padding:0 0 10px 0; overflow:hidden; }
#primary-nav { list-style:none; float:left; margin:0; padding:0; }
#primary-nav li { float:left; display:inline; font-size:14px; }
#primary-nav li a { color:#887A68; padding:13px 10px; display:block; text-decoration:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px;}
#primary-nav li a:hover { background-color: #f9f9f4; }
#header-social { float:left; display:inline-block; padding:10px 0 0 100px; }
#header-twitter { float:left; display:inline-block; width:220px; }
#header-facebook { float:left; display:inline-block; }

/* Search (in header) */
#search { margin-top:4px; float:right; padding:0; }
#search input#s { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E5E3D3; color:#ABAB91; font-family:Arial; font-size:14px; padding:5px; vertical-align:middle; width:150px; }
#search #searchsubmit { background-color:#E56100; border:5px solid #F6F6E9; color:#FFFFFF; cursor:pointer; font-weight:bold; height:30px; margin-left:10px; text-transform:lowercase; vertical-align:middle; padding:1px 2px; }

/* logo (in header)*/
#branding { float:left; clear:left; width:1000px; padding:3px 0 0 0; }
#logo { display:block; width:230px; height:64px; margin:5px 0 0 10px; padding:0; float:left; }
#logo a { background-image:url(images/logo.png); width:230px; height:64px; display:block; }

/* Top ads (in header) */
#header-ads { float:right; width:728px; height:90 }

/* Content */
#content { width:630px; float:right; background-color:#FFFFFF; border-radius:10px; -moz-border-radius:10px; padding:10px; color:#5B5B58; }
#content p { line-height:20px; font-size:12px; margin:10px 0; clear:left; }
#content p.postmetadata { font-size:11px; }
#content a { text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content h2 { margin:10px 0; font-size:24px; line-height:28px; font-family:Georgia, "Times New Roman", Times, serif; color:#76A0B0; clear:left; }
#content h2 a:hover { text-decoration:none; color:#E56100; }
#content h3 { margin:10px 0 5px; font-size:18px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif; color:#E56100; clear:left; }
#content ul, #content ol { list-style:none; margin:10px 20px; padding:0; }
#content ul li, #content ol li { clear:both; line-height:22px; font-size:12px; }
.home #content ul li:before { content: "\00BB \0020"; }
#content .post { position:relative; }
.post-inner { z-index:3000; width:620px; float:left; clear:both; margin:0; padding:0; position:relative; }

/* Sidebar */
#sidebar-wrapper { width:300px; float:left; }
#side-nav { list-style:none; overflow:hidden; margin:0; padding:0; }
#side-nav li { float:left; display:inline; font-size:14px; text-decoration:none; padding:0 5px 0 0; }
#side-nav li a { padding:5px 10px; background-color:#76A0B0; color:#FFFFFF; display:block; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; text-decoration:none; }
#side-nav li a:hover, #side-nav li.current a { background-color:#FFFFFF; color:#416e90; }
#sidebar { width:300px; padding:10px; float:left; background-color:#FFFFFF; border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; clear:both; }
.side-panel { padding:10px; overflow:hidden; clear:both; height:400px; overflow-y:scroll; display:none; margin:0 0 10px 0; }
.side-panel.current { display:block; }
.side-panel ul { list-style:none; margin:0; padding:0; }
.side-panel ul li { clear:both; display:block; padding:3px 5px; font-size:12px; }
#topics ul li { clear:none; float:left; width:46%; display:inline-block; }
.side-panel ul li:before { content: "\00BB \0020"; }
.side-panel ul li a { text-decoration:none; color:#416E90; }
#sidebar #facebook { clear:both; padding:10px 0; }
#sidebar #twitter { clear:both; padding:0; }

/* Footer */
#footer { width:980px; float:left; clear:both; margin:20px 0 20px; padding:10px; background-color:#FFFFFF; border-radius:10px; -moz-border-radius:10px; position:relative; }
#facebook { float:left; padding:0 10px 0 0; }
#twitter { float:left; }
#footer-links { list-style:none; float:left; display:block; margin:0; padding:0px; width:100px; float:right; text-align:right; }
#footer-links li { clear:both; display:block; padding:3px 5px; font-size:12px; }
#footer-links li h3 { font-size:12px; margin:10px 0 0 0; }
#footer-links li#copyright { font-size:11px; margin:10px 0 0 0; line-height:20px; }
#non-friendly-browser { display:none; border:3px solid #000; background-color:#999; border-radius:3px; padding:3px; width:300px; position:absolute; bottom:5px; right:5px; font-size:11px; font-weight:bold; }
#ht-latest { width:200px; float:left; }
#ht-latest h3 { font-size:12px; line-height:24px; margin:0 0 0 5px; border-bottom:1px solid #888888; }
#ht-latest ul { list-style:none; margin:0; padding:5px; }
#ht-latest ul li { clear:both; padding:0 0 5px 0; margin:0; }
#ht-latest ul li a { font-size:12px; }

/* Comments */
.commentmetadata { text-transform: uppercase; color: #abab91; font-size: 12px; text-transform: uppercase; margin-top: 10px; }
#comments { margin-top: 30px; }
#content h3#comments { clear:both; float:left; }
.commentmetadata a:link, .commentmetadata a:hover, .commentmetadata a:visited {	color: #abab91; }
.fn, .fn a:link, .fn a:hover, .fn a:visited, .says { color: #e56100; font-family: Georgia; font-size: 17px; font-style: normal; }
.avatar { border: 5px solid #eeeedd; margin-bottom: -15px; margin-right: 10px; width: 40px; height: 40px; }
.comment { border-bottom: 1px solid #eeeedd; margin-bottom: 15px; float: left; clear: both; width: 100%; list-style: none; }
.children .comment { border-top: 1px solid #eeeedd; border-bottom: none; padding-top: 15px; margin-bottom: 0px; }
.comment-reply-link, .comment-reply-link:visited { color: #fff !important; display: block; font-weight: bold; background-color: #76a0b0; padding:7px; float: right; text-transform: lowercase;	font-size: 11px; margin-bottom: 10px; margin-top: -10px; }
#content .commentlist { float: left; margin-left: 0px; padding-left: 10px; width:610px; }
.commentlist a { text-decoration:none; }
.comment-reply-link:hover { background-color: #7bab96; color: #fff; }
.cancel-comment-reply a:link, .cancel-comment-reply a:visited { color: #fff !important; display: block; font-weight: bold; background-color: #76a0b0; padding: 0px 5px; text-transform: lowercase; font-size: 10px; float: left; clear: both; }
#commentform { clear: both; float: left; width:630px; }
.cancel-comment-reply a:hover { background-color: #7bab96; color: #fff; }
#respond { float: left; width: 100%; }

/* Hide wpstats smiley face */
#wpstats { position:absolute; left:-9999px; }

/* Search Results */
#content #search-results { list-style:none; }

/* Hidden content for age-limit posts */
#hidden-content { display:none; }

/* Lecture lists */
#content .lecture-list ul { margin:10px 0; }
#content .lecture-list ul li { margin:0; padding:0 0 10px 0; }
#content .lecture-list ul li h3 { margin:0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; }
#content .lecture-list ul li h3 a:hover { text-decoration:none; color:#E56100; }
#content .lecture-list ul li p.postmetadata { margin:0; }
#content .lecture-list ul li .lecture-details { display:none; }
#cat-order-options { clear:both; margin-top:10px; float:left; }
.ui-buttonset .ui-button { margin-left:-4px; }
.ui-state-default { background-image:none; }
.ui-state-active { font-weight:bold; font-style:normal; border:1px solid #E56100; color:#E56100; }
.ui-state-hover { border:1px solid #E56100; font-style:normal; }

/* Pagination */
.navigation { clear:both; padding:10px 0; }
.navigation .alignleft { text-align:left; float:left; }
.navigation .alignright { text-align:right; float:right; }

/* Facebook / Twitter / Google +1 */
#content .slim-share { position:relative; width:620px; padding:0 0 10px 0; }
#content .slim-share ul { list-style:none; margin:0; padding:0; }
#content .slim-share ul li { display: inline-block; float: left; clear:none; }

/* Ads below post */
#below-post-ad { width:300px; float:right; padding:0 0 0 15px; }

/* Relaates posts */
#related-posts { overflow:hidden; clear:left; }
#content #related-posts ol { margin:10px; }
#related-posts ol li:before { content: "\00BB \0020"; }

/* Text below post (follow... */
small { font-size:10px; font-style:italic; }

/* Lightbulb / Curtain feature */
#curtain { background-color: #000; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 2999; opacity: 0.8; display:none; }
#lightbulb { top:5px; right:15px; position:absolute; z-index:3000; }
#lightbulb a { width:19px; height:19px; display:block; }
#lightbulb a.off { background-image: url(images/light_bulb_off.png); }
#lightbulb a.on { background-image: url(images/light_bulb.png); }

/* Facebook Comments */
#facebook-comments { width:620px; clear:both; float:left; padding:10px 0; margin:0; }

/* More lectures from speaker link */
.speaker-more { float:right; width:150px; margin-top:20px; font-size:12px; line-height:18px; text-align:right; }

/* Black out SOPA/PROTECT-IP Protest */
#themessage { display:none; }
body#blackout { background-color:#000000; font-size:16px; line-height:24px; font-family:Arial; text-align:center; }
body#blackout #wrapper, body#blackout #header-wrapper { display:none; }
body#blackout div#themessage { text-align:left; margin:100px auto 0; width:600px; display:block; }
body#blackout div#themessage p { margin-top:0; margin-bottom:20px; color:#FFFFFF; }