@charset "utf-8";
/* 
	Theme Name: The Zeros Before the One
	Theme URL: http://www.thezerosbeforetheone.com
	Description: Forked on April 19th, 2011
	Author: Adam Hauck
	Author URI: http://www.kickassawesome.com
	Version: 2.5 [2011]
	
	Changelog:
		v1.0 - 7.20.10
			First version based off the painkiller.org 2010 theme.
		v2.0 - 4.19.11
			Forked from version 1.0 on April 19th, 2011
		v2.1 - 5.7.11
			Forked from version 2.0 on May 7th, 2011
		v2.5 - 6.19.11
			Forked from version 2.1
*/

/******************************************************************************************************/
/*------------------------------------------- UTILITIES ----------------------------------------------*/
/******************************************************************************************************/

.clear {clear:both;}
.alignnone {display: block;}
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/******************************************************************************************************/
/*------------------------------------------- UNIVERSAL PAGE ELEMENTS --------------------------------*/
/******************************************************************************************************/


body {
	font-family: arial, helvetica, sans-serif;
	line-height: 1.5;
	margin: 0px;
	margin-left:30px;
	background-color: #fff;
	background-image:url('images/background.png');
	background-repeat:repeat-y;
	}

#container {
	width: 1000px;
	margin-top:0px;
	display:block;
	}
	
@font-face{
    font-family: 'American Typewriter';
    src: url('fonts/atw.ttc.zip') format('truetype');
    }
	
h1, h2, h3 {font-family: 'American Typewriter', Georgia; font-weight:normal; color:#0a1240; padding:0px;}

h2 {font-size:28px; text-transform:lowercase;  }
h3 { font-size: 24px; text-transform:lowercase;}

a { font-weight: bold; text-decoration:none; }
		
a:link {color:#0a1240;}
a:hover{color:#b2daf3; /*the baby blue*/ }
a:visited{color:#3c4262; /*a lighter blue*/}

img { border: 0px; padding: 0px; margin: 0px; }

p:first-letter { text-transform: capitalize; }

/*  COLORS */

.pink {color:#e850a7; /*the pink*/}
.baby_blue {color:#b2daf3; /*the baby blue*/}
.light_brown {color:#f6f1de; /* the light brown */}
.mustard {color:#d0ac10; /*the mustard*/}
.dark_blue {color:#0a1240; /*the dark blue*/}	


/******************************************************************************************************/
/* --------------------------------------------- IMAGE SPRITES ---------------------------------------*/
/******************************************************************************************************/

.zeros_sprite {background:url(images/zeros_sprite.png);}

	.theone {width:272px; height:129px; background-position:0px -56px;}

	/*SIDEBAR SOCIAL ICONS*/
	#social_icons {text-align:center;}
	#social_icons .icon {width:28px; height:28px;}
	
		.facebook {background-position:0px 0px;}
		.twitter {background-position:-28px 0px;}
		.stumbleupon {background-position:-56px 0px;}
		.email {background-position:-84px 0px;}
		.rss {background-position:-112px 0px;}
		.digg {background-position:0px -28px;}
		.youtube {background-position:-28px -28px;}
		.reddit {background-position:-56px -28px;}
		.flickr {background-position:-84px -28px;}
		.yelp {background-position:-112px -28px;}
		
	.wedge {width:10px; height:5px; background-position:-140px -20px;}
			
/******************************************************************************************************/
/* -------------------------------------- HEADER STYLE ELEMENTS --------------------------------------*/
/******************************************************************************************************/


#header {
	position:relative;
	width: 100%;
	height:70px;
	background-color:#b2daf3; /*the baby blue*/
	z-index:-2;
	color:#fff;
	}

	#header_logo {
		width:500px;
		height:70px;
		background-color:#0a1240; /*the dark blue*/
		text-transform:lowercase;
	}

	#header_logo h1 {
		text-align:left;
		font-size:56px; 
		color:#f6f1de; /* the light brown */
		padding-right:18px;
		padding-top:2px;
		font-weight:normal;
		margin-left:20px;
		}

	#header_logo_right {
		position:absolute;
		font-family:'arial narrow', arial;
		margin-left:520px;
		padding-top:0px;
		font-size:50px;
		margin-top:-38px;
	}
	
	#header_logo_right img { width:272px; height:129px; }

/* TAGLINE */
	#tagline  {
		float:left;
		width:400px;
		height:33px;
		background-color:#d0ac10; /*the mustard*/
		padding:0px 0px 0px 0px;
		font-size:16px;
		font-family:'American Typwriter', Georgia;
		font-weight:bold;
		color:#fff;
	}
	
	#tagline p {margin-left:22px; margin-top:6px;}

#updated {
	display:block;
	float:right;
	text-transform:uppercase;
	font-size:12px;
	margin-top:-15px;
	padding-right:7px;
	color:#b2daf3; /*the baby blue*/
	}


/******************************************************************************************************/
/*-------------------------------------------- MAIN NAVIGATION MENU ---------------------------------*/
/******************************************************************************************************/


#nav {
position:relative;
color: #fff;
text-transform: lowercase;
text-align:right;
padding-bottom:10px;
margin-top:10px;
}

#nav ul { list-style-type: none; display:inline;}

	.nav_item, #nav .nav_item a {
		display:inline;
		padding:3px 0px 3px 0px;
		color: #fff;
	}

		.nav_item a {
			background-color: #e850a7; /*the pink*/
		}

		.nav_item a:hover, .nav_item #current, .nav_item #active {
			background-color: #b2daf3; /*the baby blue*/
			color: #fff;
		}
		.nav_item a:active {background-color:#99d2f5; }


/******************************************************************************************************/
/*------------------------------------------- PAGE CONTENT STYLE -------------------------------------*/
/******************************************************************************************************/


#content {font-size:14px;}

#postarea {
	width:650px;
	float: left;
	display:block;
}

