/* For Rylee, again! :-) */
/* --- V 2015.12.31.0337 --- */

/* --- --- --- DEFAULTS --- --- --- */
body {
background: #fff;
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 11px;
background-image: url(/common/images/right.gif);
background-repeat: repeat-y;
background-position: top right;
}

form { display: inline; }

.big, .medium, .small {
background: #eee;
color: #0063dc;
border: 1px #999 solid;
padding: 2px;
font-family: verdana, arial, sans-serif;
}
.big { font-size: 14px; font-weight: bold; }
.medium { font-size: 12px; font-weight: bold; }
.small { font-size: 11px; }

.formnote { font-size: 10px; color: #666; margin-left: 2px; }

.button, .bbcode { border: 1px #ccc solid; background: #eee; cursor: pointer; }
.bbcode { margin: 0 0 2px 0;}

select {
font-size: 11px;
}

/* default links */
a:link, a:visited { color: #009; text-decoration: none; }
a:hover { color: #7373b6; text-decoration: none; }

.error { color: #f00; }

#logo { font-size: 16px; font-weight: bold; padding-left: 7px;}

#slogan { font-size: 16px; font-weight: bold; padding-left: 7px;}

.topimg {
display: inline;
margin-right: 3px;
}

#topnav {
border-top: 1px #335577 solid;
border-bottom: 1px #335577 solid;
font-size: 12px;
margin: 0;
padding: 3px 5px 3px 5px;
background: #7d93b5;
}

#topnav ul {
padding: 0;
margin: 0;
white-space: nowrap;
}

#topnav ul li { display: inline; margin-right: 15px; }

/* #topnav li.right { float:right; color:e3f2f0;} */

#topnav a:link, #topnav a:visited { color: #e3e9f2; text-decoration: none; font-weight: bold; }
#topnav a:hover { color: #fff; text-decoration: none; font-weight: bold; }

#header {
background: #f5f5f5;
padding: 5px 10px 5px 5px;
}

/*
#header {
border-bottom: 1px #ddd solid;
text-align: right;
font-size: 11px;
height: 18px;
margin-left: 70px;
}

#header img {
display: inline;
float: left;
margin-right: 3px;
max-width: none;
}

#header div { float: right; }

#logo { font-size: 15px; font-weight: bold; }
#slogan { font-size: 15px; font-weight: bold; }
#logo img { display: inline; float: left; margin-right: 5px; }

#title {
font-size: 18px;
font-weight: bold;
margin-left: 80px;
padding: 2px 0;
}
*/

#content { /* content container */
margin-right: 190px;
padding: 10px 5px 5px 8px;
overflow: hidden;
}

#content2 { /* alternate content container (forum, webcams) */
padding: 5px;
}

#left {
position: absolute;
left: 0;
top: 68px;
width: 130px;
padding: 7px 5px;
}

#content h1 a:link, #content h1 a:visited, #content h1 a:hover { display: block; text-decoration: none; color: #111; }

#content h1 { /* post tags */
float: left;
margin: 0 5px 0 0;
border: 1px solid #444;
width: 80px;
padding: 0;
text-align: center;
font-weight: bold;
font-size: 11px;
}

#content h2 { /* post titles */
font-size: 12px;
margin: 0;
padding: 0;
font-weight: bold;
}

#content h3 { /* post info */
color: #555;
font-size: 10px;
margin: 0 0 0 1px;
font-weight: normal;
float: left;
}

#content h4 { /* comments */
color: #555;
font-size: 11px;
font-weight: normal;
margin: 0 0 2px 0;
text-align: right;
}

p.post { /* post body */
margin: 4px 2px 5px 2px;
font-size: 11px;
}

div.post, div.ad {
border-bottom: 1px #ccc solid;
font-size: 11px;
margin-bottom: 10px;
padding-bottom: 0;
}

div.ad {margin-bottom: 4px; padding-bottom: 2px; }

/* post title links */
a.title:link, a.title:visited {
color: #006;
text-decoration: none;
}

a.title:visited {
color: #999;
text-decoration: none;
}

a.title:hover {
color: #006;
text-decoration: underline;
}

/* front page author links */
a.author:link, a.author:visited { color: #555; text-decoration: none; }
a.author:hover { color: #7373b6; text-decoration: none; }

/* post body links */
#content p a:link { color: #009; text-decoration: underline; }
#content p a:visited { color: #999; text-decoration: none; }
#content p a:hover { color: #7373b6; text-decoration: underline; }

/* ---- profile ---- */
#profile {
font-size: 12px;
}

#avatar {
display: inline;
float: left;
margin: 0 10px 10px 0;
}

#username {
font-size: 21px;
font-weight: bold;
}

#tagline {
font-size: 11px;
color: #666;
margin: 0 0 10px 0;
}

.profiledata {
font-size: 12px;
}

#community {
width: 215px;
}

#talktome {
margin-top: 10px;
width: 215px;
}

#talktome img {
display: inline;
float: left;
margin: 0 5px 0 0;
}

#talktome div {
clear: left;
margin-bottom: 5px;
}

.changelog {
color: #0063dc;
font-weight: bold;
font-size: 14px;
}

