/*
Theme Name: TheTechJournal-3.10
Description: Technological News Portal
Author: ARCom
*/


/*----------tribs.css-----------------------------------*/

.about{



	padding: 0 0 5px 0;



	}



.about a{

	color: #425200;

}



.about p.text{

	padding: 5px 5px ;

	font-family:'Helvetica Neue',Arial,sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #111;

	margin:0px 0px;

	float:left;

}



.about img.avatar{

	float: left;

	margin: 0px 10px 10px 0;

	background:#F7F1EE;

	padding:5px 5px;

}



/*----------end of tribs.css-----------------------------------*/







body {	margin:0 auto;







padding-top:0px;







background:#fffff ;







/*font-family:Helvetica, Arial, sans-serif;*/  







font-family: 'Droid Serif', arial, serif;







color:#666;







font-size:13px;







}







h1, h2, h3,  {font-family:"Droid Sans", Helvetica, Arial, sans-serif;  

}







img {	border:0;	}







a , a:visited{	color:#000;

text-decoration:none;	}

a:hover { color:#000;

text-decoration:underline;		

}





h2 a, h2 a:visited{color:#000000;}



h1, h2, h3, h4, h5, h6 {		}







blockquote {	padding-left:10px;







color:#5d0505;







font-style: normal;







}







.clear {	clear:both;







}







.alignleft {	float:left;







padding:2px 0 0 5px;







}







.alignright {	float:right;







padding:2px 7px 0 5px;







}







.ad1{	text-align:center;







margin:5px auto;







}





/*=======================================LAYOUTS=================================================*/

#wrapper {

width:1250px;

margin:0 auto;

background:#ffffff;

}



#sidebar_left{width:100px; float:left; height:1500px;  margin-right:5px;}

#section_middle{width:830px; float:left;}



/*=======================================end LAYOUTS=================================================*/



#top_ads{







width:1000px;







height:15px;







padding:3px 0px;







background:#000000;







text-align:center;







position:fixed;







top:0;







z-index:99998







}





#header_ad{

height:90px;  

margin-bottom:10px;

}







#header_ad_left {

float:left;

margin:0px 0 0 0;

width:100px;  

background:#999933

}



#header_ad_right{

height:90px;

float:right;

text-align:right; 

width:730px;

}







#text_link{







/*border-top:1px solid #f4f4f4;*/







border-bottom:1px solid #f4f4f4;







margin-bottom:10px;







margin-top:10px;







/* background:url(images/TitleWhiteBg.png) repeat-x;*/







}







#text_link a, #text_link a:visited{color:#666666;}







#header_bottom{







height:90px;







border-top:1px solid #f4f4f4;







border-bottom:1px solid #f4f4f4;







margin-bottom:10px;







margin-top:5px;







}







#social_box{







}







#social_box img{border:none;







filter:alpha(opacity=70);







-moz-opacity:0.7;







-khtml-opacity: 0.7;







opacity: 0.7;







}







#social_box img:hover{ 







filter:alpha(opacity=100);







-moz-opacity:1;







-khtml-opacity: 1;







opacity: 1;







}









.subscribe{	







width:200px;







float:right;







text-align:left;







margin:5px 0  0 0 ;







padding:30px 0 0 0;







color:#444444;















}



.subscribe_item span.pinterest_subscribe_link{width:100px; font-size:16px; margin:0px; padding:0px; padding-left:22px; height:20px; background: url(images/social_small_icons_sprite.png) 0 -66px no-repeat;}

.subscribe_item span.linkedin_subscribe_link{width:100px; font-size:16px; margin:0px; padding:0px; padding-left:22px; height:20px; background: url(images/social_small_icons_sprite.png) 0 0	 no-repeat;}

.subscribe_item span.google_current_subscribe_link{width:100px; font-size:16px; margin:0px; padding:0px; padding-left:22px; height:20px; background: url(images/social_small_icons_sprite.png) 0 -22px no-repeat;}

.subscribe_item span.news_feed_subscribe_link{width:100px; font-size:16px; margin:0px; padding:0px; padding-left:22px; height:20px; background: url(images/social_small_icons_sprite.png) 0 -44px no-repeat;} 



