@charset "utf-8";
/*  

Theme Name: techicon

Theme URI: http://www.blogohblog.com

Description: A widget ready, 4-column wordpress theme suited for technology blogs.

Version: 1.0

Author: Jai Nischal Verma

Author URI: http://www.blogohblog.com

*/



/**************** Body *********************/

*{margin:0;padding:0;}

body{background-color:#fff;color:#1C65B1;font:11px Arial;line-height:20px;}

#border { width:570px !important; height:2px; background: #FC0 !important;}
#wrapper{background-color:#FFFFFF;margin:0px auto;width:885px;}

#header {float:right;width:885px; height:139px;}

#flugs{ z-index:100; float:right;position: absolute; top:10px; float:right;width:885px; height:20px;}

#flugs img{ float:right; padding-right:2px;}


#header a{text-align:right;}

#text{position:absolute; top:0; right: 100px;font-weight:bold; font-size:13px;color:#1C65B1 !important;}

#text a{color:#1C65B1 !important; text-decoration:none;text-align:right;}


#topbarleft {float:left;background:url(images/searchBG.jpg); width:206px; height:41px;}

#topbarright {float:right;width:650px;color:#1C65B1 !important;}
#topbarright li{ float:left;position:relative; left:75px; z-index:100;display: block; text-align:center;font-size:11px;text-decoration:none; color:#1C65B1 !important; width:115px;height:37px; background:url(images/buttons.jpg);line-height:30px; font-weight:bold;}

#topbarright a{text-decoration:none; color:#1C65B1 !important;}
#topbarright a:hover{color:#06ACF8 !important;}

#extra{float:right; width:885px; height:303px; z-index:0;}

#upcoming{ position: relative; float:right; width:264px; height:240px;top:-240px !important; right:15px !important; font-family:Arial, Helvetica, sans-serif; color:#FFF !important; font-weight:600;z-index:1000 !important; text-align:right;}

#upcoming ul li{ list-style:none; font-size:11px !important;font-family: Arial, Helvetica, sans-serif; color:#FBC649 !important; font-weight: normal; padding-bottom:5px;border-bottom:#FFF; border-bottom-style:solid; width:200px;}
#upcoming ul{ list-style:none; padding-right:40px; font-family: Arial, Helvetica, sans-serif;font-size:11px !important; color:#FBC649 !important; font-weight:600; padding-bottom:10px;}
#upcoming a{ text-align:right;list-style:none; font-family: Arial, Helvetica, sans-serif; color:#FFF !important; font-weight:600;}

#main{margin-top:-10px;float:right;width:885px;}
#contenttop{float:right;width:885px !important; height:32px !important;background:url(images/maintopBG.jpg) no-repeat !important;}
#content{float:right;width:885px;background:url(images/mainBG.jpg) repeat-y; }

#side{position: absolute ; top:240px; margin-left:11px;float:right; width:171px !important; height:341px !important;background:url(images/sideBG.jpg) no-repeat !important;}

#side h2{ font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-left:15px; color:#C96608; line-height:25px;background:url(images/leftBG.png) no-repeat !important;}

#side ul{ font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;padding-top:10px; list-style:none!important;width:171px;}


#side ul li{ width:155px !important; padding-left:12px;padding-bottom:10px;font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #022F5E !important;list-style:none !important; line-height:11px; padding-right:3px;}

#side  a{color:#022F5E  !important; width:155px !important; display:block;padding-right:3px;}

#side .current_page_item a { font-family: Arial, Helvetica, sans-serif; font-size:11px;background:url(images/kav_mafrid.jpg) no-repeat bottom !important;color:#6E7376  !important;}



#side img{ }



#contentdown{position:relative;float:right;width:885px !important;height:251px !important;background:url(images/maindownBG.jpg) no-repeat !important; margin-bottom:10px !important;}

#entrypost{ float:right;width:610px; padding: 0px 45px 0 35px; color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:400;text-align:justify;}
#entrypost h2{ text-align:right;color:#006; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold !important;padding-bottom:10px;}
#entrypost p{ padding-bottom:10px; direction:rtl;}

#news-gallery{ margin-top:-5px;width:885px; height:292px;}
#gallerytop{float:right;position:relative;list-style:none;}
#gallerytop h2 a{ padding-top:18px; padding-right:20px;float:right; font-size:15px !important; font-weight: bold;  color:#2B68B2;}
#gallerytop h2 a:hover{color:#06ACF8;}

#gallery{position:relative;float:right;width:500px !important;height:262px !important;background:url(images/galleryBG.jpg) no-repeat !important;list-style-type:none;}
#gallerymain{position: absolute;top:0px; right:0px;width:460px !important; height:200px !important;list-style-type:none; }
#gallerymain .ngg-widget entry-content #shutterset_sidebar_2 a{list-style:none !important;}

#news{ float:left;background:url(images/newsBG.jpg); width:375px; height:300px;}
#newstop h2 a{padding-top:20px; padding-right:18px;float:right; font-size:15px !important; font-weight: bold;  color:#2B68B2;}
#newstop h2 a:hover{color:#06ACF8;}

#news ul{ text-align:right;position:relative; top:25px; right:20px;float:right;width:335px!important; }
#news ul li{text-align:right;padding-top:10px; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #FC0; font-weight:bold; padding-bottom:20px; border-top:1px solid #C4E5F6 !important;}
#news ul li a{text-align:right;padding-top:10px; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #FC0; font-weight:bold; }
#news p{ text-align:right;font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#525252; font-style:normal !important;}


#bar {float:right;width:500px;color:#1C65B1 !important;}
#bar li{ float:left;position:relative; z-index:100;display: block; text-align:center;font-size:11px;text-decoration:none; color:#1C65B1 !important; width:100px;height:38px; background:url(images/barbuttons1.jpg);line-height:38px; font-weight:bold;}

#bar a{text-decoration:none; color:#1C65B1 !important;}
#bar a:hover{ color:#06ACF8 !important;}

#printsend{ margin-left:230px;float:left;background:url(images/printsendBG.jpg); width:383px; height:63px; margin-top:150px;}
#print{ position: relative; top:25px;left:80px;}
#send{ position:relative; top:5px; left:210px;}
#contentleft{ float:left;width:176px;}
#contentlefttop{background:url(images/tsad1.jpg); width:176px; height:28px;}
#contentlefttitle{ position:relative;  background:url(images/tsad3_navigation.jpg); width:176px; height:277px;}
#contentleftmiddle{ position:relative; background:url(images/tsadBG.jpg) repeat-y; width:176px;}
#contentleftdownc

h2 {font-size:16px; font-weight:lighter;}

#header h2{color:#CCCCCC; padding-top:15px; font-weight:lighter;}

#header h1 a {font-size:40px; color:#FFFFFF; text-decoration:none; font-weight:lighter;}

#header h1 a:hover {font-size:40px; color: #CCCCCC; text-decoration:none; font-weight:lighter;}

#main {margin:auto;}

h2 a:link,h2 a:visited{ font-size:18px; color: #003366; text-decoration:none; font-weight: lighter;}

h2 a:hover{color: #000000;}

h3 {color: #09F !important; list-style-type:none !important;font-size:14px !important;font-weight:bold !important;}
h3  a:link, h3 a:visited{color: #09F !important;text-decoration:none; list-style-type:none; font-size:14px; font-weight:bold;}
h3 a:hover{color: #09F !important;text-decoration:none; list-style-type:none;font-weight:bold;}

h5 {color: #525252 !important; list-style-type:none;font-size:10px;font-weight:bold; text-align:right;}
h5  a:link, h3 a:visited{color: #993300 !important;text-decoration:none; list-style-type:none; font-size:10px; font-weight:bold;text-align:right;}
h5 a:hover{color: #993300 !important;text-decoration:none; list-style-type:none;font-weight:bold;text-align:right;}




/**************** Entry *********************/

.entry{ float:left;width:885px; background-color:#fff; font-size:12px;}

.entry h2{padding-bottom:6px;}

.entry p{padding:0 0 10px 0;}

.post{padding-left:20px;text-align:justify; padding-bottom:20px;}


html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 

html>body .entry li { margin: 7px 0 8px 10px; list-style-type:none;}

.entry ul li:before{ content: "\00BB \0020"; }

.entry ol { padding: 0 0 0 35px; margin: 0; }

.entry ol li { margin: 0; padding: 0; }



/**************** Links *********************/

a:link, a:visited{color: #600;text-decoration:none; list-style-type:none;}

a:hover{color: # 09F;text-decoration:none; list-style-type:none;}



/**************** Navigation *********************/

#navigation{height:30px;}

#menu{padding:5px; }

#menu li{display:inline;list-style:none;}

.page_item a:link, .page_item a:visited{color: #3333333; padding:8px;}

.page_item a:hover { text-decoration:none;}

.current_page_item a:link, .current_page_item a:visited{color:#3333333;text-decoration:none;padding:8px;}

.current_page_item a:hover { text-decoration:none;}



/**************** Sidebars *********************/

#subscribe {padding:10px; height:20px; border-bottom:1px solid #ffffff;}

#sidebar {width:470px; height:290px;float:left; }

#sidebar1{ width:470px; float:left; padding-left:10px; padding-top:90px;}


/**************** Search *********************/

#topsearch{  padding:10px;}

#topsearch input[type="text"]{ float:right;width:150px; line-height:12px;height:12px; color: #525252;font:12px Arial; text-align:right; font-weight:500; padding-right:3px; padding-top:1px; margin:2px;}

#topsearch input[type="submit"] { border:1px solid #006699;color: #333333;font:0.8em;padding:1px;}

h2.search {font-weight:lighter; font-size:12px;}



/**************** Comments *********************/

#comments { font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}

#author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em; font-size:11px; width:10em;background:#fcfcfc;margin-top:1px;padding:3px;}

#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}

#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}

#comment{width:70%;border:1px solid #999999;}

.navigation{}

/**************** Footer *********************/
.footerlinks{ position:relative!important;}
#footer{ position:relative!important;float:left; background:url(images/footerBG.jpg);width:885px; height:35px;color:#FFF;text-align:center!important; margin-top:10px !important;}
#footer a{display:inline !important; text-decoration:none;color:#FFF; line-height:30px; list-style:none !important; padding-right:2px;padding-left:2px;}
#footer a:hover{ font-weight: bold;}
#credits { position:relative;float:left; text-align:left;background-color:#FFF; width:885px; height:30px;}

/**************** Misc *********************/

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; list-style:none; }

.alignright{float:right; padding-right:20px;}

.alignleft{float:left; padding-left:20px;}

img.centered{display:block;margin-left:auto;margin-right:auto;}

img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}

img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}

pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}

code {font-size:1.0em;color: #000}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu { float:right;bottom:-3px; right:15px;width:876px; height:29px; position:relative; z-index:1500;font-family: Arial, Helvetica, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:709px; w\idth:708px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:170x;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:right;width:170px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited { display:block; text-align:center;font-size:13px;text-decoration:none; color:#1C65B1; width:176px; height:29px; background:url(images/buttonupBG.jpg);line-height:29px; font-weight:bold;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:170px; w\idth:167px;}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited { font-size:10px;}

/* style the second level hover */

.menu ul ul a.drop:hover{}

.menu ul ul :hover > a.drop {}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#b2ab9b;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;right:0px; width:150px; }menukav

/* another hack for IE5.5 */

* html .menu ul ul {top:30px;t\op:31px;}



/* position the third level flyout menu */

.menu ul ul ul{left:150px; top:0px; width:150px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-130px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited { font-size:11px;color:#1C65B1; height:auto; line-height:1em; padding:5px 10px; width:150px;background:url(images/dropdwon_bg.jpg); text-align:right;border-bottom:1px solid #006699; padding-left:5px; padding-right:5px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#06ACF8;}

.menu :hover > a, .menu ul ul :hover > a {color:#06ACF8;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}







/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  color: red;

  background: white;

  border-left: 1px solid black;

}



.menu .current_page_item a {

  color: red;

  font-weight: bold;

  background: white;

}



.menu ul .current_page_item ul a {

  color: white;

  font-weight: normal;

  background: black;

}



.menu ul .current_page_item ul a:hover {


}



.menu .current_page_item a:hover {


}

#credits1 a{ color:#FFF; text-decoration:none;}