/*
Theme Name: ARTifex
Theme URI: http://theartifexstudio.com
Description: A custom Wordpress theme created for The ARTifex Studio -- a studio art school and gallery in Troy, NC. Built from the starkers-html5 stripped down template.
Version: 0.1
Author: Miles Dickson
Tags: ARTifex
*/

@import "style/css/reset.css";
@import "style/css/layout.css";
@font-face {
font-family: DirtyHeadline;
font-weight: 100;
src: url("images/dh.ttf");
}

/* COLORS
	Light #F2F0E4
	Dark #5D5B4F
	Dark-Red #AE280F
	Light-Red #D43515
	Borders #A09D89
*/





/* TYPOGRAPHY
-------------------------------------------------------- */

p 	{ font-family: Georgia; font-size: 14px; color: #5d5b4f; line-height: 21px; margin: 0; font-style: normal; font-weight: 500; }

h1 {
	font-family: Georgia;
	font-size: 23px;
	color: #93210c;
	margin: 5px 0 10px 0;
	font-style: normal;
	font-weight: normal;
	}

	h1:hover { color: none; }

h2  {
	font-family: Georgia;
	font-size: 18px;
	color: #5d5b4f;
	opacity: .9;
	font-weight: normal;
	padding: 0px 0 px 0;
	}

	.smaller { font-size:14px; }
	.center	{ text-align: center; }
	.inset	{ text-shadow: rgba(0,0,0,0.2) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.4) 0 1px, rgba(0,0,0,0.4) -1px -1px; }
	.post-title	{ font-size: 20px; color: #AE280F; margin: 7px 0 5px 0px; }
	.inline	{ display: inline; }
	.section-title { font-size: 18px; color: #93210c; text-transform: uppercase; display: inline; }

h3 {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	color: #5D5B4F;
}




/* LINKS
-------------------------------------------------------- */

a:link,
a:visited {
	text-decoration: none;
	color: #D43515;
	padding: 2px;
	border-radius: 3px;
	-moz-transition: all .2s;
	}
a:hover	{ background: #D43515; color: #fff;   }
a:active { position: relative; top: 1px; }





/* LISTS
-------------------------------------------------------- */
ul, li { list-style: none; }








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

body {
	margin: 0;
	padding: 0;
	background-repeat: repeat;
	background-image: url(images/bg-paper-light.jpg);
	background-color: #f9f9f9;
	overflow-x: hidden;
	}

#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	}

#header	{
	height: 440px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	position: relative;
	z-index: 400;
	}

	#logo {
		background: url(images/logo.png);
		height: 93px;
		width: 171px;
		position: absolute;
		z-index: 400;
		float: left;
		margin: 0px 0 0 30px;
		-moz-box-shadow: 2px 2px 10px #111;
		-webkit-box-shadow: 2px 2px 10px #111;
		box-shadow: 2px 2px 10px #111;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		}

		#logo a	{ border: none; }
		#logo a:hover { background: none; }

	#brick-header {
		width: 100%;
		height: 440px;
		position: absolute;
		z-index: 1;
		background: url(images/bg-brick.jpg);
		-moz-box-shadow: inset 0 0 5px #333;
		box-shadow: inset 0 0 5px #333;
		}

	#banner	{
		background: url(images/banner4.jpg);
		height: 440px;
		width: 940px;
		margin: 0 auto;
		position: absolute;
		z-index: 2;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		-moz-box-shadow: 0 0 10px #111;
		-webkit-box-shadow: 0 0 10px #111;
		box-shadow: 0 0 10px #111;
		}

		#banner.About 		{ background-position: 0px -1860px; }
		#banner.Classes	    { background-position: 0px -460px; }
		#banner.Events 		{ background-position: 0px -2320px; }
		#banner.Gallery 	{ background-position: 0px -2780px; }
		#banner.Submissions { background-position: 0px -1400px; }
		#banner.Contact 	{ background-position: 0px -2320px; }

