/*  
Theme Name: Organized Mass Confusion
Theme URI: http://organizedmassconfusion.org/
Description: The official Organized Mass Confusion theme
Version: 2.0
Author: Ethan Sena and George Spanos
Author URI:
*/


/* global definitions
=================================================*/
* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	background: #999;
}

img, img a {
	border: 0;
}

div#container {
	margin: 10px auto;
	padding: 0;
	width: 950px;
	border: 2px solid #008;
	background: #000;
}

/* headers
=================================================*/
h2 {
	font-size: 15pt;
	font-weight: bold;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
}

/* super-header / navigation
=================================================*/
div#navigation {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #000;
	border-bottom: 2px solid #008;
}

/* navigation corners
-------------------------------------------------*/
div.corners {
	
}

/* search area
-------------------------------------------------*/
div#search {
	margin: 5px;
	padding: 0;
	width: 300px;
	float: left;
	overflow: hidden;
}

div#search #searchform {
	overflow: hidden;
}

div#search #searchbox {
	margin-left: 2px;
	padding: 2px 2px;
	width: 175px;
	background: url("images/searchicon.gif") center right no-repeat;
	border: 1px solid #171CFB;
	font-size: 8pt;
	color: #fff;
}

div#search #searchsubmit {
	margin: 0;
	padding: 2px 2px;
	width: 20px;
	height: 20px;
	border: 0;
}

/* navbar
-------------------------------------------------*/
div#navbar {
	margin: 0;
	padding: 0;
	width: 600px;
	float: right;
	overflow: hidden;
}

div#navbar ul#gnav {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
}

div#navbar ul#gnav li {
	display: block;
	float: left;
}

div#navbar ul#gnav li a {
	margin: 0 10px;
	padding: 5px 0;
	padding-top: 6px;
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	text-transform: lowercase;
}

div#navbar ul#gnav li a span {
	font-size: 10pt;
}

/* header image
=================================================*/
div#header-img {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #008;
}

div#header-img .banner {
	display: block;
	height: 150px;
}

/* content area
=================================================*/
div#content {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #111 url("images/conright_bg.gif") top right repeat-y;
}

/* content block: left
=================================================*/
div#conleft {
	margin: 0 10px;
	padding: 0;
	width: 690px;
	float: left;
}

div#conleft h2.sptitle {
	margin: 0;
	padding: 10px 0;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}


/* navlinks
=================================================*/
div#conleft div.navigation {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0;
  overflow: hidden;
  font-size: 10pt;
  color: #999;
}


div#conleft div.navigation .alignleft {
  float: left;
}

div#conleft div.navigation .alignright {
  float: right;
}

div#conleft div.navigation .alignleft a, div#conleft div.navigation .alignright a {
  text-decoration: none;
  font-size: 10pt;
  color: #999;
}

/* postblock
-------------------------------------------------*/
div.postbody {
	margin: 5px 0 30px 0;
	padding: 0;
	overflow: hidden;
}

div.postbody h2.post-title {
	margin: 0;
	color: #fff;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
}

div.postbody h2.post-title a {
	text-decoration: none;
	font-size: 14pt;
	color: #fff; /* change to color of h2 text */
}

div.postbody h3.search-post {
	margin: 0;
	font-size: 12pt;
	font-weight: bold;
	text-transform: lowercase;
	color: #f0f0f0;
}

div.postbody h3.search-post a {
	text-decoration: none;
	font-size: 12pt;
	color: #f0f0f0; /* change to color of h2 text */
}

div.postbody p {
	margin-bottom: 10px;
	color: #ddd;
}

div.postbody p a {
	text-decoration: none;
	font-size: 10pt;
	color: #ddd;
	border-bottom: 1px dashed #666;
}

div.postbody div.meta {
	margin: 0;
	margin-top: 5px;
	padding-bottom: 2px;
	overflow: hidden;
	border-top: 1px solid #000;
	color: #666;
	font-size: 8pt;
	font-style: italic;
	text-transform: lowercase;
}

div.postbody div.meta a {
	border-bottom: 1px dashed #666; /* slightly lighter than normal text */
	text-decoration: none;
	font-size: 8pt;
	color: #666; /* change to color of .meta text */
}

