/*
Theme Name: WPBundle
Theme URI: http://wpbundle.com
Description: WPBundle Progress Theme.
Version: 1.0
Author: Spencer
Author URL: http://wpbundle.com
/* --------------------------------------------- */

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#fcfcfc;
	font:1.13em Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; 
	color:#9ec5ed; 
}

code {
 /* Default */
}

blockquote {
	
}

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

*:focus {
	outline:none;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	margin:0; padding:0;
	float:left;
}

	h1 a {
		width:140px; height:44px;
		background:url(images/wpbundle.png) no-repeat top center;
		display:block; text-indent:-9999em; outline:0;
	}

h2 {
	margin:0; padding:0;
	font:2.33em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#FFF;
	text-shadow:0 1px 1px rgba( 0, 0, 0, .20 );
}

h3 {
	margin:0; padding:0;
	font:1.78em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#FFF;
	text-shadow:0 1px 1px rgba( 0, 0, 0, .20 );
}

	#on-twitter, #blog-posts, #developers-t {
		margin:0 auto; padding:177px 0px 73px 252px;
		width:225px; height:76px;
		font-size:2.00em; color:#5387b2;
		text-shadow:0 1px 0 rgba( 255, 255, 255, .50 );
		background:url(images/wpbundle-on-twitter.png) no-repeat 0 170px;
	}
	
	
	#blog-posts, #developers-t {
		margin:0; padding:0;
		width:auto; height:auto;
		font-size:2.33em;
		background:none;
	}
	
	#archives {
		margin:0 0 5px;
	}

h4 {
	margin:0; padding:0 0 10px 0;
	font:normal 1em TradeGothic, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#ffffff;
	text-shadow:0 1px 1px rgba( 0, 0, 0, .20 );
}

	.entry h4 {
		float:left;
		font-size: 28px;
		letter-spacing:-.02em;
		text-transform:none;
	}
	
	.the-offer {
		margin:15px 0 6px;
		font:normal 2.00em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#5c5241;
		text-shadow:0 1px 1px #FFF;
	}
	
	.dev-sec {
		font:1.33em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#5387b2;
		text-shadow:0 1px 0 #FFF; text-decoration:none;
	}

h5 {
	font-family: "Helvetica Neue";
	font-size: 18px;
	color: #fff;
	margin: 0; padding: 10px 0 0 0;
}

h6 {
	font:14px Helvetica, Arial, sans-serif;
	margin: 0; padding: 20px 0 0 0;
	color:#FFF;
}

a:link, a:active, a:visited {
	color:#daedf5; text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/* Welcome
/* -------------- */

/* Header */

#navigation a {
	margin:0 3px 0 0;
	height:28px;
	background:url(images/sprite.png) no-repeat;
	display:block; text-indent:-9999em;
	float:left;
	outline:0;
}

#navigation .subscribe {
	width:118px;
	background-position:0 -53px;
}

	#navigation .subscribe:hover {
		background-position:0 -80px;
	}
	
	
	#navigation .subscribe:active {
		background-position:0 -109px;
	}

#navigation .archives {
	width:112px;
	background-position:-118px -53px;
}
	
	#navigation .archives:hover {
		background-position:-118px -80px;
	}

	#navigation .archives:active {
		background-position:-118px -109px;
	}

#navigation .developers {
	width:130px;
	background-position:-230px -53px;
}

	#navigation .developers:hover {
		background-position:-230px -80px;
	}

	#navigation .developers:active {
		background-position:-230px -109px;
	}
	
#subscribe-sticky #keep-up {
	font:1.78em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#5387b2;
	text-shadow:#FFF 0 1px 0;
	display:block;
}

#subscribe-sticky .offer {
	font:bold 0.78em Helvetica, "Helvetica Nueue", Arial, sans-serif; color:#5a7957;
	text-shadow:#dceed5 0 1px 0;
}

	#subscribe-sticky .offer small {
		font-weight:normal; font-size:0.86em;
		display:block;
	}
	
