/*
Theme Name:     Shakezulla
Theme URI:      http://www.benshoof.org/blog/
Version:        1.0
Description:    Monochromystic
Author:         Chris Benshoof
Author URI:     http://www.benshoof.org/
Tags:           salacious
*/


body
{
	background-color: #000000;
	margin-top:    0px;  /* keeps IE from inserting extra space at top (this may no longer be true) */
	margin-right:  0px;
	margin-bottom: 0px;
	margin-left:   0px;
}

.pageHeader
{
	padding-top: 10px;
	padding-left: 5px;
}

.logoContainer
{
	float:   left;
	margin:  0px;
	padding: 0px;
	
}

.menuContainer
{
	float:        right;
	text-align:   right;
	width:        141px;
	padding-top:    5px;
	padding-right: 38px;
	
}

.about
{
	padding-top:    0px;
	padding-right:  0px;
	padding-bottom: 4px;
	padding-left:   0px;
}

.archive
{
	padding-top:    4px;
	padding-right:  0px;
	padding-bottom: 0px;
	padding-left:   0px;
}

a img
{
	border:0 none;
}

.pageContainer
{
	padding-top:    18px;
	padding-right:  26px;
	padding-bottom: 26px;
	padding-left:   26px;
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ffffff; margin:0 5px;}
.b2f {height:1px; background:#ffffff; margin:0 3px;}
.b3f {height:1px; background:#ffffff; margin:0 2px;}
.b4f {height:2px; background:#ffffff; margin:0 1px;}

.pageInnerContainer
{
	background-color: #ffffff;
	font-family:  Arial;
	font-size:    110%;
	margin:       0px;
	padding:      0px;
}

.postContainer
{
	padding-top:    26px;
	padding-bottom: 16px;
	padding-left:   36px;
	padding-right:  36px;
	min-width:      0px;      /* peekaboo bug fix for IE7 */
	                          /* http://www.brownbatterystudios.com/sixthings/2007/01/06/css-first-aid-for-ie-peekaboo-bug/ */
}

.postHeader
{
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: 900;
	font-size:   160%;
	text-align:  center;
}

.postTitle
{
	float: left;
}

.postTitle a
{
	color: #000000 !important;
	text-decoration: none;
}

.postDate
{
	float: right;
	width: 300px; /* keeps IE from breaking up the date onto two lines on a low res */
	text-align: right;
}

.postBody
{
	padding-top:    10px;
	padding-right:  4px;
	padding-bottom: 10px;
	padding-left:   4px;
}

.navigation-links
{
	padding-top:    0px;
	padding-right:  36px;
	padding-bottom: 36px;
	padding-left:   36px;
	font-weight:    bold;
}

.navigation-links a
{
	color: #000000 !important;
	text-decoration: none;
}

.nav-previous
{
	float: left;
}

.nav-next
{
	float: right;
}

/* Archive page */

.articles
{
	/* center table */
	margin-left:   auto;
	margin-right:  auto;
	
	margin-top:    17px;
	margin-bottom: 17px;
}

.articles td:first-child
{
	/* padding between date and article title */
	padding-right: 40px;
}

/* Error message */
.error
{
	color: #ff0000;
	text-align: center;
	font-weight: bold;
}

/* algin* classes used by WYSIWYG editor when inserting images, probably other stuff */
/* Note: now I use imageContainer (defined in this file) for wrapping centered images, 
   so aligncenter shouldn't be used at all anymore. */

.aligncenter 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.alignleft 
{
	float: left;
}

.alignright 
{
	float: right;
}

img.alignright 
{
	margin: 0 0 20px 20px;
	display: inline;
}

img.alignleft 
{
	margin: 0 20px 20px 0;
	display: inline;
}

.clr 
{
	clear: both;
}

/* attachments table */

.attachments td
{
	vertical-align: middle;
}

.attachments td:first-child
{
	/* indentation and padding between icon and filename */
	padding-left: 10px;
	padding-right: 10px;
}

pre
{
	/* code stuff, so that when SyntaxHighlighter kicks in the transition from pre to div isn't
		so jarring. this also serves as acceptable formatting should javascript be turned off.
		this also serves as a good base for displaying settings, console outputs, and other
		computery-but-not-code st-iz-uff. */
   
   color: 				#FFFFFF;
	background-color:	#000000;
	padding: 15px 15px 15px 15px;
	font-family:        "Courier New", Courier, monospace !important;
	font-size:          12pt !important;
	margin-top:         30px;
	margin-bottom:      30px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	
	/* OVER THE LINE! MARK IT ZERO! */
	overflow: auto;
}

span.indent
{
	padding-left: 40px;
}

/* When an image wrapped in an anchor is centered using WordPress' classes, the
   anchor will be stretched across the screen meaning that the white space to
   the side is clickable, which I ain't too fond of. 
   Instead, I'm just styling each p tag that wraps a centered image with the
   following. text-align is the magic that restricts the anchor to the image.   */
.imageContainer
{
	text-align: 	center;
}

/* I want images to have a total margin of 30px between the text and the image, 
   but I also want a little space between images when I have multiple in the same
   imageContainer and it wraps on a smaller browser, so the extra 13px goes here. */
.imageContainer img
{
	margin-top: 	13px;
	margin-bottom: 	13px;
}