body
{
	margin:  auto;
	padding: 0;
	text-align: center;
	background: #efefef;
	font-family:Arial;
	color:#a1a1a1;
}

a
{
	color: #4a7cb5;
	text-decoration:none;
}

a:hover
{
	color:#bbbbbb;
	text-decoration:none;
}

html { min-height: 100%; margin-bottom: 1px; }

#main
{
	background:#ffffff bottom center repeat-y;
	width:100%;
	padding-bottom:60px;
}

#footer
{
	background:#efefef url(images/footer.gif) top center repeat-x;
	margin-top:0px;
	width:100%;
	padding:0;
}

#header
{
	margin: 0 auto 0 auto;
	text-align:center;
	height:80px;
	width:780px;
	position:relative;
}

#top
{
	position: absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:250px;
	height: 50px;
	background: #ffffff 0 0 no-repeat;
	border:0px solid #000000;
}

#top h1
{
	margin: 0;
}

#top h1 a:link, #top h1 a:visited
{
	position: absolute;
	top: 25px;
	left: 0px;
	width: 194px;
	height: 0px;
	display: block;
	background: url(images/sparkletitle.gif) 0 0 no-repeat;
	overflow: hidden;
	font-size: 1px;
	padding-top: 40px;
	color:#ffffff;
}

#top h1 a:hover, #top h1 a:active
{
	position: absolute;
	top: 25px;
	left: 0px;
	bottom:0px;
	height: 0px;
	width: 194px;
	display: block;
	background: url(images/sparkletitle.gif) 0 0 no-repeat;
	overflow: hidden;
	font-size: 1px;
	padding-top: 40px;
	color:#ffffff;
}

#menu
{
	position:absolute;
	top:0px;
	left:455px;
	width:350px;
	height:60px;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	float:left;
}
 
#menu li
{
	list-style:none;
	padding:0px;
	margin: 0;
	display: inline;
	font-family:arial;
}

#menu li a:link, #menu li a:visited
{
	display: block;
	position: absolute;
	top: 0;
	height: 40px;
}

#menu li a:link span, #menu li a:visited span, #menu li span
{
	position:absolute;
	top:0px;
	margin:0px;
	width:79px;
	height:40px;
	padding: 40px 0 0 0;
	text-decoration:none;
	background: url(images/menu_off.gif) 0 0px no-repeat;
	font-size: 10px;letter-spacing:0.03em;
	color: #4a7cb5;
}



#menu li a:hover span, #menu .current a:hover, #menu .archive a:hover, #menu .links a:hover, #menu .about a:hover
{
	top:0px;
	margin:0px;
	padding: 40px 0 0 0;
	background: url(images/menu_on.gif) 0 0px no-repeat;
	text-decoration:none;
	color: #ffffff;
}

#menu .current a
{
	position:absolute;
	left:0px;
	text-decoration:none;
}

#menu .archive a
{
	position:absolute;
	left:79px;
	text-decoration:none;
}


#menu .about a
{
	position:absolute;
	left:158px;
	text-decoration:none;
}

#menu .links a
{
	position:absolute;
	left:237px;
	text-decoration:none;
}

#archive
{
	position: relative;
	margin:-5px auto 0 auto;
	text-align:center;
	width:745px;
	height:405px;
	padding-top:0px;
}

div>#archive
{
	height:405px;
}

#abouttxt,#linktxt,#archivetxt, #archivetag
{
	position: relative;
	margin:15px auto 0 auto;
	width:720px;
	padding-top:0px;
	font-size:11px;
	text-align:left;
}

#archivetag
{
	margin-top:-35px;
}

div>#archivetag
{
	margin-top:-30px
}

#frame {
	margin:15px auto 0 auto;
	text-align:center;
	z-index: 0;
	background: url(images/picframenew.gif) center center no-repeat;
	width:760px;
	height: 518px;
	position: relative;
	padding-top:0px;
}

.landscapetwoup #frame
{
	width:760px;
	height: 1024px;
	background: url(images/picframeland2up.gif) center center no-repeat;
}

.landscapeold #frame
{
	width:760px;
	height: 461px;
	background: url(images/picframeland.gif) center center no-repeat;
}

.portrait #frame, .portrait35mm #frame  {
	margin:15px auto 0 auto;
	text-align:center;
	z-index: 0;
	background: url(images/picframeport.gif) center center no-repeat;
	width:760px;
	height: 675px;
	position: relative;
	padding-top:0px;
}

