/*  
Theme Name: Mindquirk
Theme URI: http://mindquirk.com/
Description: A theme I made myself.
Version: 1.0
Author: Wil Gieseler
Author URI: http://wil.gieseler.org/
*/

/* @override http://mindquirk.com/wp-content/themes/mq_theme/style.css */

/* @group Pages Custom CSS */

.download_now {
	padding-top: 20px;
	text-align: center;
}

.download_now a {
	font-size: 26px;
}

.columns {
	width: 100%;
	padding-top: 20px;
}

.left_column {
	float: left;
	width: 470px;
}

.right_column {
	float: left;
	text-align: center;
	margin-left: 20px;
	width: 150px;
	background-color: #a4bd8e;
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.right_column a:link,
.right_column a:visited, 
.right_column a:hover {
	color: black;
}

/* @end */

/* @group Layout */

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
		background: #77a23b none repeat-x;

	/*background: #63c40c none repeat-x;*/
}

#envelope {
	width: 810px;
	color: black;
	margin: 20px auto 0;
	text-align: right;
}

#footer {
	clear: both;
	color: #3e7c07;
	font-size: 12px;
	padding: 6px;
}

#footer .umbrellafish {
	float: left;
	text-transform: lowercase;
}

#footer a {
	color: #2c5805;
}

#header {
	

/*background-color: #a33012;*/
	color: black;
	padding: 0;
	text-align: left;
}

#header img {
	margin-top: 5px;
}

#navbar {
	padding: 10px;
	background-color: #f4d02b;
	text-align: left;
	font-size: 18px;
	width: 790px;
	display: block;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	text-shadow: rgba(0,0,0,0.15) 0 1px 1px;
	background-image: url(yellow_candy.png);
	border-bottom: 1px solid #e2b600;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navbar ul li {
	display: inline;
}

#navbar a:link, #navbar a:visited {
	color: #000;
	text-decoration: none;
	margin-right: 20px;
	font-weight: normal;
	font-style: normal;
}

#navbar .apps {
	float: right;
}

#navbar .main {
	float: left;
}

#navbar ul.apps a {
	margin-right: 0;
	margin-left: 20px;
}

a:link, a:visited {
	color: #003ac9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #dd4118;
}

#navbar a:hover {
	color: #dd4118;
}

a img {
/* Why does Firefox need this? Does anyone like those blue borders? No. The answer is no. */
	border: none;
}

#main_content {
	color: black;
	font-size: 18px;
	padding: 10px;
	text-align: left;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: #ecffdb url(candy_shadow.png) repeat-x;
}

#content_rectangle {
	-webkit-box-shadow: rgba(0,0,0,0.2) 2px 2px 4px;
	-webkit-border-radius: 5px;
}

#main_content hr {
	background-color: #afbda2;
	color: #afbda2;
	height: 1px;
	border: none;
	width: 70%;
}

/* @end */

/* @group Articles */

h1 {
	margin: 0;
	padding: 5px 5px 2px;
	font-size: 26px;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 1.2em;
}

h1 a:link,
h1 a:hover,
h1 a:visited {
	color: black;
}

h2 {
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	color: #4a4a4a;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #63c40c;
}

h1.bordered {
	border-bottom: 1px solid #63c40c;
}

.headline {
	height: 20px;
	width: 597px;
	text-align: center;
	padding: 8px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background-color: #3d3d3d;
	color: white;
}

acronym {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

.article {
	width: 82%;
	font-size: 16px;
	text-align: justify;
	line-height: 1.35em;
	margin: 1em auto 3em;
}

blockquote {
	border-left: 1px solid #777;
	border-right: 0px solid #777;
	padding: 0 .75em 0 1em;
	margin: 5px 3em;
}

strong strong {
	font-weight: normal;
	font-size: .91em;
	letter-spacing: .2em;
	text-transform: uppercase;
}

em em {
	font-weight: normal;
	font-style: normal;
}

.comment_link {
	float: right;
	text-transform: lowercase;
}

/* @end */

/* @group 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%;
}

/* @end */

/* @group Home Thing */


#home_apps_container {
	height: 210px;
}

