/*  
Theme Name: Mixed Nutz
Theme URI: http://paintbox.org/
Description: Mixed Nuts is a theme created by Aaron Crayne as a base theme originally created to power Paintbox.org and karlitadance.com, and later ported as a theme for custom sites and projects.  The main page relies heavily on dynamic side bars to display, rearrange and customize the content without having to edit the theme files.  In some cases plugins and 3rd party scripts are used to create our narly stuff.
Version: .5
Author: Aaron Crayne
Author URI: http://paintbox.org
*/
body     { color: #64b9c8; font-family: Arial, Helvetica, sans-serif; background-color: #000000; text-align: center }

#page  { background-color: black; text-align: left; border: solid 1px #959596 }

#content {
	font-size: 1.2em
	}

.widecolumn .entry p  { font-size: 1.05em }

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt   { border-top: 1px solid gray; border-bottom: 1px solid gray }

small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Garamond, 'Copperplate Gothic Light', Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1  { font-size: 1.5em; text-align: center; text-transform: uppercase; letter-spacing: 0.5em }

.description  { font-size: 1em; text-align: center; letter-spacing: 0.6em }

h2  { font-size: 1.5em }

h2.pagetitle  { font-size: 1.5em }

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description     { color: #f5f5f5; text-decoration: none }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited    { color: #d7ac81 }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited    { color: #99f }

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	}
	
.commentlist li  { }

.commentlist cite, .commentlist cite a  { color: #64b9c8; font-style: normal; font-size: 1em }

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p  { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align: left }

.commentmetadata {
	font-weight: normal;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike    { color: #d7ac81 }
	
code {
	font: 1.1em Arial, Helvetica, sans-serif, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover      { color: #b3ecff; text-decoration: none }

a:hover     { color: #B3ECFF; text-decoration: underline }
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0;
	padding: 0; 
	}

#page    { background-color: #001029; margin: 20px auto; padding: 0; border: solid 1px #959596; width: 760px }
	
.narrowcolumn   { float: left; margin: 10px 0px 0px; padding: 0 10px 20px 0px; width: 640px }

.widecolumn   { margin: 5px 0 0 150px; padding: 10px 0 20px; width: 700px }

.pagepost {
	margin: 0 0 40px;
	border-top: 1px solid black;
	}
	
.post  { text-align: justify; margin: 0 0 50px }
.post { font-size: 14px }
.details   { font-size: 12px; text-align: right; margin-top: 2px; margin-bottom: 2px }
.detailinfo  { font-size: 12px; text-align: right; margin-bottom: 30px; border-top: 1px solid #696969; width: 100% }
.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 0 0 0 1px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */

/*	Begin Headers */
h1  { margin: 0; padding-top: 5px; padding-bottom: 10px }

.description {
	text-align: center;
	}

h2   { margin: 0px 0 0 }

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments  { margin: 40px auto 20px; padding: 0 }
/* End Headers */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s  { padding: 2px; width: 260px }

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input  { background-color: #888; margin: 5px 5px 1px 0; padding: 2px; width: 170px }

#commentform textarea  { background-color: #888; padding: 2px; width: 100% }

#commentform #submit  { background-color: white; float: right; margin: 0 }
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
/*.sidebar
   { text-align: left; margin-top: 20px; margin-left: 670px; padding: 0px 0 10px 20px; width: 260px }*/
.sidebar
     { text-align: left; margin: 0px 0px 10px; padding: 0px 8px 5px 15px; width: 290px }
#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation     { font-size: 14px; text-align: center; margin-top: 5px; margin-bottom: 15px; border-bottom: 1px solid #696969; width: 575px; display: block }
/* me stuff */
#comments { font-size: 1em; background-color: #111 }
#respond { font-size: 1em }