div.postbody div.meta a:hover {
	border-bottom: 1px dashed #fff; /* slightly lighter than normal text */
	font-size: 8pt;
	color: #fff;
}

div.postbody div.meta .leftinfo {
	float: left;
}

div.postbody div.meta .rightinfo {
	float: right;
}

/* comment block
-------------------------------------------------*/
div.comments {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.comments h2.section {
	margin: 0;
	margin-bottom: -3px;
	color: #f0f0f0;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
}

div.comments h2.section a {
	color: #f0f0f0;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
}

div.comments .info, div.comments .info a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	font-style: italic;
	color: #0000de;
}

div.combody {
	margin: 0 10px;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #e3e3e3;
}

div.combody div.left {
	padding: 3px;
	float: left;
}

div.combody div.left .gravatar {
	margin-right: 10px;
	padding: 3px;
	display: block;
	height: 64px;
	width: 64px;
	background: #e3e3e3;
	border: 1px solid #666;
}

div.combody div.right {
	float: left;
	width: 550px;
}

div.combody div.right p a {
	font-size: 10pt;
	text-decoration: none;
	color: #666;
	border-bottom: 1px dashed #666;
}

div.right div.metacont {
	overflow: hidden;
	border-bottom: 1px solid #666;
}

div.metacont span a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	color: #666;
}

div.metacont span a:hover {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
}

div.metacont .metaleft {
	padding-bottom: 3px;
	display: block;
	float: left;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	color: #666;
}

div.metacont .metaright {
	padding-bottom: 3px;
	display: block;
	float: right;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	color: #666;
}


div.combody div.right p {
	font-size: 10pt;
	color: #818181;
}

div.comleave {
	margin: 10px 0;
	padding: 0;
}

div.comleave h2.section {
	margin: 0;
	margin-bottom: -3px;
	color: #f0f0f0;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
}

div.comleave h2.section a {
	margin: 0;
	margin-bottom: -3px;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
	color: #f0f0f0;
}

div.comleave .cominfo {
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	font-style: italic;
	color: #333;
}

div.comleave .cominfo a {
	margin-bottom: 5px;
	display: block;
	border-bottom: 1px dashed #666;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	font-style: italic;
	color: #333;
}

div.comleave p.row {
	margin: 5px 0;
	overflow: hidden;
}

div.comleave p.row span {
	text-transform: lowercase;
	font-size: 8pt;
	color: #666;
}

div.comleave .textbox {
	padding: 2px;
	background: #e3e3e3;
	border: 1px solid #000;
	font-size: 8pt;
	color: #333;
}

div.comleave .commentbox {
	padding: 2px;
	width: 500px;
	height: 100px;
	background: #e3e3e3;
	border: 1px solid #000;
	font-size: 8pt;
	color: #333;
}

div.comleave .submit {
	padding: 3px;
	background: #e3e3e3;
	border: 1px solid #000;
	text-transform: lowercase;
	font-size: 8pt;
	color: #333;
}

/* content block: right
=================================================*/
div#conright {
	margin: 0;
	margin-left: 2px;
	padding: 0;
	width: 225px;
	float: right;
}

div#conright div.section {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

div.section h2.section-title {
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
	text-transform: lowercase;
	font-size: 15pt;
	font-weight: bold;
	color: #0000de;
}

div.section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.section ul li {
	display: block;
	clear: both;
}

div.section ul li a {
	padding: 2px 3px;
	display: block;
	clear: both;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 8pt;
	color: #666;
}

div.section ul li a:hover {
	background: #333;
	border-right: 5px solid #0000de;
	color: #fff;
}

/* footer
=================================================*/
div#footer {
	margin: 0;
	padding: 5px 10px;
	overflow: hidden;
	border-top: 1px solid #000;
	background: #000;
}

div#footer p {
	font-size: 8pt;
	color: #999;
}

div#footer p a {
	text-decoration: none;
	font-size: 8pt;
	color: #999;
}

div#footer p a:hover {
	border-bottom: 1px dashed #e3e3e3;
}

div#footer p.left {
	float: left;
	width: 400px;
}

div#footer p.right {
	float: right;
	width: 400px;
	text-align: right;
}