/*comments*/
/*  
id   #
class  .
*/


p
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}


H1
{
text-align:left;
font:36px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#104E8B
}



H2
{
text-align:left;
font:22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#104E8B
}


/*remove border from hyperlinked images in IE*/

a img
{
    border: 0;
}




ul
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}


li
{
text-align:left;
font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
}



#indent
{
text-indent:50px;
}


#indent2
{
text-indent:200px;
}


#shadow 
{

    box-shadow: 5px 5px 2px #888888;
}




/*div positioning and padding - main page*/
/*padding order - top, right, bottom, left*/

#wrapper
{
position:relative;
left:0px;
width:993px;
}


#wrapper2
{
align:left;
left:50px;
width:630px;
}


#wrapper3
{
position:relative;
left:0px;
width:993px;
padding: 0px 200px 0px 200px; 
}




#barry
{
float:left;
width:743px;
}

#barry2 
{
float:left;
padding: 60px 50px 0px 150px; 
width:843px;
height:669px;
margin: 0 auto;
background-image: url(BarryBlog.jpg);
background-repeat: no-repeat;
}


#crack
{
float:left;
width:250px;
padding-top:50px;
}


#bottomline
{
border-bottom: 2px solid #104E8B
}


#footer
{
clear:both;
width:700px;
padding-left:200px;
}


/*div positioning and padding - photo pages*/

#wrapper2
{
position:relative;
left:250px;
width:800px;
background-color:#FFFFFFF;
}

/*======

#headline
{
position:relative;
width:500px;
background-color:#FFFFFF;
margin-bottom:10px; margin-left:0px;
}

#picA
{
position:relative;
width:421px; 
height:408px;
margin-top:10px; margin-bottom:10px;
margin-right:10px; margin-left:100px;
border-style:solid; border-width:1px;
}

#picB
{
position:relative;
width:421px; 
height:408px;
margin-top:10px; margin-bottom:10px;
margin-right:100px margin-left:10px;
border-style:solid; border-width:1px;
}





=====*/












/*image opacity for hyperlinked images

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.1;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

*/



.opacity img{
opacity:1.0;
 filter:alpha(opacity=100); /* For IE8 and earlier */
}

.opacity:hover img{
opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */
}




/*navigation*/


ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #ddd;
  height: 50px;
}

li.nav {
  font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  border-right: 2px solid #ccc;
  display: inline;
  padding: 15px;
  padding: 15px;
  line-height:375%;


}

li.nav:last-child {
  border: none;
}

li.nav a {
  text-decoration: none;
  color: #104E8B;
  display: inline;
  width: 100px; 

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}

li.nav a:hover {
  font-size: 13px; color: #fff;
  background: #aaa;
  box-shadow: 5px 5px 8px #1F1F14;
}