* :focus { outline: 0; }

body {
min-width: 700px;
color:#666;
background:url(img/bgstripes.gif);
font-family:verdana, "trebuchet MS", helvetica, sans-serif;
font-size:11px;
text-align: center;
letter-spacing:1px;
line-height:18px;
padding-top:15px;
padding-bottom:10px;
margin:0;
}

a {
color:#999;
font-weight:700;
text-decoration:none;
}

a:hover,#links a em:hover {
color:#333;
}


h1 {
width:220px;
float:left;
clear:both;
color:#ccc;
background:#fff;
font-size:24px;
text-align:left;
margin-top:16px;
margin-bottom:20px;
}

h2 {
width:50%;
float:right;
color:#999;
background:#fff;
font-size:12px;
font-weight:700;
text-align:right;
margin:38px 0 0;
padding:5px;
}

h3 {
color:#666;
background:#fff;
font-size:12px;
letter-spacing:2px;
text-align:left;
}

#header {
padding-top:8px;
}

#header img {
border:0;
padding-left:4px;
}

#header a img {
filter:alpha(opacity=70);
opacity:0.7;
}

#header a:hover img,#thumbs a:focus img {
filter:alpha(opacity=99);
opacity:0.99;
}

#nojs {
width:550px;
background:#ffe;
border:1px solid #ddd;
margin:0 auto;
padding:8px 24px;
}

#nojs #alert {
color:#900;
font-size:14px;
text-align:left;
margin:0;
padding:0;
}

#nojs #text {
color:#900;
font-size:10px;
text-align:left;
padding-bottom:15px;
margin:0;
}

#nojs-icon img {
position:relative;
bottom:7px;
right:16px;
}

#wrapper {
width:700px;
clear:both;
color:#666;
background:#fff;
text-align:center;
border:1px solid #ccc;
padding-left:24px;
padding-right:24px;
margin:0 auto;
}

#menu {
clear:both;
margin:0 auto;
padding:0;
}

#prev-next {
clear:both;
margin:0 auto;
padding:0;
}

#menu ul,#prev-next ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu li {
width:20%;
float:left;
text-align:center;
}

#menu a {
display:block;
color:#666;
background:#fff;
line-height:20px;
text-decoration:none;
}

#menu a.left,#menu a.middle {
border:1px solid #ddd;
border-right:0;
}

#menu a.right {
border:1px solid #ddd;
}

#menu a:hover {
color:#444;
background:#eee;
}

#prev-next li {
width:50%;
float:left;
text-align:center;
}

#prev-next a {
display:block;
color:#666;
background:#fff;
text-decoration:none;
}

#prev-next a.left {
border:0;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#prev-next a.right {
border:1px solid #ddd;
border-top:0;
}

#prev-next a:hover {
color:#333;
background:#f7f7f7;
}

#photo {
clear:both;
margin-left:-8px;
margin-top:10px;
border:1px solid #ccc;
padding:8px;
}

#photo a {
clear:both;
border:0;
margin:0 auto;
padding:0;
}

#image {
clear:both;
margin-top:0;
border:0;
padding:0;
}

#notes {
display:none;
position:absolute;
bottom:5px;
right:0;
background:#fcfcfc;
border-collapse:collapse;
filter:alpha(opacity=66);
opacity:0.66;
margin:8px;
padding:8px;
}

#notes .header {
color:#292929;
font-size:12px;
font-weight:700;
text-align:left;
}

#notes .body {
color:#292929;
font-size:10px;
text-align:left;
}

#notes .click {
float:left;
color:#000;
font-size:11px;
font-style:italic;
text-align:left;
padding-right:16px;
}

#notes .cart {
float:right;
color:#000;
font-size:11px;
text-align:right;
padding-left:16px;
}

#notes img {
padding-top:4px;
}

#notes a {
color:#666;
background:none;
font-weight:700;
}

#notes a:hover {
color:#000;
background:none;
font-weight:700;
}

#notes-container {
position:relative;
margin:auto;
}

#imageinfo {
width:666px;
text-align:right;
margin-top:8px;
margin-left:12px;
}