.subscribe_item span.pinterest_subscribe_link a{ color:#80140A;}

.subscribe_item span.linkedin_subscribe_link a{ color:#003366;}

.subscribe_item span.google_current_subscribe_link a{color:#015F06;}

.subscribe_item span.news_feed_subscribe_link a{color:#C55800}







. span tag{







font-size:10px;







font-weight:bold;







color: #444444;







}





/*=======================================SIDEBAR LEFT=================================================*/

#sidebar_left{/*Has been declared on top LAYOUT section*/}

.left_menu_item_box{

border-bottom:1px solid #f4f4f4;

color:#AAAAAA;

text-align:center;

padding:10px;

}

.left_menu_item_box:hover{background-color:#ffffff;color:#000000}

.left_menu_item_box a, .left_menu_item_box a:visited{color:#AAAAAA;}

.left_menu_item_box a:hover{color:#000000; text-decoration:none;}



.left_menu_icon_box{height:32px; width:32px; margin:0 auto; 

					background:url(images/left-sidebar-icon-sprite.png) no-repeat; 

					}





.left_menu_icon_home{ background-position:0px 0px;}

.left_menu_item_box:hover .left_menu_icon_home{background-position:0px -40px; }

.left_menu_icon_profile{background-position:0px -80px;}

.left_menu_item_box:hover .left_menu_icon_profile{background-position:0px -120px;}



.left_menu_icon_news{background-position:0px -160px;}

.left_menu_item_box:hover .left_menu_icon_news{background-position:0px -200px;}



.left_menu_icon_product{background-position:0px -240px;}

.left_menu_item_box:hover .left_menu_icon_product{background-position:0px -280px;}

.left_menu_icon_deal{background-position:0px -561px;}

.left_menu_item_box:hover .left_menu_icon_deal{background-position:0px -609px;}

.left_menu_icon_tutorial{background-position:0px -320px;}

.left_menu_item_box:hover .left_menu_icon_tutorial{background-position:0px -360px;}



.left_menu_icon_video{background-position:0px -400px;}

.left_menu_item_box:hover .left_menu_icon_video{background-position:0px -440px;}



.left_menu_icon_comment{background-position:0px -480px;}

.left_menu_item_box:hover .left_menu_icon_comment{background-position:0px -520px;}



/*=======================================SIDEBAR LEFT=================================================*/







/* Content*/







#main{margin-bottom:20px;}







#content {







padding:5px;







background: #FFFFFF;







float: left;







width: 670px;







margin:0px;







padding: 0 0;







}







#content_single , #content_page{







padding:5px;







float: left;







width:830px;







margin: 0px;





padding: 0 0;







}







#content_ad_block{}



/*************for loop post****************************/

.post_loop {

margin: 0px;

padding:0px;

text-align:justify;

color:#222;

font-size:13px;

}

.post_loop .bkm_btn_box{display:none;width:20px; height:40px; position:absolute; margin-left:-20px;}

.post_loop:hover .bkm_btn_box{display:block;}



.post_left{

width:213px;

/*height:180px;*/

padding:5px;

float:left;

border:1px solid #f4f4f4;

margin-bottom:5px;

}





.post_right{

width:426px;

margin-left:5px;

padding:5px;

/*height:180px;

overflow:hidden;*/

float:right;

border:1px solid #f4f4f4;

margin-bottom:5px;

font-family: 'Droid Serif', arial, serif; font-size:12px; line-height:20px;

font-weight:normal;

}







.post_right h2{ 

margin:0px; font-weight:bold;

font-family:"Droid Sans", Helvetica, Arial, sans-serif;  

}

/*************end for loop post****************************/

.post {

margin: 0px;

padding:0px;

text-align:justify;

color:#222;

font-size:13px;

}





.post .title{







border:1px solid #f4f4f4; padding:5px; margin-bottom:5px;







font-family:"Droid Sans", Helvetica, Arial, sans-serif;  





}







.post .post_meta{

border:1px solid #f4f4f4;

padding:10px 5px;

margin-bottom:10px; 

background:#FBFBFB;

}

.post .post_meta a, .post .post_meta a:visited{ color:#0666A2;}

.post .title h2 {







margin: 0px 0 0 0;







padding: 2px 0px 0px 1px;







background: transparent;







text-align: left;







font-size:20px;







font-weight:bold;







width:auto; 







text-align:left;







line-height:1.2em;







font-weight:bold;







zoom:1;







}







.post h2 a, .post h2 a:link, .post h2 a:visited  {

color: #000;

background-color: transparent;

}







.post h2 a:hover  {







color: #444444;







background-color: transparent;







}







.post h1 a, .post h1{width:auto; 







font-size:26px; text-align:left; line-height:1.2em; font-weight:bold;







}







.post a {	color:#0666A2;







text-decoration:none;	}







.post a:hover { color:#045385;







text-decoration:underline;		







}







/*.post .entry{	font-family:helvetica,Arial,sans-serif;}*/







.post .entry{font-family: 'Droid Serif', arial, serif; font-size:14px; line-height:22px;}







.author{







background:url(images/user.png) no-repeat;







padding:0 0 0 20px;







}







.clock{	







background:url(images/time.png) no-repeat;







padding:0 0 0 20px;







}







.category{







float:left;







margin-left:4px;







padding:0px 0 0 20px;







color:#000;







background:url(images/tag.png);







background-repeat:no-repeat;







font-size:14px;







font-weight:normal;







}







.category a:link,a:visited {







color:#000;







}







span.com{

line-height:18px;

padding:0px 0px 0 20px;

background:url(images/comm.png) no-repeat;

font-size:13px;

margin-right:10px;

font-weight:bold;

}

span.com a, span.com a:link,span.com a:visited {

color:#000;

background-color: transparent;

}



span.com a:hover{

color:#000000;

}











span.bookmark_btn{background:url(images/bookmark16-gray.png) no-repeat; padding-left:16px; margin-bottom:3px; color:#444444; cursor:pointer;}



span.readlist_btn{background:url(images/readlist16-gray.png) no-repeat; padding-left:16px; margin-bottom:3px; color:#444444; cursor:pointer;}





span.bookmark_btn:hover{background:url(images/bookmark16.png) no-repeat;  color:#FF9900; cursor:pointer;}



span.readlist_btn:hover{background:url(images/readlist16.png) no-repeat; color:#FF9900; cursor:pointer;}







div.share{



	color:#006699;



	font-weight:bold;



    min-height:35px; background:url(images/socialbg.png) left no-repeat;



	padding-left:0px;



	cursor:pointer;







	}



.sharLoadSpinner{ display:none; background: url(images/loading.gif) no-repeat left; height:32px; width:32px; position:absolute; margin-left:300px; z-index:999999}



.sharebox{margin-top:10px; text-align:right;}



.shareboxFake{ min-height:35px; background:url(images/socialbg.png) left no-repeat;}







.entry a:link,.entry a:visited {







color: #336F96;







background-color: transparent;







text-decoration:none;







}







.entry a:hover {







color: #45728F;







background-color: transparent;







text-decoration:underline;







}







.entry {







margin: 5px 0;







padding:5px;







}







.entry img , .post img{	



border:1px solid #f4f4f4;



padding:4px;



background:#fff;



max-width:800px;



}







#mgid{margin:10px auto;}







.metabox{







margin-top:5px;







margin-bottom:5px;







border-top:1px solid #f4f4f4;







border-bottom:1px solid #f4f4f4;







background: #f9f9f9;







margin-bottom:5px;







color:#222;







padding:5px;







}







/* featured post */







#featured{ background:#f4f4f4; padding:3px;}







#featured h2{margin:0px; padding:5px; text-align:center}







#featured ul{; margin:0px; padding:0px; list-style-type:none}







#featured ul li{padding:3px; background:#ffffff; border-bottom:1px solid #f9f9f9; margin-bottom:1px; list-style-type:none;}







#featured ul li a{ text-decoration:none; color:#0066CC; font-size:14px;}







#featured .important{font-weight:bold;}







#featured ul li a:hover{ text-decoration:underline;}







/* end of featured post */







/* sidebar */







#sidebar{







width:310px;







/*padding:5px;*/







float:right;



background:#f1f1f1;



}







#sidebar h2{







background:#fbfbfb;







border:1px solid #f4f4f4;







color:#666666; padding:5px;







margin:0px;







margin-bottom:1px;







text-shadow:1px 1px white;







}







.sidebar_box{







padding:4px;







margin-bottom:10px;







border:1px solid #f4f4f4;







font-size:14px;







}







.sidebar_box a{







text-decoration:none;







color:#666666;







}







.sidebar_box a:hover{text-decoration:underline;}







.sidebar_box ul{







margin:0px;







padding:0px;







list-style-type:none;







font-weight:normal;







font-family: "Lucida Grande", sans-serif;







} 







.sidebar_box li{







margin-bottom:2px;







border:1px solid #f4f4f4;







}







.sidebar_box li a{







display:block;







text-decoration:none;







color:#666666;







background:#f9f9f9;







padding-left:15px;







}







.sidebar_box li a:hover{







background:#f4f4f4;







text-decoration:underline;







color:#222222;







}







#recent_post{







padding:5px;







margin-bottom:10px;







border:1px solid #f4f4f4;







font-size:14px;







}







#recent_post ul{









margin:0px;







padding:0px;







list-style-type:none;







font-weight:normal;







font-family: "Lucida Grande", sans-serif;







}







#recent_post ul li{ background:#FBFBFB; margin-bottom:5px; height:120px; overflow:hidden; border:1px solid #F4F4F4; list-style-type:none; padding:0px;}







#recent_post ul li img{width:94px; height:94px; padding:3px; background:#F4F4F4;}







#recent_post ul li .item_left{ float:left; width:100px; height:100px; margin-right:3px; background:#F4F4F4;} 








#recent_post ul li .item_right{ float:right; width:192px; height:100px; overflow:hidden; vertical-align:middle}







#fideohead{







height:30px;







}







#fvideo{







width:315px;







float:left;







margin:0 0 5px 0;







padding:5px 5px;







}







#fvideo p{







margin:5px 3px 10px 3px;







}







.feed{







width:293px;







height:34px;







margin:0px 0px 5px 0;







background:#fff;







padding:10px 5px 0 5px;







border:1px solid #bbb;







}







.input{







margin-left:5px;







float: left;







width: 200px;







padding: 3px 3px;







background: #8f8e8e ;







border: 1px solid #8f8e8e;







font-size:13px;







color:#fff;







}







.sbutton {







margin-right:10px;







float: right;







margin-top: 0px;







background: #a70909;







border: none;







color: #FFFFFF;







height:25px;







line-height:24px;







}







/* The Sidebar1 */







.sidebar1{







float:left;







width:150px;







padding-top:5px;







font-size:13px;







}







.sidebar1 h2 {







height:30px;







line-height:30px;







font-size:14px;







color:#8D1B11;







margin:0px 0 0 0 ;







padding:0px 0 0 10px;







background: #888888;







text-transform:uppercase;







}







.sidebar1 ul {







list-style-type: none;







margin: 0 ;







padding: 0;







}







.sidebar1 ul ul  {







list-style-type: none;







margin: 0;







padding: 0px 0px 10px 0px;







}







.sidebar1 ul ul ul {







list-style-type: none;







margin: 0;







padding: 0;







border:0;







}







.sidebar1 ul ul ul ul {







list-style-type: none;







margin: 0;







padding: 0;







border:0;







}







.sidebar1 ul li {







height:100%;







line-height:16px;







}







.sidebar1 ul li a:link, .sidebar1 ul li a:visited {	







color: #333333;







text-decoration: none;







padding: 5px 0px 5px 10px;







display:block;







border-left:1px solid #bbb;







border-right:1px solid #bbb;







border-bottom:1px solid #bbb;







background: #ffffff;







}







.sidebar1 ul li a:hover {	







background-repeat:no-repeat;







color:#B30605;







}







.sidebar1 p {	







padding: 7px 10px;







margin:0;







}







.sidebar1 table {	







width:100%;







text-align:center;







background:#D9D1CE;







}







/* The Sidebar2 */	







.sidebar2{	







float:right;







width:155px;







padding-top:5px;







font-size:14px;







}







.sidebar2 h2 {	







height:30px;







line-height:30px;







font-size:14px;







color:#8D1B11;







margin:0px 0 0 0 ;







padding:0px 0 0 5px;







background: #888888;







text-transform:uppercase;







}







.sidebar2 ul {	







list-style-type: none;







margin: 0 ;







padding: 0;







}







.sidebar2 ul ul  {	







list-style-type: none;







margin: 0;







padding: 0px 0px 10px 0px;







}







.sidebar2 ul ul ul {	







list-style-type: none;







margin: 0;








padding: 0;







border:0;







}







.sidebar2 ul ul ul ul {	







list-style-type: none;







margin: 0;







padding: 0;







border:0;







}







.sidebar2 ul li {	







height:100%;







line-height:16px;







}







.sidebar2 ul li a:link, .sidebar2 ul li a:visited {	







color: #333;







text-decoration: none;







padding: 5px 0px 5px 5px;







display:block;







border-left:1px solid #bbb;







border-right:1px solid #bbb;







border-bottom:1px solid #bbb;







background: #ffffff;







}







.sidebar2 ul li a:hover {	







background-repeat:no-repeat;







color:#B30605;







}







.sidebar2 p {	







padding: 7px 10px;







margin:0;







}







.sidebar2 table {	







width:100%;







text-align:center;







background-color:#D9D1CE;







}







/* --- FOOTER --- */







#external_feeds{







margin-top:10px;







border-bottom:1px solid #f4f4f4;







}







.feedbox{float:left; width:239px; padding:0 5px; height:200px; overflow:hidden; border-right:1px solid #f4f4f4;}







.feedbox h3{border-bottom:#444444 1px solid; margin:0px; font-size:16px; color:#444444}







.feedbox ul{







list-style-type:none;







margin:0px; padding:0px; 







font-size:12px;







}







.feedbox ul li a, .feedbox ul li a:hover , .feedbox ul li a:visited{







color:999999;







}





#footer_wrapp{

	

	}

#footer {	

margin-top:20px;

/*margin-bottom:40px;*/

margin-left:100px;

padding:10px 0 0 0px;

width:1150px;

/*padding-bottom:40px;*/

padding-bottom:10px;

}







#footer ul li {	







list-style-type:none;







}







#footer ul li a:link, #footer ul li a:visited {	







list-style-type:none;







}









