/*   
Theme Name: AM HTML5 Theme
Description: Alison's HTML5 Reset-based Wordpress theme.
Author: CJ
Version: 0.5
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com

	
-------------------------------------------------------------------------------*/
/* RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									


article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
/*img, object, embed {max-width: 100%;}*/

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}


/*  --------------------------------
	COLORS
	Nav Gray	#848484	
	Text Gray	#505050
	Orange	#F5883B
	
	--------------------------------*/


/* 	-------------------------------------------------------------------------------
	ELEMENTS
	-------------------------------------------------------------------------------*/

html {
	margin-top: 0 !important;
}

html body {
	margin-top: 0 !important;
}



body {
	background-color: #dcddde;
	min-height: 800px;
	font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
	font-size: 14px;
	line-height: 21px;
/*	margin-top: 30px;*/
}

/*  MAIN COLOR  */
body, select, input, textarea {color: #848484;}

ul {list-style: none;}

a { 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
	color: #848484;
	text-decoration: none;
}

a:hover { color: #F5883B; }

/*stupid IE8 border*/
a img { border: 0; }

/* Accessible focus treatment */
a:hover, a:active {outline: none;}

em {
	font-family: 'CallunaItalic',serif;
	font-style: normal;
}

/* 	-------------------------------------------------------------------------------
 	STRUCTURE
	-------------------------------------------------------------------------------*/

#page-wrap {
	width: 927px; 
	min-height: 600px;
	position: relative;
	margin: 0 auto 50px;
	padding: 0 73px 25px 50px;
	background-color: #ffffff;
}

/* 	----------------------------------------
	HEADER
	----------------------------------------  */

header {
	float: left;
	position: relative;
	width: 100%;
	height: 216px;
}

#AM_logo {
	position: absolute;
	top: 50px;
	text-indent: -9999px;
	width: 193px;
	height: 26px;
	background-image: url('_/img/AM_logo.png');
}

#AM_logo a {
	display: block;
	width: 193px;
	height: 26px;
}

#AM_logo h1 {
	text-indent: -11000px;
	line-height: 0;
}

.description {
	text-indent: -11000px;
	line-height: 0;
}


/* 	----------------------------------------
	NAVS
	----------------------------------------  */

	#main-nav {
	    float: left;
	    width: 100%;
	    height: 92px;
	    color: #A5A5A5;
	}

	#main-nav #menu-main-navigation-menu {
		float: right;
		margin-top: 55px;
	}

	#main-nav #menu-main-navigation-menu li {
		display: inline-block;
		float: right;
		padding-left: 40px;
		font-size: 14px;
	}

	#main-nav #menu-main-navigation-menu a {
		color: #999999;
	}

	#main-nav #menu-main-navigation-menu a:hover {
		color: #F5883B;
	}
	
	.current_page_item a {
		color: #F5883B !important;
	}
	

	#second-nav {
		float: left;
		width: 100%;
		margin-bottom: 14px;
		line-height: 22px;
/*		background-color: pink;*/
	}

	#second-nav ul {
		margin-left: 35px;
		width: 300px;
	}

	#second-nav a {
		color: #999999;
	}

	#second-nav a:hover, #second-nav a.active {
		color: #F5883B;
	}

