/*
Title:     What I do and what I've done.
Author:    gc@gcmingati.net
**********************************************
These style-sheets, associated graphics 
and design are copyrighted materials.
*/

* {margin: 0; padding: 0;}
a {color: #000;}
a:focus {outline:none;}
img {border: 0;}

body {
font-family: Georgia, Verdana, sans-serif;
text-align: center;
background: #fff url(http://summer.gcmingati.net/images/gradient.jpg) left bottom repeat-x;
background-attachment: fixed;
color: #000;
font-size: 62.5%; 
min-height: 100%;
height: auto !important;
height: 100%;				
}

#wrapp {
width: 920px;
text-align: left;
font-size: 1em;
margin: 160px auto 0 auto;
padding: 0;
color: #000;
}
h1 {
color: #8a8a8a;
font: normal 1.1em Georgia, Verdana, sans-serif;
position: absolute;
bottom: 10px
}
h1 a {
color: gray;
text-decoration: none;
font-weight: bold;
}

h2 span {display: none;}
h2 {
width: 704px; 
height: 63px; 
background: transparent url(http://summer.gcmingati.net/images/h2-bg.gif) left top no-repeat;
}

p {
font: normal 1.3em Georgia, Verdana, sans-serif;
margin: 0.6em 0;
}


#reel {
width: 920px;
overflow: hidden;
background: transparent;
}
#reel ul {
list-style-type: none;
}
#reel ul li {
display: inline;
width: 180px;
}
#reel ul li a {
float: left;
width: 180px;
height: 200px;
background: transparent;
font: normal 10px/11px Georgia, Verdana, sans-serif;
margin: 0 5px 0 0;
text-decoration: none; 
color: #5d5d5d;
}
#reel ul li img {
width: 180px;
height: 100px;
}

#reel ul li a span {
display: block;
padding: 16px 0 1px 0;
}
#reel ul li a span strong {
display: block;
}
#left, #right {
height: 14px;
width: 50%;
background: transparent;
float: left;
margin-top: 40px;
font: normal 14px Georgia, Verdana, sans-serif;
}
#right {
text-align: right;
}
a.lessthumbz, a.morethumbz {
display: inline;
background: silver;
width: 93px;
height: 14px;
text-decoration: none;
}

a.lessthumbz:hover, a.morethumbz:hover {
background: red;
}