.left{	







float:left;







padding: 45px 0 0 10px;







font-size:11px;







}







.right{	float:right;







font-size:11px;







padding: 45px 10px 0 0;







}







/* The Navigation */







.navigation {	







height:25px;







padding:3px 0px;







margin:5px 0 0 0;







}







.navigation a {	







font-weight:bold;







text-decoration:none;







font-size:14px;







color:#000;







}







.navigation a:hover {	







color:#B31B1B;







}







/* The Attachment */







.contentCenter {	







text-align:center;







}







/* The Page Title */







h2.pagetitle {	







border:1px solid #f4f4f4; padding:5px; margin-bottom:5px;







font-family:"Droid Sans", Helvetica, Arial, sans-serif;  









}







/* The Comments */







#comments{	







margin: 15px 0 0;







}







#respond{







padding: 10px 20px;







}







#comments-count{		







padding: 0 10px 7px 20px;







}







#comments h3{







padding: 0 10px 7px 20px;







border-bottom: 1px solid #f2f1e9;







font: 18px georgia, "trebuchet ms", serif;







text-transform: uppercase;







color: #666;







}







#comments ol.commentlist{	







list-style-type: none;







margin: 0;







padding: 0;







}







#comments ol.commentlist li{	







padding: 4px 10px 3px;