/* Intro */

#intro p {
	margin:15px 0;
	line-height:27px;
}

	#intro p u {
		color:#daedf5;
	}
	
.preorder {
	width:125px; height:27px;
	background:url(images/sprite.png) no-repeat 0 -250px;
	display:inline-block; text-indent:-9999em;
}

	.preorder:hover {
		background-position:-125px -250px;
	}
	
	.preorder:active {
		background-position:-250px -250px;
	}
	
.ask-question {
	margin:0 5px 0 0;
	width:160px; height:27px;
	background:url(images/sprite.png) no-repeat 0 -278px;
	display:inline-block; text-indent:-9999em;
}

	.ask-question:hover {
		background-position:-160px -278px;
	}
	
	.ask-question:active {
		background-position:-320px -278px;
	}
	
.button-text {
	display:inline-block; margin:0 0 0 5px;
	font:bold 0.67em Helvetica, Arial, sans-serif; color:#FFF;
}
	
/* Twitter
/* -------------- */

.follow-us {
	width:154px; height:34px;
	background:url(images/icons/follow.png) no-repeat;
	display:block; text-indent:-9999em;
	position:absolute; top:66px; right:160px;
	outline:0;
}

	.follow-us:hover {
		background-position:0 -34px;
	}
	
	.follow-us:active {
		background-position:0 -68px;
	}

#talked-about .prevPage, #talked-about .nextPage {
	width:36px; height:51px;
	background:url(images/sprite.png) no-repeat;
	display:block; text-indent:-99999em;
	position:absolute; top:460px;
	outline:0;
}

#talked-about .prevPage {
	left:-28px;
}

	#talked-about .prevPage:hover {
		background-position:-85px 0;
	}
	
	#talked-about .prevPage:active {
		background-position:-166px 0;
	}

#talked-about .nextPage {
	right:-74px;
	background-position:-43px 0;
}

	#talked-about .nextPage:hover {
		background-position:-125px 0;
	}
	
	#talked-about .nextPage:active {
		background-position:-206px 0;
	}

#tweeted li {
	text-align:center;
}

	.handle:link, .handle:active, .handle:visited {
		margin:17px 0 11px; display:inline-block;
		font:24px Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#3e5d7f;
		text-shadow:0 1px 0 #FFF; text-decoration:none;
	}
	
	.tweet, .ago {
		margin:0 0 10px;
		font:12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
		color:#89abc7; text-shadow:0 1px 0 #FFF; line-height:18px;
		word-wrap:break-word;
	}
	
		.tweet a {
			color:#5387b2;
			text-decoration: underline;
		}
	
	.ago:link, .ago:active, .ago:visited {
		font-size:11px; color:#5387b2 !important;
		text-decoration:none;
	}
	
	#tweeted li.hover .handle {
		color:#5387b2; text-decoration:underline;
	}
	
/* Blog
/* -------------- */

.overlay {
	font:bold 0.78em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#5387b2;
	text-decoration:none; line-height:20px; 
	display:block;
}

.overlay small {
	display:block;
	font-size:0.79em; color:#a5bfd4;
}

.working {
	margin:15px 0 20px;
	color:#89aac7;
	line-height:27px;
}

/* Archives */

#progress .rss, #progress .share, .back-to-top {
	padding:2px 0 2px 22px;
	float:right;
	font:0.72em "nevis", Helevitca, "Helvetica Neue", Arial, sans-serif; color:#e9f2f7;
	text-shadow:0 1px 1px rgba( 0, 0, 0, .20 ); text-transform:uppercase; text-decoration:none;
	display:block; line-height:12px;
}

#progress .rss {
	margin:11px 40px 0 0;
	background:url(images/icons/rss.png) no-repeat top left;
}

#progress .rss:hover {
	text-decoration:underline;
}

