/*	CSS System

	Copyright (c) 2010 Fletcher T. Penney
		<http://fletcherpenney.net/>

	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@import "layout.css";		/* Import layout code */

/* Default Settings */

textarea[name="text"] {
	width:90%;
}
textarea[name="summary"] {
	width:100%;
}
input[type="text"] {
	display: block;
}


/* Insert your CSS here... */

#headerBanner {
    color: #e7d8c2;
    background-color: rgb(36,64,112);
    background-image: url(/images/banner_mosaic_fade.png);
    background-repeat: no-repeat;
}

#headerImageLogo {
    /* Margin: TRBL
     */
    float: left;
    margin: 7px 14px 7px 7px; /* was in inches, give in for now */
}

#headerImageLogoMob {
    display: none;
}

#topSpace {
    height: 0.4in;
}

#headerText {
    font-size: 45pt;
}

#headerSubtext {
    text-indent: 0.5in;
}

#bottomSpace {
    height: 0.1in;
}

#bottomClear {
    clear: left;
}

#navimob {
    display: none;
}

#breadcrumbs {
    width: 100%;
    left: 0;
    margin-top: 0.5em;
}

#breadcrumbs a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    /* SPFB1 font-size: smaller; */
    font-size: 70%;
    /* SPFB1 color: rgb(6,34,82); */
    color: rgb(56,84,132);
}

h1 {
    margin-top: 1.2em;
}

h1 a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

h2 a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

h3 a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

