/*
Theme Name: Easel
Contributors: Frumph
Theme URI: http://frumph.net/easel
Description: A theme with many different roles and capabilities, a framework-like theme for more components to be added with it, includes a base theme design that is easily cleared for child themes, with post type addons, 2column and 3column layouts and different visual schemes.  Easel also handles custom post type rewrite rules for archives and feeds automatically without any additional plugin.
Author: Philip M. Hofer (Frumph)
Author URI: http://frumph.net
Tags: Dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready 
Version: 2.0.7
License: GNU General Public License, v3 (or newer)
License URI: http://www.opensource.org/licenses/gpl-3.0.html
*/

/* STANDARD TAGS */

html {
	overflow-y: scroll;
}

body {
	margin: 0;
	background: #EFEFEF;
	font-family: Helvetica;
	font-size: 17px;
	color: #000;
}

a {
	text-decoration: none;
}

a:link {
	font-weight: bold;
	margin-left: 10px;
	color: #0000ff;
}
	
	a:visited {
	}
	
	a:hover {
		//color: #b00;
	}

	a:focus {
		outline: none;
	}

	a img {
		border: none;
	}

p {
	margin: 7px;
	padding: 3px 0;
}

p.attachment {
	text-align: center;
}

img {
	max-width: 98%;
	padding: 0;
	margin-left: -3px;
	margin-right: 7px;
}

small {
	font-size: 12px;
}

a {
	color: #0000FF;
}

hr {
	height: 1px;
	color: #000;
	background-color: #000;
	border: 0px;
}

blockquote {
	margin: 5px;
	border: 1px dashed #ccc;
	padding: 0;
	font-size: 11px;
	font-weight: 400;
}

blockquote p:first-letter {
	float: left;
	font-size: 16px;
	font-weight: 700; 
	margin: 3px 2px 0;
}

blockquote p:first-line {
	font-variant: small-caps; 
}

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #000;
}

form {
	margin: 0;
}

input, textarea {
	font-family: 'Arial' , sans-serif;
	font-size: 13px;
}

/* WP Aligns */

.aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
}

.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left;
}

.wp-caption {
	text-align: center;
	padding: 3px;
	background: #C0C0C0;
}

.type-showcase .wp-caption {
	margin: 0 5px;
}

.wp-caption-text {
	text-align: center;
}

/* HEADINGS */

h1, h1 a {
	// margin-left: 7px;
	padding: 3px;
	font-size: 48px;
	line-height: 44px;
	letter-spacing: -3px;
}

h2, h2 a {
	// padding: 0 0 2px 0;
	margin-left: 7px;
	// font-size: 16px;
	line-height: 16px;
	letter-spacing: 0px;
}

h3, h3 a {
	padding: 0;
	margin: 5px 0;
	font-size: 20px;
	clear: both;
	letter-spacing: -1px;
}

h4, h4 a {
	padding: 0;
	margin: 0;
	font-size: 15px;
	clear: both;
}

/* Page */

#page-wrap {}

#page {
	width: 980px;
	margin: 0 auto;
}

body.layout-2cl #page, body.layout-2cr #page{
	width: 980px;
}

/* Header */

#header {
	display: block;
}

	#header .description {
		margin-left: 60px;
	}

/* THE MENU */

#menubar-wrapper {
	width: 459px;
	clear: both;
	display: block;
	margin: 0 auto;
	background: #111;
}

.ie #menubar-wrapper {
	zoom: 1; /* IE fix, allows for variable height menu  */
}

.menunav {
	float: right;
	text-align: center;
}

.menunav a:link, .menunav a:visited {
	color: #fff;
}

.menunav a:hover {
	color: #fcff00;
}

.menunav-search {
	float: left;
	line-height: 26px;
	height: 20px;
	margin-right: 3px;
}

.menunav-rss {
	line-height: 26px;
	padding: 0 5px;
	float: left;
	display: inline-block;
	overflow: hidden;
	color: #fff;
	margin: 0 3px;
}

.menunav-rss:hover {
	background: #414141;
	color: #fff;
}

.menunav-prev, .menunav-next {
	display: inline-block;
	float: left;
}

.menunav-prev a, .menunav-next a {
	width: 25px;
	line-height: 23px;
	font-size: 24px;
	padding-bottom: 3px;
	font-weight: bold;
	display: inline-block;
	overflow: hidden;
	color: #fff;
}

.menunav-prev a:hover {
	background: #414141;
}

.menunav-next a:hover {
	background: #414141;
}

.menu {
/*	font: bold 12px Arial; */
/*	background: #414141; background of menu bar (default state)*/
	float: left;
}

.menu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.menu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.menu ul li a {
	display: block;
	padding: 5px 7px;
	text-decoration: none;
}

.menu ul li ul li a {
	text-align: left;
	background: #555; /* background of menu items (default state)*/
}

* html .menu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.menu ul li a:link, .menu ul li a:visited, .menunav a:link, .menunav a:visited  {
	color: #fff;
}

.menu ul li ul li a:link, .menu ul li ul li a:visited {
	color: #fff;
	font-size: 9px;
}

.menu ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #414141;
	color: #fff;
}

.menu ul li a:hover {
	color: #fff;
	background: #414141; /*background of menu items during onmouseover (hover state)*/
}

/*1st sub level menu*/
.menu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a {
	font: bold 9px Arial;
	width: 140px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
}

.menu .current_page_item a {
	color: #f00;
}

/* Holly Hack for IE \*/
* html .menu {
	height: 1%;
}
/*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.arrowclass {
	position: absolute;
	top: 2;
	margin-left: 2px;
	font-size: 11px;
}


/* Content-Wrapper */

#content-wrapper {
	padding: 0px;
}

#content {
	background: #FFF;
	padding: 10px;
}

/* Subcontent-Wrapper */

#subcontent-wrapper {
	background: #FFF;
}

#column {
	float: left;
	padding: 0px;
}

body.wide #column {
	float: none;
}

.narrowcolumn {
	width: 710px;
}

body.layout-2cl .narrowcolumn, body.layout-2cr .narrowcolumn {
	width: 760px;
}

body.wide .narrowcolumn, body.signup .narrowcolumn {
	width: auto;
}

/* this handles the GN style layouts that need to contain that section */
.section {
	width: 780px;
}

/* Posts Area  */

.post { 
	margin-bottom: 10px; 
}

.sticky {}

.entry {
	padding: 5px;
}

.post-extras {
	clear: both;
}

a.post-edit-link { 
	padding: 5px; 
	text-align: right;
}