/* #5b80b2 - light blue (link color) */

/* PAGINATOR BEG */
.paginator { padding: .25em .25em .6em .25em; text-align: center; }
.paginate-pages { padding: 2px 3px; border: 1px solid #ddd; cursor: pointer; text-decoration: underline; }
.paginate-first, .paginate-last { padding: 2px 6px; border: 1px solid #ddd; font-weight: bold; }
.paginate-previous, .paginate-next { padding: 2px 3px; border: 1px solid #ddd; }
.paginate-link { padding: 2px 4px; border: 1px solid #ddd; }
.paginate-current { padding: 2px 4px; border: 1px solid #ddd; font-weight: bold; background:#3695d1; color: white; }
/* PAGINATOR END */

/* MARKET BEG */
.market-item {
    height: 300px;
    margin-left: 640px;
    padding: 5px;
    border-left: solid 1px #5b80b2;
}
.market-item #controls, .market-author
{ border-bottom: solid 1px #5b80b2; }

.market-preview-block { width: 680px; height: 350px; margin: auto;}
#legend {width: 40%; margin: auto; clear: both;}
#legend a {color: black}
#legend .sel {border-bottom: 2px solid red;}
.s0, .s1, .s2 {width: 16px; height: 16px; margin: 0px }
.s0 {background: url('/media/css/s0.png');background-repeat: no-repeat;background-position: right center;}
.s1 {background: url('/media/css/s1.png');background-repeat: no-repeat;background-position: right center;}
.s2 {background: url('/media/css/s2.png');background-repeat: no-repeat;background-position: right center;}
.market-item-form { width: 49%; float: left }
.market-item-previews { float: left; text-align: center; width: 49% }
.market-preview { width: 110px; float: left; margin-bottom: 5px;}
.market-preview img {border: solid 1px gray}
.market-preview table tr td {border: none; white-space: nowrap}
#lj-posts-sidebar {width: 120px; float: right; text-align: right; }
#lj-posts-sidebar span {font-weight: bold; }
/* MARKET END */

/* COMMON BEG */
span.label { color: #5b80b2; }
.fl { float: left; }
.cb { clear: both; }
.brd { border: solid 1px #5b80b2; }
.bl { border-left: solid 1px #5b80b2; }
.bt { border-top: solid 1px #5b80b2; }
.bb { border-bottom: solid 1px #5b80b2; }
.ml10 { margin-left: 10px; }
.pl10 { padding-left: 10px; }
.ac, h1, h2 { text-align: center }
#footer { text-align: center; font-size: 75%; border-top: dashed 1px lightgray; margin: 0 50px 0 50px; }
#filters {float: right; text-align: right; margin-right: 10px}
#filters h1 { font-size: 100%; }
#filters input { width: 3em; }
#filters #submit { text-align: right; }
#filters #submit input { width: 5em; }
#profile { width: 20%; margin: auto; white-space: nowrap; }
#profiles { width: 60%; margin: auto; white-space: nowrap; }
.note, .error {width: 75%; margin: 5px auto 5px auto; padding: 3px; border: solid 1px gray; }
.note { background: yellow; }
.error { background: red; }
/* COMMON END */

/* FROG BEG */
#FrogJS{
    width: 620px;
    height: 400px;
    float: left;
}

/* #FrogJSImage {} */
#FrogJSrightThumb1, #FrogJSleftThumb1, #FrogJSrightThumb2, #FrogJSleftThumb2
{ border: solid 1px #5b80b2; }

#FrogJSCredit, #FrogJSCaption{display: none;}
/* FROG END */

/* COMMENTS BEG */
.comment_odd, .comment_even { padding-left: 10px; margin: 0px 100px 5px 100px; }
.comment_odd { border-left: solid 5px #5b80b2; border-top: solid 1px #5b80b2; }
.comment_even { border-left: solid 5px orange; border-top: solid 1px orange; }
.comment_odd .header { border-bottom: dashed 1px #5b80b2; }
.comment_even .header { border-bottom: dashed 1px orange; }
#comment-form { padding-left: 200px; padding-right: 200px; }
#comment-form textarea { width: 100%; }
.avatar-comment { float:left; margin: 5px 5px 0 0; }
/* COMMENTS END */

/* HEADER BEG */
#header {
    background: #3695d1;
}
#logo-image {
    float: left;
    padding: 10px 0px 5px 15px;
}
#logo-and-menu {
    height: 115px;
    margin-left: 130px;
    margin-right: 0px;
}
#logo-and-menu #title {height: 95px;}
#logo-and-menu #navigation {height: 20px;}
#logo-and-menu #title a {
    padding: 2px;
    font-size: 2.25em;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    top: 30px; left: 5px;
}

.breadcrumbs { background: #cce3f1; padding:2px 8px 3px 8px; font-size:11px;  color:#999;  border-top:1px solid white; border-bottom:1px solid #ccc; text-align:left; }
#header .breadcrumbs a:link, #header .breadcrumbs a:visited { color: black; }
/* HEADER END */

/* CATEGORIES BEG */
ul.categories { width: 50%; margin: auto }
ul.categories li { list-style: disc; font-size: 2em; margin-bottom: 10px }
ul.categories li ul li { font-size: 0.5em; margin-bottom: 0px }
/* CATEGORIES END */

/* FEEDBACK BEG */
#fb-form {width: 50%; margin: auto; text-align: right}
#fb-form table, #fb-form input, #fb-form textarea {width: 100%}
#fb-form textarea {height: 10em}
#fb-form th {width: 1%}
#fb-form .btn {width: 7em}
#feedback {width: 50%; margin: auto}
#feedback #subject {font-size: 1.5em; border-bottom: solid 1px #5b80b2; white-space: nowrap}
#feedback #text {margin-top: 10px}
/* FEEDBACK END */

/* CONTENT BEG */
#content-form {width: 80%; margin: auto}
#content-form ul {padding: 0px}
#content-form li {display: block; float: left}
#content-form li#text {float: none; clear: both}
#content-form textarea {width: 100%; height: 400px}
#content { margin: 20px 70px 0 70px }
#content #controls ul { padding: 0px; }
#content #controls li { display: block; float:left; border-bottom: 1px solid gray; margin-right: 8px}
#content-list {width: 50%; margin: auto; white-space: nowrap}
/* CONTENT END */

#container {margin:0px;}
sup {font-size: 0.5em}
#login-form {width: 20%; margin:auto; white-space: nowrap}