/*	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 "layoutmob.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 {
    display: none;
}

#headerImageLogoMob {
    float: left;
    margin-left: 0.05in;
    margin-top: 0.05in;
    margin-bottom: 0.05in;
    margin-right: 0.1in;
}

#topSpace {
    height: 0.1in;
}

#headerText {
    font-size: 30pt;
}

#headerSubtext {
    display: none;
}

#bottomSpace {
    height: 0.1in;
}

#bottomClear {
    clear: left;
}

#navimob {
    text-align: center;
    background-color: rgb(76,104,152);
    color: #e7d8c2;
}

.navimobitem {
    background-color: rgb(56,84,132);
    display: inline-block;
    text-align: center;
    width: 22%;
    line-height: 40px;
    margin: 1px;

    border: 1px solid black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    font-size: 120%;
}

.navimobitem a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #e7d8c2;
}

.navimobitem :link {
    text-decoration: none;
}

.navimobitem :visited {
    text-decoration: none;
}

#breadcrumbs {
    display: none;
}

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);
}

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

code {
    word-wrap: break-word;
}

#sidemob .sidebar {
    display: block;
}

.sitemap a {
    text-decoration: none;
    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.5em;
    margin-bottom: 0.5em;
}

.sidebar {
    display: none;
}

.sb-sidebar {
    margin: 2.5em 0.75em 1.5em 0.75em;
}

.sitemap {
}

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

.sitemap li {
    margin: 0.5em;
}

.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 center;
}

.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 {
    margin-right: 0.8em;
    margin-top: 0.4em;
    display: inline-block;
    width: 275;
    vertical-align: top;
}

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

.sample-app-item h3 {
    margin-top: 0em;
}

/* Figures derived from screenshots
 */
div.screenfigure p {
    text-align: left;
    font-style: italic;
    font-size: 95%;
    margin: 0.4em;
}

/* Miniature images derived from screenshots.  These are small enough
 * for text to flow around them in the mobile layout.
 */
div.screenminiature {
    margin: 0.6em 0.6em 0.6em 0em;
    float: left;
}

div.screenminiature p {
    text-align: left;
    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;
}

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

.sb-sidebar .subscribe-link {
}

.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.45em;
}

.sb-sidebar .internal-link a {
    font-family: Helvetica, Arial, sans-serif;
}

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

.sb-sidebar .external-link a {
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
}

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

.sb-side-recent-post {
    margin-top: 0.45em;
    margin-left: 2em;
    text-indent: -2em;
}

.sb-side-recent-post a {
    font-family: Helvetica, Arial, sans-serif;
}

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

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

.sb-side-archive-month a {
    font-family: Helvetica, Arial, sans-serif;
}