@import "cssForms.css";


body {

	font-family: Helvetica, Arial, sans-serif;
        font-size: 12pt;
        background-color: #f0efee;
        background-image: url(../_images/background_bottom.jpg);
        background-position: left bottom;
        background-attachment: fixed;
        background-repeat: repeat-x;
        margin: 0;
        line-height: 1;

}

h3 {
	font-size: 12pt;
	font-weight: bold;
        color: #4a494a;

}

td {
vertical-align: top;
}

a		{
	color: #4a494a;
				}

a:hover	{
	color: #838ab4;
				}

#headingLeft {
        background-image: url(../_images/heading_left.jpg);
        background-repeat: repeat-x;
}
#headingRight {
        background-image: url(../_images/heading_right.jpg);
        background-repeat: repeat-x;
}
#topBar {
  height: 3rem; color: #767778; margin: auto; background-color: #767778;

}
#topBarName {
  padding-top: .4rem; text-align:center;
}
#topBarShadow {
  height: .25rem; background-image: linear-gradient(#303030, #5e1a89);
}

@media screen and (max-width: 39.9375em;) {
	.mainContent .cell {
		padding: 0px;
	}
	#leftBarExtractionLink {
		margin-top: 10px; margin-bottom: 10px;
	}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.mainContent .cell {
		padding: 2px;
	}
	#leftBarExtractionLink {
		margin-top: 30px; margin-bottom: 30px;
	}
}
@media screen and (min-width: 64em) {
  #headerDiv {
    min-width: 1000px;
  }
  #headerImageDiv {
    min-width: 323.5px;
  }
	.mainContent .cell {
		padding: 5px;
	}
	#leftBarExtractionLink {
		margin-top: 60px; margin-bottom: 60px;
	}


}

.contentWidth {
  min-width: 80%;
  margin: auto;
  max-width: 1522px;
}

#headingBackground {
  background-image: linear-gradient(#5e1a89,#aeaaa9);
  height: 200px;
}


#skillsList {
  color: white;
}
#skillsList h1 {
  font-size: 2rem;
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem;}
#skillsList p {
  margin-block-start: 0rem;
  margin-block-end: .4rem;
  padding-top: 0rem;
  padding-bottom: .75rem;
  font-size: 110%;
  margin-bottom: 0rem;
  line-height: 1;
}
.skillsListDetail {
  width: 25%;
  float: left;
  min-width: 100px;
}

#mainBox { text-align: left;
        min-width: 80%;
        padding-top: 0px;
        margin-top: 0px;
        position: relative;
}

.mainContent {
  padding: 5px;
  margin-top: 3px;
}

.contentBox {
        border: 1px #4a494a solid;
        margin-bottom: 5px;
        background-color: #ffffff;
}
.contentBox h2 {
	font-size: 1.05rem;
	font-weight: bold;
  color: #4a494a;
	font-family: Helvetica, Arial, sans-serif;

}
.contentBox p {
	p {
    margin-bottom: .5rem;
    font-size: inherit;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
}
}
.contentBoxHeading {
		font-weight: bold;
		font-size: 1.05rem;
        background-color: #4a494a;
        color: #ffffff;
        padding: 5px;
}
.contentBoxContent {
                padding: 5px;
}
.devClientBox {
        background-color: #ffffff;
}

#mainArea {
	width: 769px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
                  background-color: #ffffff;
                  display:block;
                  border-style:solid;
                  border-top-width:0px;
                  border-left-width:1px;
                  border-right-width:1px;
                  border-bottom-width:1px;
                  border-color: #4a494a;
       position: relative;
}

#mainBox p {
	font-size: 12pt;
}
#mainBox body {
	font-size: 12pt;
        color: #4a494a;

}
#mainBox h1 {
	font-size: 16pt;
	font-weight: bold;
	color: #4a494a;
}
#mainBox h2 {
	font-size: 12pt;
	font-weight: bold;
	color: #4a494a;
}
#mainBox h3 {
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
}

#mainBox li {
        margin-bottom: 5px;
}



.header2  {
	text-decoration: none;
	}

#leftBar {

      background-color: #5f1a8a;
      color: #ffffff;
      float: left;
      position: relative;
      margin-top: 5px;

      height: 100%;

}

#leftBarContent {

      color: #ffffff;
      float: left;
      position: relative;
      padding-top: 5px;
      padding-left: 5px;
      padding-right: 2px;
      padding-bottom: 5px;


}

#menuBar {
  width: 100%;
  background-color: #5e1a89;
  height: 3rem;
  position: relative;
  margin: 0px;
}

#contactMe {

      height: 24px;
        padding-top: .5rem;
      padding-bottom: .5rem;
      padding-left: 6px;
      padding-right: 30px;

      color: white;
      top: 0;
      right: 0;
      margin: auto;

}

#contactMe a		{
	color: #ffffff;
				}

#contactMe a:hover	{
	color: #f8f9a2;
				}
.purpleLinks {

      background-color: #5f1a8a;
      color: #ffffff;
      font-size: 12px;
      padding: 3px;


}

.purpleLinks a		{
	color: #ffffff;
				}

.purpleLinks a:hover	{
	color: #f8f9a2;

}

.lineAndHalf {
      margin: 5px;
}

#quoteDiv {
   margin-right: 3px;
   margin-top: 8px;
   margin-bottom: 20px;
}

.quoteSpan {
   color: white;
   font-style: italic;
   font-size: 12pt;
	 line-height: 1.6;
}

#quotesCycleContainer {
  height: 400px; width: 195px;}

td.nav_active {
  background: #8f5ab0;
  padding: 3px;
  font-weight: bold;
  font-size: 14pt;
  border-size: 0px;
  border-color: #ffffff;
  text-decoration:none;
  text-align: center; }

td.nav_link {
  background: #5f1a8a;
  padding: 3px;
  font-weight: bold;
  font-size: 12pt;
  border-size: 0px;
  border-color: #ffffff;
  text-align: center;
  }

.purpleBackground {
	background: #5f1a8a;
	border: #5f1a8a;
	color: white;
}

.whiteText {
	color: white;
}

td.nav_active a {
  color:#ffffff;
  text-decoration:none; }

td.nav_link     a:link   {
  color:#ffffff;
  text-decoration: none;}

td.nav_link     a:visited  {    color:#ffffff;  }
td.nav_link     a:active  {   color:#ffffff;  }
td.nav_link     a:hover   {    ; color:#f3f2a1; text-decoration:none;  }

.menu a {
  color: white;
}

#tm-navigation-bar, #tm-nav, #tm-nav-right, .top-bar, .top-bar ul {
  background: #5f1a8a;
}
#tm-nav a {
  color: white;
}

#tm-nav .menu .is-active > a {
  background: #606060;
}

#tm-nav .menu a:hover {
  color: #a0a0a0;
}