/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1;color:black;background:white;}:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

/********************************************************************/
/*                            Share tag                             */
/********************************************************************/
.bold {font-weight:bold; color:#222; font-family:Arial, Helvetica, sans-serif;}
.clear {clear:both; line-height:0px;}

/********************************************************************/
/*                             General Tag                          */
/********************************************************************/
html {height:100%;}
body {background:url(../images/bg-cv.png) repeat-x top left #9E53AD fixed; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:75%; color:#666; height:100%;}
a {text-decoration:none; color:inherit;}
a:hover, a:active {text-decoration:underline;}


/********************************************************************/
/*                           Left Wrapper                           */
/********************************************************************/
#left-wrapper{width:112px; position:fixed!important; position:absolute; left:24px; top:83px; z-index:50;}

#tab-wrapper {width:112px; padding-bottom:150px;}
#tab-wrapper ul {width:112px;}
#tab-wrapper ul li {width:112px; padding-bottom:5px;}
#tab-wrapper ul li a {width:100px; height:22px; display:block; color:#fff; font-size:100%; background-image:url(../images/tab-bg.gif); background-repeat:no-repeat; text-align:right; padding-right:12px; padding-top:12px; text-decoration:none;}
#tab-wrapper ul li a:hover, #tab-wrapper ul li a.selected {color:#4f4f4f; font-size:100%; font-weight:bold; text-decoration:none; background-position:top;}

a#btn-bio {background-position:left -44px;}
a#btn-exp {background-position:left -88px;}
a#btn-edu {background-position:left -132px;}
a#btn-more {background-position:left bottom;}

#last-update {width:23px; height:243px; float:right; background:url(../images/last-update.gif) no-repeat; text-indent:-9999px;}

/********************************************************************/
/*                         Center Wrapper                           */
/********************************************************************/
#content-wrapper{width:366px; position:absolute; left:136px; top:26px; z-index:100;}

h1#page-title {background:url(../images/cv-header.gif) no-repeat bottom left; text-indent:-2000px; height:46px;}

.tab-pannel {position:relative; padding:15px 20px 35px 20px; width:326px; color: #4f4f4f; text-align:left; min-height:620px; height:auto; background:url(../images/panel-bg.gif) bottom left no-repeat #fff;}

#content-wrapper h2 {font-weight:bold; font-size:110%; padding-bottom:6px; border-bottom:solid #4f4f4f 5px;}
#content-wrapper h2#name{font-size:120%;}
#content-wrapper h3 {font-weight:bold; font-size:100%;}
#content-wrapper h3 span {font-weight:100; font-style:italic; color:#999999; font-size:95%;}
#content-wrapper h4 {font-weight:bold; font-size:90%; padding-top:25px; font-style:italic;}
#content-wrapper .content{padding:12px 0px 35px 0px; line-height:1.5em; position:relative; clear:both;}
#content-wrapper .content p {font-size:100%;}
#content-wrapper .content a {color:#CC0099;}
#content-wrapper p.sub-content {padding-bottom:25px;}
#content-wrapper .bold {padding-right:5px; font-weight:bold;}

#content-wrapper .content ol {width:150px; padding-bottom:15px;}
#content-wrapper .content ol li { padding-left:15px; background:url(../images/list-item.gif) no-repeat left 3px; font-size:100%; padding-bottom:3px;}
#content-wrapper p.more { font-size:95%; font-style:italic;}

/********************************************************************/
/*                          Right Wrapper                           */
/********************************************************************/
#righ-wrapper{width:104px; position:fixed!important; position:absolute; left:502px; top:72px;}

#logo {position:relative; width:104px; height:127px;}
#logo img.logo-txt {position:absolute; top:-50px;}

#other-format {width:90px; background:#2a3347; margin-top:5px; text-align:right; color:#FFFFFF; padding:7px;}
#other-format h5{font-size:16px; font-weight:bold; padding-bottom:10px; border-bottom:dashed #FFFFFF 1px; line-height:13px; }
#other-format h5 span {font-size:12px;}
#other-format ul {margin-top:10px; margin-bottom:10px;}
#other-format ul li {margin-bottom:3px;}
#other-format ul li a {color:#FFFFFF;background:#696d7c; width:80px;display:block; padding:5px;}
#other-format ul li a:hover, #other-format ul li a:active  {background:#3b4052; text-decoration:none;}

div#print-me {width:120px; margin-top:5px; position:relative;}
div#print-me a {padding:15px 40px 15px 10px; font-weight:bold; display:block; background:#2a3347; color:#FFFFFF;}
div#print-me a:hover, div#print-me a:active{background:#1d2436; text-decoration:none;}
div#print-me span {position:absolute; right:-50px; top:-20px; background:url(../images/printer.png); width:96px; height:73px;}
div#print-me .print-friendly {position:absolute; top:50px;}

#star-right {width:142px; height:119px; margin-top:60px; background:url(../images/star-right.png) no-repeat;}

/********************************************************************/
/*                           graphic only                           */
/********************************************************************/
#star-left {width:100px; height:68px; position:fixed !important; position:absolute; top:403px; left:36px; background:url(../images/star-left.png) no-repeat; z-index:-25;}
#bgstar {width:100%; height:100%; position:fixed !important; position:absolute; z-index:-20; top:0px; background:url(../../img/star_bg.png) top left repeat fixed !important; background:url(../../img/star_bg.gif) top left repeat fixed;}