h4 a {
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

/* Don't start a header to the right of a figure that has floated left.
 */
h1, h2, h3, h4 {
    clear: left;
}

/* Normal behavior of pre is completely literal, so lines are truncated
 * rather than wrapped.  Here we turns on word wrapping in a bunch of
 * different browser versions (some of them surely obsolete).
 */
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    line-height: 135%; /* Vertical space a little looser */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

code {
    word-wrap: break-word;
}

/* Static definitions for the sitemap.  A few dynamic definitions are
 * emitted by smap_style.cgi.  (But they should also be static--later.)
 */
.sitemap a {
    text-decoration: none;
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

.smap-level1 {
    margin-left: 2.0em;
}

.smap-level2 {
    margin-left: 4.0em;
}

.smap-entry {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

/* End of static sitemap definitions.
 */

/* Static definitions for the schnapsen blog
 */
.sb-archive-month {
    font-size: 130%;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    /* color: rgb(36,64,112); */
    margin-top: 1.0em;
    margin-bottom: 0.5em;
}

.sb-archive-month a {
    text-decoration: none;
    color: #4770ac;
}

.archive-full-link {
    margin-bottom: 2.2em;
}

.archive-full-link a {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    color: #4770ac;
}
.archive-full-link a:link,a:visited,a:active {
    text-decoration: none;
}
.archive-full-link a:hover {
    text-decoration: underline;
}

.sb-archive-article {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    /* color: rgb(36,64,112); */
    margin-top: 0.3em;
}

.sb-archive-article a {
    color: #4770ac;
}
.sb-archive-article a:link,
.sb-archive-article a:visited,
.sb-archive-article a:active {
    text-decoration: none;
}
.sb-archive-article a:hover {
    text-decoration: underline;
}

.sb-sidebar {
    /* SPFB1 background: #eeeeee; */
    margin-top: 0.2in;
    background: #d0d0d0;
    padding: 0.75em;
}

.sb-sidebar h4 {
    margin-bottom: 0.6em;
}

.sb-sidebar .subscribe-link {
    color: rgb(36,64,112);
}

.sb-sidebar
        .subscribe-link:link,
        .subscribe-link:visited,
        .subscribe-link:active {
    text-decoration: none;
}

.sb-sidebar .subscribe-link:hover {
    text-decoration: underline;
}

.sb-sidebar .subscribe-line {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    background-image: url(/images/feed-icon-24x24.png);
    background-repeat: no-repeat;
    background-position: left;
    line-height: 24px;         /* Same as icon size */
    padding: 0px 0px 0px 28px; /* Room for icon */
}

.sb-sidebar .internal-link {
    margin-top: 0.15em;
}

.sb-sidebar .internal-link a {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

.sb-sidebar .internal-link a:link,a:visited,a:active {
    text-decoration: none;
}

.sb-sidebar .internal-link a:hover {
    text-decoration: underline;
}

.sb-sidebar .external-link {
    margin-top: 0.15em;
}

.sb-sidebar .external-link a {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
    color: rgb(36,64,112);
}

.sb-sidebar .external-link a:link,a:visited,a:active {
    text-decoration: none;
}

.sb-sidebar .external-link a:hover {
    text-decoration: underline;
}

.sb-side-recent-month {
    margin-top: 0.5em;
}

.sb-side-recent-post {
    margin-top: 0.15em;
}

.sb-side-recent-post a {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

.sb-side-recent-post a:link,a:visited,a:active {
    text-decoration: none;
}

.sb-side-recent-post a:hover {
    text-decoration: underline;
}

.sb-side-archive-year {
    margin-top: 0.5em;
}

.sb-side-archive-month {
    margin-top: 0.15em;
}

.sb-side-archive-month a {
    font-size: 90%;
    font-family: Helvetica, Arial, sans-serif;
    color: rgb(36,64,112);
}

.sb-side-archive-month a:link,a:visited,a:active {
    text-decoration: none;
}

.sb-side-archive-month a:hover {
    text-decoration: underline;
}

/* End of static schnapsen blog definitions.
 */

.sidebar {
    /* SPFB1 background: #eeeeee; */
    background: #d0d0d0;
    padding: 0.75em;
}

#searchField {
    float: left;
}

.sitemap {
}

.sitemap ul ul {
    margin-left: 0;
    padding-left: 0.25em;
    list-style-type: circle;
}

.sitemap li {
    margin: 0.5em;
}

.comments {
    border-top: 2px solid gray;
}

.footer {
    border-top: 2px solid gray;
    background: #fff;
}

/* List of apps to click on.
 */
.morelikealist tbody {
    margin: 0px;
}

.appitem {
    /* Icons for app items are 45 x 45
     */
    display: block;             /* Override display of <a> */
    margin: 5px;
    min-height: 19px;
    padding: 13px 10px 13px 55px; /* Room at left for icon */
    background: rgb(56,84,132);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    background-repeat: no-repeat;
    background-position: left;
}

.app-master-schnapsen-66 {
    background-image: url(/images/schnapsen-icon45.png);
}

.app-master-schnapsen-66-lite {
    background-image: url(/images/schnapsen-lite-icon45.png);
}

.app-cassino {
    background-image: url(/images/cassino-icon45.png);
}

/* Cell with a sample app.  For now, fixed width.
 */
.sample-app-item {
    display: inline-block;
    margin-right: 0.8em;
    margin-top: 0.4em;
    width: 275px;
    vertical-align: top;
}

.sample-app-item img {
    margin-right: 0.8em;
}

.sample-app-item h3 {
    margin-top: 0em;
    font-size: 95%;
}

/* Figures derived from screenshots
 */
div.screenfigure {
    margin: 1.2em 1.2em 1.23em 0em;
    float: left;
}

div.screenfigure p {
    text-align: center;
    font-style: italic;
    font-size: 95%;
    margin: 0.4em;
}

/* Miniature images derived from screenshots
 */
div.screenminiature {
    margin: 0.6em 0.6em 0.6em 0em;
    float: left;
}

div.screenminiature p {
    text-align: center;
    font-style: italic;
    font-size: 50%;
    margin: 0.2em;
}

/* Tell Firefox not to put a bright blue border around images that
 * are used as links.  IMHO it is ugly and distracting.
 */
a img {
    border: none;
}

/* In ordinary text, only show underlines when hovering, don't color
 * visited links differently.
 */
p a { color: #4770ac; }
p a:link, p a:visited, p a:active { text-decoration: none; }
p a:hover { text-decoration: underline; }

/* Same for lists.
 */
li a { color: #4770ac; }
li a:link, li a:visited, li a:active { text-decoration: none; }
li a:hover { text-decoration: underline; }

/* Same for table entries.
 */
td a { color: #4770ac; }
td a:link, li a:visited, li a:active { text-decoration: none; }
td a:hover { text-decoration: underline; }

/* Similar handling for Schnapsen Log list.
 */
.sb-recent-post {
    margin-top: 0.15em;
}
.sb-recent-post a {
    color: #4770ac;
}
.sb-recent-post a:link,a:visited,a:active {
    text-decoration: none;
}
.sb-recent-post a:hover {
    text-decoration: underline;
}

/* Similar handling for blog post list.
 */
.pb-side-recent-post {
    margin-top: 0.15em;
}
.pb-side-recent-post a {
    color: #4770ac;
}
.pb-side-recent-post a:link,a:visited,a:active {
    text-decoration: none;
}
.pb-side-recent-post a:hover {
    text-decoration: underline;
}

/* Former blog entry list.
ul a { color: #4770ac; }
ul a:link, ul a:visited, ul a:active { text-decoration: none; }
ul a:hover { text-decoration: underline; }
*/