/* MAIN PAGE ARTICLE */
.article { 
	background-color: #f6f1de; /* the light brown */
	padding:5px 20px 5px 20px;
	}

	.inner { /* MAIN PAGE ARTICLE */
		background-color: #fff;
		padding:10px 10px 10px 10px;
		margin: 10px 0px 10px 0px;
		display:block;
		}
		
	.article .inner .cont {font-size:12px; font-weight:bold; color:#e850a7; /*the pink*/}

   #postarea h1 {
	font-family:'American Typwriter', Georgia;
	color: #555555;
	font-size: 25pt;
	margin-top:0px;
}


.article h2, .article h2 a, .article h2 a:visited,
.featured h2, .featured h2 a, .featured h2 a:visited {
	text-transform:capitalize;
	font-family:'American Typwriter', Georgia;
	color: #e850a7; /*the pink*/
	font-size: 20pt;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	}

#postarea h2 a:hover {
	color: #333333;
	}

	.postmetadata {
		text-transform: capitalize;
		font-size: 10px;
	}

#postarea img {max-width:590px; /*Force images down to size*/}
#postarea object {max-width:590px; /*Force Youtube and video embeds to size*/}

.wp-caption-text {
	font-style:italic; 
	font-weight:bold;
	}


.category_intro{
	padding-left:5px;
	padding-right:5px;
	}

		/*Frontpage Manager Plugin specific CSS*/
		#postarea .fpm_readon {
			text-align:right;
		}

		.read_more, .read_more a {
			width:100px;
			display:inline;
			padding:3px 5px 3px 5px;
			background-color: #e850a7; /*the pink*/
			color: #fff;
		}

		.read_more:hover  { background-color: #b2daf3; /*the baby blue*/ }
			
		.read_more:active {background-color:#99d2f5; }
		

	/*POST DATES*/

	#main_date_box {
		float:left;
		width:100px;
		padding: 0px;
		text-align:center;
		margin-left:-22px;
		margin-top:-18px;
		margin-right:20px;
		background-color:#0a1240;
		border: 3px solid #d0ac10; /*the mustard*/
	}
	
	/*MAIN PAGE FEATURED POST*/
	.featured { 
		margin-top:20px;
		background-color: #f6f1de; /* the light brown */
		padding:5px 20px 5px 20px;	
	}
	
	.featured_date_box {
		float:left;
		width:100px;
		padding: 0px;
		text-align:center;
		margin-left:-22px;
		margin-top:-18px;
		margin-right:20px;
		background-color:#d0ac10; /*the mustard*/
	}

		#main_date_box .day, .featured_date_box .day {
			font-size:60px;
			color:#f6f1de; /* the light brown */
			margin-top:-15px;
			font-family: 'American Typewriter', Georgia;
		}
		#main_date_box .month, .featured_date_box .month {
			font-size:14px;
			color:#e850a7; /*the pink*/
			margin-top:-15px;
			}

	.featured a:hover h2 {color:#d0ac10; /*the mustard*/}

	.featured p {}
	
	.featured .read_more a {text-align:right;}


/******************************************************************************************************/		
/*------------------------------------------ INDEX PAGE WIDGETS  -------------------------------------*/
/******************************************************************************************************/


	/* AUTHOR BYLINE  */

	.byline {
		float:left;
		text-transform:capitalize;
		font-style:italic;
		padding-top:7px;
		padding-bottom:4px;
		width:220px;
		}
		
	.byline .featured_author {
		color:#e850a7; /*the pink*/
		font-weight:bold;
	}
	
	/*META DATA AND ADDTHIS PLUGIN RE-STYLING*/
	.usermeta { 
		white-space:nowrap;
		width:100%; 
		}
	.usermeta_bottom { margin-top:-4px;}
		
	.addthis_toolbox {width:300px; float:left; display:inline; white-space:nowrap; margin-top:7px;}
	.addthis_toolbox_lower {}
	.addthis_button_tweet {}
	.addthis_button_facebook_like {}
	.addthis_button_google_plusone {margin-top:0px;}
	.addthis_pill_style{margin-right:0px;}
	.addthis_button_compact  { }
	.addthis_counter .upper { }
	.addthis_counter.upper, .addthis_button_compact.upper { margin-top:2px; }
	
	/*COMMENT COUNT BUBBLE*/
	.comment-count {
		margin-top:-24px;
		float:right;
		width:90px;
		font-weight: bold;
		text-transform:uppercase;
		color: #555555;
		font-size:12px;
		}

	.comment-bubble a:link, .comment-bubble a:visited, .comment-bubble span {
		background-color: #e850a7; /*the pink*/
		margin: 2px;
		padding:5px 6px 5px 6px;
		font-size:12px;
		color:#fff;
	}
	.comment-bubble a:hover, .comment-bubble a:active {
		background-color: #b2daf3; /*the baby blue*/
	}
	
	/* RELATED POSTS */
	
	.related_posts {
		border-top:1px dashed #8ed0f9; /*a darker blue*/;
		}
	.related_posts h3 {color:#e850a7; /*the pink*/ padding:0px; margin:0px; margin-left:10px;}
	.related_posts ul { list-style-type:none; padding:0px; }
	.related_posts li { text-transform:capitalize; margin-left:10px; margin-right:10px; }


	/* CONTRIBUTING AUTHOR BOX */

		#postauthor {
			background-color: #f6f1de; /* the light brown */
			border: 3px solid #e850a7; /*the pink*/
			padding: 0 0 0 0px; /* 150px is the width of the img + padding between it and your text */
			position: relative; /* So the thumbnail is relative to this */
			min-height:170px;
		}

		#postauthor img {
			position: absolute;
			border: 1px solid #000; 
			margin-right: 10px;
			height:auto;
			max-width:128px;
			left: 10px;
			top: 10px;
			overflow:hidden;
			}

		#postauthor h4 { text-transform:capitalize; }
		#postauthor p { font-size:13px; }

		#postauthor_inner {
			margin-top:-10px;
			padding-left:150px;
			padding-right:5px;
			}
			
	/*BACK TO TOP*/
	.backtop {}
	
	
