@import 'reset.css';
@import 'typography.css';


body {background:#809296;}
#wrapper {width:959px; border-right:1px solid #FFF; background:url(../art/stripe.gif) top left repeat-y; }
#innerwrap {background:url(../art/spine.gif) top left no-repeat;}

#header {width:904px; height:139px; background:url(../art/header.jpg) top left no-repeat #264325; margin-left:55px; position:relative; text-indent:-9999px;}

#header h1 {margin:0;}
#header img {position:absolute; left:21px; top:47px;}
#maincontent {width:904px;height:534px; overflow:hidden; padding:1px 0; margin-left:55px; background:#ecd6a4;}

#subcontent {width:904px; overflow:hidden; border-top:#cec6a7 5px solid; margin-left:55px; padding-bottom:40px; background:url(../art/dots.gif) repeat-y 440px 0 #f0e7c3;}

#flash {width:534px; float:left;}
#rightcol {width:370px; float:right;}

#comments {width:50%; float:left;}
#photographer {width:50%; float:right; overflow:hidden; position:relative;}

#photographer img {float:right; margin:0 15px;}

#innercontent {width:904px;overflow:hidden; padding:1px 0; margin-left:55px; background:#f0e7c3;}
#leftcol {width:370px; float:left; background:#ecd6a4;}
#page {width:534px; float:right; }


#footer {width:904px; height:300px; background:#cec6a7; margin-left:55px;}
#footer p {margin:0 21px; color:#663333; padding-bottom:20px;}
#footer ul {margin:0 11px; padding:30px 0;}
#footer ul li {display:inline; padding:0 10px; border-right:1px solid #663333; font-size:10px; text-transform:uppercase;}
#footer ul li.last {border:none;}
#footer ul li a {color:#663333;}
#footer img {
	margin:10px 0 0 21px;
}

div.welcome {height:220px}
div.imageflow {width:360px; margin-left:6px; padding-bottom:15px; border-bottom:2px #FFF dotted;}
div.imageflow img {float:right; margin:0 10px 0;}

div.last {border:none;}
div.filler {height:180px;}




img.float {float:right; margin:-30px 10px 0; border:4px #FFF solid;}
.thumbnail img {border:4px #df763e solid; margin:0;}
.thumbnail img.icon {border:none; float:left; margin-right:5px;}
img.inline {display:inline; margin:0; padding:0;}
.thumbnail {float: left;
width:104px;
margin:24px 0 0 23px; display:inline;}
.clearboth { clear: both; }


/* Main Site Navigation */

#mainnav {
	width: 690px;
	height: 27px;
	position:absolute;
	margin: 0;
	padding:0;
	left: 21px;
	top: 112px;

}

#mainnav ul	{
	height: 27px;
	width:690px;
	position: relative;
	background: url(../art/nav.gif) no-repeat top;
	margin: 0;
}
	
#mainnav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background:none;
	padding-left:0;
	
	}
	
	
#mainnav ul li, #mainnav ul a	{
	height: 27px;
	display: block;
	}

#mainnav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}


#opt1 {
	left: 0px;
	width: 56px;
}
#opt2 {left: 56px; width: 87px; }
#opt3 {left: 143px; width: 100px;}
#opt4 {left: 243px; width: 152px;}
#opt5 {left: 395px; width: 114px;}
#opt6 {left: 509px; width: 92px;}
#opt7 {left: 601px; width: 90px;}


#opt1 a:hover {background: transparent url(../art/nav.gif) 0 -27px no-repeat;}
#opt2 a:hover {background: transparent url(../art/nav.gif) -56px -27px no-repeat;}
#opt3 a:hover {background: transparent url(../art/nav.gif) -143px -27px no-repeat;}
#opt4 a:hover {background: transparent url(../art/nav.gif) -243px -27px no-repeat;}
#opt5 a:hover {background: transparent url(../art/nav.gif) -395px -27px no-repeat;}
#opt6 a:hover {background: transparent url(../art/nav.gif) -509px -27px no-repeat;}
#opt7 a:hover {background: transparent url(../art/nav.gif) -601px -27px no-repeat;}


#opt1 a.current {background: transparent url(../art/nav.gif) 0 -27px no-repeat;}
#opt2 a.current {background: transparent url(../art/nav.gif) -56px -27px no-repeat;}
#opt3 a.current {background: transparent url(../art/nav.gif) -143px -27px no-repeat;}
#opt4 a.current {background: transparent url(../art/nav.gif) -243px -27px no-repeat;}
#opt5 a.current {background: transparent url(../art/nav.gif) -395px -27px no-repeat;}
#opt6 a.current {background: transparent url(../art/nav.gif) -509px -27px no-repeat;}
#opt7 a.current {background: transparent url(../art/nav.gif) -601px -27px no-repeat;}

/* Remove large selection rectangle on image-replacement */
:active, :focus {
  outline:none;
  -moz-outline-style: none;
}

/*form */

#formborder {width:250px; margin:20px 0 40px 20px; padding:20px 20px 0 0; border:2px dashed #FFF; background:#cec6a7;} 
#form1 {width:250px; background:#background:#cec6a7;; padding:10px; margin:0;}
label,input, textarea {
        display: block;
        float: left;
        margin-bottom: 10px;
}

input {width: 120px;}
input#register {float:none; width:93px; margin-left:120px;}
input#submit {float:none; width:93px; margin-left:120px;}
textarea {width: 160px; height:70px;}

label {
        text-align: right;
        width: 75px;
        padding-right: 5px;
		font: 12px Verdana, Arial, Sans Serif; color:#00472E;
}

#form br {
        clear: left;
}

img.captcha {width:200px; height:100px; margin-left:80px;}