/*
Theme Name: Museum Without Walls Theme
Description: Theme for Fairmout Park Art Association Museum Without Walls site.
Version: 1.0
Author: Greg van Brug
*/


/* DEFAULT STYLES */
/* HTML BASICS */
body { font-size: 62.5%; font-family: Verdana, Helvetica, Arial, sans-serif; }




/* BASIC STUCTURE */
#wrapper, #footer-wrap { margin: 0 auto; width: 950px; padding: 0 10px; }

#header { padding: 5px; }
#header .left { width: 715px; }
#header .right { margin: 0 20px 0 0; }
#header form { margin: 10px 0 15px 0; float: right; }
#header form input#s { padding: 5px; }
#header form input#searchsubmit { border: 0px; float: right; margin: 0 0 0 5px; }
#header h2 { float: right; margin: -53px 0 0 0; }

#nav { }
#content { padding: 20px 0 0 0; text-align: left; background-image: url('images/content_top.jpg'); background-position: top left; background-repeat: no-repeat; }

.post { float: left; }
.post hr { display: block; }

.postmetadata { clear: both; }

.navigation { clear: both; padding: 10px 0; height: 20px; width: 600px; }

#footer { clear: both; margin: 10px 0; }
#footer .left { width: 500px; }
#footer p#pew, #footer p#wtp { float: left; margin: 0 10px 0 0; }



/* LINKS */
a { text-decoration: none; }
#content a:hover { border-bottom: 1px solid #000; }
#content p.edit a:hover { border-bottom: 0px; }
#footer a { color: #000; font-weight: bold; border-bottom: 1px solid; }
#footer a:hover { color: #888 }
#footer a#contact { position: relative; top: 9px; right: 15px; }
#footer .left { position: relative; top: 7px; }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { }

a.pdf { background-image: url('images/pdf_icon.jpg'); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }


/* EDIT LINK */

p.edit a { padding: 5px; margin: 10px 0; background-color: #FF0; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #000; display: inline-block; }
p.edit a:hover { text-decoration: none; background-color: #0F0; }




/* TYPOGRAPHY */
h1, h2, h3, h4 { margin: 0 0 10px 0; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; }

h1 { font-size: 4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }

small { font-size: 1em; line-height: 1.5em; }
b, strong { font-weight: bold; }
em { font-style: italic; }

p, .entry li, #content dl { font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; }
#sidebar li { font-size: 1em; line-height: 1.5em; }

h2.pagetitle { font-size: 1.6em; }
#sidebar h2 { font-size: 1.2em; }

#headerimg .description { font-size: 1.2em; }
#footer p { font-size: 1.0em; }



.entry p a:visited { }

.sticky { padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }






/* COMMENTS */
.commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; }
.commentlist li ul li { font-size: 1em; }

.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; padding: 2px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

#commentform p { }

.commentmetadata { font-weight: normal; }





/* SIDEBAR */
#sidebar li { font-size: 1.1em; }

#sidebar { width: 230px; }
.page #content #sidebar h2 { width: 200px; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { }

#sidebar form { margin: 5px 15px; }
#sidebar form input { border: 1px solid #BBB; }
#sidebar form input#searchsubmit { border: 1px solid #888; }




/* IMAGE DEFAULTS */
p img { padding: 0; max-width: 100% !important; }

img.centered { display: block; }
img.alignright { }
img.alignleft { }

.alignright { float: right; }
.alignleft { float: left; }





/* LISTS */

html>body .entry ul, html>body .entry ol { list-style: none; margin: 10px; }
html>body .entry li { }

.entry ol { }
.entry ol li { }

.postmetadata ul, .postmetadata li { }

#sidebar ul, #sidebar ul ol { }
#sidebar ul li { }
#sidebar ul p, #sidebar ul select { }
#sidebar ul ul, #sidebar ul ol { }
#sidebar ul ul ul, #sidebar ul ol { }
#sidebar ul ul li, #sidebar ul ol li { }

ol li, #sidebar ul ol li { }







/* SEARCH FORM */
select { width: 130px; }

#searchform { }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }



/* EMAIL FORM */
#footer form { width: 305px; float: right; padding: 4px 0 0 0; }
#footer form label { font-weight: bold; color: #333; }
#footer form input { border: 1px solid #888; padding: 2px; }
#footer form input.submit { padding: 1px; }



/* SUBMIT YOUR STORY FORM */
.page-id-21 .entry form { margin: 20px 0; padding: 20px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.page-id-21 .entry label { display: block; float: left; font-weight: bold; width: 275px; text-align: right; margin: 0 10px 0 0; }
.page-id-21 .entry label.story{ text-align: left; }

span.wpcf7-not-valid-tip-no-ajax { font-size: 10px; }


/* COMMENTS */
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }

.alt { margin: 0; padding: 10px; }

.commentlist { text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }

.commentlist p { margin: 10px 5px 10px 0; }
.children { }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; }

.commentmetadata { margin: 0; display: block; }



/* CONTACT FORM 7 STYLES */
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 10px;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #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 #ff0000;
}

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

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

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

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

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

img.ajax-loader {
	border: none;
	vertical-align: middle;
}




/* MISC STYLES */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

blockquote { }
blockquote cite { }

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

.hidden { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
.screen-reader-text { position: absolute; left: -1000em; }

hr { display: none; }

.navigation { }





/* Captions */
.aligncenter, div.aligncenter { display: block; margin: 0 auto; }

.wp-caption { }
.wp-caption img { }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; }

.alignright p.wp-caption-text {
	margin-left: 10px;
}

.alignleft p.wp-caption-text {
	margin-right: 10px;
}



/* WP-TYPOGRAPHY */
sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
/*
.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
}
*/
.caps {
	font-size: 90%;
}
.dquo {
	margin-left:-.40em;
}
.quo {
	margin-left:-.2em;
}
/* because formatting .numbers should consider your current font settings, we will not style it here */