/******************************************************************************************************/			
/*----------------------------------------- ARTICLE CATBOXES  ----------------------------------------*/
/******************************************************************************************************/

.catboxes { float:left; padding:5px; border:0px solid #f6f1de; /* the light brown */ }
.catboxes h1 {text-align:center;}
.catbox {float:left; width:46%; display:block; padding:4px; margin-bottom:10px;  background-color:#b2daf3; border: 0px solid #f6f1de; /* the light brown */;}
.leftbox {margin-right:30px;}
.rightbox {}
.catbox a:hover {color:#f6f1de; /* the light brown */;}
.catbox .more {margin-bottom:0px; float:right;}
.catbox h3 { color:#e850a7; /*the pink*/  padding:0px;  margin:0px; border-bottom:2px dotted #f6f1de; }
.catbox ul { padding:0px; list-style-type:none; border: 0px solid #f6f1de; /* the light brown */;}
.catbox h3, .catbox ul {margin-left:10px; margin-right:10px;}
.catbox li {white-space:nowrap; text-transform:capitalize;}
.catbox .more {font-size: 12px; font-weight:normal; margin-top:18px;}

.attachment-post-thumbnail {float:left; margin-right:15px; margin-top:18px; border: 1px solid #000;}	

/******************************************************************************************************/			
/*---------------------------------------------- SIDEBAR  --------------------------------------------*/
/******************************************************************************************************/


#sidebar {
	float: right;
	width: 320px;
	margin-top:-3px;
}

#sidebar h3 {text-align:center; }


#sidebar ul {padding:0px; list-style-type: none; display:inline;}
#sidebar li {text-transform:capitalize; margin:10px; }

/*SOCIAL ICONS*/

	#fb_like {float:left; width:100px;}

	#social_icons {margin-left:4px; padding-top:28px;}

	#social_icons a:link img, #social_icons a:visited img
	{
		/* seems to prevent flickering in Mozilla-based browsers */
		opacity:0.999;
	}
	#social_icons a:active img, #social_icons a:hover img, #social_icons a:focus img
	{
		/* for Mozilla/Firefox/Safari */
		opacity:0.6;
		/* IE5.5 upwards */
		filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
	}
	
			
/******************************************************************************************************/
/*------------------------------------------ SIDEBAR WIDGETS -----------------------------------------*/
/******************************************************************************************************/
		

/* RECENT POSTS WIDGET */
	#sidebar .recent_posts {
		background-color: #e850a7; /*the pink*/
		padding:10px 10px 10px 10px;
	}

	#sidebar .recent_posts a,
	#sidebar .popular_posts a { 
		color:#d0ac10; /*the mustard*/ font-family: 'arial narrow';}

	#sidebar .recent_posts a:hover,
	#sidebar .popular_posts a:hover {color:#0a1240;}

	#sidebar .recent_posts .recent_inner, 
	#sidebar .popular_posts .popular_inner {
		background-color: #f6f1de; /* the light brown */
		border: 3px solid #b2daf3; /*the baby blue*/
		}
		
		#sidebar .recent_posts .recent_inner h3,
		#sidebar .popular_posts .popular_inner h3,
		#sidebar .recent_posts .recent_inner li, 
		#sidebar .popular_posts .popular_inner li {
			background-color: #fff;
			width:90%;
			margin-left:5%;
			margin-right:5%;
			padding-left:5px;
			padding-right:5px;
			}


/* POPULAR POSTS WIDGET */
	#sidebar .popular_posts {
		background-color: #b2daf3; /*the baby blue*/
		padding:10px 10px 10px 10px;
	}
		#sidebar .popular_posts .popular_inner {
			background-color: #f6f1de; /* the light brown */
			border: 3px solid #e850a7; /*the pink*/
			}


