header,
footer,
section,
h2,
p,
div,
span {
  /**
    border : red solid 1px;
    /**/
}
body {
  text-align: center;
  min-width: 750px;
}
#body-wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: left;
}
#resume {
  margin-top: 10px;
}
#profile {
  position: relative;
  min-height: 220px;
}
#photo img {
  width: 150px;
  float: left;
  position: relative; /*set position relative to make z-index in webkit browser works*/
  transform-origin: center;
  transform: rotate(25deg);
  -moz-transform-origin: center;
  -moz-transform: rotate(25deg);
  -webkit-transform-origin: center;
  -webkit-transform: rotate(25deg);
  z-index: 1;
  border: ridge #aaa 10px; /**/
}
#personal {
  width: 500px;
  margin-left: 200px; /*
    border : red solid 1px;*/
}
section {
  padding: 0px 7px;
}
section h2 {
  margin-top: 0.2em;
  font-family: Redressed, Sacramento, cursive;
  font-weight: lighter;
  font-style: italic;
  font-size: 26px;
  margin-bottom: 20px;
  word-spacing: 3px;
}
section h2 span {
  border-bottom: outset #555 5px;
  margin: 0px 10px 0px 0px;
  padding: 0 3px;
}
section h2 span:first-child {
  padding: 0 10px;
}
section h2 span:nth-child(n + 2) {
  color: white;
}
section ul li {
  list-style-type: none;
}
section table {
  margin-left: 10%;
  margin-bottom: 10px;
  text-align: center;
  width: 400px;
  border-collapse: collapse;
  font-size: 16px;
}
thead th {
  text-decoration: underline;
  height: 30px;
}
table th {
  width: 200px;
  font-weight: normal;
  font-family: monospace, fantasy;
}
tbody th {
  font-style: oblique;
  text-align: right;
  padding-right: 25px;
  border-right: solid gray 3px;
}
tbody td {
  font-family: Meddon, Sacremento, cursive;
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0px auto;
  height: 5px;
  line-height: 10px;
}
#personal p {
  margin: 5px 0px;
  margin-left: 7%;
  line-height: 12px;
}
.arrow {
  font-family: Redressed;
  font-size: 26px;
  font-weight: bolder;
  color: #505050;
  letter-spacing: -7px;
  vertical-align: middle;
  text-shadow: 1.2px 0px #000;
}
.subject {
  font-family: cursive;
}
.detail {
  font-family: sans-serif;
  margin-left: 7px;
}
.button {
  font-family: serif;
  font-weight: bolder;
}
.button a {
  float: right;
  color: #fff;
  text-decoration: none;
  font-size: 8px;
  background-color: #555;
  padding: 1px 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.button a:hover {
  font-size: 10px;
}
#social-networks {
  float: right;
  margin-top: 10px;
  margin-right: 50px;
}
#social-networks img {
  margin: 0px 3px;
  width: 50px;
}
section #words p {
  margin-left: 10%;
}
#education li p {
  margin-bottom: 2px;
  font-family: cursive;
}
#education .arrow {
  margin-right: 8px;
  line-height: 1px;
}
#education li p:last-child {
  font-family: sans-serif;
  font-size: 14px;
  margin-left: 50px;
  margin-top: 0px;
  letter-spacing: 0.8px;
}
#skillsets ul li {
  font-size: 1.1em;
  font-weight: normal;
  font-family: cursive;
  margin-top: 10px;
  letter-spacing: -1.7px;
}
#skillsets li li {
  font-size: 0.82em;
  font-weight: normal;
  margin-top: 0px;
  line-height: 1.12em;
  font-family: sans-serif;
  letter-spacing: 0.15em;
}
#skillsets ul li ul,
#words p {
  border-left: solid 3px gray;
  padding-left: 15px;
  margin-top: 4px;
  margin-left: 1.4em;
}
footer {
  font-family: helvetica, sans-serif;
  font-size: 0.75em;
}
/*============== for coloring  ============*/
/* ___theme 1 start____theme border_______*
body{background-color: #f2f2ff}
#resume {
    background-color: #fff;
    border-right: #bbb groove 3px;
    border-bottom: #999 groove 3px;
    box-shadow: #bbf 5px 3px;
}
section h2{ 
    letter-spacing: -0.1em;
    color : #333;
    font-weight: bold;
}
section h2 span{ 
    border-color: #444;
}
#education p:nth-child(n+2),#languange td{
    color:#333;
}
section section:nth-child(n+2){
    border-top: #eee solid 3px;
}*/
/*_____theme 1 END_______*/

/*_____theme 2 start____no border_____________*/
section h2 {
  color: #333;
}
section h2 span {
  border-color: #444;
}
#education p:nth-child(n + 2),
#languange td {
  color: #333;
}
section,
#profile {
  border-bottom: #ccc solid 2px;
}
#profile section {
  border: none;
}
#personal .detail,
#skillsets li li,
#words p,
#education li p:last-child {
  font-family: Helvetica, sans-serif;
  font-size: 0.75em;
  letter-spacing: 0.08em;
  line-height: 1.3em;
}
#personal .detail {
  font-size: 0.9em;
}
#skillsets li {
  float: left;
  margin-right: 1.2em;
}
#skillsets li li {
  float: none;
}
#skillsets {
  padding-bottom: 150px;
  margin-bottom: 10px;
}
#resume .sub-header,
#personal .subject {
  font-size: 1.1em;
  font-family: cursive;
  margin-top: 5px;
  letter-spacing: -1.7px;
}
#personal .button {
  display: none;
}
/*______theme 2 END________*/