/* page structure */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 90%; 
	color: #ccc;
	background: #a33e00;
	background: url('/docs/YoFrankieTutorials/crystal_space_game/game_development_kit/css/apri-pattern.png') repeat top left;
	background-attachment: scroll !important;
	margin: 0;
	padding: 0;
}

a {	color: #ff7e00;	text-decoration: none;}
a:hover {	color: #ffce7a;	border-bottom: 1px dotted #b68100;}
a:visited {	color: #ff7e00; }

ul {
	margin-left: 0;
	list-style: none;
	list-style-type: circle;
	list-style-image: url(/docs/YoFrankieTutorials/crystal_space_game/game_development_kit/css/dot.png);
} 

#header a {
	border: none;
}
#page {
	background: #292929;
	width: 820px;
	border: solid 1px;
	border-color: #000;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 2em auto 2em auto;
	padding: 0 0 0 0;
}

#main_menu {
	padding-top: 1em;
}
#main_menu a {
	
}

#footer {
	background-color: #252525;
	font-size: 0.9em; 
	border-top: 1px solid #343434;
	margin-top: 2em;
	text-align: center;
	color: #efab02;
	padding: 1em;
}
#footer a:hover {
	color: #ffce7a;
}

/* general content styles */

#content {
	text-align: justify;
	margin: 2em auto 0 auto;
	padding: 0 0.25em;
	max-width: 60em;
}

#content a:hover {
	color: #ffce7a;
}

#content h1, h2, h3, h4, h5 {
	margin: 0.5em 0;
	clear: both;
	color: #ffb602;
	font-style: normal;
	text-transform: capitalize;
}

#content p {
	margin: 1em 0;
}

#content blockquote {
	color: #ccc;
	font-style: italic;  
	padding-left: 3em;
}

#content ol,
#content ul {
	padding-left: 4em;
	margin: 0.3em 0;
}
#content li {
	padding: .2em 0;
}

#content hr {
	width: 30%;
	border: 0px ;
	color: #404040;
	height: 1px;
	background-color: #404040;
	text-align: center;
}

#content img {
	padding: 0.4em;
	background-color: #323232;
	border: solid 1px #404040;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#content img:link {
	background-color: #404040;
	border: solid 1px #646464;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#content img:hover {
	background-color: #742300;
}

#content pre {
	font-family: monospace,serif;
	font-size:small;
	padding: 1em;
	color: #a0ef00;
	padding: 10px 15px;
	margin-bottom: 20px;
	background-color: #252525;
	border: solid 1px #555;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* tables */

/* main table where all is */
.tables-main { 
	padding: 0.25em 0.5em;
	background-color: #222222;
	width: 100%;
	border: solid 1px #343434;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
/* top row of the main table, for putting links? */
.tables-top {
	font-size: 1em; 
	text-align:right;
	padding: 0.3em;
}

.tables-content {
	background-color: #191919;
	font-size: 1em; 
	color: #fff;
	text-align:left;
	vertical-align: top;
	padding: 0.25em 0.5em;
	width: 80%;
	border-top: solid 1px #343434;
	border-bottom: solid 1px #343434;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
/* foot row, with back/home links */
.tables-footerback {
	color: #555;
	font-size: 0.7em; 
	text-align:right;
}

/* tables */


/* nice orange box to put quotes or highlight content or whatever */
.box {
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	background-color: #742300;
	border: solid 1px #bc9e91;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.box:hover {
	color: #fff;
	background-color: #874123;
}