border-bottom: 1px solid #f2f1e9;







line-height: 22px;







}







#comments ol.commentlist li.highlighted{	







background: #f9f9f9;







}







#comments .required{







color: #a00;







}







#comments textarea{







width: 75%;







}







#comments p.nocomments, #respond form{







padding: 0 10px 10px;







}







#comments p#login-req{







padding: 20px 10px 10px;







}







p.comment_license{







line-height: 22px;







}







#commentform textarea {	







width:90%;







height:156px;







background:#f9f9f9;







border:1px solid #DDDDDD;







color:#444;







padding:10px;







overflow:auto;







font-size:14px;







}







#commentform input {	







background:#f9f9f9;







border:1px solid #DDDDDD;







color:#444;







padding-left:10px;







}







/*Bottom bar */	







#footbar{	







width:980px;







padding: 0px auto;







margin:0px auto;







float:left;







background: #CCCCCC;







height:100%;







}







.about{	







float:left;







width:310px;







padding-top:5px;







margin-right:5px;







margin-left:5px;







}







.about p{







font-size:14px;







color: #fff;







}







.barone{







float:left;







width:300px;







padding-top:5px;







margin-right:5px;







margin-left:5px;







font-size:14px;







color: #fff;







}







.barone ul{	







list-style-type: none;







margin: 0 ;







padding: 0;







}







.barone h2 {	







height:24px;







line-height:24px;







font-size:16px;







color:#06324e;







margin:0px 0 0 0 ;







padding:0px 0 0px 0px;







font-weight:bold;







}







.barone ul li {	







height:100%;







line-height:18px;







padding: 5px 0px 0px 5px;















overflow:hidden;







color:#8d1a10;







}







.barone ul li a:link, .barone ul li a:visited {	







color:#111;







text-decoration: none;







padding: 0px 0px 0px 0px;







font-size:11px;







margin:0 0;







}







.barone ul li a:hover {	







font-size:11px;







color: #333;







}







h2.rp {	







margin:5px 0px;







color:#2D3133;









line-height:30px;







padding:0px 0px  0px 0px;







text-indent:-9000px;







height:30px;







}







h2.rc {	







margin:5px 0px;







color:#2D3133;









line-height:30px;







padding:0px 0px  0px 0px;







text-indent:-9000px;







height:30px;







}







h2.au {	







margin:5px 0px;







color:#2D3133;













line-height:30px;







padding:0px 0px  0px 0px;







text-indent:-9000px;







height:30px;







}







.rblock h3{	







margin: 0px 0 0px 0;







padding: 0px 0px 0px 0px;







text-align: left;







font-size:14px;







height:18px;







overflow:hidden;







}







.rblock h3 a:link, .rblock h3 a:visited{	







color:#111;







}







.rblock {		







width: 300px;







float:left;







margin: 5px 10px 0px 0px;







padding:0px 0 0 5px;







display:inline;









color:#222;







}







.rblock p{	







margin:0px 0px;







padding:0 0;







color:#333;







font-size:11px;







}







.rblock img{	







margin:0px 5px 0px 0px;







padding:2px 2px;







float:left;







background:#fff;







}







.auth{		







margin: 0px 0 0px 0;







padding: 0px 0px 0px 0px;







text-align: left;







font-size:12px;







line-height:14px;







}