/* 	----------------------------------------------------
	CUSTOM POST TYPES - ACTIVE NAVS UGLY AWFUL NUMERIC HACKS
	----------------------------------------------------  */
	/*AWFUL Work section menu highlight hack*/
	.parent-pageid-93 #menu-item-99 a {
		color: #F5883B !important;
	}

	/*AWFUL About section menu highlight hack*/
	.parent-pageid-69 #menu-item-174 a {
		color: #F5883B !important;
	}




	/* MAIN NAV - Archive Posts */
	.post-type-archive #main-nav #menu-item-99 a {
		color: #F5883B;
	}

	/* MAIN NAV - Single Posts */
	.single-paintings-sculpture #main-nav #menu-item-99 a, 
	.single-log-series #main-nav #menu-item-99 a, 
	.single-paradise-revisited #main-nav #menu-item-99 a,
	.single-site-specific #main-nav #menu-item-99 a, 
	.single-projects-commissions #main-nav #menu-item-99 a 
	{ color: #F5883B; }

	/* SECONDARY NAV - Single Posts */
	.single-paintings-sculpture #second-nav #menu-item-103 a, .post-type-archive-paintings-sculpture #second-nav #menu-item-103 a 
	{ color: #F5883B; }
	.single-log-series #second-nav #menu-item-104 a, .post-type-archive-log-series #second-nav #menu-item-104 a 
	{ color: #F5883B; }
	.single-paradise-revisited #second-nav #menu-item-105 a, .post-type-archive-paradise-revisited #second-nav #menu-item-105 a 
	{ color: #F5883B; }
	.single-site-specific #second-nav #menu-item-106 a, .post-type-archive-site-specific #second-nav #menu-item-106 a 
	{ color: #F5883B; }
	.single-projects-commissions #second-nav #menu-item-107 a, .post-type-archive-projects-commissions #second-nav #menu-item-107 a 
	{ color: #F5883B; }

	/* News menu */
	.single-format-standard	#main-nav #menu-item-100 a 
	{ color: #F5883B; }

	/* CHECK FOR NEED */
	/* Form Confirmation page (under Contact) */
	.page-template-page-form-mail-php #main-nav #menu-item-101 a 
	{ color: #F5883B; }
/* 	----------------------------------------
	FOOTER
	----------------------------------------  */

	#page-wrap > footer {
		color: #cacaca;
		position: absolute;
		left: 0;
		bottom: 0;
	    font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
	    font-size: 10px;
	    height: 60px;
	    padding-top: 25px;
	    text-align: right;
	    width: 100%;
	}

	#page-wrap > footer small {
		position: absolute;
		right: 73px;
		top: 40px;
		font-size: 100%;
	}


/* 	----------------------------------------
	MAIN CONTENT
	----------------------------------------  */

#main-content {
    float: right;
    position: relative;
    min-height: 570px;
    width: 630px;
    margin-bottom: 40px;
}

#main-content p {
	font-family: "CallunaRegular", Times, serif;
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 20px;
    color: #505050;
}

#main-content p.byline {
    font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
	font-size: 10px;
	text-align: right;
	color: #cacaca;
}

#main-content h4, #main-content h5, #main-content h6 {
    font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
	color: #F5883B;
	font-weight: normal;
}

#main-content h5 {
	margin-top: 15px;
	margin-bottom: 5px;
}

#main-content h5:first-child {
	margin-top: 0;
}


/* 	----------------------------------------
	ABOUT SECTION TABLES
	----------------------------------------  */

#main-content table {
	font-family: "CallunaRegular", Times, serif;
	font-size: 14px;
	line-height: 20px;
    color: #505050;
}

#main-content tr {
}

#main-content td {
	padding-bottom: 7px;
}

#main-content table td a {
	text-decoration: underline;
	color: #000000;
	font-family: "CallunaSmBdRegular", Times, serif;
}

#main-content table td a:hover {
	color: #F5883B;
}

#main-content table td span:hover {
	color: #F5883B;
}

#main-content table td span.pdf {
	font-family: "CallunaSansRegular", Times, serif;
    font-size: 11px;
    margin-right: 5px;
    color: #000000;
}

#main-content table th.table-date-single {
	width: 45px;
}

#main-content table th.table-event-single {
	width: 570px;
}

#main-content table th.table-date-double {
	width: 75px;
}

#main-content table th.table-event-double {
	width: 530px;
}


/* 	----------------------------------------
	HOME PAGE
	----------------------------------------  */
	
/*.home #main-content {
	min-height: 570px;
}*/
	
#main-log {
	position: absolute;
	right: 80px;
	bottom: 50px;
}

#special-announcement {
	position: absolute;
	left: 50px;
	top: 200px;
	font-family: 'CallunaRegular',Times, serif;
	font-size: 16px;
}

#special-announcement #custombold {
	font-family: 'CallunaSmBdRegular',Times, serif;
}

#special-announcement p {
	font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
}


/*  CHECK FOR NEED
#main-log img {
	max-width: none;
} */

