/* normalize browser defaults */
html,body,ul,p,h1,h2{margin:0;padding:0;}
ul{list-style:none}
img{border:0}
html *{font-family:Georgia, Arial;}
/*body{background: #b5bbb4 url(/images/body_bg.gif) repeat-y center top; margin:0 auto; text-align:center;}*/
body{background: #e0e3e0 url(/images/body-bg.gif) repeat-y center top; margin:0 auto; text-align:center;}
h1{margin: -10px 0 10px 0;padding: 0 0 14px 0; font-weight: 500; font-size: 168%; color: #8F8F8F; line-height:125%; background: transparent url(/images/blank.gif) no-repeat right;}
h1.noImg{margin: -10px 0 10px 0;padding: 0 0 4px 0; font-weight: 500; font-size: large;color: #ff9000;line-height:125%; text-shadow: 0 1px 0 #0D0E0F;}
h4{margin: 0; padding:0;font-size:100%; font-weight:700;text-align:right;}
div#contentRight-inner ul li p a.retweet:hover, div#contentRight-inner ul li p a.retweet:focus{text-decoration: none;}
div#wraper{font-size:small; color: black; margin:0 auto;margin-bottom: 40px; text-align:center; width:780px;}
div#topLinks, div#header div#topLinks ul {clear:both; width: 100%;}
div#topLinks ul li{float:left; width: 80px; line-height: 2em;}
div#topLinks ul li a{color: #696969; font-size: 0.84em;}
div#header{width:770px; margin: 0 auto;padding:0;clear:both;}
div#header div#headerLeft{float:left;width:214px;height:124px;}
div#header div#headerRight{float:right;text-align:left;width:556px;height:124px;}
div#header div#mainMenu{float:right;width:770px; height: 27px; border-top: solid 1px white;}
div#header div#mainMenu ul{vertical-align: top; padding-right: 15px;font-size:12px; float:right;width:542px; background-image:url(/images/mainMenu.gif);background-repeat: repeat-x; background-position: left top;}
div#header div#mainMenu ul li{float: right; line-height: 27px;background-image:url(/images/mainMenu.gif);background-repeat: repeat-x;vertical-align:top;}
div#header div#mainMenu ul li.strech{width: 300px;line-height: 27px;overflow:hidden;}
div#header div#mainMenu ul li.selected{padding: 0 12px;color:#F5FFFA; background: transparent url(/images/mainMenuSelected.gif) repeat-x center top;}
div#header div#mainMenu ul li.selected a:focus{outline: none; background: transparent url(/images/mainMenuSelected.gif) repeat-x center top;}
div#header div#mainMenu ul li.over, div#header div#mainMenu ul li a:focus{color:white; background:transparent url(/images/mainMenuHover.gif) repeat-x right top;}
div#header div#mainMenu ul li a{line-height: 27px; display: block; padding: 0 12px;color:White;text-decoration:none;}
div#header div#mainMenu ul li.mainMenuSaparator{width: 1px; height: 27px; background: transparent url(/images/mainMenuSaparator.gif) no-repeat center bottom;}
div#header div#mainMenu form#searchFrm{float:left; text-align:right; width: 213px; height: 27px; margin:0; padding:0; border: none;}
div#header div#mainMenu form#searchFrm div img{float:right;}
div#header div#mainMenu form#searchFrm div div#searchInnerDiv{float:right; width:123px; height:27px;background:transparent url(/images/searchDiv-bg.gif) repeat-x left top;}
div#header div#mainMenu form div input#v{outline:none; float:right;width: 123px; margin-top:3px;line-height: 17px; background-color:Transparent; border: none;background:#fff url(/images/search-bg.gif) repeat-x left top;}
div#header div#mainMenu form div input#v:focus{}
div#header div#mainMenu form div img#searchSubmit{width: 45px; margin:0;float:left;}
div#content{clear:both;width:770px;padding-top:14px; margin:0 auto;background: white url(/images/menuBottomShade.gif) no-repeat center top;}
div#content, div#contentLeft, div#contentRight{min-height:360px; height:auto !important; height:360px;}
div#content div#contentLeft{width:213px;float:left;}
div#content div#contentLeft div#contactDiv{margin: 40px auto;}
div#content div#contentLeft div#contentLeft-inner{margin: 0 auto; padding: 44px 0 0 0;}
div#content div#contentRight{width:557px;float:right;}
div#content div#contentRight div#contentRight-inner{line-height:150%; color: #1F1F1F; text-align: right;padding: 30px 8px 0 20px;}
div#contentRight-inner h2, div#contentRight-inner h3{border-bottom: solid 1px #c2c2c2;font-size: medium ;color:#4d84c8; background-image: url(/images/bullet_big.gif); background-repeat:no-repeat; background-position: right; padding: 0 20px 3px 0; margin:20px 0 0 0;}
div#contentRight-inner h2 span.orange, div#contentRight-inner h3 span.orange, .ww3{color:#FF400F;font-family: Georgia, Arial;}
div#contentRight-inner ul li p img{margin: 0 0 0 8px;}
div#contentRight-inner p{margin-bottom: 10px;}
div#contentRight-inner p img{line-height: 175%; margin: 0 0 0 20px;}
div#content * ul.ulrtl li, div#content * ul.ulltr li{list-style-type: disc;}
div#content * ul.ulrtl {direction:rtl; text-align: right;}
div#content * ul.ulltr {direction: ltr; text-align: left;}
div#content * ul.ulrtl li{text-align: right; margin-right: 16px;}
div#content * ul.ulrtl li a{text-align: right;}
div#content * ul.ulltr li{text-align: left;direction:ltr; margin-left: 25px;}
div#contentLeft ul li a{font-size:86%;text-decoration: none;}
/* PROJECTS */
div#contentRight-inner h2.projectTitle{line-height: 26px; padding-right: 30px; background: #f8f8f8 url(/images/projectTitle.gif) no-repeat right top;border:none;}
div#contentRight-inner div.projectDiv{min-height: 94px;padding:6px 18px 22px 8px; background: #f8f8f8 url(/images/projectShade.gif) no-repeat right bottom;}
div#contentRight-inner div.projectDiv p{line-height: 125%; margin-bottom:20px;}
div#contentRight-inner div.projectDiv img{float:left;margin: 4px;}
/* CONTACT */
/*form#contactForm{background: transparent url(/images/ww3-smile.gif) no-repeat left 60px;}*/
form#contactForm p.bigtext{font-size: 125%;line-height:125%;font-weight:500;color: #696969;margin-bottom: 20px;}
form#contactForm div p{margin-top:10px;width: 360px;}
form#contactForm div p label{display:block; font-size:small;}
input.contactText,textarea.contactTextArea{background-color: #fff; border: solid 1px #DFDFDF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
form#contactForm div p input.contactText{width:280px;height: 22px; line-height: 22px !important; overflow:auto;}
form#contactForm div p input#semantics.contactText{width:360px; overflow:auto; padding:0;}
form#contactForm div p textarea.contactTextArea{width:360px; line-height: 22px !important; overflow:auto;}
input.contactText:focus,textarea.contactTextArea:focus{background-color: #fffff0; border: solid 1px #708090; font-size:120%; font-weight:600;}
form#contactForm div p input.contactButton{font-size:large; color:white; background-color: #FF4500; border: outset 2px #ff9000; float: left;}
div#contactInfo{width: 193px; text-align:right; line-height: 200%;margin: 40px auto; margin-bottom: 40px;}
/* BLOG */
/*div.article p{line-height: 150%;}*/
div#contentRight-inner form.blogFrm fieldset,fieldset.blogComment{margin-top: 20px; width: 76%; padding-right:10px;
border: solid 1px #BFBFBF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
div#contentRight-inner form.blogFrm label{font-size:small;display:block;margin-top:10px;}
div#contentRight-inner form.blogFrm p input.blogTextInput, div#contentRight-inner form.blogFrm p textarea.blogTextInput{border: solid 1px #DFDFDF; height: 125%; overflow: hidden; width: 360px;background-color:#fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
div#contentRight-inner form.blogFrm p input.blogTextInput:focus, div#contentRight-inner form.blogFrm p textarea.blogTextInput:focus{border: solid 1px #708090; height: 125%; overflow: hidden; width: 360px;background-color:#fffff0;}
body#blog * div#contentRight-inner ul li h4{padding:0; margin:20px 0 0 0;}
div#contentRight-inner * div.postDiv{margin-bottom:60px;}
div#contentRight-inner * div.postDiv p{line-height: 150%; margin-bottom:20px;}
body#blog * div#contentRight-inner * div.postDiv form p{margin: 4px 0 4px 0;}
div.postDiv div.tmp p a{line-height: 40px; height: 40px; display: block;}
div.postDiv div.tmp p img{border: 0; text-decoration: none;}
/* ARTICLE */
body#article * div#contentRight-inner{line-height: 150%;}
body#article * div#contentRight-inner p{margin-bottom: 16px;}
div#articleKeyWords{margin: 20px 0;}
p#social{margin-top: 20px;}
div#contentRight-inner * a.tagLink, div#contentRight-inner * a.tagLink:link, div#contentRight-inner * a.tagLink:visited{padding: 4px 10px; background-color:#696969; color:white; text-decoration:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
div#contentRight-inner * a.tagLink:hover, div#contentRight-inner * a.tagLink:active, div#contentRight-inner * a.tagLink:focus{padding: 4px 10px; background-color:#FF4500; color:White;text-decoration:none;}
/* LEFT BOX */
div#content div#contentLeft div#contentLeft-inner h4.leftBox{color:White;font-weight: 500; background: transparent url(/images/leftBoxTitle.gif) no-repeat right top; width:206px; padding:0 4px 0 4px; line-height:25px;font-size:110%;margin: 0 auto;}
div#content div#contentLeft div#contentLeft-inner ul.leftBox{background: transparent url(/images/leftBoxShade.gif) no-repeat right top; width: 206px;border-bottom: solid 1px #D3D3D3; padding:14px 4px 4px 4px; margin:0 auto; margin-bottom: 20px;}
div#content div#contentLeft div#contentLeft-inner ul.leftBox li{line-height:150%; list-style-type: disc; list-style-position:outside; color:#708090; margin-bottom: 10px; padding-left:10px;}
div#content * ul div.article p{line-height: 175em;}
div#content * ul div.article div.articleKeyWords{margin: 20px 0;}
p#social{margin-bottom: 20px;}
div.leftGroupWraper{clear: both;}
/*div#footer{margin: 0 auto; max-width: 873px; clear:both;padding-top: 40px;background: transparent url(/images/gray_xy_4.gif) repeat right top;}*/
div#footer{clear:both;padding: 40px 0;background: transparent url(/images/divBL.gif) no-repeat left bottom;}
div#footer div#footerBottom{width:780px; height:44px;}
div#footer div#footerBottom p, div#footer div#footerBottom p a{padding-top: 11px;font-size:small;color: #696969;width:780px;text-decoration:none;}
div#footerW3C{margin: 0 auto; padding-bottom:4px;}
div#footerW3C a:link,div#footerW3C a:visited,div#footerW3C a:hover{text-decoration:none;}
div#content * a{color: #03608F;}
div#content * a:hover, div#content * a:focus{color: #E30000; text-decoration: underline;}
div#content * a:active{color:black;text-decoration:underline;}
ul.ul{direction:rtl;list-style-type: disc; list-style-position : outside;margin: 4px 0;}
ul.ul li{margin: 0 20px;direction:rtl;}
.skip {
position: fixed ;
left: -1000px;
top: -1000px;
speak: normal;
voice-family: female;
}
.font90{font-size:90%;}
.center{margin:0 auto; padding:0;text-align:center;}
.right{text-align:right;}
.left{text-align:left;direction:ltr;}
.floatLeft, .floatleft{float:left;}
.floatRight, .floatright{float:right;}
.bold{font-weight: 700;}
.w340{width: 340px}
input.validateError{background-color:#fffff0;}
div.even{margin: 6px 0;padding: 4px 4px 4px 0;background-color:#FFFACD;line-height: 150%;border-top: solid 1px #F0E68C;}
div.odd{padding: 4px 4px 4px 0;line-height: 150%;}
div#rss{margin-bottom: 20px;}
span.search{color:#FF4500; padding: 0 2px;}
span.red{color:Red;}
pre.codecss, code.codecss{display:block; width: 100%; direction:ltr;text-align:left;color:Blue;font-family: "Courier New";font-size:small;}
#loading-indicator{position:absolute;z-index:999;background:#fff;border:solid 1px #ccc;padding:6px 30px 6px 6px;width:100px;right:336px;
background:#fff url(/Images/loading.gif) 6px 6px no-repeat;display:none}
div#msg{font-family:arial; font-size: large; width: 774px; height: 26px; line-height: 26px; text-align:center; background-color:Green; color:White; position: relative; top: 0; right: 0;}
/* Header img links */
.boxgrid{width: 212px; height: 300px; float: left; overflow: hidden; position: relative;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}
.captionfull .boxcaption {top: 124px; left: 0;}
.caption .boxcaption {top: 94px; left: 0;}
.boxcaption{float: left; position: absolute; background: #000; height: 94px; width: 100%; opacity: .7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
div.boxcaption p{text-align: right; padding-right: 8px; color: #f5f5f5; font-size: 14px;}
div#tweetList{direction: ltr; padding: 4px;font-family: arial Georgia; width: 90%; margin: 0 auto; margin-top: 20px; border: solid 1px #DFDFDF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}
/* SIDE FORM */
div#sideContactImg{display:block; clear: both; margin-bottom: 20px;}
/*div#content div#contentLeft div#contentLeft-inner div#sideContactImg{margin-bottom: 20px;}*/
div#sideContactImg form#sideFrm{width: 210px; height: 279px; padding-top: 20px; border-left: solid 1px gray; border-right: solid 1px gray; border-bottom: solid 1px gray; background: #f8f8f8;}
div#sideContactImg form#sideFrm p{clear: both; margin: 6px auto; width: 204px; text-align: right; line-height: 20px;}
div#sideContactImg form#sideFrm p label{width: 62px; line-height: 16px; height: 16px; text-align: right; font-size: 0.9em; color: #696969;}
div#sideContactImg form#sideFrm p label.blockLabel, div#sideContactImg form#sideFrm p textarea{width: 200px; display: block; margin: 0 auto;}
div#sideContactImg form#sideFrm p input{float: left; line-height: 16px; height: 16px; width:150px;}
div#sideContactImg form#sideFrm p input.subFrm{float: left; height: auto; width:auto; margin: 4px;}
div#tweetList h4{text-align: left; background: transparent url(/images/twettee.png) no-repeat left; padding-left: 32px; line-height: 32px; height: 32px; margin-bottom: 8px;}
div#tweetList p{text-align: left; background: transparent url(/images/supP.gif) no-repeat center bottom; margin-bottom: 6px; padding: 8px 0 30px 4px; color: #696969;}