/* basic elements */



/* webkit, opera, IE9 */
::selection { background:#222; }
/* mozilla firefox */
::-moz-selection { background:#222; }


html {
	overflow-y:scroll;
	margin: 0;
	padding: 0;
	}


body { 
	font: 75% arial, sans-serif;
	background-image:url("images/concretelow-res.jpg");
	background-color:#270100;
	background-attachment:fixed;
	line-height: 1.88;
	color: #ddd; 
	margin: 0; 
	padding: 0;
	min-width:400px;
	}

p { 
	margin-top: 1em; 
	font: normal 1em arial, sans-serif;
 	letter-spacing: 0px;
	text-align: left;
	}

h1 { 
	font: normal 3em arial, sans-serif;
	letter-spacing: 2px; 
	margin-bottom: 5px; 
	color: #ddd;
	}


a  {
  display: inline-block;
  padding: 4px;
  outline: 0;
  color: #3a599d;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
a:hover {
  background: #fff;
  text-decoration: none;
  color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: scale(1.05) rotate(-1deg);
  -moz-transform: scale(1.05) rotate(-1deg);
  -o-transform: scale(1.05) rotate(-1deg);
  transform: scale(1.05) rotate(-1deg);
}
a:nth-child(2n):hover {
  -webkit-transform: scale(1.05) rotate(1deg);
  -moz-transform: scale(1.05) rotate(2deg);
  -o-transform: scale(1.05) rotate(1deg);
  transform: scale(1.05) rotate(1deg);
}

a:link { 
	font-weight: bold; 
	text-decoration: none;
	color: #ddd;	 
	}

a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #ddd;	 
	}


a:hover, a:active {
	color: #000;	
	}



/* specific divs */


#wrapper {
	width:600px;
	margin: 0 auto; 
	} 


#jimfrink {
	padding-left:150px;
	padding-right:20px;
	font: normal 2em arial, sans-serif;
	}

#jimfrink a {
	color: #ddd;
	}

#jimfrink a:hover {
	color: #000;
	}

#nav	{
	position:relative;
	top:0px;
	font: normal 1.25em arial, sans-serif;
	}

#nav ul	{
 	margin:0;
 	padding:0;
 	list-style-type:none;
 	text-align:center;
 	}

#nav ul li {
	display:inline;
	margin-left:15px;
	margin-right:15px;
	}

#nav ul li a	 {
	 text-decoration:none;
	 }

#mainphoto {
	position: relative;
	top: 30px;
	left: 0px;
  	width: 100%;
	}


#content {
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
} 

#giglist li{
    margin-top: 15px;
	}

#topics {
	font-weight:normal;
	}



#materials ul li {
	line-height: 1.2;
	}