/* 	----------------------------------------
	SINGLE POST (NEWS BLOG) PAGE
	----------------------------------------  */

	.type-post h2 {
		font-family: 'CallunaRegular',Times, serif;
		font-size: 18px;
		line-height: 24px;
		font-weight: normal;
		margin-bottom: 5px;
		margin-top: 75px;
		color: black;
	}

	.type-post h2 a {
		color: black;
	}

	.type-post h2 a:hover {
		color: #F5883B;
	}

	#main-content article:first-child h2 {
		margin-top: 0;
	}

	.type-post .meta {
		margin-bottom: 15px;
	}

	#main-content .type-post p {
		line-height: 22px;
		margin-bottom: 10px;
	}

	article.type-post {
		margin-bottom: 25px;
	}

	.meta {
		margin-bottom: 5px;
	}



/* 	----------------------------------------
	CONTACT
	----------------------------------------  */

/*  PLUG-IN FORM CLASS  */
.wpcf7 {
	float: left;
	width: 600px;
}

#main-content .wpcf7 p {
	font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

#main-content .wpcf7 p.tightMargin {
	margin-bottom: 20px;
}

#main-content .wpcf7 input[type="text"], #main-content .wpcf7 input[type="email"] {
	margin-bottom: 0;
}

#main-content .wpcf7 textarea {
	font-family: Arial,sans-serif;
	font-size: 13px;
	color: #848484;
	width: 289px;
}

#main-content span.wpcf7-form-control-wrap {
    display: inline-block;
    margin-top: 5px;
}

.wpcf7 input[type="submit"] {
    margin-top: 15px;
}

#contact-form h2 {
	font-family: 'CallunaRegular',Times, serif;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 6px;
	color: black;
}

#contact-form label {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	width: 100%;
	font-family: 'CallunaRegular',Times,serif;
    color: #505050;
}

#contact-form input[type="text"], #contact-form input[type="email"] {
	font-family: Arial,sans-serif;
	font-size: 13px;
	color: #848484;

	float: left;
	width: 300px;
	display: block;
	margin-bottom: 15px;
	padding-left: 5px;
	height: 20px;
}

#contact-form textarea {
	width: 400px;
	padding: 10px;
	font-family: 'CallunaRegular',Times,serif;
	color: #505050;
}

#contact-form input[type="submit"] {
	background-color: #ececea;
	color: #000000;
	font-size: 12px;
	padding: 5px 35px;
	width: 100px;
	-moz-appearance: none;
    -moz-box-sizing: none;
	border: 1px solid #cccccc;
	font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
}

#contact-form input[type="submit"]:hover {
	background-color: #dddddd;
}

#contact-form #submit-button {
	margin-top: 15px;
	margin-bottom: 20px;
}

#gallery-links {
	float: left;
	width: 600px;
	margin-top: 35px;
	margin-bottom: 20px;
}

#gallery-links #gallery {
	float: left;
}

#gallery-links #gallery > h5, #gallery-links #external-links > h5 {
	margin-top: 0;
	margin-bottom: 9px;
}

#gallery-links a {
	color: #505050;
	text-decoration: underline;
}

#gallery-links a:hover {
	color: #F5883B;
	text-decoration: underline;
}

#external-links {
    float: left;
    margin-left: 100px;
    width: 280px;
}


#external-links p {
    line-height: 21px;
    margin-top: 6px;
    margin-bottom: 0;
}

#editEntry {
	margin-top: 20px;
}

.post-edit-link {
	display: block;
	color: red;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'CallunaSansRegular',Verdana,Arial,sans-serif;
	margin-top: 10px;
}

.post-edit-link:hover {
	color: #000000;
}


/* WORDPRESS-SPECIFIC
-------------------------------------------------------------------------------*/

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/*  KNOB TWIDDLING  
-------------------------------------------------------------------------------*/

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}


del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/*::-moz-selection{background: #ffb000; color: #fff; text-shadow: none;}
::selection {background: #ffb000; color: #fff; text-shadow: none;} 
*/

/*	j.mp/webkit-tap-highlight-color */
/*a:link {-webkit-tap-highlight-color: #ffb000;} */

/*ins {background-color: #ffb000; color: #000; text-decoration: none;}
mark {background-color: #ffb000; color: #000; font-style: italic; font-weight: bold;}
*/


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}



/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
}

@media all and (orientation: portrait) {
}

@media all and (orientation: landscape) {
}



/*  HACKS  
-------------------------------------------------------------------------------*/

/* CLEAR FLOATS */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* SPACING HACKS */
.marginTopZero {
	margin-top: 0 !important;
}