.portrait35mm #frame  {
	background: url(images/picframeport35mm.gif) center center no-repeat;
}

.portrait #title, .portrait35mm #title
{
	position:relative;
	top:3px;
	left:0px;
	width:450px;
	text-align:left;
	padding-left:22px;
	clear:both;
}
	
.portrait #photobar, .portrait35mm #photobar
{
	position:absolute;
	width:38px;
	height:20px;
	top:10px;
	left:640px;
	padding:0; margin:0;
	color: #ffffff;
}

div>#frame
{
	padding-top:0px;
}

#frame img
{
	padding-top:16px;
}

div>#frame img
{
	padding-top:16px;
}

#photoinfo
{
	margin:0 auto 0 auto;
	position:relative;
	width:750px;
	height:100%;
}

#photobar
{
	position:absolute;
	width:38px;
	height:20px;
	top:10px;
	left:640px;
	padding:0; margin:0;
	color: #ffffff;
	clear:both;
}

#photobar li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	color: #ffffff;
}

#photobar li a:link, #photobar li a:visited
{
	display: block;
	position: absolute;
	top: 0;
	height: 25px;
}

#photobar li a:link span, #photobar li a:visited span, #photobar li span
{
	display: block; 
	position: absolute; 
	top: 0px;
	overflow: hidden; 
	font-size: 1px;
	line-height: 1px;  
	height: 0; 
	padding: 25px 0 0 0;
}

#photobar .endright span
{
	top:0px; left:66px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) 0px 0 no-repeat;
}

#photobar .endleft span
{
	top:0px; left:0px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) 0px 0 no-repeat;
}

#photobar .prev a
{
	top:0px;
	left:0px;
	width:25px;
	background: url(images/photonav.gif) -50px 0 no-repeat;
}

#photobar .name a
{
	top:0px; 
	left:33px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) -25px 0 no-repeat;
}

#photobar .next a
{
	top:0px; left:66px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) -75px 0 no-repeat;
}

#photobar .prev a:hover
{
	top:0px;
	left:0px;
	width:25px;
	background: url(images/photonav.gif) -50px -25px no-repeat;
	color: #ffffff;
}

#photobar .name a:hover
{
	top:0px; 
	left:33px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) -25px -25px no-repeat;
}

#photobar .next a:hover
{
	top:0px; left:66px;
	width:25px;
	display: inline;
	background: url(images/photonav.gif) -75px -25px no-repeat;
}

#title
{
	position:relative;
	top:3px;
	left:0px;
	width:450px;
	float:left;
	text-align:left;
	padding-left:22px;
	clear:both;
}


div> #title
{
	left:0px;
}

html> .portrait #title, html> .portrait35mm #title
{
	left:0px;
}

#flush
{
	clear:both;
}

div>#flush #vote
{
	border:1px solid #ffffff;
}

#title h2
{
	margin:8px 0 6px 0;
	font-weight:normal; font-size:13px; letter-spacing:0.03em;
	padding:0;
}

#title a, #abouttxt a, #linktxt a
{
	font-size:11px;
	letter-spacing:0.03em;
}

#title p
{
	margin:7px 0 9px 0;
	font-size:11px;
	letter-spacing:0.03em;
	word-spacing:0.05em;
	line-height:1.3em;
}

#title #comment, #title #author
{
	margin:0;
	padding-top:4px;
	padding-left:38px;
	height:21px;
}	

#title #comment
{
	background: url(images/comment.gif) center left no-repeat;
}	

#title #author
{
	background: url(images/avatar.gif) center left no-repeat;
}	


.thumb {
	margin: 18px 23px 9px 23px;
	height: auto;
	float: left;
	text-align: center;
	background-color:#fff;
	color:#fff;
	padding:6px;
	background: url(images/framethm.gif) 0 0 no-repeat;
	line-height:15px;
}	

div>.thumb
{
	margin:20px 26px 10px 26px;
}

.thumb img {
	margin:0;
	background-color:#fff;
	color:#fff; 
	border:0;
	line-height:15px;
}

.thumb a {
	 border:0;
	 text-decoration:none;
}

.thumb img a {
	display: block;
	margin:0;
	background-color:#fff;
	color:#fff; 
	text-decoration:none;
	padding:0;
	border:0;
}

.thumbsec
{
	clear:both;
}

#archlist
{
	position:relative;
	text-align:center;
	margin:auto;
	margin-bottom:0px;
	margin-top:0px;
	width:620px;
	height:60px;
	padding-bottom:0px;
}