#toppaper {
	width: 990px;
	height: 200px;
	background: url(images/toppaper-new.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: -15px;
	top: 440px;
	z-index: 400;
	}


/* MENU */

#menuNav 		{ position: absolute; overflow: hidden; height: 42px; width: 940px;   z-index: 9999; top: -10px; }
#menuNav li 	{ display: inline; float: right;  }
#menuNav li a 	{ background: url(images/menu2.png); display: block; height: 42px; text-indent: -9999px; background-position-y: -90px; -moz-transition: all 0s; }

#menuNav li a#about 	   { width: 86px; background-position: 0px -90px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
#menuNav li a#blog		   { width: 68px; background-position: -596px -90px; }
#menuNav li a#classes	   { width: 91px; background-position: -86px -90px; }
#menuNav li a#events 	   { width: 85px; background-position: -177px -90px; }
#menuNav li a#gallery 	   { width: 97px; background-position: -262px -90px; }
#menuNav li a#submissions  { width: 129px; background-position: -359px -90px; }
#menuNav li a#store 	   { width: 75px; background-position: -669px -90px; }
#menuNav li a#contact      { width: 104px; background-position: -488px -90px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;}

#menuNav li a:hover#about		{ border: none; background-position: 0px -45px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
#menuNav li a:hover#blog		{ border: none; background-position: -596px -45px; }
#menuNav li a:hover#classes 	{ border: none; background-position: -86px -45px; }
#menuNav li a:hover#events 		{ border: none; background-position: -177px -45px; }
#menuNav li a:hover#gallery 	{ border: none; background-position: -262px -45px; }
#menuNav li a:hover#submissions { border: none; background-position: -359px -45px; }
#menuNav li a:hover#store 		{ border: none; background-position: -669px -45px; }
#menuNav li a:hover#contact 	{ border: none; background-position: -488px -45px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

body#About #menuNav li a#about 				{ background-position: 0px 0px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
body#Blog #menuNav li a#blog 				{ background-position: -596px 0px; }
body#Classes #menuNav li a#classes 			{ background-position: -86px 0px; }
body#Events #menuNav li a#events			{ background-position: -177px 0px; }
body#Gallery #menuNav li a#gallery 			{ background-position: -262px 0px; }
body#Submissions #menuNav li a#submissions 	{ background-position: -359px 0px; }
body#Store #menuNav li a#store 				{ background-position: -669px 0px; }
body#Contact #menuNav li a#contact 			{ background-position: -488px 0px; }








/* CONTENT
-------------------------------------------------------- */
#main {
	padding: 0px 5px 5px 5px;
	margin: 0 auto;
	position: relative;
	z-index: 500;
	min-height: 150px;
	}


#content-wide	{ padding-top: 0px; }
#content 		{ width: 600px; float: left; padding: 15px; }
#content p		{ margin: 0 0 0 10px; }
#leftcontent	{ width: 639px; float: left; padding-top: 20px; border-right: 1px solid #a09d89; }
#rightcontent	{ width: 330px; float: right; padding-top: 20px; }

.col	{ min-height: 150px; width: 285px; float: left; padding: 0; margin: 0; }
.col p	{ line-height: 19px; margin: 0; padding: 0px 12px 10px 15px; }
.col h1	{ margin-bottom: 5px; }
.col li { list-style-type: none; list-style-position: inside; margin: 0 0 0 20px; }
.col a	{ line-height: 10pt; }
.column { width: 400px; margin: 0 0 0 15px; }

