/*
*
* CSS Document
* about.css
*
* About page styles for gregmerriman
*
* Author    :   Greg Merriman
* Copyright :   Copyright 2009 (c) Greg Merriman Web Development
* Created   :   Fri 13 Nov 2009
* Modified  :   Fri 01 Sep 2023
*
*/


/*---------- [list of skills styles] ----------*/

.main_content ul#softwareskills,
.main_content ul#developmentskills {
    padding-left: 0;
    font-family: Georgia;
}

.main_content ul#softwareskills li,
.main_content ul#developmentskills li {
  line-height: 32px;
  list-style: none;
  padding-left: 28px;
}

.main_content ul#softwareskills li.photoshop {
  background: url("../images/icons/tech/photoshop.png") center left no-repeat;
}
.main_content ul#softwareskills li.illustrator {
  background: url("../images/icons/tech/illustrator.png") center left no-repeat;
}
.main_content ul#softwareskills li.indesign {
  background: url("../images/icons/tech/indesign.png") center left no-repeat;
}
.main_content ul#softwareskills li.xcode {
  background: url("../images/icons/tech/xcode.png") center left no-repeat;
}
.main_content ul#softwareskills li.apple {
  background: url("../images/icons/tech/apple.png") center left no-repeat;
}
.main_content ul#softwareskills li.windows {
  background: url("../images/icons/tech/windows.png") center left no-repeat;
}
.main_content ul#softwareskills li.linux {
  background: url("../images/icons/tech/linux.png") center left no-repeat;
}
.main_content ul#softwareskills li.wordpress {
  background: url("../images/icons/tech/wordpress.png") center left no-repeat;
}
.main_content ul#softwareskills li.apache {
  background: url("../images/icons/tech/apache.png") center left no-repeat;
}
.main_content ul#softwareskills li.zf {
  background: url("../images/icons/tech/zend_framework.gif") center left no-repeat;
}
.main_content ul#softwareskills li.laravel {
  background: url("../images/icons/tech/laravel.png") center left no-repeat;
}

.main_content ul#developmentskills li {
  background: url("../images/bullets/tick16.png") center left no-repeat;
  padding-left: 24px;
}


/*---------- [inspiration section] ----------*/

.inspiration {
    background-color: #ced4d9;
    webkit-box-shadow: inset 0 20px 32px -20px rgba(0,0,0,0.6);
      -moz-box-shadow: inset 0 20px 32px -20px rgba(0,0,0,0.6);
           box-shadow: inset 0 20px 32px -20px rgba(0,0,0,0.6);
    padding: 2.4em 20px;
}

.progress {
    height: 32px;
}

.progress-bar {
    background-color: #1166bb;
    font-family: Georgia;
    font-size: 1.2em;
    line-height: 32px;
}

    .progress-bar a {
        color: #d9d9d9;
    }
        .progress-bar a:hover,
        .progress-bar a:active,
        .progress-bar a:focus {
            color: #ffffff;
            text-decoration: none;
        }

    .progress-1 {
        background-color: #2e3133;
    }
    .progress-2 {
        background-color: #45494d;
    }
    .progress-3 {
        background-color: #5c6266;
    }
    .progress-4 {
        background-color: #737a80;
    }
    .progress-5 {
        background-color: #8a9299;
    }

.track {
    font-family: Georgia;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

    .track .artwork {
        float: left;
        margin-right: 1.2em;
    }

@media only screen
and (max-device-width: 768px) {
    .recent-artists .track {
        margin-top: 2.4em;
    }
}