#archlist ul
{
	width:600px;
	height:0px;
	padding:11px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:auto;
}

div>#archlist ul
{
	margin-left:5px;
	width:595px;
}

#archlist li
{
        background-color:#ffffff;
	height:30px;
        color:#c1c1c1;
	text-align:center;
	font-style:normal; 
	font-weight:normal; 
	font-size:11px;
	list-style: none; 
	margin: 5px;
	padding:0;
	display:inline;
}

div>#archlist li
{
	border:#c1c1c1 0px solid;
}

#archlist .id
{
	border-left:1px solid #ffffff;
	overflow:hidden;
	font-size:1px;
	text-align:center;
	padding-top:20px;
	padding-bottom:3px;
	padding-left:25px; 
	padding-right:0px;
	display:inline;
	background: url("images/archbutton.gif") 0 0 no-repeat;
	color: #ffffff;
}

#archlist .id2 a
{
	overflow:hidden;
	font-size:1px;
	text-align:center;
	padding-top:20px;
	padding-bottom:3px;
	padding-left:22px; 
	padding-right:3px;
	text-decoration:none;
	margin:0;
	display:inline;
	background: url("images/archbutton.gif") 0 -25px no-repeat;
	color: #ffffff;
}

div>#archlist .id
{
	margin-left:-1px;
}

div>#archlist .id2
{
	margin-left:-1px;
}

#archlist .id2 a:hover {
	background: #ffffff url("images/archbutton.gif") 0 0px no-repeat;
}

#abouttxt h2, #linktxt h2,#archivetxt h2,#archivetag h2
{
	margin:15px 0px 7px 0;
	text-align:left;
	padding:0;
	font-weight:normal; font-size:13px;letter-spacing:0.03em;
}

#abouttxt p, #linktxt p, #archivetag p
{
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:normal;font-size:11px;
	text-align:left; 
	padding:0px;
}

#abouttxt ul, #linktxt ul
{
	position:relative;
	font-weight:normal; 
	text-align:left; 
	margin-left:15px; 
	margin-top:5px; 
	margin-bottom:5px; 
	padding-left:20px; 
}

#abouttxt li
{
	margin: 4px 0px 0px 0px; 
	padding-left:5px;
}

#linktxt ul
{
	margin-left:0px;
}

#linktxt li
{
	list-style: none; 
	margin: 4px 0; 
	padding-left:22px;
	height:17px;
	background: url(images/linkbullet.gif) 2px 2px no-repeat;
}

#linkcol1
{
	border:1px solid #ffffff;
	float:left;
	margin-top:0px;
	margin-left:50px;
	width:200px;
}

div>#linkcol1
{
	margin-left:50px;
}

#linkcol2
{
	position:relative;
	margin-left:370px;
	width:200px;
	border:1px solid #ffffff;
}

div>#linkcol2
{
	margin-left:370px;
}


#footer #container
{
	margin:auto;
	width:800px;
	height:100px;
}

#footer #validate
{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding-top:20px;
	position:relative;
	font-size:10px;
	color:#a1a1a1;
	width:350px;
	line-height:15px;
	float:left;
}

html>body #footer #validate
{

	padding-top:20px;
}

#footer #validate ul
{

	width:250px;
	margin-top:0px;
	margin-left:0px;
}

html>body #footer #validate ul
{
	margin-left:0px;
}

#footer #validate li
{
	text-align:left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer a
{
	color: #4a7cb5;
	text-decoration:none;
}

#footer a:hover
{
	color:#bbbbbb;
}

#footer #external
{
	margin-top:0px;
	margin-left:520px;
	padding-top:20px;
	position:relative;
	font-size:10px;
	color:#a1a1a1;
	width:200px;
	line-height:15px;
}

html>body #footer #external
{

	padding-top:20px;
}

#footer #external ul
{

	width:250px;
	margin-top:0px;
	margin-left:0px;
}

html>body #footer #external ul
{
	margin-left:0px;
}

#footer #external li
{
	text-align:left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#vote a:link, #vote a:visited, #vote a:hover
{
	display: block;
	overflow: hidden;
	font-size:1px;
	background: url(images/logo_2.gif) 0 0 no-repeat;
	width:150px;
	height:50px;
	color:#333333;
	margin-top:10px;
}

div>#vote a:link, div>#vote a:visited, div>#vote a:hover
{
	text-align:center;
	border:1px solid #ffffff;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
}
