/*
aptosid-manual OS content.css by © 2006-2009 Harald Holt (h2) & © 2006-2010 TTrevor Walkley (bluewater)(trevor_walkley at aptenodytes.org), released under GNU Free Documentation License.Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, with no Front-Cover Texts, and with no Back-Cover Texts.

/*
Last updated by bluewater 23/09/2010 1135hrs UTC
*/

body,html,object,div{
	margin:0;
	padding:0;
}
body {
	font:normal 14px "dejavu serif", times, "times new roman", serif;
	background:#D3D3D3;
	color:#000611;
}

/*
URL underline on hover
*/
a:link, a:active, a:visited {
	border:none;text-decoration: none;
	}
a:hover {
	border:none;text-decoration:underline;
	}

/*#main-page{
        padding:10px 20px;
        position:absolute;
        top:0;
        left:165px;
        margin-left:0;
        z-index:2;
}*/

#main-page{
	padding:10px 20px;
	margin-left:205px;
	z-index:2;
}

/* note: this is the default, will create standard bordered cells and table */
table {
	border:1px solid #888;
	border-collapse:collapse;
}

table td, table th {
	border:1px solid #888;
	padding:4px;
}
table th {
	font-size:13px;
	font-weight:bold;
	background:#87898D;
	color:#F5F8FF;
	border-color:#525355;
}
p {
	margin-top:0;
}
ul, ol {
	margin: 0 0 1em 0;
	padding:0;
}
li {
	margin:0 0 1em 18px;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	font-family:"dejavu sans", arial,sans-serif;
	margin-top:0;/* this must be 0 to fix a firefox css issue with this layout */
	color:#040A2F;
	margin-bottom:.1em;
	padding:.2em;
}
h1 {
	font-size:20px;
}
h2 {
	border-top:1px solid #040A2F;
	font-size:18px;
	background: #B9BCC0; /* #ebdede #d48588 */
	margin-bottom:1em;
}
h3 {
	font-size:17px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:13px;
}
/* these are to handle cosmetic h1-h6 font size differences
while retaining the correct h1-h6 level structures */
.size-0 {font-size:10px;}
.size-1 {font-size:11px;}
.size-2 {font-size:12px;}
.size-3 {font-size:13px;}
.size-4 {font-size:14px;}
.size-5 {font-size:15px;}
.size-6 {font-size:16px;}
img {
	border:none;
}

.divider {
	margin-bottom:1em;
	padding-bottom:1em;
}

 #rev {
	font:italic 8px "dejavu serif", times, "times new roman", serif;
	margin-top:4em;
	text-align:right;
	color:#687A96;/* light greyish */
}
#rev-f {
	font:italic 8px "dejavu serif", times, "times new roman", serif;
	margin-top:4em;
	text-align:center;
	color:#000000;/* black */
}

pre {
	color:#000;
	background:#ffffee;
	border:1px solid #888;
	font:normal 13px "dejavu", "Lucida Console", monospace;
	width:95%;
	margin:0 auto 1em auto;
	padding:6px;
	text-align:left;
	overflow:auto;
}
.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.spacer01 {height:15px;}
.spacer02 {height:25px;}
.spacer05 {height:50px;}
.spacer10 {height:100px;}
.spacer15 {height:150px;}
.spacer20 {height:200px;}
.spacer25 {height:250px;}

.path {
	font-style:italic;
	font-weight:bold;
}
.box, .warning-box {
	border:1px solid #888;
	padding:3px;
}
.data {
	font-weight:bold;
}
.highlight-1 {
	color:#007676;/* tealish */
}
.highlight-2, .warning-box {
	color:red;
}
.highlight-3 {
	color:#971171;/* violetish */
}
.highlight-4 {
	color:#B73304;/* orangish */
}
.highlight-5 {
	color:#00B7EB;/* cyanish */
}
.screenshot {
	margin:10px auto;
	text-align:center;
}

.screenshot2 {
	margin:10px auto;
	width:1200px;
	height:800px;
	text-align:center;
}

.thumbs {

	width:400px;
	height:160px;
	text-align:center;
}
.block {
	margin:5px 5px 5px 25px;
}

.clear-both {
        clear:both;
}

/*
 various image/name pair stuff
 First, set dd/dt defaults
*/

dd {
        padding:0;
        margin:0;
        text-align:center;
}
dt {
        text-align:center;
}

#flag-container1 {
        width:auto;
        margin:3em auto;
}

#flag-container2 {
        width:55em;
        margin:0em auto;
}

#flag-container3 {
        width:auto;
        margin:2em auto;
}

#flag-container4 {
        width:auto;
        margin:3em auto;
}

#flag-container5 {
        width:auto;
        margin:3em auto;
}
/* individual classes */
.stacked-1 {

}
.stacked-1 dt {
        padding:.5em;
}
.stacked-1 dt img {
        width:200px;
        height:150px;
}
.stacked-1 dd {
        padding:.1em 1em;
}

/*this is for stacking pics down a page with a description if required */
.stacked-2 {

}
.stacked-2 dt {
        text-align:left;
        padding:.5em;
}
.stacked-2 dt img {
        width:200px;
        height:150px;
}
.stacked-2 dd {
        text-align:left;
        padding:.1em 1em;
}

.stacked-3 {
        float:left;
        width:10em;
}
.stacked-3 dt {
        padding:.5em;
}
.stacked-3 dt img {
        margin:1px;
        width:50px;
        height:30px;
        border:2px solid #D3D3D3;
}
.stacked-3 dd {
padding:.1em 1em;
}
.stacked-3 dt img:hover {
	border:2px solid #6F9796;
}
.stacked-4 {
         float:right;
        width:10em;
}
.stacked-4 dt {
        padding:.5em;
}
.stacked-4 dt img {
        margin:3px;
        width:50px;
        height:30px;
        border:2px solid #EAEDF4;
}
.stacked-4 dd {
        padding:.1em 1em;
}

.stacked-5 {

}
.stacked-5 dt {
        padding:.5em;
}
.stacked-5 dt img {
        margin:3px;
        width:100px;
        height:75px;
        border:2px solid #EAEDF4;
}
.stacked-5 dd {
        padding:.1em 1em;
}

.stacked-6 {
        float:left;
        width:10em;
}
.stacked-6 dt {
        padding:.5em;
}
.stacked-6 dt img {
        margin:3px;
        width:100px;
        height:75px;
        border:2px solid #EAEDF4;
}
.stacked-6 dd {
padding:.1em 1em;
}

/*this is just stuffing around with the flags for the flag-index file*/

#flags {
        text-align:center;
        margin: 5px 5px 5px 5px;
        line-height:12px;
        padding:0;
}
/* border for img must be same as background for this trick to work, then hover acts */
#flags img {
        margin:3px;
        width:30px;
        height:20px;
        border:2px solid #EAEDF4;
}
#flags img:hover {
        border:2px dotted #6F9796;
}

#flags a, #menu #flags a:visited {
        display:inline;
}
#flags img:hover {
        border:2px dotted #6F9796;
}
#menu-header  img {
	margin: 0;
	width:160px;
	height:55px;
	border:2px solid #D3D3D3;
}
#menu-header img:hover {
	border:2px solid #6F9796;
}