#progress .share {
	width:110px; height:22px;
	margin:6px 15px 0 0; padding:2px 0 2px 22px;
	background:url(images/icons/share.png) no-repeat center left;
	position:relative; cursor:pointer;
}

	.share .text {
		position:absolute; top:7px; left:22px;
	}
	
	.share .images {
		position:absolute; top:3px; left:0;
		display:none;
	}
	
		.share .images a {
			margin:0 7px;
			display:inline-block;
			outline:0;
		}
		
		.share .images a:hover {
			opacity:0.75;
		}
	
#progress .share.hovered {
	background:none;
}

.back-to-top {
	background:url(images/icons/back-to-top.png) no-repeat center left;
	float:none; text-decoration:none !important;
}

	#progress .entry .back-to-top {
		font-size:1.08em;
		margin:0;
	}
	
	#progress .back-to-top {
		margin:-40px 0 60px 80px;
	}

.entry {
	font: 14px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#aecbea;
	line-height:20px;
}

.entry .permalink, .entry .likes {
	margin:17px 0 0 12px; 
	text-decoration:none; 
	display:block; text-indent:-9999em; float:left;
}

.entry .permalink {
	width:26px; height:13px;
	background:url(images/icons/permalink.png) no-repeat bottom center;
}

.entry .likes {
	padding:0 17px 0 0;
	height:13px;
	background:url(images/icons/likes.png) no-repeat 100% 1px;
	font:bold 1.00em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#FFF;
	text-indent:0; 
	text-align:right;
	outline:0;
}

	9px{
		padding:0 17px 0 0; margin:15px 0 0 11px;
	}

	.voted {
		margin:17px 0 0 10px; display:inline-block;
		font: 12px Helvetica, "Helvetica Neue", Arial, sans-serif; color:#FFF; 
	}

/* Developer
/* -------------- */

.developer-green {
	margin:7px 0 0;
	width:173px; height:27px;
	background:url(images/sprite.png) no-repeat -1px -137px;
	display:block; text-indent:-99999em;
	float:right; outline:0;
}		
	.developer-green:hover {
		background-position:-175px -137px;
	}

	.developer-green:active {
		background-position:-349px -137px;
	}
	
.dev-tools .support-staff, .dev-tools .theme-modifiers {
	padding:239px 0 0;
	text-decoration:none; text-align:center; text-shadow:0 1px 1px rgba( 0, 0, 0, .20 );
	background:url(images/dev-tools.gif) no-repeat;
	float:left; outline:0;
}

.dev-tools .support-staff {
	margin:0 150px 0 0;
	width:300px;
	background-position:38px 0;
}

.dev-tools .theme-modifiers {
	width:290px;
	background-position:-451px 21px;
}
	
	.dev-tools .support-staff strong, .dev-tools .theme-modifiers strong {
		margin:0 0 10px;
		font:1.33em Nadia, Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; color:#FFF;
		display:block;
	}

	.dev-tools .support-staff small, .dev-tools .theme-modifiers small {
		font:0.72em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
		color:#aecce9;
		line-height:19px;
	}
	
.dev-tools .support-staff:hover {
	background-position:38px -482px;
}	

.dev-tools .theme-modifiers:hover {
	background-position:-411px -462px;
}

.dev-sub {
	color:#7a9abe; line-height:27px;
}

.dev-desc p {
	font:0.75em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#89aac7;
	line-height:21px;
}

/* Thanks
/* -------------- */

.follow-blue {
	margin:7px 0 0;
	width:180px; height:27px;
	background:url(images/sprite.png) no-repeat -1px -165px;
	display:block; text-indent:-99999em;
	float:right; outline:0;
}

	.follow-blue:hover {
		background-position:-182px -165px;
	}
	
	.follow-blue:active {
		background-position:-363px -165px;
	}

/* Footer
/* -------------- */

