/*
Theme Name: Acceleration
Description: New theme for WPQuickInstall.com to "accelerate" it. :P
Author: Ryan McCue
Author URI: http://ryanmccue.info/
Color Scheme:
	
*/

/*  *********************
      IMPORT
    ********************* */

@import url('reset.css');

/*  *********************
      GRID SYSTEM
    ********************* */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 {
	float: left;
	margin: 0 1%;
}

	.col-1 { width: 10.5%; }
	
	.col-2 { width: 23%; }
	
	.col-3 { width: 35.5% }
	
	.col-4 { width: 48%; }
	
	.col-5 { width: 60.5% }
	
	.col-6 { width: 73%; }
	
	.col-7 { width: 85.5%; }
	
	.col-8 { width: 98%; }

.clearer {
	clear: both;
}

hr.clearer {
	height: 1px;
	background: #eee;
	color: #eee;
	border: 1px solid;
}

/*  *********************
      MAIN LAYOUT
    ********************* */
#header, #content, #footer {
	width: 960px;
	margin: 0 auto;
}

/*  *********************
      HEADER
    ********************* */
#header {
	text-align: center;
	padding: 1em 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 1em;
}

	#header h1 {
		background: url("images/wordpressqi.png") no-repeat center center;
		line-height: 70px;
		height: 70px;
		width: 352px;
		margin: 0 auto;
	}
	
		#header h1 span {
			text-indent: -9999px;
			display: block;
		}
	
	#header ul {
		list-style-type: none;
		margin: 0 auto;
		display: block;
	}
	
		#header li {
			display: inline;
			margin-left: 5px;
			line-height: 70px;
		}
		
		#header li a {
			display: inline-block;
			padding: 0 20px;
			margin: 20px 0;
			background: #0080ff;
			/*background: rgb(0, 128, 255);*/
			/* Image hack to compensate for Opera's lack of border-radius support */
			background: rgba(0, 128, 255, 0.7) url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiNGRkYiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48cmVjdCBmaWxsPSIjMDA4MEZGIiByeD0iNyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg==);
			
			text-decoration: none;
			color: #fff;
			font: 12px/30px Verdana, "Lucida Grande", sans-serif;

			/*width: 85px;
			height: 30px;*/

			border-radius: 7px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			-khtml-border-radius: 7px;
			/*behavior:url(http://wpquickinstall.com/wordpress/wp-content/themes/acceleration/border-radius-ie8.htc);*/
		}
		
		#header li a:hover {
			background-color: rgb(0, 128, 255);
			background-color: rgba(0, 128, 255, 0.8);
		}
		
		#header li.current_page_item a {
			background-color: rgb(0, 128, 255);
			background-color: rgba(0, 128, 255, 0.9);
			cursor: default;
		}

#content {
	width: 800px;
}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		font: bold 20px Helvetica, Arial, "Lucida Grande", sans-serif;
		padding: 0 0 3px 0;
		margin: 25px 0 8px 0;
		color: #005AB2;
	
	}
	#content h1, #content h2 { font-size: 16px; }
	#content h3 { font-size: 14px; }
	#content h4 { font-size: 12px; }
	#content h5 { font-size: 10px; }
	#content h6 { font-size: 8px; }
	
	#content .first {
		margin-top: 0;
	}
	
	#content p, #content li, #content dt, #content dd {
		font: 11px/1.8em Verdana, "Lucida Grande", sans-serif;
		margin: 0 0 10px 0;
	}
	
		#content p.postmeta {
			color: #999;
			font-size: 10px;
			margin-top: -7px;
			margin-bottom: 17px;
		}
		
		#content dt {
			font-weight: bold;
		}
		
		#content dd {
			padding-left: 20px;
		}
	
	#content ul, #content ol {
		padding-left: 20px;
		margin: 5px 0 8px;
	}
	
	#content ul { list-style-type: disc; }
		#content ul ul { list-style-type: circle; }
			#content ul ul ul { list-style-type: square; }
	
	#content ol {
		list-style-type: decimal;
	}
	
	#content code, #content pre {
		font-family: Consolas, monospace;
	}
		#content pre { font-size: 0.9em; }
	
	#content a {
		color: #0080FF;
		text-decoration: none;
	}
	
	#content em {
		font-style: italic;
	}
	
	#content strong {
		font-weight: bold;
	}
	
	#content object, #content embed {
		margin: 1em auto;
		text-align: center;
	}

/*  *********************
      SIDEBAR
    ********************* */
#sidebar ul {
	border-left: 1px solid #eee;
}

	#sidebar .widget {
		list-style-type: none;
	}
	
		#sidebar .widget ul { list-style-type: disc; border-left: 0; }
			#sidebar .widget ul ul { list-style-type: circle; }
				#sidebar .widget ul ul ul { list-style-type: square; }

/*  *********************
      INTRO
    ********************* */
#intro {
	text-align: center;
}

/*  *********************
      DOWNLOAD
    ********************* */
p.download_box {
	margin: 20px 0;
}

	.download_box a.download, #content a.download {
		width: 80%;
		display: block;
		background: rgb(0, 128, 255);
		/* Image hack to compensate for Opera's lack of border-radius support */
		background: rgba(0, 128, 255, 0.9) url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiNGRkYiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48cmVjdCBmaWxsPSIjMDA4MEZGIiByeD0iMjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48L3N2Zz4=);
		color: #fff;
		margin: 0 auto;
		text-align: center;
		padding: 30px 30px 20px;
		font-size: 22px;
		
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		/*behavior:url(http://wpquickinstall.com/wordpress/wp-content/themes/acceleration/border-radius-ie8.htc);*/
	}
	
		.download_box a.download:hover, #content a.download:hover {
			background-color: rgb(0, 128, 255);
		}
		
		.download_box a.download span {
			margin: 5px 0;
		}
	
	.download_box span {
		color: #aaa;
		text-align: center;
		font-size: 10px;
		display: block;
	}

/*  *********************
      FOOTER
    ********************* */
#footer {
	color: #aaa;
	text-align: center;
	font: 10px Verdana, "Lucida Grande", sans-serif;
	margin: 1em auto;
	border-top: 1px solid #eee;
	padding: 1em 0;
}

	#footer a {
		color: #21759B;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #D54E21;
	}
	
	#footer ins {
		color: green;
		text-decoration: none;
	}