.tag {
	background: url(images/tag.jpg);
	background-repeat: no-repeat;
	width: 311px;
	height: 176px;
	margin: 0px;
	float: left;
	position: relative;
	}

	.tag h1 { padding-top: 20px; margin-left: 70px; }
	.tag h2 { font-size: 14px; color: #5D5B4F; line-height: 16px; padding: 0 8px 0 0; margin: 0 0 0 80px; }
	.tag li { list-style-position: outside;  list-style-type: none; margin: 0 0 7px 80px; }
	.tag .date { font-size: 14px; text-indent: 7px;}
	.tag .indent { margin-left: 85px; padding-right: 20px; }

#description { margin: 0 0 0 30px; }
#description p { margin: 0 0 15px 0; }
#description h2 { margin: 0 0 5px 0; color: #AE280F }

#gallery-tag {}
#current-show { background: url(images/ernest.jpg); width: 791px; height: 595px; -moz-transform: scale(.5); position: relative; top: 0px; left: 0px; z-index: 99999; }

#main-content {
	background: white;
	padding: 20px 20px 40px 20px;
	position: relative;
	left: 0px;
	width: 555px;
	-webkit-box-shadow: 0 0 7px #ddd;
	-moz-box-shadow: 0 0 7px #ddd;
	box-shadow: 0 0 7px #ddd;
}

	#main-content:before {
		content: '';
		background: url(images/post-top.png) no-repeat;
		position: absolute;
		margin: -50px 0 0 -26px;
		height: 100px;
		width: 630px;
	}

	#main-content:after {
		content: "";
		background: url(images/post-bottom.png) no-repeat;
		position: absolute;
		margin: 40px 0 0 -28px;
		height: 100px;
		width: 630px;
	}


	#main-content h2 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; line-height: 12pt; color: #5D5B4F; letter-spacing: -.5px; }
	#main-content h3 { font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #ccc; text-indent: 1px; margin-top: 20px; line-height: 7px; }

#sidebar {
	background: #ccc;
	background: rgba(142,127,100,.1);
	border-bottom: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 2px #aaa;
	-moz-box-shadow: inset 0 0 2px #aaa;
	box-shadow: inset 0 0 2px #aaa;
	padding: 20px;
	width: 240px;
}

	#sidebar h1, h2, h3 { margin: 0px 0 10px 0; }
	#sidebar li { list-style: disc; list color: #5D5B4F; margin: 0 0 5px 20px; }
	#sidebar ul {
		margin: 10px 0 20px 0;
		position: relative;
	}
	#sidebar img {
		border: none;
		-webkit-box-shadow: 0 0 5px #999;
		-moz-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999;
	}


#listing {
	background: rgba(142,127,100,.1);
	border-bottom: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 2px #aaa;
	-moz-box-shadow: inset 0 0 2px #aaa;
	box-shadow: inset 0 0 2px #aaa;
	padding: 20px;
	width: 240px;
}

	#listing h1, h2, h3 { }
	#listing li { list-style: circle; color: #5D5B4F; margin: 0 0 5px 15px; }



/* MISC */