.footer-meta {
	font-size:0.78em; color:#a5bfd4;
}

	.footer-meta a {
		color:#5387b2; text-decoration:none;
	}
	
	.footer-meta a:hover {
		text-decoration:underline;
	}
	
	.footer-meta small {
		margin:1px 0 0;
		font:0.79em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif; color:#bdcddc;
		display:block;
	}
	
#footer .pby-wordpress, #footer .wpwh {
	padding:1px 125px 0 0;
	font:0.67em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#becedc;
	background:url(images/icons/wordpress.gif) no-repeat center right;
	text-decoration:none;
	float:left;
}

#footer .wpwh {
	margin:-3px 0 0; padding:6px 0 6px 30px;
	background:url(images/icons/wpwebhost.gif) no-repeat center left;
	float:right;
}

/* Modal
/* -------------- */

#modal-inside .top {
	text-align:center;
	text-shadow:0 1px 1px #FFF;
}

#modal-inside .offer {
	font:bold 0.61em Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif; color:#b68e46;
	text-transform:uppercase; letter-spacing:0.05em;
}

#modal-inside .footnotes {
	font-size:0.78em; font-style:normal; color:#a09b89;
}

#modal-inside #signup label, #modal-inside #subForm label {
	font:bold 0.72em Helvetica, "Helvetica Neue", Arial, sans-serif; color:#5c5545;
	text-shadow:0 0 1px #FFF;
	display:block;
}

#modal-inside #iktldy-iktldy, #modal-inside #cm-kruyb-kruyb, #modal-inside #name, #subscribe-sticky #iktldy-iktldy, #modal-inside #oghui-oghui, #subscribe-sticky #oghui-oghui {
	margin:9px 0 11px; padding:10px 14px 9px;
	width:91%;
	background:#FFF;
	border:1px solid #e1dccf; border-bottom:1px solid #cfc8b6;
	box-shadow:0 1px 0 rgba( 207, 202, 195, .25 ); -moz-box-shadow:0 1px 0 rgba( 207, 202, 195, .35 ); -webkit-box-shadow:0 1px 0 rgba( 207, 202, 195, .35 );
	font:0.75em Helvetica, Arial, sans-serif; color:#958a77;
}

	#subscribe-sticky #iktldy-iktldy, #subscribe-sticky #oghui-oghui {
		margin:17px 0 10px; padding:12px 14px 7px;
		width:363px;
		border:1px solid #dbe5ee; border-bottom:1px solid #c7d4dd;
		box-shadow:0 1px 0 #dde8ed; -moz-box-shadow:0 1px 0 #dde8ed; -webkit-box-shadow:0 1px 0 #dde8ed;
		color:#909aa5;
		display:block;
	}

#modal-inside #submit, #subscribe-sticky #submit {
	width:121px; height:27px;
	background:url(images/sprite.png) no-repeat 0 -193px;
	outline:0; border:0;
	cursor:pointer; outline:0;
}

#modal-inside #submit::-moz-focus-inner, 
#modal-inside #dev-submit::-moz-focus-inner,
#subscribe-sticky #submit::-moz-focus-inner { border: 0; }

	#modal-inside #submit:hover, #subscribe-sticky #submit:hover {
		background-position:-121px -193px;
	}
	
	#modal-inside #submit:active {
		background-position:-242px -193px;
	}
	
	#subscribe-sticky #submit:active {
		background-position:-364px -193px;
	}

#modal-inside #dev-submit {
	width:185px; height:27px;
	background:url(images/sprite.png) no-repeat 0 -221px;
	outline:0; border:0;
	cursor:pointer; outline:0;
}

	#modal-inside #dev-submit:hover {
		background-position:-185px -221px;
	}
	
	#modal-inside #dev-submit:active {
		background-position:-370px -221px;
	}

/* 02 - MAIN STRUCTURE
/* ----------------------------------------------*/

.container {
	margin:0 auto; padding:0;
	width:950px; height:auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
	padding-right: 75px;
}

.aligncenter {
	margin:0 auto;
	display:block;
}

/* Clearfix */

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}