/*THE ZEROS - BIG BOX WIDGET*/
	#sidebar #the_zeros {
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 20px 0px;
		background-color: #0a1240; /*the purple*/
		width:320px;
		display:block;
		position:relative;
	}
	#zeros_map {
		width:320px; 
		height:240px; 
		position:relative;
		background-image:url(images/zeros_grid.jpg);
		}

		.block {width:80px; height:80px; float:left; }

	#sidebar #the_zeros h3 {color:#fff; padding-top:15px; text-transform:lowercase;}

	#sidebar #the_zeros #definitions_block {
		position:absolute;
		display:block;
		z-index:1000;
		min-width:400px;
		max-width:400px;
		margin-top:-292px;
		margin-left:-440px;
		min-height:285px;
		background-color: #0a1240; /*the purple*/
		background: rgb(0, 0, 0); /* fallback color */
		background: rgba(0, 0, 0, 0.88);
		border:3px solid #777; /*mustard*/
		display:none;
	}

		#sidebar #the_zeros #definitions_block .definition {
			color:#fff;
			padding:10px;
			display:none;
		}

		/*Transparent HOVER links for ZEROS BOX & TWITTER WIDGET*/
		#sidebar #the_zeros a:link img, #sidebar #the_zeros a:visited img,
		#sidebar #twitter_feed a:link img, #sidebar #twitter_feed a:visited img
		{
			/* seems to prevent flickering in Mozilla-based browsers */
			opacity:0.999;
		}
		#sidebar #the_zeros a:active img, #sidebar #twitter_feed a:active img,
		#sidebar #the_zeros a:hover img, #sidebar #twitter_feed a:hover img, 
		#sidebar #the_zeros a:focus img, #sidebar #twitter_feed a:focus img
		{
			background-color:#0a1240;
			/* for Mozilla/Firefox/Safari */
			opacity:0.4;
			/* IE5.5 upwards */
			filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=40);
		}
	

