/*
Theme Name: TechnoWare
Theme URL: http://www.technoware-sy.com
Description: CSS for technoware-sy.com
Version: 1.0
Author: NOVA Unlimited Engineering
Author URL: http://www.nova-ue.com
*/


/*
-----------------------------------------------------------------------------------------
Just for TechnoWare
---------------------------------------------------------------------------------------*/
#header{height: 119px;}
#lang {
	background-color: #CCC;
	float: left;
	height: 20px;
	width: 102px;
	position: absolute;
	top: -20px;
	margin: 0;
	padding: 0;
	left: 100px;
	font-family: Tahoma, Geneva, sans-serif;
}
#lang ul,#lang li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 20px;
	width: 51px;
}
#lang li a {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 20px;
	color: #666;
	text-decoration: none;
	background-image: url(images/lang_ar.jpg);
	background-position: left top;
	text-align: center;
	height: 20px;
	width: 51px;
	display: block;
	float: left;
	text-transform: capitalize;
}
#lang li.en a { background-image: url(images/lang_en.jpg); 
}
#lang li a:hover,#lang li a:focus {
	background-position: bottom;
	color: #333;
	background-color: #999;	
}
#logo{background: url(images/technoware_logo.jpg) no-repeat left top;margin: 0;padding: 0;float: left;height: 97px;width: 70px;}
#logo a{margin: 0;padding: 0;float: right;height: 97px;width: 70px;display: block;clear: both;text-indent: -9999px;}
#technoware {background: url(images/technoware_en.jpg) no-repeat left top;text-indent: -9999px;margin: 22px 0 0 16px;float: left;height: 24px;width: 200px;}
#slogan{background: url(images/technoware_slogan_en.jpg) no-repeat left top;text-indent: -9999px;float: left;height: 21px;width: 135px;margin: 63px 0 0 -200px;}

#fast_contact{float: right;}
#fast_contact a{color: #06C;text-decoration: none;}
#fast_contact a:hover,
#fast_contact a:focus{color: #900;text-decoration: none;}

#top_navi{float: right;margin: 63px 25px 0 258px;position: absolute;height: 35px;width: 660px;background: url(images/top_navi_m.jpg) repeat-x left top;}
#top_navi_left,
#top_navi_right{background: url(images/top_navi_l.jpg) no-repeat left top;margin: 0;padding: 0;float: left;height: 35px;width: 14px;}
#top_navi_right{background: url(images/top_navi_r.jpg);float: right;width: 15px;}
#top_navi ul,#top_navi ul li{margin: 0;padding: 0;list-style: none;}
#top_navi ul li{float: left;}
#top_navi ul li a{
	margin: 0;
	padding: 0 20px 0 19px;
	float: left;
	text-transform: capitalize;
	line-height: 35px;
	background: url(images/link_bg.jpg) no-repeat left top;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
#top_navi ul li a:hover,
#top_navi ul li a:focus{background: url(images/link_bg.jpg) no-repeat -151px top;color: #FFF;}

#subnavi {background: url(images/sub_navi.jpg) no-repeat left top;margin: 98px 25px 0 258px;padding: 0;height: 21px;width: 660px;clear: both;float: right;position: absolute;}
#subnavi h3{margin: 0 0 0 15px;padding: 0;font-size: 12px;line-height: 21px;font-weight: normal;color: #06C;float: left;}
#subnavi ul, #subnavi ul li{margin: 0;padding: 0;list-style: none;float:left}
#subnavi ul li a{float:left;line-height: 21px;padding: 0;text-transform: uppercase;font-size: 11px;text-decoration: none;color: #3d5162;margin-right: 15px;margin-left: 15px;}
#subnavi ul li a:hover,
#subnavi ul li a:focus{color: #09F;}
.end { clear: both; }

/*
-----------------------------------------------------------------------------------------
Global Declarations
-------------------------------------------------------------------------------------- */
* {padding:0px;}
body{
	background:#f2f2f2;
	text-align:left;
	color:#333;
	margin: 20px;
	font: 12px/1.8em Verdana, Geneva, sans-serif;
}
.clr{clear:both;margin:0;padding:0;font-size:0;height:0;line-height:0;}

