/*  
Theme Name: ART840 Normal Design (2007)
Theme URI: http://aragonrobotics.org/
Description: What to do?
Version: 0.0.1
Author: Wilson Chan
Author URI: http://darksentry.com/
*/

/* ----------  BASIC STRUCTURES & TYPOGRAPHY  ---------- */
body {
 background: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%; /* Resets 1em to 10px */
 text-align: center;
 color: #666666;
 margin: 0;
 padding: 0;
 }

#page {
 margin: 0;
 padding: 0;
 font-size: 1.1em;
 line-height: 1.6em;
 }

#container {
 text-align: left;
 width: 670px;
 margin: 0 auto;
 padding: 0;
 }

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: .5em 0 0 0;
 }

h1, h2 {
 font-size: 1.8em;
 }

h3 {
 font-size: 1.5em;
 }

h4 {
 font-size: 1.4em;
 }

h5, h6 {
 font-size: 1.2em;
 }

a {
 text-decoration: none;
 border-bottom: 1px dashed #aaaaaa;
 }

a:link, a:visited {
 color: #a00000;
 }

a:hover, a:active {
 color: #d08080;
 }

p {
 margin: 1em 0;
 padding: 0;
 }

ol, ul {
 margin: 0;
 padding: 0 0 1em 2em;
 }

blockquote {
 background: #f9f9f9;
 font-style: italic;
 color: #a4a4a4;
 margin: 1em;
 padding: 1em;
 border-left: solid 4px #a4a4a4;
 }

.author {
 display: block;
 text-align: right;
 }

code {
 background: #f9f9f9;
 font-family: monospace;
 color: #333;
 }

input, textarea, select {
 background: #f9f9f9;
 border: 1px solid #646464;
 color: #646464;
 margin: 1em;
 }

input.submit, input[type=submit] {
 background: #f9f9f9;
 border: 1px solid #646464;
 color: #8cc26c;
 }

form, img {
 border: 0; 
 margin: 0; 
 padding: 0;
 }


/* ----------  HEADER ---------- */
#header {
 margin: 20px 0;
 padding: 0 10px;
 border-left: solid 4px #646464;
 }

* html #header {
 overflow: hidden;
 }

#header h1 {
 font-family: Georgia, 'Times New Roman', Times, serif;
 font-size: 2.8em; 
 line-height: 1em;
 margin: 0 0 .1em 0; 
 padding: 0;
 }

#header #description {
 margin: 0; 
 padding: 0;
 }


/* ----------  CONTENT ---------- */
.content {
 float: left;
 text-align: justify;
 width: 480px;
 margin: 0;
 padding: 0;
 display: inline;
 }

* html .content {
 overflow: hidden;
 }

.post {
 margin: 0;
 padding: 0;
 }

.posthead {
 margin: 0;
 padding: 0;
 }

.posthead h2 {
 font-family: Georgia, Times, 'Times New Roman', serif;
 font-size: 1.5em;
 line-height: 1.4em;
 color: #a00000;
 margin: 1em 0 0 0;
 padding: 0;
 }

.posthead p {
 margin: 0;
 padding: 0;
 border-bottom: solid 4px #888888;
 }

.postbody {
 background: #f4f4f4;
 margin: 0;
 padding: 0 .5em;
 }

.postbody p {
 margin: 0;
 padding: .5em 0;
 }

.talkback {
 background: #fbfbfb;
 margin: .5em 0;
 padding: 0 .5em;
 }

.talkback p {
 margin: 0;
 padding: .5em 0;
 }

.navigation {
 margin: 5px 0;
 padding: 0;
 }

.previous {
 float: left;
 width: 290px;
 text-align: left;
 margin: 0;
 padding: 0;
 display: inline;
 }

.next {
 float: right;
 width: 290px;
 text-align: right;
 margin: 0;
 padding: 0;
 display: inline;
 }


/* ----------  SIDEBAR  ---------- */
#sidebar {
 float: left;
 width: 180px;
 margin: 0 0 0 10px;
 padding: 0;
 display: inline;
 }

* html #sidebar {
 overflow: hidden;
 }

#sidebar ul, #sidebar ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 }

#sidebar h2 {
 font-family: Georgia, Times, 'Times New Roman', serif;
 font-size: 1.5em;
 line-height: 1.4em;
 color: #a00000;
 margin: 1em 0 0 0;
 padding: 0;
 border-bottom: 4px solid #888888;
 }

#sidebar p, #sidebar ul ul {
 background: #f4f4f4;
 margin: 0;
 padding: .3em;
 }

#sidebar ul ul li li {
 margin: 0 .5em;
 padding: 0;
 }


/* ----------  FOOTER  ---------- */
#footer {
 clear: both;
 font-size: 11px;
 padding: 10px 0;
 }

#footer p {
 margin: 0;
 padding: 0 10px;
 color: #a4a4a4;
 border-left: solid 4px #646464;
 }


/* ----------  TOOLBAR  ---------- */
#toolbar {
 position: fixed;
 top: 3em;
 left: 1.5em;
 }


/* ----------  MENU JAVASCRIPT  ---------- */
.MGroup {
 background: #e8e8e8;
 }

.MGroupContent {
 background: #f9f9f9;
 }


/* ----------  CALENDAR  ---------- */
table {
 background: #f4f4f4;
 text-align: left;
 border-bottom: 1px solid #d2d2d2;
 border-right: 1px solid #d2d2d2;
 margin: 0 0 1em 0;
 }

th, td {
 border-left: 1px solid #d2d2d2;
 border-top: 1px solid #d2d2d2;
 vertical-align: top;
 padding: 0 2px;
 width: 14.28%;
 }

col.sat, col.sun {
 background: #f7e8e8;
 }

tr.days {
 font-size: .9em;
 height: 8em;
 }

* html tr.days {
 overflow: hidden;
 }

tr.numbers {
 background: #f9f9f9;
 font-size: 1em;
 text-align: right;
 }

th {
 background: #e8e8e8;
 text-align: center;
 text-transform: uppercase;
 }


/* ----------  CONTACT FORM  ---------- */
#formpage {
 margin: 0;
 padding: 0;
 font-size: 1.1em;
 line-height: 1.6em;
 }

#formcontainer {
 background: #ffffff;
 text-align: left;
 width: 480px;
 margin: 0 auto;
 padding: 0 1em;
 }