/*
Theme Name: MustardTree
Theme URI: http://www.mustardtreearts.com
Author: Zach Fonville
*/


/* @UTILITY //  */

body 								{margin:0; background: #f1f1f1 url(/wp-content/themes/mustard/images/header-bg.jpg) repeat-x top left;}
ol, ul, li							{list-style: none; margin:0; padding:0;}
img									{border-style: none;}

.left								{float: left;}
.right								{float: right;}
.hidden								{display:none;}
.noBorder							{border:none !IMPORTANT;}
.noPadding							{padding:1px 0 0 0 !important;}
.important							{font-size: 1.3em; padding:.5em 0 .5em 0; line-height:1.4em;}
.hash								{background: url(/wp-content/themes/mustard/images/diagonal-noise.png) repeat; border-radius:3px; -moz-border-radius:3px; border:1px solid #ddd; }


.clear 								{zoom: 1 /*ie6/7*/;}
.clear:after						{ /*rest*/ content: “”; height: 0; clear: both; display: block;}

body								{font-family: "pt-sans",sans-serif; font-size: 100%; color:#3f3f3f;line-height: 150%;}
h1, h2, h3, h4, h5					{font-family: "pt-sans-narrow", "pt-sans", sans-serif; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0; padding:.5em 0 .3em; line-height: 1em;}
h1									{font-size: 6em;}
h2									{font-size: 5em;}
h3									{font-size: 4em;}
h4									{font-size: 3em;}
h5									{font-size: 2em;}


a									{color: #7faf27; text-decoration: none; outline:none;}
a:hover, a:active, a:focus			{color: #566d2c;}


/* @STRUCTURE // */

#pageWrap							{width:960px; margin:0 auto;}
#content							{margin-top:7em; width:960px;}

#contentMain						{float: left; width: 485px; padding:10px 30px 30px;}
.contentSide						{float: right; width:390px; padding:10px;}

#homeMain							{float:left; width:245px; padding: 5px; }
#homeSide							{float:right; width:652px;}

#submitMain							{float: right; width: 525px; padding: 10px 0;}
#submitSide							{float: left; width:290px; padding:10px 30px 30px;}



/* @NAVBAR // */

#nav								{height:87px;}
#logo								{background: url(/wp-content/themes/mustard/images/logo.jpg) no-repeat top center; margin-top:10px; height:100%; width: 196px; float:left;}
#logo a								{display:block; height:100%; width:100%; text-indent: -9999px;}

.menu								{width:560px; float: right; font-size: 105%;}
.menu li							{float:left; width:112px;} 
.menu li, .menu a					{height: 100%; display: block; text-align: center;}
.menu a								{padding:2em 0 2.5em;}
.menu a:hover 						{border-bottom: 1px solid #ddd; background: #f7f7f7;}
.current-menu-item,
.current-menu-parent				{border-bottom: 1px solid #fff; background: url(/wp-content/themes/mustard/images/diagonal-noise.png) repeat; }
.current-menu-parent a,
.current-menu-item a				{color:#3f3f3f;}

.sub-menu							{display:none;}

/* @HOME // */
#homeSide a							{display:block;}
#homeSide a img						{padding:10px;}


/* @NEWS // */

.calendar							{clear:both;margin-bottom:.5em;}
.calendar h5						{width:30%; font-size: 1.1em; float:left; margin-top:.7em;}
.calendar p							{width:65%; float:right;}


/* @SUBMIT // */

.gfield								{margin-top:20px; display:block;}


/* @ABOUT // */

.map								{margin: 1.5em .75em .75em; border:2px solid #fff;}
.members							{padding-top:.8em;}


/* @GALLERY // */

#galleryImages a					{float: left; display:block; width:40%; margin:2% 1% 0%; text-align: center;padding:5% 4%;} 
#homeSide a:hover,
#galleryImages a:hover				{background:#f6f6f6 !important;}


/* @ARCHIVE // */

.archivePost, .newGallery			{ width:880px; padding:40px 40px 100px; position: relative; display:inline-block; overflow:hidden; font-size:.8em; border-top:1px solid #ddd;}
.archivePost img					{ float: left; margin-top: -155px; border: solid 10px #fff; width: 400px; }
.archivePost h5.postTitle			{ float: right; padding: 0; width: 420px; border:none;}
.archivePost p.metaData				{ width:400px; float: right; display: block; clear: right; width: 230px; margin-right: 190px; font-weight: bold; font-size: 1em; height: 50px;  }
.archivePost span					{ float: right; clear: right; width: 390px;  font-size: 1em; line-height: 1.4em; width: 425px;}
.artType, .artSize, .artValue		{ font-size: 1em; float: right; height: 50px;  }
.artType							{ margin-right: 190px; margin-top: -6px; clear: right; width: 230px; }
.artSize 							{ margin-top: -116px; width: 180px; clear: right; }
.artValue							{ margin-top: -64px; width: 180px; }


/* @gallery-new // */

.submission_thumbnail				{ border: solid 10px #fff; display:inline-block; overflow:hidden; }
.newGalleryContent					{width:450px; float:right; margin:10px 0;}
.newGalleryContent h5				{border-bottom:none; padding:1% 0 3%;}
.artist_name,
.artist_division,
.art_price,
.art_award,
.art_medium,
.framed_size						{width:45%; float:left; display:block; margin:5px 5px 15px;}
.inspiration_statement				{display:block; float:left; clear:both; margin:5px;}
		

.wp-pagenavi							{text-align:center;}
.wp-pagenavi a,
.wp-pagenavi span.extend,
.wp-pagenavi span.current				{margin-top:20px; padding: 5px 10px; text-decoration: none;}
.wp-pagenavi span.extend,
.wp-pagenavi span.pages 				{display:none;}
.wp-pagenavi span.current 				{font-style: italic; font-weight: bold;background:#f0f0f0;}
.wp-pagenavi a:hover					{background:#fff;}


/* @FOOTER // */									  

#footer 							{margin:7em 0;clear:both; padding:13em 1em;}
#contactUs							{position:relative;} 
#field_3_3							{position:absolute; top:20px; left:510px; width:55%;}
#field_3_2							{position:absolute; top:85px; left:0px; width:58%;}
#field_3_1							{position:absolute; top:20px; left:0px; width:58%;}
#gform_submit_button_3				{position:absolute; top:230px; right:15px;}
#field_3_3 textarea,
#field_3_2 input,
#field_3_1 input,
input,
textarea							{background:#fafafa; border:1px solid #ddd; padding:5px !important; border-radius:3px; -moz-border-radius:3px;}
#contactUs .gfield_label			{width:80px;}