.fmeta {	







margin: 0px 0 0px 0px;







padding: 0px 0px 0px 0px;







text-align: left;







font-size:11px;







line-height:12px;







color:#444;







text-align: left;







}







.heart a, .heart a:link, .heart a:visited  {







width:60px;







height:60px;







}







.heart:hover{







width:61px;







height:61px;







}







#myslides{







position:relative;







height:230px;







width: 666px;







background:#ffffff;







border:2px solid #f4f4f4;







border-left:none;







border-right:none;







}







.stepcarousel{







position: relative;







overflow: scroll;/*leave this value alone*/







width: 575px;/*leave this value alone*/







height:232px;/*Width of Carousel Viewer itself*/







margin: 0px 45px 0px 45px;/*Height should enough to fit largest content's height*/







}







.stepcarousel .belt{







position: absolute;







/*leave this value alone*/







left: 0;







top: 0;







}







.stepcarousel .panel{







float: left; 







/*leave this value alone*/







overflow: hidden;







/*clip content that go outside dimensions of holding panel DIV*/







margin: 10px  3px ;







/*margin around each panel*/







width:570px;







/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ 







height:212px;







}







.stepcarousel .panel img{







float:left;









background:#fff;







/*clip content that go outside dimensions of holding panel DIV*/







margin: 10px 0px 0px 10px;







/*margin around each panel*/padding:5px 5px;







}







.slide_image{float:left; width:290px;}







.slide_content{







width:245px;







margin-right:5px;







height:190px;







float:right;







text-align:justify;







}







.leftone{	







width:43px;







height:140px;







padding-top:90px;







position:absolute;







left:0px;







top:0px;







background:url(images/sliderLeftBg.gif) repeat-y #EEEEEE;







z-index:60;







}







.rightone{







width:45px;







height:140px;







padding-top:90px;







background:url(images/sliderRightBg.gif) repeat-y #EEEEEE;







position:absolute;







right:0px;







top:0px;







z-index:60;







}







.panel h2{	







font-size:15px;







font-weight:bold;







color:#666666;







}







.panel h2 a:link, .panel h2 a:visited{	







color:#666666;







}







.tabberlive .tabbertabhide {







display:none;







}







/*--------------------------------------------------







.tabber = before the tabber interface is set up







.tabberlive = after the tabber interface is set up







--------------------------------------------------*/







.tabber {







}







.tabberlive {







margin-top:6px;







margin-left:0px;







margin-right:0px;







}







/*--------------------------------------------------







ul.tabbernav = the tab navigation list







li.tabberactive = the active tab







--------------------------------------------------*/







ul.tabbernav







{







margin:0;







padding:5px;







font-size:16px;







background:#444444;







color:#FFFFFF;







}







ul.tabbernav li







{







list-style: none;







margin: 0;







display: inline;







color:#5AB7D8;







}







ul.tabbernav li a







{







padding: 5px 0.5em;







margin-left: 3px;







border-bottom: none;







text-decoration: none;







}







ul.tabbernav li a:link { color:#ddd;







}







ul.tabbernav li a:visited { color:#ddd;







}







ul.tabbernav li a:hover







{







color: #fff;







}







ul.tabbernav li.tabberactive a







{







color: #3C2E1B;







}







ul.tabbernav li.tabberactive a:hover







{







color: #444444;







}







/*--------------------------------------------------







.tabbertab = the tab maincontent







Add style only after the tabber interface is set up (.tabberlive)







--------------------------------------------------*/







.tabberlive .tabbertab {







padding: 10px 5px 5px 5px;







background: #CCCCCC;







font-size:12px;







color:#499fbd;







/* If you don't want the tab size changing whenever a tab is changed







you can set a fixed height */







/* height:200px;







*/







/* If you set a fix height set overflow to auto and you will get a







scrollbar when necessary */







/* overflow:auto;







*/







}







.tabberlive .tabbertab a{







color:#374554;







}







.tabberlive .tabbertab p{







margin:0px 0;







}







.tabberlive .tabbertab a:hover{







color:#B11B1A;







}







.tabberlive .tabbertab li {







list-style:none !important;







list-style:outside;







margin:0px 0px 0px 0px;







padding:0px 0px 0px 0px;







}







.tabberlive .tabbertab ul {







list-style:none;







margin:0px 0px 15px 0px;







padding:0px 0px 0px 0px;







}







.tabberlive .tabbertab ul li {







list-style:none;







padding:5px 0px 5px 5px;







color:#9F8663;







background:#fff;







margin-top:1px;







}







.tabberlive .tabbertab ul li:hover{







list-style:none;







padding:5px 0px 5px 5px;







color:#444444;







background:#fff;







margin-top:1px;







}







.tabberlive .tabbertab ul li a {







color:#9F8663;







padding:0px 0px 0px 5px;







}







.tabberlive .tabbertab ul li a:hover {







color:#444444;







padding:0px 0px 0px 5px;







}







/* If desired, hide the heading since a heading is provided by the tab */







.tabberlive .tabbertab h2 {







display:none;







}







.tabberlive .tabbertab h3 {







display:none;







}







/* Example of using an ID to set different styles for the tabs on the page */







.tabberlive#tab1 {







}







.tabberlive#tab2 {







}







.tabberlive#tab2 .tabbertab {







height:200px;







overflow:auto;







}







/*------------------Mini Post CSS ------------*/







.minipost {







width: 328px;







float:left;







margin: 8px 5px 12px 2px;







background: #FFFFFF;







display:inline;







color:#222;







}







.minipost h2{







margin: 2px 0 0px 0px;







padding: 0px 0px 3px 10px;







text-align: left;







font-size: 20px;







text-transform:capitalize;







overflow:hidden;







height:22px;







border:1px solid #cccccc;







border-bottom:none;







background: url(images/TitleWhiteBg.png) repeat-x #D1D1D1;







color:#444444;







}







