﻿/*#############################################################
Name: One Question Template
Date: 2009
Description: A fantasy webcomic created by Cheeko
Designed by: N. E. Zahed
#############################################################*/

/* standard elements */

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0;
	background: #1C1A1E url(../../img/bg.gif) repeat-y fixed center;
	font-size: 12px;
	color: #B08A08;
}

* {
	margin: 0;
	padding: 0;
}
a {
	color: #504015;
	text-decoration: underline;
}
a:hover {
	color: #504015;
}

input {
	color: #456649;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
	padding-left= 25px;
	padding-right= 40px;
}
h1 {
    color: #69542D;
	font-size: 2em;
	margin-bottom: 6px;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
	
}

/* structure */
.container {
	width: 948px;
	margin: 0 auto;
}

/* header */
.header {
	background: url(../../img/title.jpg) no-repeat;
	height: 315px;
	width: 950px;
	margin: 0 auto;
}

/* navigation */
.navigation {
	background: url(../../img/nav.jpg) no-repeat;
	font: bold 1.2em Verdana,sans-serif;
	height: 141px;
	width: 950px;
	margin: 0 auto;
	padding-top: 20px;
}
.navigation a {
	color: #aba69e;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 20px;
}
.navigation a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* main */
.main {
	clear: both;
	padding: 12px 8px 12px 8px;
}

/* sub navigation */
.sidenav {
	float: left;
	width: 225px;
}
.sidenav h1 {
	background: #A6BD96;
	color: #124122;
	border: 1px solid #6D8973;
	font-size: 1.2em;
	height: 22px;
	width: 215px;
	margin-bottom: 6px;
}

/* content */
.content1 {
	float: none;
	width: 100%;
}

/* table */
.table { 
    padding: 0px;
    margin: 0px;
    border-top: 0px hidden;
    border-left: 0px hidden;
    border-right: 0px hidden;
    background-image: clear;
    border-bottom: 0px solid #4C7462;
    width: 650px;
    color: #aba69e;
   
}

.table_message { 
    padding: 0px;
    margin: 0px;
    border-top: 0px hidden;
    border-left: 0px hidden;
    border-right: 0px hidden;
    background-image: url('../../img/paper_mid.jpg');
    border-bottom: 0px solid #4C7462;
    width: 650px;
    color: #534741;
	font-size: 14px;
   
}

.table_side { 
    padding: 0;
    margin: 0px;
    border-top: 0px hidden;
    border-left: 0px hidden;
    border-right: 0px hidden;
    background-image: url('../../img/side_mid.jpg');
    border-bottom: 0px solid #4C7462;
    width: 250px;
    color: #534741;
	font-size: 14px;
}

.table_large { 
    padding: 0;
    margin: 0px;
    border-top: 0px hidden;
    border-left: 0px hidden;
    border-right: 0px hidden;
    background-image: url('../../img/large_mid.jpg');
    border-bottom: 0px solid #4C7462;
    width: 900px;
    color: #534741;
	font-size: 14px;
}

/* Footer */

#footer {
	clear: both;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 0;
	background: #241F30;
	border-top: 1px solid #696562;
	text-align: center;
	font-size: smaller;
	color: #85817c;
	width: 946px;
}

#footer a {
	color: #aba69e;
	text-decoration: underline;
}

#footer a:hover {
	color: #ffffff;
}

#footer p {
	font-size: 1.2em;
	padding-bottom: 1.2em;
	padding-left= 25px;
	padding-right= 40px;
}