/* grey box, rounded corners */
.greyboxtl { background: url(/common/images/ltl.gif) 0 0 no-repeat #ddd; }
.greyboxtr {
background: url(/common/images/ltr.gif) 100% 0 no-repeat;
margin: 0;
padding: 5px;
}
.greyboxbl { background: url(/common/images/lbl.gif) 0 100% no-repeat #ddd; }
.greyboxbr {
background: url(/common/images/lbr.gif) 100% 100% no-repeat;
margin: 0;
padding: 0px 5px 5px 5px;
font-size: 11px;
}

.greyboxtitle {
font-size: 12px;
color: #132a6c;
font-weight: bold;
}

/* red box, rounded corners */
.redboxtl { background: url(/common/images/rbtl.gif) 0 0 no-repeat #f6e8e8; }
.redboxtr {
background: url(/common/images/rbtr.gif) 100% 0 no-repeat;
margin: 0;
padding: 5px;
}
.redboxbl { background: url(/common/images/rbbl.gif) 0 100% no-repeat #f6e8e8; }
.redboxbr {
background: url(/common/images/rbbr.gif) 100% 100% no-repeat;
margin: 0;
padding: 0px 5px 5px 5px;
font-size: 11px;
}

.redboxtitle {
font-size: 12px;
color: #f33;
font-weight: bold;
}

/* generic table style */
.stdtable { }

.stdtable th {
background: #ddd;
border-bottom: 1px #94a6d8 solid;
padding: 2px 2px 2px 6px;
text-align: left;
color: #132a6c;
font-weight: bold;
font-size: 12px;
}
.stdtable th.left { background: url(/common/images/ltl.gif) 0 0 no-repeat #ddd; }
.stdtable th.right { background: url(/common/images/ltr.gif) 100% 0 no-repeat #ddd; }

.stdtable td {
border-bottom: 1px #ccc solid;
border-right: 1px #ccc solid;
padding: 2px;
font-size: 11px;
}
.stdtable td.right { border-right: 0; }

/* ------- right menu ------- */
.menutl {background: url(/common/images/tl.gif) 0 0 no-repeat #ddd; }

.menutr {
background: url(/common/images/tr.gif) 100% 0 no-repeat;
font-size: 12px;
margin: 0;
padding: 1px 0 1px 6px;
border-bottom: 1px #94a6d8 solid;
color: #132a6c;
font-weight: bold;
}

#right { /* right menu container */
position: absolute;
right: 0;
top: 68px;
width: 180px;
padding: 7px 5px;
}

#right h2 { /* menu body */
font-weight: normal;
font-size: 11px;
margin: 0 0 10px 0;
padding: 0;
}

#right h2 a:link, #right h2 a:visited {
color: #009;
text-decoration: none;
display: block;
padding: 2px 2px 2px 5px;
border-bottom: 1px #ddd solid;
}

#right h2 a:hover {
background: #eee;
color: #000;
display: block;
padding: 2px 2px 2px 5px;
border-bottom: 1px #94a6d8 solid;
}

/* linked menu head colors */
a.external:link, a.external:visited { color: #132a6c; text-decoration: none; }
a.external:hover { color: #132a6c; text-decoration: none; }

h2#externals { /* sites we like */
height: 200px;
overflow: auto;
}

h2#discussions, h2#backwash { /* active discussions */
font-size: 11px;
}

#extlinks { font-size: 10px; } /* rss links from externals */

#accordion {height: 300px; overflow: auto; }

#accordion h3 {
font-weight: normal;
font-size: 11px;
padding: 0;
margin: 0;
}

#accordion div {
font-size: 10px;
padding: 0;
margin: 0;
}

.boxhead {
font-size: 11px;
font-weight: bold;
background: #dce1e5;
border: 1px #666 solid;
border-bottom: 0;
padding: 1px;
width: 30%;
text-align: center;
}

h1.boxheader {
margin: 0 0 2px 0px;
font-size: 11px;
}

.boxcontent {
background: #f5f5f5;
font-size: 11px;
border: 1px #666 solid;
padding: 2px;
overflow: hidden;
}

#extra {
margin: 25px 0 0 0;
padding: 0 0 0 10px;
font-size: 10px;
color: #999;
}

#extra a:link, #extra a:visited { color: #999; text-decoration: none; }
#extra a:hover { color: #000; text-decoration: none; }

.eplus { color: #c92027; }

/* --- --- --- WEBCAMS --- --- --- */

.camcell {
padding: 10px 5px;
margin: 10px;
border: 0px;
text-align: center;
width: 330px;
height: 265px;
position: relative;
background: #ffffff;
display: inline-block;

}

.camcell-container {
height: 240px;
width: 320px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}

.caminfo {
padding: 2px 0;
text-align: center;
font-weight: bold;
font-size: 12px;
border-bottom: 1px #ccc solid;
}

/* --- --- --- IMAGES --- --- --- */
.imgcell img { }

.imginfo {
padding: 2px;
text-align: center;
font-size: 10px;
}

/* --- --- --- PAGINATION --- --- --- */
.pagination ul {
padding: 0;
margin: 0;
_margin: 1px 1px 2px 1px;
white-space: nowrap;
font-size: 11px;
}

.pagination ul li {
display: inline;
margin: 0 1px;
_margin: 1px;
}

.pagination-info {
background: #eee;
border: 1px #999 solid;
padding: 0 4px 1px 4px;
/* padding: 1px 5px; */
}

.pagination-cellsel {
background: #dee3ee;
border: 1px #000 solid;
padding: 0 4px 1px 4px;
/* padding: 1px 5px; */
}

.pagination ul li a {
background: #eee;
color: #333;
text-decoration: none;
padding: 0 4px 1px 4px;
/* padding: 1px 5px; */
border: 1px #999 solid;
}

.pagination ul li a:hover {
background: #dee3ee;
border: 1px #000 solid;
}

/* --- --- --- SLORUM --- --- --- */
a.read:link, a.read:visited { color: #999; text-decoration: non