/*
Theme Name: Blueprint v2
Theme URI: http://www.roadsidedeviant.net/bp-skeleton
Description: A skeleton theme based on blueprint.css.
Version: 2
Author: Chris Froese
Author URI: http://www.roadsidedeviant.net/
*/

@import url(css/blueprint/screen.css);

div.container-wrapper
{
	width: 968px;
	margin: 0 auto;
	border-width: 0 1px 0 1px;
	border-color: #333;
	border-style: solid;
	background-color: #FFF;
}

/**
 * BLUEPRINT OVERIDES
 **/

body { background-color: #000000; color: #000 }
div.container { }
div.border { border-right: 1px solid #CCC; }

/**
 * COMMON
 **/

.hidden { display: none; }
.center { text-align: center; }
.clear { clear: both; }

/**
 * COMMON ELEMENTS
 **/

/* default post navigation */
div.next-prev { margin: 18px 0; }
div.next-prev div { }
div.next-prev div a { }
div.next-prev div.alignleft { float: left; }
div.next-prev div.alignright { float: right; }


/**
 * HEADER
 **/

div.header
{
	background-color: #000000;
}

div.header h1 { }
div.header h1 a { color: #000; }
div.header div.description
{
	color: #999;
	font-weight: bold;
}

/**
 * PAGES NAV
 **/

div.header-nav
{
	border-width: 1px 0 1px 0;
	border-color: #333;
	border-style: solid;
	background-color: #CCC;
	/*background-image: url(images/nav-bg.gif);*/
}

div.header-nav ul
{
	padding: 0;
	margin: 0;
}

div.header-nav ul li { list-style-type: none; }

div.header-nav div.menu { margin-left: -9px; }

div.header-nav div.menu ul
{
	display: inline-block;
	border-right: 1px #F1F1F1 solid;
}

div.header-nav div.menu ul li { float: left;}

div.header-nav div.menu ul li a
{
	display: block;
	padding-top: 3px;
	/*margin-right: 18px;*/
	width: 8em;
	height: 20px;
	color: #666;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #CCC;
	/*background-image: url(images/nav-bg.gif);*/
	border-top: 0;
	border-bottom: 0;
	border-left: 1px #D2D2D2 solid;
	border-right: 1px #666 solid;
}

div.header-nav div.menu ul li a:hover
{
	color: #E5E5E5;
	background-color: #999;
	/*background-image: url(images/nav-bg-over.gif);*/
	border-right: 1px #FFF solid;
	border-left: 1px #333 solid;
}

div.header-nav div.menu ul li.current_page_item a
{
	background-color: #999;
	/*background-image: url(images/nav-bg-over.gif);*/
	color: #FFF;
	border-right: 1px #FFF solid;
	border-left: 1px #333 solid;
}

/**
 * COMMON POSTS
 **/

div.post { }
div.post h2 { }
div.post h2 a { }
div.post small { }
div.post div.entry { }
div.post div.entry p { }

div.post p.meta, div.post div.meta
{
	padding: 4px 9px 4px 9px;
	margin: 18px 0;
	border-width: 1px 0 1px 0;
	border-color: #999;
	border-style: solid;
	background-color: #F1F1F1;
}

/**
 * POST IMAGES
 **/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right; padding-left: 18px;
	}

.alignleft {
	float: left; padding-right: 12px;
	}

/**
 * POST LIST
 **/

div.post-list { }
div.post-list div.post { }
div.post-list div.post h2 { margin-bottom: 0; }
div.post-list div.post h2 a { }

div.post-list div.post small
{
	display: block;
	margin-bottom: 1em;
}

div.post-list div.post div.entry { }
div.post-list div.post div.entry p { }
div.post-list div.post p.meta { }

/**
 * POST SINGLE
 **/

div.post-single { }
div.post-single div.post { }
div.post-single div.post h2 { margin-bottom: 0; }
div.post-single div.post h2 a { }
div.post-single div.meta { /*padding: 4px 9px 4px 9px;
	margin: 18px 0;
	border-width: 1px 0 1px 0;
	border-color: #CCC;
	border-style: solid;
	background-color: #F5DE76;*/ }
div.post-single div.meta span { margin-right: 18px; }
div.post-single div.meta span img { margin-bottom: -3px; }
div.post-single div.post small { }
div.post-single div.post div.entry { }
div.post-single div.post div.entry p { }


/**
 * COMMON SIDEBAR
 **/

div.sidebar { }

div.sidebar ul
{
	padding: 0;
	margin: 0;
}

div.sidebar ul li { list-style-type: none; }

div.sidebar ul li h2
{
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	border-width: 0 0 1px 0;
	border-color: #CCC;
	border-style: solid;
}

div.sidebar ul li h2 a
{
	color: #E80D13;
	text-decoration: none;
}

div.sidebar ul li ul
{
	margin-bottom: 1em;
	margin-left: 1em;
}

/**
 * SIDEBAR WIDGETS
 **/

/* rss widget */
li.widget_rss { }
li.widget_rss ul { }

li.widget_rss ul li
{
	border-bottom: 1px #CCC solid;
	padding-bottom: 4px;
	margin-top: 4px;
}

li.widget_rss ul li a { }

/**
 * IMAGE GALLERY
 **/

/* prettyPhoto gallery */
div.gallery { }
div.gallery .gallery-item { float: left; }

div.gallery .gallery-icon
{
	padding: 9px;
	margin: 9px;
	border: 1px #666 solid;
	background-color: #CCC;
}

div.gallery .gallery-icon a { }
div.gallery .gallery-icon a img { border: 1px #333 solid; }

div.gallery .gallery-caption
{
	padding: 0;
	margin: 0;
	text-align: center;
	text-font: bold; 
}

/* single image page */
div.post-attachment { }
div.post-attachment div.attachment { }
div.post-attachment div.attachment h2 { }
div.post-attachment div.attachment h2 a { }
div.post-attachment div.attachment small { }
div.post-attachment div.attachment div.entry { }

div.post-attachment div.attachment div.entry div.image /* photo */
{
	text-align: center;
	border: 1px #333 solid;
	padding: 18px;
	background-color: #CCC;
}

div.post-attachment div.attachment div.entry div.image img { border: 1px #333 solid; }
div.post-attachment div.attachment div.entry p.caption { }
div.post-attachment div.attachment div.entry p.meta { }
div.post-attachment div.attachment div.entry p.meta small { }

/**
 * FOOTER
 **/

div.footer
{
	background-color: #CCC;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

div.footer p { text-align: center; }

/**
 * PLUGINS	
 **/

/* socialable plugin */
/* disable style sheet in plugin for more customization */
div.sociable { display: inline; }

/* wp-navi navigation -- see plugins/wp-pagenavi/pagenavi-css.css */
div.wp-pagenavi { text-align: center; }
.wp-pagenavi a, .wp-pagenavi a:link
{
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333;
	background-color: #FFFFFF;
}

.wp-pagenavi a:visited
{
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #999;
	background-color: #FFFFFF;
}

.wp-pagenavi a:hover
{
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi a:active
{
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
}

.wp-pagenavi span.pages
{
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.current
{
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.extend
{
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-caption-text {font-weight:bold;}