.minipost h2 a, .minipost h2 a:visited{







color:#444444;







}







.minipost h2 a:hover  {







color: #444444;







background-color: transparent;







}







span.arrow{







size:30px;







color:#444444;







}







span.title{







size:30px;







color:#444444;







padding-right:2px;







float:left;







width:10px;







}







.hentry {







height:200px;







padding:0px 5px 2px 5px;







border:#ccc 1px solid;







overflow:hidden;







}







.hentry ul {







margin: 3px 0 0px 0;







padding: 0px 0px 3px 0px;







text-align: left;







font-size: 12px;







font-weight:bold;







float:right;







width:300px;color: #000;







}







.hentry li {







list-style-type:square;







line-height:20px;color: #444444;







}







.hentry li a, .hentry li a:link, .hentry li a:visited {







color: #444444;







font-size:12px;







}







.hentry li a:hover, .hentry li a:active {







color:#000000;







text-decoration: none;







}







/* ----------------End Mini Post CSS -------------------*/







/*-------------------onetarek style for similar post ------------------*/







.similar_posts{







padding:5px;







margin-bottom:10px;







border:1px solid #f4f4f4;







font-size:14px;







height:20px; 







width:150px;







background: url(images/TitleWhiteBg.png) repeat-x #D1D1D1;







color:#444444;







font-weight:bold;







z-index:999999;







}







.similar_posts a{







text-decoration:none;







color:#990000;







}







.similar_posts a:hover{text-decoration:underline;}







.similar_posts:hover ul{visibility: visible;}







.similar_posts ul{  width:500px; border:5px solid #dddddd;







display:block;







visibility:hidden;







position:absolute;







margin:0px;







margin-top:8px;







margin-left:-5px;







background:#dddddd;







padding:0px;







list-style-type:none;







} 







.similar_posts li{







margin-bottom:2px;







border:1px solid #f4f4f4;







}







.similar_posts li a{







display:block;







text-decoration:none;







color:#444444;











padding-left:15px;







}







.similar_posts li a:hover{







background:#f4f4f4;







text-decoration:underline;







}







/*-------------------end onetarek style for similar post ------------------*/	







/*-------------------------------SUBSCRIPTION----------------------*/







#subscribebox{ background:#fbfbfb; border:1px solid #f4f4f4; padding:5px; margin-bottom:10px;}







.button







{







border-color:#bbb;color:#464646;







background:#f2f2f2 url(images/white-grad.png) repeat-x scroll left top;text-shadow:rgba(255,255,255,1) 0 1px 0;







}