/* 03 - WELCOME
/* ----------------------------------------------*/

#welcome {
	background:url(images/blue-noise.gif) repeat;
}
	
	#rainbow {
		background:url(images/rainbow.gif) repeat-x top center;
	}

/* Header
/* -------------- */

#header {
	padding:55px 0 0;
}

#header .container, #intro .container, #progress.container {
	width:790px;
}

	#navigation {
		margin:8px -29px 0 0; padding:0;
		list-style:none;
		float:right;
	}
	
		#navigation li {
			margin:0 19px 0 0;
			float:left;
		}
		
/* Intro
/* -------------- */	

#intro {
	margin:0 auto; padding:75px 0 24px;
	width:870px;
	background:url(images/dotted-blue.gif) repeat-x bottom center;
}

/* Progress
/* -------------- */

/* Update */
#preorder {
	margin:5px 0 0;
	float:right;
}

#singlemeta {
	margin:-6px -80px 0 0;
	font-size:1.17em;
}


#progress {
	padding:45px 0;
}

#progress-scroller {
	margin:23px 0 0;
	position:relative;
}

#progress-scroll.scrollable {
	width:790px; height:420px;
	position:relative; overflow:hidden;
}

	#progress-scroll.scrollable .items {
		width:20000em; height:420px;
		position:absolute; clear:both;
	}
	
		#progress-scroll.scrollable .items .item a {
			display:block;
		}
	
		#progress-scroll.scrollable .items .item, .preview img {
			margin:0 2px 0 0;
			border:1px solid #FFF;
			-webkit-box-shadow:0 1px 1px #0051a3; -moz-box-shadow:0 1px 1px #0051a3; box-shadow:0 1px 1px #0051a3;
			float:left;
		}
		
#progress-scroller .prevPage, #progress-scroller .nextPage {
	width:38px; height:52px;
	background:url(images/progress-nav.png) no-repeat;
	display:block; text-indent:-9999em;
	position:absolute; left:-70px; top:40%; outline:0;
}

#progress-scroller .nextPage {
	background-position:-38px 0;
	left:auto; right:-70px !important;
}

#progress-scroller .navi {
	margin:36px 0 0;
	text-align:center;
}

	#progress-scroller .navi a {
		margin:0 5px;
		width:11px; height:12px;
		background:url(images/progress-dots.png) no-repeat top center;
		display:inline-block; cursor:pointer;
	}
	
	#progress-scroller .navi a.active {
		background-position:bottom center;
	}
	
#subscribe-sticky {
	width:788px; height:407px;
	background:url(images/subscribe-sticky.gif) no-repeat;
	position:relative;
}
	
	#subscribe-sticky #signup {
		margin:86px 0 0 90px;
	}
	
	#subscribe-sticky .offer {
		position:absolute; bottom:32px; left:131px;
		height:30px;
	}

/* 04 - TWITTER
/* ----------------------------------------------*/

