html {
	margin: 0px;
	padding: 0px;
}

a, a:visited {
  //color: black;
  color: #9b2a2a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  color: #000;
  font-family:Ariel, Helvetica;
  font-size: 1em;
}

#header { 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  width: 910px;
  padding: 0px;
  //height: 125px;
}

#header img { 
  margin: 0px;
  padding: 0px;
}

#wrapper {
  color: black;
  margin-left: auto;
  margin-right: auto;
  //margin-top: 0px;
  width: 910px;
  padding: 0px;
}

#linkbar {
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  //background-color: #d7d7d7;
  //border-top: 1px solid #171717;
  //border-bottom: 1px solid #171717;
  width: 910px;
  margin-bottom: 20px;
  margin-top: 2px;
  height: 47px;
	
  background-image:url('linkbar.png');
  background-repeat:no-repeat;	
  margin-left: auto;
  margin-right: auto;
}

//#linkbar-middle {
  //position: absolute; 
  //top: 80%;
//} 

#linkbar-inner { 
  margin-top: 4px;
   //position: relative; 
   //top: -50%
}

#linkbar ul li{
   display:inline; 
}

#linkbar ul {
   padding-left: 0px;
   margin: 0px;
   text-align: center;
   //vertical-align: middle;
}
#linkbar li {
  //display: inline;
  font-weight: bold;
  font-size: 135%;
  margin-left: 4px;
  margin-right: 4px;
  color: #9b2a2a;
  //font-family:"Courier New",Courier,monospace;
  vertical-align: middle;
  padding-left: 0px;
  height: 100%;
}

#linkbar a:link, #linkbar a:visited {
  text-decoration: none;
  padding: 0px;
  color: black;
}

#linkbar a:hover {
  text-decoration: none;
  color: #9b2a2a;
}

#content {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 600px;
  border-right: 1px solid #d7d7d7;
  margin-bottom: 30px;
}

#content p { 
  //margin: 0px;
  //padding: 0px;
}

#content h2 {
  color: #9b2a2a; 
  margin: 0px;
  //border: 1px solid #171717;
}

#content-section {
  //clear: both;
  margin: 0px;
  padding: 0px;
}

#content-section p { 
  //margin: 0px;
  //margin-bottom: 10px;
  max-width: 592px;
  margin-top: 0px;
}

#content-section-title {
  margin-bottom: 10px;
}

#content-section-title p { 
  color: #9b2a2a;
  font-size: 150%; 
  padding: 0px;
  margin: 0px;
}

#content-section-content { 
  //margin-left: 20px;
}

#content-section-content p { 
  max-width: 572px;
}

#content-section-content-image-caption { 
}

#content-section-content-image-caption p { 
  margin: 0px;
  margin-bottom: 30px;
  margin-top: 5px;
  pdding: 0px; 
}

#content-section-detail { 
  //color: #9b2a2a;
}

#content-section-detail p { 
  margin: 0px;
  margin-bottom: 8px;
  padding: 0px;
  //color: #404040;
  font-size: 90%;
}

#content-highlight { 
  font-weight: bold;
  //color: #9b2a2a;
  //font-size: 100%;
}

#content-title p { 
  //font-weight: bold;
  //color: #9b2a2a;
  font-size: 115%;
  margin-bottom: 5px;
}

#content-technologies { 
  //font-weight: bold;
  //color: #9b2a2a;
  font-style: italic;
  color: #707070;
}

#home-project-detail {
  //margin-top: 8px; 
  //font-weight: bold;
  //color: #9b2a2a;
  //font-style: italic;
  //color: #707070;
  //border-top: 1px solid #d7d7d7;
  //border-bottom: 1px solid #d7d7d7;
}

#home-project-detail p { 
  margin: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
  //color: #404040;
  font-size: 80%;
}


#content-byline { 
  font-style: italic;
  font-size: 90%;
  color: #9b2a2a;
}

#link-title p { 
  color: #000;
  font-size: 150%; 
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

#example-subsection { 
  clear: both;
}

#example-subsection-header { 
  border-top: 3px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin-right: 20px;
  width: 577px;
}

