/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");
@import url("rollover.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #a9a9a9;
}

h1 {
  color: green;
  margin: 26px 0 16px 0;
  padding: 3px 0;
  font-size: 26px;
}

h2 {
  color: #999;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-size: 18px;
}

h3 {
  margin: 0 0 2px 0;
  font-size: 11.5px;
}

p {
  margin: 11px 0 10px 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
}

a:link, a:visited {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a:hover {
  color: #cccccc;
  text-decoration: underline;
}

.red {
  color: #CC0000;
}

/* HEADER CONTENT
----------------------------------------------------------------*/
#header h1 {
  margin: 0;
  padding: 0; 
  background: url(../images/cmix_logo.gif) left no-repeat;
  height: 92px;
}

#head_text p {
  font-size: 11px;
  line-height: 15px;
}

/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#sidebar h2 {
  color: #fff;

}
#sidebar p {
  font-size: 11px;
  line-height: 15px;
}

/* CHAT
----------------------------------------------------------------*/
#chat {
  float: right;
}

.right {
  float: right;
}

/* FORMS
----------------------------------------------------------------*/
#form {
  float: left;
  width: 200px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#contact_form input, #contact_form textarea {
  background: url(../images/input_bg.gif);
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border:1px #ccc solid;
  padding:2px;
}

#contact_form input:hover, #contact_form textarea:hover {
  border:1px #cedc28 solid;
}

#contact_form input:focus, #contact_form textarea:focus { 
  border:1px #3a535e solid;
}


/* TABLES
----------------------------------------------------------------*/
table {
  clear: both;
  border-collapse: collapse;
  text-align: left;
}

td {
  padding: 2px 3px;
  font-size: small;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p {
  text-align: right;
  font-size: 11px;
  padding: 5px 15px;
}


/* SITE-WIDE CUSTOM STYLES
----------------------------------------------------------------*/
p.error {
  color: red;
}

.list {
  float: left;
  margin-left: 15px;
  margin-bottom: 10px; 
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 11px;
  line-height: 20px;
  list-style-image: url(../images/arrow_list.gif); 
} 

/* STYLING FOR BLOG
----------------------------------------------------------------*/
.post {
  margin-bottom: 20px;
}

.meta {
  font-size: 11px;
}

a.storytitle:link, a.storytitle:visited, a.storytitle:hover {
  font-size: 17px;
  color: #ffbb00;
}

strong {
  font-size: 12px;
  color: #ffbb00;
}

.normal {
  font-size: 11px;
  color: #fff;
}

#menu {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	margin-top: 10px;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
}

#menu ul ul {
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

blockquote p {
	border: 1px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}