#twitter {
	background:#e9f2f7 url(images/grad-twitter.gif) repeat-x top center;
	border-top:1px solid #cde6fa; border-bottom:1px dashed #c4d6e8;
	overflow:hidden;
}

	#twitter #clouds {
		background:url(images/clouds.png) repeat;
	}

	#twitter #bar {
		width:100%; height:6px;
		background:#b0d4f1;
		background:rgba( 0, 86, 175, .1 );
		position:relative; z-index:10;
	}
	
	#twitter .container {
		padding:50px 47px 50px 130px;
		position:relative; z-index:100;
	}
	
		#twitter #gears-top {
			width:197px; height:339px;
			background:url(images/gears-top.png) no-repeat;
			position:absolute; top:-7px; right:-5px;
		}
		
		#twitter #gears-bot {
			width:208px; height:169px;
			background:url(images/gears-bot.png) no-repeat;
			position:absolute; bottom:-42px; left:-106px; z-index:1000;
		}
		
		#twitter #bundlebot {
			width:387px; height:463px;
			background:url(images/bundlebot.png) no-repeat;
			position:absolute; top:20px; right:-125px;
		}
		
		#talked-about {
			position:relative;
			width:830px;
		}
		
		#tweeted {
			position:relative;
			overflow:hidden;
			width:830px; height:1000px;
		}
		
			#tweeted .items {
				width:200000em;
				position:absolute;
			}
				
				#tweeted ul {
					margin:0 30px 50px 40px; padding:0;
					list-style:none;
					width:786px;
					float:left;
					/*background:url(images/white.png) repeat;
					border:1px solid #fbffff; border-bottom:0;
					-webkit-box-shadow:0 1px 2px #dcecf8; -moz-box-shadow:0 1px 2px #dcecf8; box-shadow:0 1px 2px #dcecf8;*/
				}
				
					#tweeted li {
						padding:45px 50px;
						width:292px; height:230px;
						/*border-bottom:1px solid #FFF; border-right:1px solid #FFF;*/
						border-top:1px solid transparent;
						float:left;
					}
					
					#tweeted li.odd {
						width:293px;
						border-right:0;
					}
					
					#tweeted li:hover, #tweeted li.hover {
						background:#fbfcfd;
						background:rgba( 255, 255, 255, .65 );
						-webkit-box-shadow:0 1px 3px rgba( 139, 182, 211, .20 ); -moz-box-shadow:0 1px 3px rgba( 139, 182, 211, .20 ); box-shadow:0 1px 3px rgba( 139, 182, 211, .20 );
						border-top:1px solid #FFF;
					}
					
						.avatar {
							display:block;
							position:relative;
						}
						
							.avatar img {
								width:73px; height:73px;
							}
						
							/*.avatar span {
								width:73px; height:73px;
								display:block;
								position:absolute; top:0; left:0;
							}*/
					
/* 04 - BLOG
/* ----------------------------------------------*/

#blog {
	padding:65px 0;
}

	#blog .container {
		width:790px;
	}
	
		#blog-scroller {
			margin:34px 0 0 -10px;
			position:relative;
		}

		#blog-scroll.scrollable {
			width:802px; height:178px;
			position:relative; overflow:hidden;
		}

			#blog-scroll.scrollable .items {
				width:20000em; height:178px;
				position:absolute; clear:both;
			}
			
				#blog-scroll.scrollable .item {
					margin:4px 9px;
					width:243px; height:156px;
					border:4px solid transparent;
					float:left; 
					position:relative;
				}
				
					.item .overlay {
						padding:20px;
						width:203px; height:116px;
						background:#FFF;
						background:rgba( 255, 255, 255, .93 );
						position:absolute; top:0; left:0;
						display:none;
					}
				
				#blog-scroll.scrollable .item.hover {
					border:4px solid #FFF;
					-webkit-box-shadow:0 0 5px #dfe6f0; -moz-box-shadow:0 0 5px #bbd4e8; box-shadow:0 0 5px #dfe6f0;
				}
				
					#blog-scroll.scrollable .item.hover .overlay {
						display:block;
					}
				
		#blog-scroller .prevPage, #blog-scroller .nextPage {
			width:38px; height:52px;
			background:url(images/sprite.png) no-repeat;
			display:block; text-indent:-9999em;
			position:absolute; left:-56px; top:60px; outline:0;
		}

		#blog-scroller .prevPage {
			background-position:-260px 0;
		}
		
			#blog-scroller .prevPage:hover {
				background-position:-345px 0;
			}
			
			#blog-scroller .prevPage:active {
				background-position:-428px 0;
			}

		#blog-scroller .nextPage {
			background-position:-43px 0;
			left:auto; right:-69px !important;
		}
		
			#blog-scroller .nextPage:hover {
				background-position:-385px 0;
			}
			
			#blog-scroller .nextPage:active {
				background-position:-469px 0;
			}

		#blog-scroller .navi {
			margin:39px 0 0;
			text-align:center;
		}

			#blog-scroller .navi a {
				margin:0 5px;
				width:11px; height:12px;
				background:url(images/blog-dots.png) no-repeat top center;
				display:inline-block; cursor:pointer;
			}
			
			#blog-scroller .navi a.active {
				background-position:bottom center;
			}
			