.div 				{ width: 96%; height: 1px; border-bottom: 1px solid #a09d89; margin: 5px auto 20px auto; opacity: .6; }
.div-vert 			{ height: 160px; float: left; border-left: 1px dashed #999; margin: 20px 0 0 0; opacity: .6; }
.border-accent 		{ width: 100%; height: 0px; background: url(images/bg-paper-light.jpg); clear: both; position: absolute; z-index: 1000; -moz-box-shadow: -5px -5px 5px -3px #111; top: 440px; }
.div-spacer	{ height:30px; }




/* POSTS */

.post		{ width: 100%; min-height: 320px; }

.event-post { width: 100%; margin: 0 0 50px 0; }
.event-post a:hover {text-decoration: none; border: none; background: none; color: #AE280F; }

.event-post-description { margin-top: 55px; clear: both; }
.event-post-details { position: relative; left: 65px; }
.event-thumbnail { width: 360px; float: right; position: absolute; top: -15px; left: 600px; }

.artist-description { width: 350px; float: left; }
.artist-thumbnail { position: relative; margin: 0; }
.event-thumbnail a { margin: 0; padding: 0; }

.datebox {
	width:55px;
	height:120px;
	background-color:#AE280F;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	}

	.datebox .day 		{ font-family:DirtyHeadline; font-size:32pt; color:#eeebe6; text-align:center; position: relative; top: 10px; text-shadow:  0px 1px 1px #c87b5d, -1px -1px 2px #333; }
	.datebox .date-div 	{ height:2px; width:45px; background-color:#efefef; position: relative; top: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
	.datebox .month		{ font-family:DirtyHeadline; font-size:20pt; position: relative; top: 13px; color:#eeebe6; text-align:center; text-transform:uppercase; text-shadow: 0px 1px 1px #c87b5d, -1px -1px 2px #333; }
	.datebox .year		{ font-family:DirtyHeadline; font-size:16pt; color:#eeebe6; text-align:center; position: relative; top: 17px; position: relative; margin:0; clear:both; text-shadow: 0px 1px 1px #c87b5d, -1px -1px 2px #333; }

#page-description { width: 100%; border-bottom: 1px dashed #A09D99; }
.post-title-box { width: 100%; height: 20px; background: none; left: 0; margin: 0 0 20px 0; }
img.postcard { border: 4px solid #fff; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; -o-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; width: 350px; height: 250px; }

#current-shows {
}

#current-shows li {
	margin: 0 0 7px 0;
	font-size: 14pt;
}

#current-shows h2 {
	display: inline;
}

#current-shows h3 {
	font-size: 12pt;
	font-style: oblique;
	display: inline;
}










/* FOOTER
-------------------------------------------------------- */

#footer			{ width: 100%; padding: 40px 15px 12px 15px; color: #f2f0e4; float: left; margin: 0 auto; position: relative; z-index: 1; }
	#footer h1 		{ margin: 10px 0 10px -10px; color: inherit; }
	#footer ul 		{ list-style: none; line-height: 19px; }
	#footer a 		{ text-decoration: none; color: inherit; }
	#footer a:hover { border-bottom: 1px dotted; }
	#footer li		{ font-size: 11pt; }
	#footer p 		{ line-height: 19px; color: inherit; }
	#footer .box 	{ height: 240px; width: 276px; float: left; margin: 0; padding: 0 0 0 25px; }

#footer-bg {
	width: 100%;
	height: 280px;
	background-image: url(images/bg-paper-footer.jpg);
	background-position: top;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	position: relative;
	margin-top: 30px;
	padding-top: 20px
	z-index: 1000;
	-webkit-box-shadow: -15px 15px 20px -5px #111;
	-moz-box-shadow: -15px 15px 20px -5px #111;
	box-shadow: 15px 15px 20px -5px #111;
	}

#whitebox {
text-align: center;
margin: 0 auto;
padding: 15px 0 5px 0;
background: #efefef;
height: 20px;
position: relative;
top: 0px; width: 960px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 0 5px 15px #111;
-moz-box-shadow: 0 5px 15px #111;
box-shadow:0 5px 15px #111;
z-index: 2; }

#brick-footer {
	background-image: url(images/bg-brick.jpg);
	background-repeat: repeat;
	background-position: 0 20px;
	height: 200px;
	width: 100%;
	clear: both;
	position: static;
	z-index: 1;
	margin: -60px 0 0 0;
	}

















































/* CONTACT FORM */

#contact-area { width: 220px; float: left; }
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	font-size: 13px;
	border: 1px solid #999;
	background-color: #e8e7e2;
	color: #333;
}
#contact-area textarea { height: 75px; }
#contact-area textarea:focus, #contact-area input:focus { border: 1px solid #fff; background-color: #fff; background-image: none; }
#contact-area input.submit-button {
	width: 110px;
	float: left;
	font-size: 13px;
	color: #f2f0e4;
	background-color: #333;
}
.input { display: block; }
.input span {
  position: absolute;
  padding: 5px;
  color: #666;
  margin: 1px 0 0 5px;
  z-index: 1;
  cursor: text;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}
.input input, .input textarea, .input select { z-index: 0; padding: 6px; margin: 0; font: inherit;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	}

.entry-content {
	position: relative;
	left: 5px;
	width: 240px;
}

.entry-content a {
	background: none;
}



#TB_window a:hover { background: none !important; }

.ngg-gallery-thumbnail img { border: none !important; }
.ngg-gallery-thumbnail img:hover { background: rgb(224, 27, 27) !important; }