/*
Theme Name: Kihon Games
Theme URI: http://www.kihongames.com.com
Description:
Version: 1.0
Author: Brian Ashley
Author URI: http://bigfuzz.com
Tags: custom

This theme was designed and built by Brian Ashley,
whose site you will find at http://www.bigfuzz.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* CSS Reset ***************************/
/* CSS reset is from Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */


/**Start Reset*********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**End Reset*********************************/


/* Site Structure & Generic Items ***************************/
#header, #main-content, #footer { width: 100%; float: left; clear: both; }
.wrapper { width: 960px; margin: 0px auto; padding: 0px; position: relative; }
body { font-family: Arial, sans-serif; font-size: 62.5%; background: #cacacc; }
a { color: #aa1115; }
a:hover { text-decoration: none; color: #971316; }

/* Header */
#header { height: 116px; border-bottom: 4px solid #720003; background: url('images/bkg-header.jpg') repeat-x left top #aa1115; }
#header .wrapper { padding: 0px 40px; width: 880px; }
#branding { text-indent: -9999px; position: absolute; left: 40px; top: 10px; }
#branding a { background: url('images/logo-kihon-header.png') no-repeat left top; display: block; width: 118px; height: 94px; }

#header .menu-primary-container { position: absolute; left: 252px; top: 55px; width: 600px; }
#header .menu-primary-container li { margin-right: 15px; float: left; text-transform: uppercase; text-shadow: 2px 2px 2px #000; font-size: 1.6em; border: 1px solid #870d0f; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#header .menu-primary-container a { color: #fff; text-decoration: none; padding: 0px 11px; line-height: 28px; height: 28px; float: left; background: #990d10; }
#header .menu-primary-container a:hover, #header .menu-primary-container li.current-menu-item a, #header .menu-primary-container li.current-post-parent a, #header .menu-primary-container li.current-post-ancestor a, #header .menu-primary-container li.current-category-ancestor a, #header .menu-primary-container li.current-page-ancestor a { background: #7e0003; }

/* Main Content */
#main-content { background: #fff; padding-bottom: 30px; }
#main-content .wrapper { width: 880px; padding: 30px 40px; }
.home #main-content .wrapper { width: 960px; padding: 0px 0px; }


/*Standard Post/Page Styles************************/
#main-content h1 { color: #93191c; font-size: 2.2em; padding-bottom: 10px; line-height: 120%; font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
#main-content h2 { color: #3a3a3c; font-size: 2.0em; padding-bottom: 10px; line-height: 120%; font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
#main-content h3 { color: #93191c; font-size: 1.8em; padding-bottom: 10px; line-height: 120%; font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
#main-content h4 { color: #3a3a3c; font-size: 1.6em; padding-bottom: 10px; line-height: 120%; font-weight: bold; }
#main-content h5 { color: #93191c; font-size: 1.4em; padding-bottom: 10px; line-height: 120%; font-weight: bold; }
#main-content h6 { color: #3a3a3c; font-size: 1.4em; padding-bottom: 10px; line-height: 120%; font-weight: bold; }
#main-content p { line-height: 150%; padding: 0px 0px 10px; color: #000; font-size: 1.2em; }
#main-content p.meta { color: #3a3a3c; font-style: italic; margin-bottom: 15px; border-bottom: 1px dotted #ccc; }
#main-content ul { list-style-type: square; padding: 0px 20px 10px; }
#main-content ol { list-style-type: decimal; padding: 0px 20px 10px; }
#main-content li { line-height: 150%; color: #000; font-size: 1.2em; }
#main-content td { line-height: 150%; color: #000; font-size: 1.2em; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display:block; margin:0 auto; }
img.alignright { margin: 0px 0px 10px 10px; }
img.alignleft { margin: 0px 10px 10px 0px; }
img.aligncenter { margin: 10px 0px 10px 0px; }

/* Sidebar */
#with-sidebar { float: left; width: 670px; }
#sidebar-container { float: left; width: 170px; padding-right: 40px; border-bottom: 1px solid #fff; }
#main-content ul#subnavigation { list-style-type: none; padding: 0px 0px 10px 0px; margin-bottom: 15px; font-size: 1.2em; text-transform: uppercase; font-family: "Arial Rounded MT Bold", Arial, sans-serif; border-bottom: 1px dotted #ccc; }
#main-content #subnavigation li { padding-bottom: 4px; }
#subnavigation a { color: #757d92; text-decoration: none; }
#subnavigation a:hover { color: #000; }
#subnavigation .current_page_item a { color: #000; }

#main-content ul#sidebar { list-style-type: none; padding: 0px 0px 0px 0px; }
#main-content ul#sidebar ul { padding: 0px 0px 15px 20px; margin-bottom: 15px; border-bottom: 1px dotted #ccc; }
#main-content h2.widgettitle { font-size: 1.4em; }

/* Page Navigation */
.page-navigation { float: left; width: 100%; padding: 10px 0px; margin: 10px 0px; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; font-family: "Arial Rounded MT Bold", Arial, sans-serif; text-transform: uppercase; font-size: 1.2em; }
.page-navigation a { color: #757d92; text-decoration: none; }
.page-navigation a:hover { color: #000; }
.previous { float: left; width: 50%; }
.next { float: right; width: 50%; text-align: right; }

/* Home */

#twitter-feed { padding: 22px 0px 22px 0px; margin: 0px 40px 35px 40px; width: 880px; border-bottom: 2px dotted #757d92; background: url('images/bkg-twitter.jpg') no-repeat 6px center; min-height: 11px; }
#twitter_update_list { font-size: 2.2em; color: #454545; line-height: 120%; padding: 0px 25px 0px 115px; font-family: "Arial Rounded MT Bold", Arial, sans-serif; font-weight: normal; }
#twitter_update_list a { color: #93191c; text-decoration: none; }
#twitter_update_list a:hover { text-decoration: underline; }
#twitter_update_list h2 { display: none; }
#main-content #twitter_update_list li { list-style-type: none; color: #454545; line-height: 120%; font-size: 1.1em; }

#callouts { padding: 0px 40px 0px 40px; width: 880px; color: #454545; }
#callouts a { text-indent: -9999px; background: url('images/icon-more.jpg') no-repeat left center; height: 19px; color: #fff; text-decoration: none; padding: 3px 0px 3px 19px; }
#main-content #callouts h3 { font-size: 2.4em;  font-family: "Arial Rounded MT Bold", Arial, sans-serif; padding-bottom: 10px; line-height: 100%; color: #454545; }
#main-content #callouts p { line-height: 180%; font-size: 1.6em; }
#callouts div { float: left; width: 265px; padding: 0px 20px 35px; }
#callouts div:first-child { padding-left: 0px; }
#callouts div:last-child { padding-right: 0px; }

/* Games - About Us */
.games, .people  { float: left; width: 100%; border-bottom: 1px dotted #888686; padding-bottom: 15px; margin-bottom: 15px; }
.game-image, .people-image { float: left; width: 100px; padding-right: 20px; }
.game-content, .people-content { float: left; width: 550px; }

/* Blog */
.post { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #888686; }
.comment-form-comment label { display: block; font-weight: bold; font-size: 1.2em; }

/* Footer  */
#footer { font-family: "Arial Rounded MT Bold", Arial, sans-serif; }
#footer .wrapper { padding: 30px 40px 60px 200px; width: 680px; background: url('images/logo-kihon-footer.jpg') no-repeat 40px 30px; }
#footer #copyright { color: #454545; font-size: 1.1em; padding-bottom: 20px; float: left; margin-right: 20px; }
#footer #tagline { font-family: Arial, sans-serif; color: #888686; font-size: 2.6em; clear: both; }

#footer .menu-primary-container { font-size: 1.4em; padding-bottom: 12px; }
#footer .menu-primary-container li { padding-right: 12px; margin-right: 5px; display: inline; background: url('images/bullet-footer-primary.jpg') no-repeat right center; }
#footer .menu-primary-container li:last-child { background: none; }
#footer .menu-primary-container a { color: #454545; }
#footer .menu-primary-container a:hover { text-decoration: none; }

#footer .menu-secondary-container { font-size: 1.1em; padding-bottom: 12px; float: left; }
#footer .menu-secondary-container li { display: inline; padding-right: 10px; margin-right: 3px; background: url('images/bullet-footer-secondary.jpg') no-repeat right center; }
#footer .menu-secondary-container li:last-child { background: none; }
#footer .menu-secondary-container a { color: #454545; }
#footer .menu-secondary-container a:hover { text-decoration: none; }



/* Forms */
/* Form Styles */
form dl {
	padding: 10px 0px;
	font-weight: bold;
	color: #fad814;
	float: left;
	width: 100%;
}
form dt { float: left; width: 20%; font-weight: bold; color: #002d55; text-align: right; padding-bottom: 12px; clear: left; }
form dd { float: left; width: 75%; margin-left: 5%; padding-bottom: 12px; }
span.required { font-weight: bold; font-size: 110%; color: red; }
dd.button-submit .submit {
	border: 0;
	background: url('http://www.kihongames.com/wp-content/themes/Bigfuzz-Starter/images/button-submit.png') no-repeat left top;
	padding: 0px 0px 7px;
	width: 135px;
	height: 34px;
	text-align: center;
	cursor: pointer;
	font-size: 1.0em;
	text-transform: uppercase; color: #fff; font-weight: bold; line-height: 34px; text-shadow: 2px 2px 2px #000;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	padding: 5px 10px;
	width: 400px;
	float: left;
	text-align: center;
	background-color: #fff;
	font-weight: bold;
}

div.wpcf7-mail-sent-ok {
	/*border: 2px solid #398f14;*/
	color: #398f14;
}

div.wpcf7-mail-sent-ng {
	/*border: 2px solid #ff0000;*/
}

div.wpcf7-spam-blocked {
	/*border: 2px solid #ffa500;*/
}

div.wpcf7-validation-errors {
	/*border: 2px solid #f7e700;*/
	color: red;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	/*position: absolute;
	top: -5px;
	left: 10;
	z-index: 100;
	font-size: 1.0em;
	width: 200px;
	padding: 2px;
	color: #f47920;*/
	display: none;
}
.textarea span.wpcf7-not-valid-tip {
	bottom: 100px;
	top: auto;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}
span.required { font-size: 120%; font-weight: bold; padding-right: 4px; }