#category {
clear:both;
margin-top:10px;
border:0;
padding:0;
}

#category ul {
list-style-type:none;
margin:0;
padding:0;
}

#category a {
color:#666;
background:#fff;
text-decoration:none;
border:0;
padding:0;
}

#category a:hover {
color:#333;
background:#f7f7f7;
}

#categories {
text-align:right;
margin-right:12px;
}

#thumbrow {
text-align:center;
padding:10px 10px 10px 0;
}

#thumbrow .current-thumbnail {
filter:alpha(opacity=99);
opacity:0.99;
border:1px solid #ccc;
margin:3px;
padding:5px;
}

#thumbrow a img {
filter:alpha(opacity=70);
opacity:0.7;
margin-right:6px;
border:1px solid #fff;
padding:5px;
}

#customtext {
color:#999;
background:#ffe;
text-align:center;
border:1px solid #ddd;
border-top:0;
margin:0 auto;
padding:10px;
}

#footer {
color:#999;
background:#fff;
text-align:center;
border-top:1px solid #ddd;
margin:0 auto;
padding:10px;
}

#footer #rss {
position:relative;
top:4px;
border:0;
}

#footer #addthis {
position:relative;
top:2px;
border:0;
}

#footer #cc {
position:relative;
top:1px;
border:0;
}

#browse {
clear:both;
padding-top:20px;
}

#browse .thumbnails {
filter:alpha(opacity=70);
opacity:0.7;
border:1px solid #fff;
margin:6px;
padding:5px;
}

#indexcats {
width:144px;
float:left;
text-align:left;
margin-top:6px;
border-right:1px solid #ddd;
padding-left:6px;
}

#catheader {
font-weight:700;
margin-bottom:4px;
}

#current a {
color:#000;
}

#indexthumbs {
width:530px;
float:left;
text-align:left;
margin-left:16px;
}

#links {
clear:both;
text-align:left;
}

#links ul {
width:100%;
margin-left:-40px;
list-style-type:none;
}

#links li {
background:#fffff4;
text-align:left;
margin-top:-8px;
margin-bottom:16px;
border:1px dashed #000;
padding:0 8px 4px;
}

#links li a {
display:block;
font-weight:700;
text-decoration:none;
padding:4px;
}

#spacer8 {
height:8px;
}

#spacer32 {
height:32px;
}

#linkdesc {
margin-top:-12px;
margin-bottom:12px;
}

.column-left {
width:49%;
float:left;
}

.column-right {
width:49%;
float:right;
}

* html #links li a {
width:100%;
}

#links li a:hover {
background:#ffe;
}

#links a em {
display:block;
color:#666;
font:normal 100% Verdana, Arial, sans-serif;
line-height:125%;
}

#about {
clear:both;
text-align:left;
margin-bottom:20px;
padding:10px 10px 0;
}

#about #arrow {
position:relative;
top:5px;
border:0;
}

#about #addthis {
position:relative;
top:2px;
border:0;
}

#helpbox {
clear:both;
height:64px;
background:#ffe;
text-align:left;
border:1px solid #ccc;
border-top:0;
margin:0 auto;
margin-bottom:16px;
padding:2px 8px;
}

html>body #helpbox { margin-bottom:0px; }

#helpicon {
float:left;
width:48px;
margin:8px 10px 0 0;
}

#helpicon img {
filter:alpha(opacity=70.0);
opacity:0.7;
border:0;
}

#helptext {
float:left;
width:566px;
margin:3px 0 0 12px;
}

#helptext img {
position:relative;
top:4px;
}

#X {
float:right;
width:20px;
margin:38px 0 0;
}

#X img {
filter:alpha(opacity=70.0);
opacity:0.7;
}

.clearfloats {
clear:both;
}

#thumbrow a:hover img,#thumbs a:focus img,#browse a:hover img {
filter:alpha(opacity=99);
opacity:0.99;
border:1px solid #ddd;
padding:5px;
}

#helpicon:hover img,#X:hover img {
filter:alpha(opacity=99.0);
opacity:0.99;
}