@charset "UTF-8";

/* --------------------------------

 Fisheyeguyphotography.com
 Author: Paul Clayton
 Last revision: 12/16/08

---------------------------------- */

/* ----- Default page elements ----- */

/* Hide from IE-Mac \*/ 
html, body {
	height: 100%;
	/*overflow-x: hidden;*/
}
/* End hide */

body, td, .bod, font, p, div, form {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	text-decoration: none;
	font-size: 8pt;
}

body {
	background-color: #f8fceb;
	/* background-image: url(../imgs/blank.gif); */
	background-image: url(../imgs/blank.gif);
	background-repeat: repeat-x;
	background-position: top left;
	overflow: auto;
}

#container {
	position:absolute;
	top: 12px;
	left: 50%;
	width:700px;
	margin-left: -350px; /*set to a negative number 1/2 of your width*/
	background-color: #f8fceb;
	padding: 0px;
}

#main {
	position:relative;
	top:0px;	
	width:700px;
	height:86px;
	margin: 0px;
	display:block;
	z-index: 2;
	line-height: 0;
}
	

#menu {
	position:relative;
	top:1px;	
	width:700px;
	margin: 0px;
	display:block;
	z-index: 10;
}

#fadeshow1 {
	position:relative;
	top:1px;	
	width:700px;
	margin: 0px;
	display:block;
	z-index: 3;
	line-height: 0;	
}

#headerbottom {
	position:relative;
	top:1px;	
	width:700px;
	margin: 0px;
	display:block;
	z-index: 3;
	line-height: 0;	
}
	
.content {
	position:relative;	
	top:2px;	
	width:686px;
	margin:0px;
	text-align:top;
	border: 1px solid #494949;
	padding: 6px;
}

p.redtext{ color: red; }

.pan {
	text-align:center;
	display:block;
}

.footer {
position:relative;
	top:-40px;
	width:688px;
	text-align: right;
	float: right;
	padding: 6px;
}

.fbfooter {

	top:20px;
	width:688px;
	text-align: left;
	float: left;
	padding: 6px;
}

.sitemaptext a{
		text-decoration:none;	
}

.cols a{
		text-decoration:none;	
		color: #494949;
}



.submit input {
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
margin-left: 16em;
} 

.submit_home input {
color: #fff;
background: #91977f;
border: 2px outset #d7b9c9;
margin-left: 5px;
} 

div#usernotes div.head, div#usernotes {
	padding: 4px;
	text-align: left;
}
div#usernotes span.action {
	float: right;
}
div#usernotes div.note {
	margin-left: 2em; 
	margin-right: 2em; 
	border-bottom:1px dashed;
	padding: 4px;
}
div#usernotes div.text {
	padding: 2px;
	margin-top: 4px;
}

fieldset { 
width: 650px; 
margin: 0 auto; 
padding: 0px 0px; 
margin-top: 1em;
border:0;
}

legend {
padding: 6px
} 

label {
width: 16em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


.p_indent
{ 
margin-left: 20px;
}

p
{ 
margin-bottom: 8px;
margin-top: 0px;
}


img.tip{
vertical-align:middle;
}

      .cols{
      width:680px;
      margin :auto;
      text-align:center;/* centers inline-blocks*/
      border:0;
      padding-top:1px;
      padding-bottom:0px;
      }
      .cols div {
      display:-moz-inline-box;/* Firefox 2 and under*/
      display:inline-block;/* FF3, Opera, Safari */
      width:200px;
      margin:0 0 0 0;/* need to remove top and bottom margin from p element*/
      padding-top:5px;
      padding-bottom:0px;
      padding-left:8px;
      padding-right:8px;
      border:0;
      vertical-align:top;/* align to bottom */
      }
      .cols div.last{margin:0}/* remove right margin from last element so that they are all centered*/
      .cols div p{width:190px}


li
{ 
margin-bottom: 8px;
margin-top: 0px;
}
#gallery {
	position:relative;
	margin:0;
	width:710px;
	margin-left:0px;
	padding-left:0px;
}
#gallery li { display: block; }


/*b { font-weight: normal; color: #000000; }*/
img { border: 0; }



/* Photo Buttons */

.photobtns { clear: both; }
.photobtns p {
	background-image: url(../imgs/photobtns.gif);
	background-repeat: no-repeat;
}

.photobtns a {
	background-image: url(../imgs/photobtns.gif);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	/*width: 144px;*/
	text-decoration: none;
	background-color: transparent;
	float: left;
	margin-left: 5px;
}

.photobtns a span {
	display: none;
}

.photobtns a:hover {
	display: block;
}

.photobtns a.btnview { background-position: 0px 0px; width: 60px; }
.photobtns a.btnview:hover { background-position: -60px 0px; width: 60px; }
.photobtns a.btnviewclick { background-position: -60px 0px; width: 60px; }


/* ----- Flash & Lightbox (layer) Elements ----- */

#gallerycontent { padding: 10px 0 10px 0; }


#flashcontent {
		width: 100%;
		height: 100%;
}

#noflash {
		width: 478px;
		height: 255px;
		position: relative;
		padding: 30px 0 0 25px;
		text-align: left;
		color: #666666;
		/*background: url(../imgs/gb_flashruleerr.gif) no-repeat;*/
}

.fpindent { padding: 0 0 0 25px; font-size: 13px; color: #009999; }


/* ----- Lightbox Specific Elements ----- */


.lbclosebtn { width: 84px; height: 29px; padding: 10px 0 0 8px;  }


/* ----- Ultimate Dropdown Menu ----- */

/* style the outer div to give it width */
.menu {
width:705px; 
font-size:0.85em;
padding-bottom:0px;
padding-top:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:140px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:139px;
position:relative;
margin-bottom: 0px;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:129px; 
height:30px; 
background:#91977f; 
padding-left:10px; 
line-height:29px;
border-bottom:1px solid #fff; 
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:139px;
w\idth:129px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#828771;
}
.menu ul ul :hover > a.drop {
background:#828771;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:139px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:10px 5px; 
width:129px;

/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:139px;
w\idth:119px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000;
background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}