a:link, a:active, a:visited {color:#0066cc;}
a:hover {color:#333;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#57a0fe;
	text-transform: capitalize;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
h1 {
	font-size:24px;
	line-height: 30px;
	font-weight: normal;
	color:#097cb3;
}
h2 {
	font-size:18px;
	color:#7ccb00;
	text-transform: capitalize;
}
h3 {
	font-size:16px;
	color:#097cb3;
}
h4 {font-weight:normal; }
input[type=text],textarea{
	padding: 3px;
	width:300px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #666;
	margin-bottom: 10px;
}
input{ 
	margin-bottom: 10px;
}
input[type=reset],input[type=submit]{
	width:153px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
}
/*
-----------------------------------------------------------------------------------------
General Layout
-------------------------------------------------------------------------------------- */
#wrapper {margin:0 auto;width:950px;text-align:left;position:relative;}
#footer {
	float:left;
	width:950px;
	margin:10px 0;
	width:930px;
}

.box {float:left;position:relative;padding:10px;background:#fff;}
.box .c-tl,
.box .c-tr,
.box .c-bl,
.box .c-br {position:absolute; width:10px; height:10px; font-size:1px; line-height:0; background:url(images/corners.png) no-repeat 0 0; z-index:10;}
.box .c-tl {top:0; left:0; background-position:0 -10px;}
.box .c-tr {top:0; right:0; background-position:-10px -10px;}
.box .c-bl {bottom:0; left:0; background-position:0 -20px;}
.box .c-br {bottom:0; right:0; background-position:-10px -20px;}

.box.inner {padding:0;}
.box.inner .c-tl {top:0; left:0; background-position:0 -30px;}
.box.inner .c-tr {top:0; right:0; background-position:-10px -30px;}
.box.inner .c-bl {bottom:0; left:0; background-position:0 -40px;}
.box.inner .c-br {bottom:0; right:0; background-position:-10px -40px;}

/*
-----------------------------------------------------------------------------------------
Post 
-------------------------------------------------------------------------------------- */
#post-featured {float:left;width:930px;}
#post-featured object {display:block;}

#post-widget {float:left;padding:10px 20px;width:930px;}

.post.single.box {width:930px;}
.post.single.box .inner {float:left;width:300px;overflow: hidden;}
.post.single.box .top {margin:0 0 15px 0;}
.post.single.box .mid {margin:0 15px;}


#post-main {float:left;width:630px;margin:0 10px 0 0;}
.post.single.box #post-main {float:left;width:930px;margin:0;}

#post-main h2, #post-main h3 { margin:10px 0; }
#post-main p.disclaimer {padding:10px 0 0 0;border-top:1px solid #eee;font-size:11px;color:#999;}
#post-main ul {margin:10px 30px;font-size:12px;}
#post-main ul li {margin:10px 0;line-height:1.5;}

#post-main img.inner-post {float:left;background:#eee;padding:10px;margin:0 20px 10px 0;}
#post-main img.inner-post.cap {margin:0 0 10px 0;}

#post-main .video {margin:10px;padding:10px;background:#eee;text-align:center;}

#post-main .table {
	clear:both;
	float:left;
	margin:0px 10px 10px;
	padding:0px 0 10px;
	border-bottom:1px solid #eee;
	width: 610px;
}

#post-main .button {margin:10px 0;text-align:center;}
#post-main .button a {padding:5px 10px;background:#0066cc;color:#fff;font-weight:bold;text-decoration:none;font-size:12px;}
#post-main .button a:hover {background:#900;}

#post-sub {float:left;width:270px;}
#post-sub .table{
	margin: 10px;
	padding: 0 0 10px;
	border-bottom:1px solid #eee;
}
#post-sub h3 { margin:10px 0; }
#post-sub p {
	margin:0px;
	padding: 0 5px;
}
#post-sub a {text-decoration:none;}
#post-sub ul {margin:10px;list-style:none;font-size:12px;color:#666;}
#post-sub ul li {margin:5px 0 10px 0;padding:10px 0 0 0;border-top:1px solid #eee;}

/*
-----------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------- */
#footer {font-size:11px;color:#999;}
#footer .copy{margin-top:5px}
#footer .copy #bynova{float:right}
#footer .copy #techcopy{float:left}
/*-------------------------------*/

.container {
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	left: -30px;
}
ul.column{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.column li{
	float: left;
	width: 200px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
ul.column li a{ text-decoration: none;}

.block {
	height: 180px;
	font-size: 12px;
	background-color: #efefef;
	border: 1px solid #999;
	overflow:hidden;
	margin: 5px;
	padding: 10px 5px 5px;
}
.block:hover  {
	background-color: #FFF;
	border: 1px solid #666;
	cursor: pointer;
}
.block h2 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 26px;
	color: #06C;
}
.block:hover h2{
	color: #7ccb00;
	text-decoration: none;
}
.block:hover h2 a ,.block:hover h2 a:hover{
	text-decoration: none;
}
.block .pic {
	width: 162px;
	height: 122px;
	padding: 0;
	border:3px solid #666;
	-ms-interpolation-mode: bicubic;
	display: block;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
}
.block .pic img{
	width: 162px;
	height: 122px;	
	border-width: 0;
}
.block:hover .pic{ border: 3px solid #333; }
.comments{
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #eee;
}
.item_pic, .box_pic{
	float: right;
	background-color: #efefef;
	border: 1px solid #666;
	padding: 3px;
}
.box_pic{
	margin-left: 10px;
}
.box_body{ padding: 5px; }
.go_back {
	clear: both;
}
/*
--------------------------------------------------------------------------------------------
Articles style ..
------------------------------------------------------------------------------------------*/
.cat{
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #eee;
}

.cat a{text-decoration: none;}
.cat p{
	font-size: 12px;
	font-weight: normal;
	color: #999;
	margin: 10px;
}
.cat:hover{
	margin: 0;
	padding: 5px;
	background-color:#fafafa;
	border-bottom: 1px solid #666;
	border-left: 3px solid #900;
	border-right: 3px solid #900;	
}
.cat:hover p{
	color:#333;
}
.cat:hover h2{
	color:#333;
}

.art{
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #CCC;
}
.art a{text-decoration: none;}
.art h3{color:#06C}
.art .date{float:right;margin:15px;color:#999}
.art:hover{
	margin: 0;
	padding: 10px;
	background-color:#fafafa;
	border-bottom: 1px solid #666;
	border-left: 3px solid #06C;
	border-right: 3px solid #06C;
}
.art:hover h3{color:#333;}
.art:hover .date{color:#666}

/*
--------------------------------------------------------------------------------------------
FAQs style
------------------------------------------------------------------------------------------*/
.end_line{
	margin: 15px 0;
	background: #066;
	clear: both;
	border-bottom: 1px solid #eee;
}
#faq ol{ margin: 5px 15px; }
#faq ol li{
	margin: 0 10px 2px;
	font-size: 14px;
	text-transform: capitalize;
	padding-top: 0;
}
#faq ol ol{ margin: 0 0 15px; }
#faq ol p{
	text-transform: none;
	color: #666;
	margin-bottom: 10px;
}