.button:hover{color:#000;border-color:#666;}







.follow-options{background-color:#f6f6f6;padding:5px;overflow:hidden;border-top:1px solid white}







.follow-options a{text-shadow:1px 1px white}







.follow-options {list-style:none;overflow:hidden; margin:0px; padding:0px;}







.follow-options  td span{padding:4px 0px 4px 20px; margin-right:3px;background:url(images/subscribe_icons.png) no-repeat 0 1px}







.follow-options  td span a{font-size:.9em;font-weight:bold}







.follow-options  td span.digg{background-position:0 -20px}







.follow-options  td span.facebook{background-position:-77px 1px}







.follow-options  td span.rss{background-position:-77px -20px; }







.follow-options  td span.stumbleupon{background-position:0 -41px}







.follow-options  td span.linkedin{background-position:-77px -41px}







/*----------------------RECOMMENDED----------------------------------------*/







#profile-header{background:#FBFBFB; color:#666666; padding:5px; height:32px; margin:0px; border:1px solid #f4f4f4; margin-bottom:10px;}







#profile-header-left{ float:left; width:32px; height:30px; border:1px solid #fff;}







#profile-header-middle{ float:left; width:568px;height:30px;  border:1px solid #fff; font-size:20px; color:666666;}







#profile-header-right{ float:right; width:380px;height:30px; border:1px solid #fff;}







.followbutton{ height:27px; width:74px; background:url(images/followbutton.png) left top no-repeat; border:none; cursor:pointer;}

.followingbutton{ height:27px; width:100px; background:url(images/followbutton.png) 0px -28px no-repeat ; border:none; cursor:pointer;}

.followingbutton:hover{ height:27px; width:100px; background:url(images/followbutton.png) 0px -56px no-repeat ; border:none; cursor:pointer;}



#topic_list_home .followbutton{ height:22px; width:60px; background:url(images/followbutton_medium.png) left top no-repeat; border:none; cursor:pointer;}

#topic_list_home .followingbutton{ height:22px; width:80px; background:url(images/followbutton_medium.png) 0px -22px no-repeat ; border:none; cursor:pointer;}

#topic_list_home .followingbutton:hover{ height:22px; width:80px; background:url(images/followbutton_medium.png) 0px -44px no-repeat ; border:none; cursor:pointer;}


.followbutton_loading{ height:16px; width:16px; background:url(https://thetechjournal.com/wp-content/uploads/2012/07/loading16.gif) top left; border:none;}



.refresh_tweet{ height:16px; width:65px; padding-left:19px;  border:1px solid #f1f1f1;; cursor:pointer; margin-bottom:10px;}


.refresh_tweet_loading{ height:16px; width:65px; padding-left:19px; background:url(https://thetechjournal.com/wp-content/uploads/2012/07/loading16.gif) top left no-repeat; border:1px solid #f1f1f1; cursor:default;  margin-bottom:10px;}



/*-------------------------------FEATURED POST TABS----------------------------------------------------*/



#sb_tabAreaWrapper{height:630px;margin-bottom:20px;}



#sb_tabBtnContainer{margin:0px; padding:0px; list-style-type:none;}



#sb_tabBtnContainer li{cursor:pointer;  width:91px;  font-weight:bold; text-align:center; list-style-type:none; padding:5px; border:1px solid #f4f4f4; float:left;}



.sb_selectedTab{background:#222222; color:#fff;}







.sb_tabbox{ 



	display:none;



	min-height:100px;



	padding:5px;



	margin-bottom:10px;



	border:1px solid #f4f4f4;



	font-size:14px;



}



.sb_tabbox ul{	margin:0px;padding:0px;	list-style-type:none;font-weight:normal;font-family: "Lucida Grande", sans-serif;}



.sb_tabbox ul li{background:#FBFBFB; margin-bottom:5px; height:52px; overflow:hidden; border:1px solid #F4F4F4; list-style-type:none; padding:0px;}



.sb_tabbox ul li img{/*width:50px; height:50px;*/ padding:1px; background:#F4F4F4;}



.sb_tabbox ul li a{font-size:12px;}



.sb_tabbox ul li .item_left{ float:left; width:52px; height:52px; margin-right:3px; background:#F4F4F4;} 



.sb_tabbox ul li .item_right{ float:right; width:240px; height:52px; overflow:hidden; vertical-align:middle}



.sb_tabbox ul li .item_right .bookmarkbox{ display:none;height:20px; width:40px; position:absolute; z-index:99999;  margin-left:200px;margin-top:-20px;}



.sb_tabbox ul li .item_right:hover .bookmarkbox{ display:block;}



.sb_tabbox ul li .item_right .bookmarkbox .bookmarkBtn{background:url(images/bookmark16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_tabbox ul li .item_right .bookmarkbox .readlistBtn{background:url(images/readlist16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_tabbox ul li .item_right .bookmarkbox .bookmarkBtn:hover{background:url(images/bookmark16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_tabbox ul li .item_right .bookmarkbox .readlistBtn:hover{background:url(images/readlist16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_tabbox ul li .item_right .bookmarkbox .compareBtn{background:url(images/compare16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_tabbox ul li .item_right .bookmarkbox .compareBtn:hover{background:url(images/compare16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}





.compareTxtBtn{font-weight:bold; cursor:pointer;}

.compareTxtBtn:hover{color:#006666;}



/****************************************SIDEBAR POST LIST****************************************************************/



.sb_post_list{ 

	min-height:100px;

	padding:5px;

	margin-bottom:10px;

	border:1px solid #f4f4f4;

	font-size:14px;

}



.sb_post_list ul{	margin:0px;padding:0px;	list-style-type:none;font-weight:normal;font-family: "Lucida Grande", sans-serif;}



.sb_post_list ul li{background:#FBFBFB; margin-bottom:5px; height:52px; overflow:hidden; border:1px solid #F4F4F4; list-style-type:none; padding:0px;}



.sb_post_list ul li img{width:50px; height:50px; padding:1px; background:#F4F4F4;}



.sb_post_list ul li a{font-size:12px;}



.sb_post_list ul li .item_left{ float:left; width:52px; height:52px; margin-right:3px; background:#F4F4F4;} 



.sb_post_list ul li .item_right{ float:right; width:240px; height:52px; overflow:hidden; vertical-align:middle}



.sb_post_list ul li .item_right .bookmarkbox{ display:none;height:20px; width:40px; position:absolute; z-index:99999;  margin-left:200px;margin-top:-20px;}



.sb_post_list ul li .item_right:hover .bookmarkbox{ display:block;}



.sb_post_list ul li .item_right .bookmarkbox .bookmarkBtn{background:url(images/bookmark16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_post_list ul li .item_right .bookmarkbox .readlistBtn{background:url(images/readlist16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_post_list ul li .item_right .bookmarkbox .bookmarkBtn:hover{background:url(images/bookmark16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_post_list ul li .item_right .bookmarkbox .readlistBtn:hover{background:url(images/readlist16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.compareBtn{background:url(images/compare16-gray.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.compareBtn:hover{background:url(images/compare16.png) no-repeat; padding-left:16px;  color:#FF9900; cursor:pointer;}



.sb_product_list{ 

	min-height:100px;

	margin-bottom:10px;

	font-size:12px;

	margin:0; padding:0; 

	padding-left:5px;

}



.sb_product_list .product_list_item{width:140px; height:171px; float:left; padding:5px 2px; margin:2px; border:1px solid #ebebeb; background:#FFFFFF;  margin-bottom:4px; text-align:center;font-weight:normal;font-family: "Lucida Grande", sans-serif;}

.sb_product_list .product_list_item:hover{

	box-shadow:inset 0px 0px 15px #cccccc;

	-webkit-box-shadow:inset 0px 0px 15px #cccccc;

	-moz-box-shadow:inset 0px 0px 15px #cccccc;

	}

.sb_product_list .product_list_item img{width:130px; height:120px; padding:1px;}

.sb_product_list .product_list_item .product_name{height:28px;padding-top:3px; font-size:12px; line-height:14px; overflow:hidden;}

.sb_product_list .product_list_item .compare_box{ height:20px;}



/*----------------------------------------TTJ MENUHBAR CSS----jqueryslidemenu.css------------WRITE ALL MAIN CSS ABOVE THIS LINE--------------------------------------------------------*/



.jqueryslidemenu{





font: bold 12px Verdana;



/*background: #414141;*/



background:#000000;



width: 1250px;

margin:0 auto;





}











.jqueryslidemenu ul{





margin: 0;





padding: 0;





list-style-type: none;





}











/*Top level list items*/





.jqueryslidemenu ul li{





position: relative;





display: inline;





float: left;





}











/*Top level menu link items style*/





.jqueryslidemenu ul li a{





display: block;





background:#000000; /*background of tabs (default state)*/





color: white;





padding: 8px 10px;





border-right: 1px solid #778;





color: #2d2b2b;





text-decoration: none;





}











* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/





display: inline-block;





}











.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{





color: white;





}











.jqueryslidemenu ul li a:hover{





background: #444444; /*tab link background during hover state*/





color: white;





}





	





/*1st sub level menu*/





.jqueryslidemenu ul li ul{





position: absolute;





left: 0;





display: block;





visibility: hidden;





}











/*Sub level menu list items (undo style from Top level List Items)*/





.jqueryslidemenu ul li ul li{





display: list-item;





float: none;





}











/*All subsequent sub menu levels vertical offset after 1st level sub menu */





.jqueryslidemenu ul li ul li ul{





top: 0;





}











/* Sub level menu links style */





.jqueryslidemenu ul li ul li a{





font: normal 13px Verdana;





width: 160px; /*width of sub menus*/





padding: 5px;





margin: 0;





border-top-width: 0;





border-bottom: 1px solid gray;





}











.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/





background: #eff9ff;





color: black;





}











/* ######### CSS classes applied to down and right arrow images  ######### */











.downarrowclass{





position: absolute;





top: 12px;





right: 7px;





}











.rightarrowclass{





position: absolute;





top: 6px;





right: 5px;





}











/*--------------------------------------MENU 2--------------------------*/



.oneLevelMenu{

font: bold 12px Verdana;

border-top:1px solid #f4f4f4;

border-bottom:1px solid #f4f4f4;

/*background: url(TitleWhiteBg.png) repeat-x #f4f4f4;*/

width: 100%;

margin:0 auto;

}



.oneLevelMenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.oneLevelMenu ul li{

display: inline-block;

/*float: left;*/

}

/*Top level menu link items style*/

.oneLevelMenu ul li a{

display: block;

/*background: #444444;*/ /*background of tabs (default state)*/

color: white;

padding: 8px 10px;

border-right: 1px solid #EBEBEB;

color: #444444;

text-decoration: none;

}



* html .oneLevelMenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.oneLevelMenu ul li a:link, .oneLevelMenu ul li a:visited{

color: #444444;

}











.oneLevelMenu ul li a:hover{

background: #444444; /*tab link background during hover state*/

color: white;

}







/********************AUTHOR BIO UNDER SINGLE POST*******************/

#author_meta_box_title

{

 

font-size: 13px; color: #8c7e7e; background-color: #fbfbfb; border-top: 1px solid #cfcaca; box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);

padding-left:5px;

}

#author_meta_box{

font-size: 13px; color: #8c7e7e; background-color: #fbfbfb; border-top: 4px solid #f2f2f2; border-bottom:1px solid #f2f2f2;

}

#author_meta_box a{ color:#000; font-weight:normal;}



/******************************PRODUCT MANAGEMENT************************************************************************/





.specs

{

	

	-webkit-border-radius:3px;border-radius:3px;border-width:1px;border-style:solid;

	border-spacing:0;width:100%;clear:both;margin:0





}

.specs tr{background:#CCCC99;}

.specs tr td{padding-left:5px;}

/*form adim css--------*/

.widefat *{word-wrap:break-word}

.widefat a{text-decoration:none}

.widefat thead th:first-of-type{-webkit-border-top-left-radius:3px;border-top-left-radius:3px}

.widefat thead th:last-of-type{-webkit-border-top-right-radius:3px;border-top-right-radius:3px}

.widefat tfoot th:first-of-type{-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px}

.widefat tfoot th:last-of-type{-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}

.widefat td,.widefat th{border-width:1px 0;border-style:solid}

.widefat tfoot th{border-bottom:0}

.widefat .no-items td{border-bottom-width:0}

.widefat td{font-size:12px;padding:4px 7px 2px;vertical-align:top; border-right:1px dashed #eeeeee;}

.widefat tr td:first-of-type{border-left:1px dashed #eeeeee;}

.widefat td p,.widefat td ol,.widefat td ul{font-size:12px}

.widefat th{padding:7px 7px 8px;text-align:left;line-height:1.3em;font-size:14px;  border-right:1px dashed #eeeeee;}

.widefat th input{margin:0 0 0 8px;padding:0;vertical-align:text-top}

.widefat .check-column{width:2.2em;padding:11px 0 0;vertical-align:top}

.widefat tbody th.check-column{padding:9px 0 22px}

.widefat .num{text-align:center}

.widefat th#comments{vertical-align:middle}

.widefat th{font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif}

.widefat th,.widefat td{overflow:hidden}

.widefat th{font-weight:normal}

.widefat td p{margin:2px 0 .8em}

.widefat .column-comment p{margin:.6em 0}

.widefat th.sortable,.widefat th.sorted{padding:0}th.sortable a,th.sorted a{display:block;overflow:hidden;padding:7px 7px 8px}

.widefat tfoot th,.plugins-php .widefat tfoot td{border-top-style:solid;border-top-width:1px}





.widefat{border-color:#dfdfdf;background-color:#f9f9f9}

h3.widefat, thead tr th,.widefat tfoot tr th{background-color:#f1f1f1;background-image:-ms-linear-gradient(top,#f9f9f9,#ececec);background-image:-moz-linear-gradient(top,#f9f9f9,#ececec);background-image:-o-linear-gradient(top,#f9f9f9,#ececec);background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ececec));background-image:-webkit-linear-gradient(top,#f9f9f9,#ececec);background-image:linear-gradient(top,#f9f9f9,#ececec)}

.widefat td,.widefat th{border-top-color:#fff;border-bottom-color:#dfdfdf}

.widefat th{text-shadow:rgba(255,255,255,0.8) 0 1px 0}

.widefat td{color:#555}.widefat p,.widefat ol,.widefat ul{color:#333}

.widefat thead tr th,.widefat tfoot tr th{color:#333}

table.widefat span.delete a,table.widefat span.trash a,table.widefat span.spam a{color:#bc0b0b}

table.widefat span.trash a,table.widefat span.spam a{color:#bc0b0b}

table.widefat .delete a:hover,table.widefat .trash a:hover,table.widefat .spam a:hover{color:#f00}