/* 
*
* CSS Document
* about.css
* 
* Author    :   Greg Merriman
* Copyright	:		Copyright 2009 (c) Greg Merriman Web Development
* Created   :   Fri 13 Nov 2009
* Modified  :   Wed 06 Jan 2010
* 
*/


/* about page styles for gregmerriman */


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

#main_content ul#softwareskills,
#main_content ul#developmentskills
{
  float: left;
  width: 280px;
}

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

#main_content ul#softwareskills li.photoshop
{
  background: url("../images/icons/services/photoshop.png") center left no-repeat;
}
#main_content ul#softwareskills li.dreamweaver
{
  background: url("../images/icons/services/dreamweaver.png") center left no-repeat;
}
#main_content ul#softwareskills li.illustrator
{
  background: url("../images/icons/services/illustrator.png") center left no-repeat;
}
#main_content ul#softwareskills li.indesign
{
  background: url("../images/icons/services/indesign.png") center left no-repeat;
}
#main_content ul#softwareskills li.apple
{
  background: url("../images/icons/services/apple.png") center left no-repeat;
}
#main_content ul#softwareskills li.windows
{
  background: url("../images/icons/services/windows.png") center left no-repeat;
}
#main_content ul#softwareskills li.wordpress
{
  background: url("../images/icons/services/wordpress.png") center left no-repeat;
}
#main_content ul#softwareskills li.joomla
{
  background: url("../images/icons/services/joomla.png") center left no-repeat;
}
#main_content ul#softwareskills li.apache
{
  background: url("../images/icons/services/apache.png") center left no-repeat;
}

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


/*----------[about page footer styles]----------*/

#footer div.inspiration
{
  padding-bottom: 32px;
}

#footer div.inspiration h5
{
  color: #88888c;
}
#footer div.inspiration h5 span
{
  color: #bababf;
}

#footer div.inspiration p em
{
  color: #66666c;
  font-style: normal;
}

div.inspiration ul
{
  margin-top: 24px;
  font-size: 1.0em;
}

div.inspiration ul li
{
  float: left;
  display: inline;
  color: #bababf;
  line-height: 17px;
  margin-bottom: 16px;
  width: 20%;
}
div.inspiration ul li a
{
  color: #88888c;
}
div.inspiration ul li a:hover, div.inspiration ul li a:active
{
  color: #f0f0f0;
  border-bottom: dotted 1px #f0f0f0;
}

div.inspiration ul li img
{
  float: left;
  margin-right: 6px;
}