/* 
*
* CSS Document
* work.css
* 
* Author    :   Greg Merriman
* Copyright	:		Copyright 2009 (c) Greg Merriman Web Development
* Created   :   Mon 16 Nov 2009
* Modified  :   Mon 16 Nov 2009
* 
*/


/* work page styles for gregmerriman */


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

#main_content #work-examples
{
  width: 912px;
  margin: 0 auto;
}

#main_content div.project
{
  float: left;
  margin: 64px 12px 0 12px;
  width: 432px;
}

#main_content div.project img
{
  background-color: #fff;
  border: solid 1px #a6a6a6;
  margin: 16px 0 16px 0;
  padding: 2px;
}

#main_content div.project p
{
  font-size: 1.1em;
  margin-bottom: 4px;
}

#main_content div.project p.type
{
  margin-bottom: 0;
}

#main_content div.project p strong em
{
  color: #597180; /*blue/grey*/
  font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
}

#main_content div.project p a.screenshots
{
  float: left;
  background: url("../images/work/screenshot-arrow.png") top left no-repeat;
  border-bottom: solid 1px #fff;
  line-height: 12px;
  margin: 12px 0 0 0;
  padding-left: 16px;
}
#main_content div.project p a.screenshots:hover, #main_content div.project p a.screenshots:active
{
  background-position: bottom left;
  border-bottom: dotted 1px #339900; /*green*/
}

#main_content div.project p a.top
{
  float: right;
  border-bottom: solid 1px #fff;
  line-height: 12px;
  margin: 12px 4px 0 0;
}
#main_content div.project p a.top:hover, #main_content div.project p a.top:active
{
  border-bottom: dotted 1px #339900; /*green*/
}