/*
Theme Name: Akaiito 2013 Update
Author: Katherine McGonigle
Author URI: http://kaniwebdesign.com
Description: Custom template for Akaiito Translation.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
===========================
CONTENTS:

01 Globals
02 Typography
03 Main Sections
04 Fallbacks and IE-Specific
05 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Globals --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }

body 				{ background:#fff; padding: 0; margin: 0; }

::-moz-selection 	{ background:#b5cee7; }
::selection 		{ background:#b5cee7; }

.wrapper			{ margin: 0 auto; }
.with-sidebar 		{ width: 685px; }

.assistive-text 	{ display: none; }

p img				{ padding: 10px; }
.aligncenter		{ margin: 0 auto; display: block; }

/* Micro Clearfix - see: http://nicolasgallagher.com/micro-clearfix-hack/ */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ie7 .cf {
    *zoom: 1;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ font-family: 'Muli', 'Helvetica', Arial, sans-serif; font-size: 1em; }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-family: 'Copse', 'Rockwell', serif; font-weight: normal; }

a			{color: #ad1d20; text-decoration: none;}
a:hover 	{color: #cb191c; text-decoration: underline;}
a:visited	{color: #66090b;}


/* ---------------------------------------------------------------------------------------------------------- 
03 Main Sections --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Header ---------------------*/
header {background: url(images/headerbg.jpg) repeat-x 0 0; width: 100%; overflow: hidden;}
.header-wrapper {height: 140px; width: 100%; max-width: 1140px; margin: 0 0 0 -691px; background: url(images/navbg.png) no-repeat center 84px; padding: 0 0 0 50px; left: 50%;}

.logo {display: block; width: 180px; height: 97px; padding: 6px 0 0 155px; float: left; position: relative;}

/* Nav ---------------------*/
nav {display: block; float: right; margin: 40px 0 0 0;}

nav h3 {display: none;}

nav ul {padding: 0; margin: 0; list-style: none; max-width: 750px;}
nav ul li {display: block; float: left; padding: 0 38px; position: relative;}
nav ul ul li {display: none;}

nav a					{height: 50px; display: block; background: url(images/nav-subtitles.png) no-repeat center 24px;}
nav a, nav a:visited	{color: #35373c;}
nav a:hover				{color: #ad1d20; text-decoration: none;}

#menu-item-948 a		{background-position: center -33px;}
#menu-item-953 a		{background-position: center -100px;}
#menu-item-954 a		{background-position: center -175px;}
#menu-item-955 a		{background-position: center -241px; min-width: 50px;}

/* Main ---------------------*/
#main {width: 960px;}

/* ---------------------------------------------------------------------------------------------------------- 
04 Fallbacks & IE-Specific ----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------------------------- 
05 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}



/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}