@charset "utf-8";







@import url("fontStyle.css");















/*















Theme Name: WordPress Default















Theme URI: http://wordpress.org/















Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.















Version: 1.6















Author: Michael Heilemann















Author URI: http://binarybonsai.com/















Tags: blue, custom header, fixed width, two columns, widgets































	Kubrick v1.5















	 http://binarybonsai.com/kubrick/































	This theme was designed and built by Michael Heilemann,















	whose blog you will find at http://binarybonsai.com/































	The CSS, XHTML and design is released under GPL:















	http://www.opensource.org/licenses/gpl-license.php































*/































/* Begin Typography & Colors */















body{ background:url(images/interakt_blogBg1.png) no-repeat center top #014083; margin:0; color:#333; width:100%; overflow-x:hidden; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; border-top:7px solid #fff; }















iframe{ border:none; }















em{ color:#999999; font-style:italic; font-size:11px; }















#page{ text-align:left; display:block; overflow:hidden; }































#header{ background:#73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center; }















#headerimg { margin:7px 9px 0; height:192px; width:740px; }















#content{ }















.widecolumn .entry p{  }















.narrowcolumn .entry, .widecolumn .entry{  }















.widecolumn{  }















.narrowcolumn .postmetadata{ text-align:center; }















.alt{ background-color:#F7F7F7; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; }















#footer { background:#eee url('images/kubrickfooter.jpg') no-repeat top; border:none; }















small{ font-size:10px; line-height:13px; }































#sidebar{ display:block; overflow:hidden; }































.runBlue h6 a{ font-size:18px; line-height:22px; }































#headerimg .description{ text-align:center; }















.commentlist li{ font-weight:bold; }















.commentlist li .avatar{ float:right; border:1px solid #eee; padding:2px; background:#fff; }















.commentlist cite, .commentlist cite a{ font-weight:bold; font-style:normal; }















.commentlist p{ font-weight:normal; text-transform:none; }















.commentmetadata{ font-weight:normal; }































small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike{ color:#777; }















acronym, abbr, span.caps{ letter-spacing:.07em; }































#wp-calendar a{ text-decoration:none; }















#wp-calendar caption{ text-align:center; }















#wp-calendar th{ font-style:normal; text-transform:capitalize; }















/* End Typography & Colors */































/* Begin Structure */







#header{ background-color:#73a0c5;	margin:0 0 0 1px;padding:0; }















#headerimg{ margin:0; height:200px; width:100%;	}















.disBlock{ clear:both;display:block; overflow:hidden; }















.clear{ clear:both; }































/* Layout accdg to Interakt */















.mainCenter{ width:990px; display:block; overflow:hidden; text-align:center; margin:auto; }















.mainContainer{ width:990px;display:block; overflow:hidden;text-align:center; margin:auto; border:1px solid #a7a7a7; background-color:#ebebeb; clear:both; }















.blogContentLt{ float:left; width:659px; display:block; background-color:#ebebeb; text-align:left; overflow:hidden; padding:20px; background-color:#ebebeb; }















.blogContentRt{ float:left; width:250px; display:block; overflow:hidden; padding:20px; background:#fff url(images/blog_rsBg.gif) repeat-x bottom ; }































.blogSearch{ background:url(http://www.interaktco.com/images/generic/blog_bg_search.png) repeat-x; display:block; overflow:hidden; height:26px; padding:5px 20px; width:950px; margin:auto; text-align:center; }















.gBlockMedMidInner{ display:block; overflow:hidden; padding:0px 20px; }































/* 







Widget Styles 







h2.widgettitle, .widgettitle, .blogContentRt li.widget .widgettitle{ list-style:none; font-size:16px; line-height:16px; padding-bottom:5px;  }







.blogContentRt li{ margin:0; padding:0; }







*/















.blogContentRt li.widget{ list-style:none; font-size:13px; }







.blogContentRt li.widget ul{ list-style:none; margin-bottom:10px; padding:0; }







.blogContentRt li.widget ul li a{ color:#000000; font-size:13px; }







.blogContentRt li.widget ul li a:hover{ color:#ff9800; }















.widgettitle{ font-size:16px; line-height:16px; margin:0;  }















.widget_categories ul, .widget_archive ul{ margin:10px 0 0; padding:0; }







.widget_categories ul li, .widget_archive ul li{ list-style:none; margin:0; background:url(http://www.interaktco.com/images/generic/OrangeArr2.gif) no-repeat left 5px; padding:0 0 5px 15px; }















.widget_tag_cloud .wp-tag-cloud{ padding:0px 10px; display:block; overflow:hidden;  }















.widget_tag_cloud{ display:block; overflow:hidden; }















.widget_tag_cloud h2{ clear:both; display:block; overflow:hidden; margin-bottom:10px; }















.widget_tag_cloud a{ color:#333333; text-decoration:none; margin-right:5px; }















.widget_tag_cloud a:hover{ color:#ff9800; text-decoration:underline; }















.widget_tag_cloud ul{ display:block; overflow:hidden; }















.widget_tag_cloud ul li{ display:inline; background-image:none; }















/* Widget Styles */































.post{ padding:20px; border:1px solid #CCCCCC; background-color:#FFFFFF; margin-bottom:20px; display:block; overflow:hidden; }















.post hr{ display:block; }































.narrowcolumn .postmetadata{ padding-top:5px; }















.postmetadata{ clear:both; }































.widecolumn{ padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }















.widecolumn .post{ margin:0; }















.widecolumn .postmetadata{ margin:30px 0; }















.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }















.widecolumn .attachment { text-align:center; margin:5px 0px; }































#footer{ padding:0; margin:0 auto; width:760px; clear:both; }















#footer p{ margin:0; padding:20px 0; text-align:center; }















/* End Structure */































/* Begin Images */















p img {















	padding: 0;















	max-width: 100%;















	}































img.centered {















	display: block;















	margin-left: auto;















	margin-right: auto;















	}































img.alignright {















	padding: 4px;















	margin: 0 0 2px 7px;















	display: inline;















	}































img.alignleft {















	padding: 4px;















	margin: 0 7px 2px 0;















	display: inline;















	}































.alignright {















	float: right;















	}































.alignleft {















	float: left















	}















/* End Images */































/* Begin Lists















	Special stylized non-IE bullets















	Do not work in Internet Explorer, which merely default to normal bullets. */























/*







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;















	}







*/







.entry ul {















	margin-left: 0px;















	padding: 0 0 0 30px;















	list-style: none;















	padding-left: 10px;















	text-indent: -10px;















	}







.entry li {















	margin: 7px 0 8px 10px;















	}















.entry ul li:before, #sidebar ul ul li:before {















	content: "\00BB \0020";















	}















.entry ol {















	padding: 0 0 0 35px;















	margin: 0;















	}















.entry ol li {















	margin: 0;















	padding: 0;















	}















.postmetadata ul, .postmetadata li {















	display: inline;















	list-style-type: none;















	list-style-image: none;















}















#sidebar ul, #sidebar ul ol {















	margin: 0;















	padding: 0;















	}















#sidebar ul li {















	list-style-type: none;















	list-style-image: none;















	margin-bottom: 15px;















	}















#sidebar ul p, #sidebar ul select {















	margin: 5px 0 8px;















	}















#sidebar ul ul, #sidebar ul ol {















	margin: 5px 0 0 10px;















	}















#sidebar ul ul ul, #sidebar ul ol {















	margin: 0 0 0 10px;















	}















ol li, #sidebar ul ol li {















	list-style: decimal outside;















	}















#sidebar ul ul li, #sidebar ul ol li {















	margin: 3px 0 0;















	padding: 0;















	}















/* End Entry Lists */































/* Begin Form Elements */















/*















#searchform {















	margin: 10px auto;















	padding: 5px 3px;















	text-align: center;















	}















#sidebar #searchform #s {















	width: 108px;















	padding: 2px;















	}















#sidebar #searchsubmit {















	padding: 1px;















	}















	*/















	















.entry form { /* This is mainly for password protected posts, makes them look better. */















	text-align:center;















	}















/* End Form Elements */































/* Begin Comments*/















.alt{}















.commentlist{ padding:0; }















.commentlist li{ margin:15px 0 3px; padding:5px 10px 3px; list-style:none; }















.commentlist p{ margin:10px 5px 10px 0; }















#commentform p{ margin:5px 0; }















.nocomments{ text-align:center; margin:0;	padding:0;	}















.commentmetadata{ margin:0; display:block; }















/* End Comments */































/* Begin Sidebar */















#sidebar form{ margin:0; }















/* End Sidebar */































/* Begin Calendar */















#wp-calendar {















	empty-cells: show;















	margin: 10px auto 0;















	width: 155px;















	}































#wp-calendar #next a {















	padding-right: 10px;















	text-align: right;















	}































#wp-calendar #prev a {















	padding-left: 10px;















	text-align: left;















	}































#wp-calendar a {















	display: block;















	}































#wp-calendar caption {















	text-align: center;















	width: 100%;















	}































#wp-calendar td {















	padding: 3px 0;















	text-align: center;















	}































#wp-calendar td.pad:hover { /* Doesn't work in IE */















	background-color: #fff; }















/* End Calendar */































































/* Begin Various Tags & Classes */















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;















	}































.hidden {















	display: none;















	}































hr {















	display: none;















	}































a img {















	border: none;















	}















/*















.navigation {















	display: block;















	text-align: center;















	margin-top: 10px;















	margin-bottom: 60px;















	}















*/















.navigation{ display:block; overflow:hidden; padding-bottom:10px; }	















.navigation, .navigation a{ font-size:13px; color:#333333; text-decoration:none; }	















.navigation a:hover{color:#ff9800; text-decoration:none; }	































/* End Various Tags & Classes*/































/* Captions */















.aligncenter,















div.aligncenter {















	display: block;















	margin-left: auto;















	margin-right: auto;















}































.wp-caption {















	border: 1px solid #ddd;















	text-align: center;















	background-color: #f3f3f3;















	padding-top: 4px;















	margin: 10px;















	-moz-border-radius: 3px;















	-khtml-border-radius: 3px;















	-webkit-border-radius: 3px;















	border-radius: 3px;















}































.wp-caption img {















	margin: 0;















	padding: 0;















	border: 0 none;















}































.wp-caption p.wp-caption-text {















	padding: 0 4px 5px;















	margin: 0;















}















/* End captions */















/* 







 * Combined CSS of Generic Header and Share.css 







 * Used for blog section only.







 *







*/







.lsSideBg{ display:block; border-top:42px #FFF solid; overflow:hidden; }







.rsSideBg{ display:block; background-color:#FFF; overflow:hidden; height:7px; padding:0; margin:0; }















.logoSection{ width:166px; height:108px; display:block; position:absolute; z-index:100; margin:-7px; overflow:hidden; }







.logoSection a img{ margin-left:0 }







.logoSection span{ position:absolute; margin:55px 0 0 125px; }







.logoLinks{ position:absolute; margin-left:710px; }







.logoLinks a{ margin:0 10px; }















.menuInnerSection,.menuSection{ width:990px; display:block; position:absolute; z-index:99; background:url(http://www.interaktco.com/images/generic/mainMenu_bg.png) repeat-x top; text-align:right; overflow:hidden; }















.menuSecInner{ display:block; overflow:hidden; height:35px; padding:0 10px; }







.menuSecInner a{ display:block; float:right; background:url(http://www.interaktco.com/images/generic/menuDiv.png) no-repeat right top; overflow:hidden; padding:10px 24px; }















.mainMenu,.innerMenu,.alignLeft,.taL{ text-align:left; }















.subMenuFullSec{ width:990px; display:block; overflow:hidden; }















.subMenuFullSec{ width:990px; display:block; overflow:hidden; }















.subMenuSec{ width:930px; height:85px; background-image:url(http://www.interaktco.com/images/generic/gra_transparency_bg.png); display:block; margin-top:-100px; overflow:hidden; padding:0 30px 15px 280px; }















.innerSubMenuSec{ width:930px; height:115px; background-image:url(http://www.interaktco.com/images/generic/gra_transparency_bg.png); display:block; margin-top:-130px; overflow:hidden; padding:0 30px 15px 250px; }















.SecondLevelMenuCol ul li,.SecondLevelMenuColOn ul li,.subMenuSecLearn ul li,.subMenuSecKnow ul li,.subMenuSecSee ul li,.subMenuSecShare ul li,.gListNone ul,.gListOrangeArr ul,.gListOrangeArrS ul,.gListOrangeArrL ul,.gListBlue ul,.gListBlueDk ul,.gListDm ul,.gListEl ul,.gListUx ul,.gListTech ul {







list-style:none;







margin:0;







padding:0







}







.mainMenu,.innerMenu,.alignLeft,.taL {







text-align:left







}















.SecondLevelMenuCol a,.SecondLevelMenuColOn a,.subMenuSecLearn a,.subMenuSecKnow a,.subMenuSecSee a,.subMenuSecShare a {







color:#ccc;







text-decoration:none







}















.SecondLevelMenuCol a:hover,.SecondLevelMenuColOn a:hover,.subMenuSecLearn a:hover,.subMenuSecKnow a:hover,.subMenuSecSee a:hover,.subMenuSecShare a:hover {







color:#e68121







}















.SecondLevelMenuCol ul,.SecondLevelMenuColOn ul,.subMenuSecLearn ul,.subMenuSecKnow ul,.subMenuSecSee ul,.subMenuSecShare ul {







list-style:none;







margin:6px 10px;







padding:0







}







.SecondLevelMenuCol{ float:left; font-size:12px; text-align:left; width:150px; height:130px; display:block; color:#ccc; line-height:18px; padding-top:5px; }















.SecondLevelMenuColOn{ float:left; font-size:12px; text-align:left; width:150px; height:130px; display:block; color:#ccc; line-height:18px; padding-top:5px; background-image:url(http://www.interaktco.com/images/generic/MenuSecondLevelBg_On.png); }















.SecondLevelMenuCol:hover{ background:url(http://www.interaktco.com/images/generic/MenuSecondLevelBg_On.png); height:130px; }















.SecondLevelMenuHeadCol h3 a{ line-height:20px; font-size:15px; font-weight:400; color:#fff; margin:0 0 0 10px; padding:0; }















.SecondLevelMenuHeadColOn h3 a{ font-size:15px; font-weight:400; color:#ff9800; margin:0 0 0 10px; padding:0; }















.alignTop{ vertical-align:top; }







.alignCenter{ margin:auto; }







.alignTopLeft{ text-align:left; vertical-align:top; }















.dispInl{ display:inline; }







.taR{ text-align:right; }







.taC{ text-align:center; }







.taJ{ text-align:justify; }















/* Forms */







input,textarea {







font-family:Arial;







font-size:11px







}















.frmTextbox input {







border:1px solid #333;







padding:3px 5px







}















.frmTextbox2 input {







border:1px solid #c8c8c8;







background-color:#f6f6f6;







padding:2px 5px







}















.frmButton input {







background-color:#59636c;







color:#FFF;







border:none;







line-height:16px;







padding:2px 5px







}















.frmTxtMessage textarea {







border:1px solid #333;







padding:5px







}















.frmTxtMessage2 textarea {







border:1px solid #c8c8c8;







background-color:#f6f6f6;







padding:5px







}















.frmTable {







width:100%







}















.frmTableColName {







width:150px







}















.mCtr {







margin:0 auto







}















.mT2 {







margin-top:2px







}















.mT5 {







margin-top:5px







}















.mT10 {







margin-top:10px







}















.mT15 {







margin-top:15px







}















.mT20 {







margin-top:20px







}















.mT40 {







margin-top:40px







}















.mR2 {







margin-right:2px







}















.mR3 {







margin-right:3px







}















.mR5 {







margin-right:5px







}















.mR10 {







margin-right:10px







}















.mR12 {







margin-right:12px







}















.mR13 {







margin-right:13px







}















.mR15 {







margin-right:15px







}















.mR17 {







margin-right:17px







}















.mR20 {







margin-right:20px







}















.mR30 {







margin-right:30px







}















.mB5 {







margin-bottom:5px







}















.mB10 {







margin-bottom:10px







}















.mB15 {







margin-bottom:15px







}















.mB20 {







margin-bottom:20px







}















.mL5 {







margin-left:5px







}















.mL90 {







margin-left:90px







}















.mL15 {







margin-left:15px







}















.mL20 {







margin-left:20px







}















.pT5 {







padding-top:5px







}















.pT10 {







padding-top:10px







}















.pT15 {







padding-top:15px







}















.pT20 {







padding-top:20px







}















.pR5 {







padding-right:5px







}















.pR12 {







padding-right:12px







}















.pR10 {







padding-right:10px







}















.pR15 {







padding-right:15px







}















.pR20 {







padding-right:20px







}















.pR30 {







padding-right:30px







}















.pB5 {







padding-bottom:5px







}















.pB10 {







padding-bottom:10px







}















.pB15 {







padding-bottom:15px







}















.pB20 {







padding-bottom:20px







}















.pB25 {







padding-bottom:25px







}















.pB30 {







padding-bottom:30px







}















.pL5 {







padding-left:5px







}















.pL10 {







padding-left:10px







}















.pL15 {







padding-left:15px







}















.pL20 {







padding-left:20px







}















.pF20 {







padding:20px







}







.fRight {







float:right;







display:block;







overflow:hidden







}















.fLeft {







float:left;







display:block;







overflow:hidden







}















.csBreadcrumb { display:block; overflow:hidden; margin-bottom:20px; }







.csBreadcrumb ul {







text-decoration:none;







margin:0;







padding:0







}















.csBreadcrumb ul li {







float:left;







list-style:none;







line-height:20px;







padding:0 5px 0 0







}















.gBlockMed {







width:659px;







display:block;







overflow:hidden







}















.gBlockMedTop {







background:url(http://www.interaktco.com/images/generic/block_med_top.png) no-repeat;







width:659px;







height:6px







}















.gBlockMedBot {







background:url(http://www.interaktco.com/images/generic/block_med_bot.png) no-repeat;







width:659px;







height:7px







}















.gBlockMedMid {







background:url(http://www.interaktco.com/images/generic/block_med_mid.png) repeat-y;







width:637px;







display:block;







overflow:hidden;







padding:22px 22px 22px 0







}















.blgBlockSideImg {



height:260px;



float:left;



display:block;



overflow:hidden;



width:172px;



margin-right:20px;



margin-left:3px;



background:no-repeat right bottom;



}



/*

.blgBlockSideImgInn {

	background:url(http://www.interaktco.com/images/share/block_side_date.png) left no-repeat; 

	width:150px;

	height:65px;

	position:absolute;

	margin-top:-26px;

	margin-left:15px;	



	background:url(images/block_side_date1.png);

	width:74px;

	height:149px;

	position:absolute;

	margin-top:60px;

margin-left:2px;

}

.blgBlockSideInnDate {

	padding-top:90px;

	text-align:center;

	display:block;

	overflow:hidden;



	padding-top:17px; padding-top:135px; 

}

.blgBlockSideInnDate h1{ display:block; text-align:center; margin:0; padding:0; }



*/

.blgBlockSideImgInn {



	background:url(images/block_side_date.png);

	width:149px;

	height:49px;

	position:absolute;

	margin-left:15px;	

    margin-top:10px;

}

.blgBlockSideInnDate {

 clear:both;

	text-align:left;

	display:block;

	overflow:hidden;

	padding-top:5px;

    padding-left:20px;

}

.blgBlockSideInnDate span{ color:#fff; display:block; overflow:hidden; margin:0; font-size:12px; }

.blgBlockSideInnDate h1{ color:#fff; display:block; overflow:hidden; padding-left:5px; margin:0; font-size:20px; font-style:600; line-height:20px; }







.blgBlockSideCon {







float:left;







display:block;







overflow:hidden;







width:442px;















}















.bgBlockConTit{ display:block; overflow:hidden; min-height:80px; }







.bgBlockConTit .runBlue h6, .blgBlockSideCon .runBlue h6{ font-size:22px; line-height:22px; padding-bottom:1px; }















/* .blgBlockSideCon p{ background-color:#f1f3f5; } */















.bgBlockCusLeft {







float:left;







width:335px;







display:block;







overflow:hidden;







margin-right:20px







}















.bgBlockCusRight {







float:left;











width:260px;







display:block;







overflow:hidden







}















.bgBlockComment {







display:block;







overflow:hidden;







border-bottom:1px solid #CCC;







padding:20px







}















.bgBlockComment .bgBlockCommentUser {







float:left;







display:block;







overflow:hidden;







width:90px;







margin-right:20px







}















.bgBlockCommentMsg {







float:left;







display:block;







overflow:hidden;







width:448px







}















.bgBlockCon {







display:block;







overflow:hidden;







width:615px







}















.bgBlockConTitDate {







position:absolute;







float:left;







display:block;







overflow:hidden;







background:url(http://interaktco.com/images/share/cont_title_date.png) left no-repeat;







width:47px;







height:67px;







text-align:center;







padding:45px 15px 0;







color:#FFF;







margin-left:23px;







margin-top:3px;







}















.bgBlockConTitDate h6 {







font-size:20px;

line-height:20px;





color:#FFF;







}















.bgBlockConTitDate h1 {







font-size:12px;



line-height:12px;



color:#FFF







}















.bgBlockConTit {







float:left;







display:block;







overflow:hidden;







margin-left:90px;







width:518px;







padding-top:20px







}















.bgBlockConDetailsLtr {







float:left;







width:100px;







margin-right:20px;







color:#666;







font-size:180px;







line-height:155px;







vertical-align:top







}















.bgBlockConDetailsTxt {







float:left;







width:595px;







margin-top:10px







}















.lbSqGray {







background:url(http://www.interaktco.com/images/generic/btn_linksq_left.png) left top no-repeat;







display:block;







overflow:hidden;







padding-left:13px







}







.lbSqGrayDown span,.lbSqGray span {







background:url(http://www.interaktco.com/images/generic/btn_linksq_right.png) right top no-repeat;







float:left







}















.lbSqGray span a {







float:left;







color:#fff;







padding:1px 7px 3px







}















.lbSqGray span a img {







vertical-align:top;







border:0;







padding:1px 0 0 5px







}















.dispOver{ display:block; overflow:hidden; }















.gBlockMedMid2 {







background:url(http://www.interaktco.com/images/generic/block_med_mid.png) repeat-y;







width:615px;







display:block;







padding:0 22px 22px







}















.baseLayout {







z-index:100;







display:block;







width:100%;







margin:auto;







overflow:hidden;







position:absolute;







}















.baseBgflash {







z-index:99;







display:block;







width:100%;







margin:auto;







overflow:hidden;







position:absolute;







}







.blogSearch { background-image:url(http://interaktco.com/images/share/blog_search_bg.png); }







.printEmailBlock {

display:block;

overflow:hidden;

}



.sharurlblk { float:right; }



.sharurlblk img{ float:left; margin-left:10px; padding:1px; border:1px #fff solid; }



.sharurlblk a img:hover{ border:1px #acdaf8 solid; }