/* Archives
/* -------------- */

.post {
	margin:0 0 100px;
}

	.preview img {
		float:none;
	}
	
	.title {
		margin:0 0 -3px;
	}

	.entry {
		margin:47px 80px 0;
	}
	
/* Developer
/* --------------- */

.dev-tools {
	margin:117px 0 80px 37px;
}

#happy-devs {
	padding:115px 0 !important;
	width:790px;
}

	#dev-list {
		margin:106px 0 -90px; padding:0;
		list-style:none;
	}
	
		#dev-list li {
			margin:0 0 90px;
		}
		
			.dev-desc {
				padding:5px 0 0;
			}
	
			.dev-desc.lefted {
				margin:0 0 0 160px;
			}
			
			.dev-desc.righted {
				margin:0 160px 0 0;
			}
		
.sorted {
	margin:93px 0 40px;
}

	.sorted img {
		margin:0 auto; display:block;
	}

/* 04 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:51px auto 0; padding:0 0 100px;
	width:870px;
}

	#footer .top {
		margin:0 0 35px; padding:0 40px 29px;
		width:790px;
		border-bottom:1px dashed #e2ecf3;
	}

		.function {
			float:left;
		}
	
		.footer-meta {
			margin:0 0 0 165px;
		}
		
	#footer .bottom {
		padding:0 40px;
	}
	
/* 05 - MODAL
/* ----------------------------------------------*/

#ajax-loading {
	position:absolute; top:0; left:0;
	width:100%; height:100%;
	background:url(images/modal/overlay.png);
	z-index:1000;
	position:fixed;
}

	#ajax-loading {
		display:none;
	}
	
	.spinner {
		width:32px; height:32px;
		background:url(images/loading.gif) no-repeat;
		position:absolute; top:155px; left:49%;
	}

	#modal-window {
		margin:135px auto 0; padding:15px;
		width:453px;
		background:#21242c;
		background:rgba( 33, 36, 44, .10 );
		box-shadow:inset 0 0 3px rgba( 0, 0, 0, .10 ); -moz-box-shadow:inset 0 0 3px rgba( 0, 0, 0, .10 );
		-moz-border-radius:30px; -webkit-border-radius:30px;
		border-bottom:1px solid #FFF;
		border-bottom:1px solid rgba( 255, 255, 255, .5 );
		position:relative; z-index:1020;
	}
	
		#modalbot {
			margin:0 0 0 -349px;
			width:805px; height:433px;
			background:url(images/modal/modalbot.png) no-repeat;
			position:absolute; top:0; left:50%; z-index:1010;
		}
	
		#modal-inside {
			background:url(images/modal/light.gif) repeat;
			box-shadow:0 0 5px rgba( 24, 36, 48, .16 ); -moz-box-shadow:0 0 5px rgba( 24, 36, 48, .16 );
			-moz-border-radius:20px; -webkit-border-radius:20px;
			border:1px solid #fafaf8;
			position:relative;
		}
		
			#modal-inside .top {
				padding:65px 45px 55px;
			}
		
			#modal-inside .bottom {
				padding:30px 35px;
				background:url(images/modal/dark.gif) repeat;
				-moz-border-radius-bottomleft:19px; -moz-border-radius-bottomright:19px;
				-webkit-border-bottom-left-radius:19px; -webkit-border-bottom-right-radius:19px;
				border-top:1px solid #e7e2cb;
			}
			
			#modal-inside .close {
				width:32px; height:32px;
				background:url(images/modal/close.png) no-repeat;
				display:block; text-indent:-9999em;
				position:absolute; top:-7px; right:-6px;
				outline:0;
			}