/*RECENT COMMENTS WIDGET*/

	#recent_comments  {
	    display: block;
		background-color: #b2daf3; /*the baby blue*/
		border: 3px solid #73afd5; /*another lighter blue*/
	}
	#recent_comments .avatar-30 , #recent_comments .photo{
	    float: left;
	    margin-right: 10px;
	}
	#recent_comments .comment {
		font-size: 12px;
		margin-bottom:5px;
		border-bottom: 1px ;
		padding:5px;
	}

	#recent_comments .comment:hover {
		background-color:#f6f1de; /*the light brown*/
		cursor: pointer;
	}

/*TWITTER WIDGET*/

	#twitter_feed {
		background-color: #d0ac10; /*the mustard*/
	}

		#twitter_feed h3 {padding-top:15px;}

		#twitter_feed #twitter_inner {
			background-color:#0a1240; /*the dark blue*/;
			color:#fff;
			padding-bottom:10px;
			}

		#twitter_feed .tweet {
			font-size:12px;
			margin-left:10px; 
			padding-top:10px;
			margin-right:10px;
			}

		.tweet img {float:left; height:52px; margin-right:5px; margin-bottom:5px;}

		#twitter_feed a {color:#e850a7; /*the pink*/}
		#twitter_feed a:hover {color:#e850a7; /*the pink*/ text-decoration: underline;}
		
		
		
/** MAILING LIST SIGNUP WIDGET **/
#sidebar #mailinglist {
	background-color: #b2daf3; /*the baby blue*/
	border: 3px solid #73afd5; /*another blue*/
	
					}
#sidebar #mailinglist h3 {padding-top:-10px;}
			
				
/******************************************************************************************************/	
/*------------------------------------------------- FOOTER --------------------------------------------*/
/******************************************************************************************************/

#footer {
	clear: both;
	margin-top: 40px;
	color: #000;
	width: 100%;
	margin: 0 auto;	
	text-transform: lowercase;
	text-align: center;
	font-size: 11px;
	}	


/******************************************************************************************************/
/*--------------------------------------- ROUNDED ELEMENTS -------------------------------------------*/
/******************************************************************************************************/

.rounded, 
#header,
#header_logo,
#tagline,
.article,
#main_date_box,
.featured,
.featured_date_box,
.catboxes,
.catbox,
#sidebar .recent_posts .recent_inner li, 
#sidebar .popular_posts .popular_inner li,
#sidebar .recent_posts .recent_inner h3, 
#sidebar .popular_posts .popular_inner h3,
#sidebar #recent_comments,
#sidebar #twitter_feed,
#sidebar #twitter_feed #twitter_inner,
#postauthor,
#comments
 { /* define a class for rounded divs */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
}

.rounded_small,
.inner,
.comment-bubble a:link, 
.comment-bubble a:visited, 
.comment-bubble a:hover,
.comment-bubble span 
{ 
	-moz-border-radius: 7.5px;
	-webkit-border-radius: 7.5px 7.5px 7.5px 7.5px;
	-khtml-border-radius: 7.5px;
	border-radius: 7.5px 7.5px 7.5px 7.5px;
	}

.rounded_large,
#sidebar .popular_posts, 
#sidebar .popular_posts .popular_inner, 
#sidebar .recent_posts,
#sidebar .recent_posts .recent_inner, 
#sidebar .popular_posts .popular_inner,
.nav_item, 
.nav_item a, 
.nav_item a:hover, 
.nav_item #current, 
.nav_item #active,
.read_more, 
.read_more a, 
.read_more:hover
 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px 15px 15px 15px;

}

.rounded_top { /* define a class for rounded divs */
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;

}
.rounded_small_top { /* define a class for rounded divs */
	-moz-border-radius: 7.5px 7.5px 0px 0px;
	-webkit-border-radius: 7.5px 7.5px 0px 0px;
	-khtml-border-radius: 7.5px 7.5px 0px 0px;
	border-radius: 7.5px 7.5px 0px 0px;

}
.rounded_bottom { /* define a class for rounded divs */
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

}
.rounded_bottom_left { /* define a class for rounded divs */
	-moz-border-radius: 0px 10px 0px 10px;
	-webkit-border-radius: 0px 0px 0px 10px;
	-khtml-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 0px 0px 10px;

}
.rounded_bottom_right { /* define a class for rounded divs */
	-moz-border-radius: 0px 10px 0px 10px;
	-webkit-border-radius: 0px 0px 10px 0px;
	-khtml-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 0px 10px 0px;

}