/* ---------- Browser Reset CSS http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ -----------*/
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ul {
list-style: none;
margin-bottom: 1.5em; 
}
/* add scroll bar to FF to prevent jump */
html { overflow: -moz-scrollbars-vertical;}

a, a:visited  {
text-decoration: none;
}

a:hover, a:active  {
text-decoration: none;
}

h3 {
font-weight: bold;
font-size: 1.5em; 
line-height: 1.5em; 
margin-bottom: 1.5em;
}

/* ---------- Site Layout - CSS GRID 18 column layout based on 960 http://960.gs/ -----------*/

.clear	{
clear: both;
margin: 0px 0px 0px 110px;
}

#site-container {
margin-left:auto;
margin-right:auto;
margin-bottom: 30px;
width:960px;
}

.full-content  {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
width:940px;
}

/* ---------- google+ pic collage -----------*/
#plus-images .pluspics li {
position: relative;
float: left;
width: 188px;
height: 125px;
}

#plus-images .pluspics li a span {
position: absolute;
display:block;
overflow: hidden;
width: 188px;
height: 125px;
background-color: #fff;
}

#plus-images .pluspics li a {
display:block;
}

#plus-images .pluspics li a:hover span.hover {
padding: 6px;
border: solid 1px #CCC;
margin: -7px;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;
}

#plus-images .pluspics li img {
position: absolute;
top:50%;
left:50%;
display: none;
}s