#example-subsection-header p {
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0px;
  font-style: italic;
  //font-weight: bold;
  //color: #4f4f4f;
  color: #9b2a2a;
}

#example-subsection-content-graph  {
  clear: both;
}

#example-subsection-content p  {
 
}

#example-subsection-image {
  float: right; 
  margin-right: 22px;
  margin-left: 30px;
  margin-bottom: 20px;
  width: 270px;
} 

#content-portrait { 
  float: right;
  margin-left: 30px;
  margin-right: 22px;
}

#example-subsection-small-image {
  float: right; 
  margin-right: 22px;
  margin-left: 30px;
  margin-bottom: 20px;
  width: 187px;
} 

#example-subsection-image-caption {
  font-style: italic;
  color: #404040;
  font-size: 90%;
} 

#main-links { 
  
}

#main-links a {
  
}

#main-links p {
  margin-top: 2px;
  margin-bottom: 6px;
  padding: 0px;
}

#main-links-detail { 
  font-style: italic;
  color: #404040;
  font-size: 90%;
}

#main-links h2 { 
  color: black;
  font-size: 120%;
  //color: #9b2a2a;
  font-weight: normal;
  margin-bottom: 5px;
}

#main-links-content{ 
  margin-left: 10px;
  margin-bottom: 20px;
}



/* ------------------------- */

#sidebar {
  //font-size: 80%;
  float: right;
  color: 000;
  //border-left: 1px solid #d7d7d7;
  margin: 0px;
  margin-right: 5px;
  //margin-top: 15px;
  padding: 0;
  width: 280px;
}

#sidebar p {
  margin: 0px;
}

#sidebar-section { 
  //margin-left: 15px;
}

#sidebar-image { 
  margin-bottom: 35px;
}

#sidebar-image p { 
  font-size: 80%;
  margin-top: 2px;
  //margin-bottom: 20px;
}

#sidebar-portrait { 
  float: right;
  margin-left: 10px;
}

#sidebar-title {
  //border-top: 1px solid #171717;
  //border-bottom: 1px solid #171717;
  //background-color: #171717;
  //background-color: #9b2a2a;
  //padding: 0px 0px 0px 0px;
  //size: 130%;
  //color: #9b2a2a;
  //margin-top: 20px;
  margin-bottom: 15px;
  
}

#sidebar-title p { 
  //padding: 3px;
  padding-top: 0px;
  //padding-bottom: 10px;
  //margin: 0px;
  //color: black;	
  //font-weight: bold;
  //font-size: 150%;
  color: #9b2a2a;
  font-size: 150%; 
  //padding: 0px;
  margin: 0px;
}

#sidebar-content {
  //margin: 5px 5px 0px 0px;
  //border: 1px solid #171717;
  //margin-bottom: 20px;
}

#sidebar-content h2 { 
  color: #707070;;
  font-size: 90%;
  margin: 0px;
  margin-top: 2px;
  padding: 0px;
  font-style: italic;
}

#sidebar-content p {
  padding-left: 0px; 
  padding-top: 2px;
  padding-bottom: 10px;
  //margin: 0px;
  color: black;	
  font-weight: plain;
  font-size: 90%;
}

#social-icon { 
  padding: 3px;
}

#blogs-and-articles { 
  clear: both;
  //border-top: 1px solid #171717;
  //margin-top: 10px;
  //margin-bottom: 0px;
  //padding-top: 20px;
  //background-color: #d7d7d7;
  width: 100%;
}

#blogs-and-articles-wrapper {  
  margin-left: auto;
  margin-right: auto;
  width: 910px;
  padding: 0px;
  margin-bottom: 0px;
  //background-color: #d7d7d7;
}

#blogs-and-articles-title { 
  border-top: 4px solid #171717;
  border-bottom: 1px solid #171717;
  //font-weight: bold;
  font-style: italic;
  padding: 4px;
}

#blogs-and-articles-left {
  float: left;
  width: 45%;
}

#blogs-and-articles-right {
  float: right;
  width: 45%;
}

#blogs-and-articles-content {
} 