#home_apps {
	background: url(/mq_images/home/bar.png) no-repeat 0 75px;
	width: 629px;
	margin: 20px auto;
	text-align: center;
}

#home_apps img {
	padding: 0 25px;
	position: relative;
	top: -25px;
}

#home_apps .flagship img {
	padding: 0 25px;
	position:relative;
	top: 0;
}

#tooltip {
	width: 629px;
	text-align: center;
	text-transform: lowercase;
	font-size: 24px;
	margin: 0 auto 30px;
}

#tooltip .default {
	color: #6f7867;
}

#tooltip .description {
	display: block;
	color: #6f7867;
	margin-top: 5px;
	font-size: 18px;
}



/* @end */

/* @group Comments */

.comment {
	margin-bottom: 25px;
	overflow: hidden;
	line-height: 1.3em;
}

.comment p {
	padding: 0;
	margin: .75em 0;
}

.comment p:first-child {
	margin-top: 0;
}

.comment p:last-child {
	margin-bottom: 0;
}

.comment_person {
	float: left;
	width: 120px;
	text-align: center;
	font: normal normal 14px/1.1em Georgia, "Times New Roman", Times, serif;
}

.comment_person img {
	margin-bottom: 3px;
}

.comment_person a {
	color: black;
}

.comment_body {
	float: left;
	width: 550px;
}

.comment_text {
	background: #c4e2a9;
	padding: 10px;
	font-size: 16px;
}

.alt .comment_text {
	background-color: #d1e2c2;
}

.author .comment_text {
	background: #ffeea4 url(images/author_comment.png) no-repeat;
}

.commentsblock {
	width: 700px;
	margin: 0 auto;
}

.comment_footer {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 2px;
	text-align: right;
	color: #adbba0;
}

.comment_footer a {
	color: #adbba0;
}

.comment_footer strong {
	letter-spacing: normal;
	text-transform: none;
	font-size: 18px;
}

.comments_title {
	text-align: center;
	font-style: italic;
	text-transform: lowercase;
	color: #304218;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.comments_seperator {
	text-align: center;
	font-size: 30px;
	color: #304218;
	margin-bottom: 28px;
}

#leave_comment {
	margin-bottom: 20px;
	text-align: center;
}

#leave_comment a:link,
#leave_comment a:visited {
	background-color: #63c609;
	color: black;
	padding: 5px 15px;
	border: 1px outset green;
	-webkit-border-radius: 15px;
	font-size: 16px;
	color: white;
	text-shadow: #005400 1px 1px 1px;
}

#leave_comment a:hover {
	text-decoration: none;
}

#leave_comment a:active {
	border-style: inset;
	background-color: #008000;
}

/* @group Form */

#commentform {
	width: 80%;
	margin: 0 auto;
}

#commentform #comment {
	width: 100%;
}

#commentform input {
	font-size: 18px;
	border: 1px solid #919191;
	padding: 5px;
	font-family: "Helvetica Neue", "Helvetica", "Verdana", "Arial", sans-serif;
	width: 50%;
}

#commentform input[type="submit"] {
	font-size: 18px;
	border: none;
	padding: 5px;
	font-family: "Helvetica Neue", "Helvetica", "Verdana", "Arial", sans-serif;
	width: 50%;
	background-color: #2146d8;
	color: white;
}

#commentform input[type="submit"]:active {
	background-color: #ffce27;
	color: white;
}

#commentform textarea {
	font-size: 18px;
	border: 1px solid #adbba1;
	padding: 5px;
	font-family: "Helvetica Neue", "Helvetica", "Verdana", "Arial", sans-serif;
	width: 50%;
}

#commentform label {
	font-size: 16px;
	display: block;
	text-transform: lowercase;
	color: black;
}

#commentform p {
	font-size: 14px;
	color: #525252;
}

/* @end */

/* @end */

.navigation {
	text-align: center;
	margin-bottom: 15px;
}

/* @group Error */

#not_found {
	width: 50%;
	margin: 40px auto 60px;
	background-color: #cbdcbc;
	padding: 20px;
}

/* @end */

#bottom_ads {
	text-align: center;
}