/*
Theme Name:Technical Speech
Theme URI:http://technicalspeech.co.cc/wordpress/technical-speech-updated.html
Description:A magazine like layout, developers and writers friendly theme. Compatible with Wordpress 2.7 and greater. Theme options, 3 dynamic sidebars, dropdown menus with jQuery. Updated :Multiple headers, a third widget added, 'About Me' box fully customizable, totally revised look... If any bugs found mail me at khaninhisway@gmail.com.
Version:1.1
Author:Suhaib Khan
Author URI:http://technicalspeech.co.cc/
Tags:white, light, fixed-width, three-columns, theme-options, right-sidebar, custom-header
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
See the readme.txt file or visit the theme page (http://technicalspeech.co.cc/wordpress/technical-speech-updated.html) for more details on this theme....
*/

/*Basic Styles*/
html { height:100%; }
body { min-height:100%; height:100%; }
*{margin:0px;padding:0px;}
a{color:#666;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
a img,img,img a{border:0px solid #666;padding:0;margin:0;background-color:transparent;}
body{background-position:top center; background-repeat:repeat; background-attachment:fixed;background-color:#FFFFFF; background-image:url(images/fons.png);font-family:Arial, Helvetica, sans-serif; height:100%;}
blockquote{margin:5px 5px 5px 10px; padding:2px 2px 2px 10px;border-left:1px solid #CCC;font:16px Georgia, "Times New Roman", Times, serif;}
code{font:0.9em/18px "Courier New", Courier, monospace;margin:5px 5px 5px 10px; padding:2px 2px 2px 10px;font-style:italic;border-left:1px solid #CCC;display:block;}
dd{padding:2px 0 2px 15px;}
fieldset {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{margin:0;padding:10px 0;}
h1{font-size:29px;}
h2{font-size:27px;}
h3{font-size:26px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:21px;}
hr{color:#DCDCDB;background-color:#DCDCDB;height:1px;border:0px;}
input{margin:2px;}
textarea{margin:2px;}
p{font-size:8px;padding:2px;margin:2px 0 8px 0;}
pre{white-space:pre-wrap;font:10px "Courier New", Courier, monospace;margin:8px 0;padding:2px;}
small{font-size:8px;}
table{margin-top:10px;}
td{padding:2px;}
ul,ol{padding:10px 0 10px 28px;}

/*Layout Styles*/
#body{margin:0 auto;width:940px;background-color:#FFF; background-image:url(http://i221.photobucket.com/albums/dd148/thahuthidjinn/enfantscreme/fonsa.png);}
#wrap{padding:10px;}
#header{min-height:60px;overflow:hidden;}
#content{float:left;width:60%;height:100%;}
#sidebar{float:left;width:40%;}
#leftsidebar{float:right;width:20%;}
#rightsidebar{float:right;width:20%;}
#footer{background-color:transparent;text-align:left;v-align:bottom;text-transform:capitalize; background-image:url(); background-position:-1px -1px;}
#footer b {float:right;}

/*Top Navigation*/
#nav{font:8px Verdana, Arial, Helvetica, sans-serif;border-bottom:1px solid #666;border-top:1px solid #666;text-transform:uppercase;}
#nav .meta{float:right;margin:5px 5px 0 6px;}
.rss_link{margin:8px 5px 0 5px;padding:1px 0 0 18px;background:url(images/rss_icon.gif) no-repeat top left;display:block;height:14px;font-weight:bold;float:right;}
.rss_link:hover{background:url(images/rss_icon.gif) no-repeat bottom left;color:#F90;}

.rsscap{background:url(images/peuicons.png) no-repeat bottom right; margin:0 0 0 4px; padding:0; top:1px;display:blocK;position:relative;float:right; width:27px; heigth:27px;}
.rsscap:hover{background:url(images/peuicons.png) no-repeat top right;}

#nav ul{float:left;margin:4px 0;padding:0;}
#nav ul li{display:inline;position:relative;float:left;}
#nav ul li a{padding:5px 5px;float:left;display:block;font-weight:bold;border:0px solid #FFF}
#nav ul li a:hover{background-color:#CCC;border:0px solid #999}
/*top nav submenus*/
#nav ul li ul{position:absolute;list-style:none;display:none;width:170px;border:1px solid #666;border-bottom:none;background-color:#FFF;left:10px;top:10px;z-index:10;}
#nav ul li ul li{float:none;display:block;border-bottom:1px solid #666;}
#nav ul li ul li a{font-size:12px;float:none;padding:3px 5px;border:none;}
#nav ul li ul li a:hover{border:none;}
#nav ul li ul li a:focus{border:none;}

/*Head Styles*/
#headcontent{float:left;min-width:580px;overflow:hidden;min-height:60px;margin-top:5px;}
#headcontent img{border:none;}
#headcontent div{text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;float:left;color:#666;}
#headcontent h1{padding:0;font-size:40px;line-height:35px;}
#headcontent h6{padding:0 2px 0 0;font-size:10px;text-align:right;line-height:14px;}
#headcontent a:hover{color:#555;}
#headcontent a:focus{border:none;}
#headsearch{float:right;background:url(images/search_bac.gif) no-repeat;width:340px;height:60px;}
#headsearch input{margin:19px 0 0 114px;width:175px;background-color:#CCC;border:1px solid #999;height:21px;float:left;}
#headsearch img{margin:18px 0 0 0;border:none;padding:0;cursor:pointer;}

/*Content Styles*/
.contentbox{padding:5px;border:1px solid #666;margin-top:5px;font-size:10px;height:100%;}
.boxheading{color:#666!important; background-color:#FFF!important; font-family:Arial, Helvetica, sans-serif; font-size:8px; font-style:normal; font-weight:normal; text-decoration:none!important; background-image:url(http://i221.photobucket.com/albums/dd148/thahuthidjinn/enfantscreme/ble.gif); background-repeat:repeat-y; display:block; text-indent:5px; padding:6px; margin:0 0 5px 0; border:solid #666 1px; text-transform:uppercase;}
.boxheading a{color:#FFF;}
.boxheading a:hover{color:#EEE;}
/*.boxheading span{background-color:transparent;text-transform:uppercase;font:bold 10px Verdana, Arial, Helvetica, sans-serif;color:#666666;float:left;padding:0px;}*/
.boxheading .right{float:right;}
.blockborder{border:1px solid #CCC;border-left:none;}
.blockborder-all{border:1px solid #CCC;}
.postblockwrap{padding:5px 5px 0 5px; height:100%;}
.postblock{width:178px; height:100%; display:inline; float:left; position:relative; border-left:1px solid #CCC; margin:0px;}

.postblock p{margin:2px 0;}
.postblock img{display:inline; float:left; margin:0 8px 4px 0px;}

.postblock h6 {color:#333; background-color:transparent; font-size:10px; font-style:normal; font-weight:normal; text-decoration:none; display:block; padding:5px; margin:0px; border:1px solid #CCC; text-transform:uppercase; cursor:pointer;}
.postblock h6 a, .postblock h6 a:link, .postblock h6 a:active, .postblock h6:link, .postblock h6:active, {color:#333; background-color:transparent; font-size:10px; font-style:normal; font-weight:normal; text-decoration:none; display:block; padding:5px; margin:0px; border:1px solid #CCC; text-transform:uppercase; cursor:pointer;}
.postblock h6 a:hover, .postblock h6:hover {color:#666;background-color:#CCC;}

/*{margin:0;padding:0;border-bottom:1px solid #666;font:bold 16px Verdana, Arial, Helvetica, sans-serif;}*/

.contentbox p{font-size:10px;}

.posts,.commentposts{border:1px solid #CCC;margin:5px 0 0 0;}
.posts img{float:left; display:block; margin:0 5px 0 0; clear:both;}
.posts p,.commentposts p{margin:2px}
.postheading{margin:0;padding:5px;font:bold 16px Verdana, Arial, Helvetica, sans-serif;line-height:1.0em;border-bottom:1px solid #CCC;text-align:left;}

.postsmetadata{background-color:#EEE;padding:5px;text-transform:uppercase;font:6px Verdana, Arial, Helvetica, sans-serif;}
.not_found{background-color:#EEE;padding:5px;}

/*Comment styles display:none;visibility:collapse;  */
.comment_head{background-color:#EEE;padding:5px;}
.comment_head_text{float:left;font:10px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;}
.comment_head_img{float:right;margin-bottom:1px;}
.comment_head_img img{border:1px solid #CCC;}
.author_link {font-size:10px;font-weight:bold;color:#666;}
.commentform_blockdiv{text-transform:uppercase;margin:5px 0 0 0;font:8px Verdana, Arial, Helvetica, sans-serif;}
.c_input{margin:0;background-color:#CCC;border:1px solid #999;height:18px;}
.f_input{margin:0;background-color:#CCC;border:1px solid #999;height:18px; widht:350px; margin-left:2px;}
.commentform_blockdiv textarea{margin:0;width:538px;background-color:#CCC;border:1px solid #999;}
.c_submit{display:block;background:url(images/left_search-bac.gif) top left repeat-x;padding:5px;margin:0px;text-transform:uppercase;font:8px Verdana, Arial, Helvetica, sans-serif;color:#666;border:1px solid #999;}
.c_submit:hover{background:url(images/left_search-bac.gif) bottom left repeat-x;color:#333;}
.c_submit::focus{outline:none;}
.allowed_tags{background-color:#EEE;padding:5px;border:1px solid #999;margin-top:5px;}
.allowed_tags code{font-style:normal;}

/*Left and Page Search Style*/
#search-left input,#searchform_onpage input{margin:5px;height:20px;background-color:#CCC;border:1px solid #999;float:left;}
#search-left input{width:272px;}
#searchform_onpage input{width:461px;}
#search-left a,#searchform_onpage a{display:block;height:10px;width:50px;text-align:center;text-transform:uppercase;padding:5px 4px;background:url(images/left_search-bac.gif) no-repeat top left;border:1px solid #999;float:left;}
#search-left a{font:8px Verdana, Arial, Helvetica, sans-serif;margin:5px 5px 5px 0px;}
#searchform_onpage a{font:8px Verdana, Arial, Helvetica, sans-serif;margin:5px 5px 0 0;}
#search-left a:hover,#searchform_onpage a:hover{background:url(images/left_search-bac.gif) no-repeat bottom left;}
.s_wrap{font-size:8px;text-align:center;}

/*Widget styles*/
.widgetwrap-large{border:1px solid #CCC;font-size:8px;}
.widgetbox-large{padding:5px;border:1px solid #666;margin:5px 0 0 5px;font-size:8px;}
.widgetbox-large h6{margin:0 2px 2px 2px;padding:0;border-bottom:1px solid #000;font:bold 16px Verdana, Arial, Helvetica, sans-serif;}
.fp_wrap{padding:2px;}

.widgetwrap{border:1px solid #CCC; border-bottom:none; margin:5px 0 0;}
.widgetbox{padding:5px;border:1px solid #666; margin:5px 0 0 5px; font-size:8px;}
.widgetbox ul{position:relative;list-style:none;margin:0;padding:0;text-indent:0px;text-transform:uppercase;text-align:left;}
.widgetbox ul li{text-indent:5px; border-bottom:1px solid #CCC;cursor:pointer;}
.widgetbox ul li a{display:block;font:normal 7px Verdana, Arial, Helvetica, sans-serif;padding:4px 0;}
.widgetbox ul li a:hover{ background-color:#CCC;}
.widgetbox img{border:none;margin:0px; padding:0px;}
.widgetbox h2{padding:0;font-size:12px;}

.widgetbox2{padding:5px;border:1px solid #666; margin:5px 0 0 5px; font-size:8px;}
.widgetbox2 ul{position:relative;list-style:none;margin:0;padding:0;text-indent:0px;text-transform:uppercase;text-align:left;}
.widgetbox2 ul li{text-indent:5px; border-bottom:1px solid #CCC;cursor:pointer;}
.widgetbox2 ul li a{display:block;font:normal 7px Verdana, Arial, Helvetica, sans-serif;padding:4px 0;}
.widgetbox2 ul li a:hover{ background-color:#CCC;}
.widgetbox2 img{border:none;margin:0px; padding:0px;}

/*widget sub menus*/
.widgetbox2 li ul{display:none;}
.widgetbox li ul{border-top:1px solid #CCC;padding-left:5px;display:none;}
.widgetbox li li{border-bottom:1px solid #FFF;}
.widgetbox li li a{font:8px Verdana, Arial, Helvetica, sans-serif;text-align:left;}
.widgetbox li li a:hover{ background-color:#FFF;text-decoration:underline;}

/*Footer Styles*/
#footer p{margin:0;padding:10px 0;font:8px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#footer a{font-weight:bold;color:#666666;}
#footer a:hover{color:#999999;text-decoration:none;}

/*Page Navigation*/
.postsnav{background-color:#999;margin:5px 0 0 0;border:1px solid #999;}
.postsnav a{display:block;background:url(images/left_search-bac.gif) top left repeat-x;padding:5px;text-transform:uppercase;font:8px Verdana, Arial, Helvetica, sans-serif;color:#666;}
.postsnav a:hover{background:url(images/left_search-bac.gif) bottom left repeat-x;color:#333;}
.postsnav .left{float:left;}
.postsnav .right{float:right;}
.postspagination{background-color:#CCC;padding:5px;text-transform:uppercase;font-size:8px;}
.postspagination a{background-color:#CCC;padding:5px;font-weight:bold;}
.postspagination a:hover{background-color:#000;color:#CCC;}
.compagination{background-color:#CCC;padding:5px 0;text-transform:uppercase;font-size:8px;margin-top:5px;}
.compagination a{background-color:#CCC;padding:5px;font-weight:bold;}
.compagination a:hover{background-color:#000;color:#CCC;}
.compagination span{margin-left:5px;}

/*Comment Popup Styles*/
#body_pop{margin:0 auto;background-color:#FFF;}
#head_pop{border-top:1px solid #000;border-bottom:1px solid #000;padding:5px;text-align:center;text-transform:uppercase;}
.htxt{margin:0px;padding:0px;font-weight:bold;font-size:8px;}
.postsmetadata2{background-color:#EEE;padding:5px;text-transform:uppercase;font:8px Verdana, Arial, Helvetica, sans-serif;margin-top:5px;}
.closebtn{text-align:center;font:8px Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:bold;}
.closebtn a{display:block; background-color:#CCC;padding:5px;color:#333;}
.closebtn a:hover{background-color:#666;color:#FFF;}

/*Other Styles*/
.clear{clear:both;}
.left{float:left;}
.alignleft,img.alignleft{float:left;margin:5px;}
.alignright,img.alignright{float:right;margin:5px;}
.aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;}
.wp-caption{border:1px solid #CCCCCC;text-align:center;background-color:#f3f3f3;padding-top:0px;margin:0px;}
.wp-caption img{border:0;margin:5px;padding:0;}
.wp-caption p.wp-caption-text{font:8px "Courier New",Courier,monospace;color:#333;margin:0;padding: 5px 0 5px 0;}
.readmorelink{text-align:right;vertical-align:bottom;display:block;padding:8px 0 2px 0;text-transform:uppercase;font-size:8px; clear:both;}

/*Bio Styles*/
.msg_list {margin:0px auto;padding:0px;width:100%px;}
.msg_head {color:#666; background-color:transparent; font-size:6px; font-style:normal; font-weight:normal; text-decoration:none; display:block; padding:5px; margin:0px; border:1px; border:1px solid #CCC; text-transform:uppercase; cursor:pointer;}
.msg_head:hover{background-color:#CCC;}
.msg_head b {float:right;}
.msg_body {padding:5px 10px 15px; background-color:transparent; display:block; clear:both; float:none;}

a:focus {border:none; outline:none;}

/*Form Styles*/
.bookingform {margin:0px;padding:0px;position:relative;top:-10px;}
.bookingform label{margin:0 0 0 2px;padding:0px; display:block; height:10px; line-height:32px; color:#666;}
.bookingform .camp{margin:0 0 0 2px;padding:4px 0 0 2px;background-color:#CCC;border:1px solid #999;height:18px; font:10px Verdana, Arial, Helvetica, sans-serif;color:#333; width:254px;}
.bookingform textarea{margin:0 0 0 2px;padding:2px 0 4px 2px;background-color:#CCC;border:1px solid #999; width:522px; font:10px Verdana, Arial, Helvetica, sans-serif;color:#333; overflow:auto;}
.bookingform .msg_head {color:#666; background-color:transparent; font-size:10px; font-style:normal; font-weight:normal; text-decoration:none; display:block; padding:5px; margin:20px 2px 0 2px; border:1px; border:1px solid #CCC; text-transform:uppercase;}
.bookingform .msg_head b {float:right;}
.bookingform-right{float:right;display:inline;width:266px;position:relative;top:4px;}


.bookingform .button{display:block;background:url(images/left_search-bac.gif) top left repeat-x;padding:5px;margin:20px 0 0 0;display:block;width:100%;text-transform:uppercase;font:8px Verdana, Arial, Helvetica, sans-serif;color:#666;border:1px solid #999;}
.bookingform input.button:hover{background:url(images/left_search-bac.gif) bottom left repeat-x;color:#333;}
.bookingform input.button:focus{outline:none;}

a.beatport{display:block;background:url(images/left_search-bac.gif) top left repeat-x;padding:5px;text-transform:uppercase;font:8px Verdana, Arial, Helvetica, sans-serif;color:#666;border:1px solid #999; text-align:center;}
a.beatport:hover{background:url(images/left_search-bac.gif) bottom left repeat-x;color:#333;}
a.beatport:focus{outline:none;}

/*DATE Styles*/
.widgetwrap-large ul {border:none; list-style:none; margin:0 0 0 0; padding:0px;}
.widgetwrap-large ul li a {list-style:none; text-transform:uppercase; text-indent:0px; border-bottom:1px solid #CCC; display:block; position:relative; top:1px; width:340px; margin:0px; padding:5px;}
.widgetwrap-large ul li:hover{background-color:#CCC;}
.widgetwrap-large ul ul {list-style:none; text-indent:0px; font:8px Verdana, Arial, Helvetica, sans-serif;color:#666; border-bottom:#CCC solid 1px; display:block; position:relative; top:1px; width:340px; margin:0px; padding:5px;}
.widgetwrap-large ul ul:hover{background-color:#CCC; cursor:pointer;}
.widgetwrap-large ul ul li {list-style:none; text-indent:0px; display:block;
float:left; margin:0px; padding:0px; margin-right:5px;}
.widgetwrap-large ul ul li b {display:block; float:left;}

.discohori {width:538px; height:484px; overflow-x:scroll; overflow-y:hidden;}