#footer { 
  //background-color: #d7d7d7;
  clear: both;
  width: 100%;
  border-top: 1px solid #171717;
  //border-bottom: 1px solid #171717;
  margin-top: 0px;
  margin-bottom: 0px;
  //background-color: #171717;
  //height: 20px;
  height: 2.0em;
  //color: white;
}

#footer-inner {  
  //margin-left: auto;
  //margin-right: auto;
  //margin-bottom: 0px;
  //width: 910px;
  //padding: 0px;
  //margin-right: 10px;
  //margin-left: 10px;
  //background-color: #171717;
  //padding-left: 10px;
  //padding-right: 10px;
}

#footer p {
  //font-size: 90%;
  //margin: 0px 0px 0px 5px;
  margin: 0px;
  //padding: 3px 2px 3px 0px;
  //padding-bottom: 0px;
  padding: 5px;
  color: #707070;
  
  
}
#footer .contact { 
  text-align: left;
  float: left;
  //padding-left: 10px;
}
#footer .copyright { 
  text-align: center;
  //float: right;
  //padding-right: 10px;
}


/* ------------------------------ */

#portfolio-section { 
  width: 100%;
  //background-color: red;
}

#portfolio-section-heading {
  //font-weight: bold;
  //border-bottom: 1px solid #171717; 
}

#portfolio-section-content {
  clear: both; 
  //margin-bottom: 20px;
  padding: 20px;
}

#portfolio-pub-title{ 
  font-weight: bold;
  float: center;
}

#portfolio-pub-icon { 
  float: left;
  margin-right: 20px;
}

#portfolio-pub-description { 
  float: center;
}



//

.three-col, .two-col, .lopside-col, .five-col {
    width: 100%;
}

.three-col .col {
    float: left;
    width: 180px;
    margin-right: 16px;
}

.two-col .col {
    float: left;
    width: 275px;
    margin-right: 22px;
}

.lopside-col .left-col {
    float: left;
    width: 200px;
    margin-right: 0px;
}
.lopside-col .right-col {
    float: left;
    width: 400px;
    //background-color: black;
    //margin-right: 22px;
}

.skillz-col { 
   width: 100%;
   margin-left: 10px;
}

.skillz-col .heading {
    float: left;
    width: 80px;
    font-style: italic;
    color: #707070;
}

.skillz-col .col {
    float: left;
    width: 90px;
    //margin-right: 10px;
}


.project-col { 
   width: 100%;
   //margin-left: 10px;
}

.project-col .heading {
    float: left;
    width: 60px;
}

.project-col .rest {
    float: left;
    width: 200px;
    
}



.five-col .col { 
  float: left;
  width: 180px;
}

.link-col .col { 
  float: left;
  width: 220px;
  margin-right: 80px;
}





h3.blogs-and-articles-heading{
  font-family:"Courier New",Courier,monospace;
  color: #9b2a2a;
}

#three-col-title { 
  color: #9b2a2a;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
  font-size: 130%;
}

#section-space { 
  clear: both;
  height: 30px;
}

//----------------------
//  Music Stuff
//----------------------

#content ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}


#content .features li img {
  float: left;
  margin: 0 5px 5px 0;
  list-style: none;
}	

#content p.music-detail{
  margin: 2px 0 0 30px;
  text-align: left;
}
#content p.music-title {
  margin: 15px 0 0 0;
  text-align: left;
  padding-left: 10px;
  font-weight:  bold;
}
#content a.music-download{
  //color: #000;
}
#content p.music-download{
  margin: 2px 0 0 30px;
  text-align: left;
  //color: #000;
}

#music-detail {
  color: 000;
}

//----------------------
//  End Music Stuff
//----------------------


#blogs-and-articles p { 
  font-size: 80%;
  //font-family: "Courier New", Courier, monospace
}

#blogs-and-articles .three-col .col .inner {
    margin: 30px 20px 10px 0;
}

#blogs-and-articles .three-col .col-center .inner {
    border-left: 1px solid #646b7f;
    padding-left: 20px;
}

#blogs-and-articles .three-col .col-right .inner {
    border-left: 1px solid #646b7f;
    padding-left: 20px;
}