/* 
	Theme Name: Artz Center
	Theme URL: http://threadlessmedia.com
	Description: Artz Center contains 4 page layouts and is designed for Wordpress CMS
	Author: Threadless Media & Passey Advertising
	Author URI: http://www.threadlessmedia.com
	Version: 1.0
	Tags: two columns, fixed width, white, tan
*/

	
body { margin: 0 auto 0;  padding: 0;  background: #fff;  color: #807366;  font-family: Helvetica, 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;  font-size: 12px; }	
#container { margin: 5px auto;  width: 800px;  background: #fff url(images/bg-container.gif) repeat-y;  color: #807366; }	
.clear {clear: both;}
hr { width: 80%;  color: #f4f1ef;  margin-top: 25px;  margin-bottom: 25px;}

/************************************************
	Hyperlinks - General								
************************************************/
a img {border: none;}
a:link {color: #807366; text-decoration: none;}	
a:focus, a:hover, a:active {outline: none;}
a:hover {color: #c10000; text-decoration: none;}
a:visited {color: #807366; text-decoration: none;}

/************************************************
	Header  									
************************************************/
#header {
	background: #fff url(images/bg-header.gif) no-repeat;
	width: 800px;
	height: 120px;
	margin: 0px auto 0px;
	padding: 20px;}

#logo {
	background: #fff;
	height: 51px;
	float: left;
	margin: 20px 0 0 45px;
	width: 186px;}

#dashBoard {position: relative;
	background: #fff;
	border-bottom: 1px solid #f4f1ef;
	float: right;
	height: 40px;
	margin: 13px 46px 0 0;
	width: 523px;}
#dashBoard p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: .9em;	
	position: absolute;
	top: 4px;
	right: 310px;}		
#dashBoard a:link, #dashBoard a:visited {
	color: #a78461;
	font-weight: normal;
	text-transform: lowercase;}
#dashBoard a:hover {color: #c10000;}
#dashBoard .fontSize {
	border-left: 1px solid #a78461;
	font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;
	padding: 0px 0 0px 12px;
	position: absolute;
	top: 0px;
	right: 10px;
	text-transform: uppercase;}
#dashBoard .fontSize a:link, #dashBoard .fontSize a:visited {text-transform: uppercase;}
#dashBoard .fontSize .small {font-size: 10px;}
#dashBoard .fontSize .medium {font-size: 12px;}
#dashBoard .fontSize .big {font-size: 14px;}

#searchformheader {
	position: absolute;
	top: 10px;
	right: 110px;}
#searchbox {
	background: #f4f1ef !important;
	border: 1px solid #F5F5F5;
	color: #b39476;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px 4px;
	width: 120px;}
#searchbutton {
	background: #FFF;
	border: none;
	color: #a78461;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: bold;
	} 
#searchbutton:hover {
	color: #c10000; 
	cursor: pointer;}

/************************************************
	Top Navbar						
************************************************/
#topNavBar {
	display: block;
	border-top: 1px solid #d2c9c0;
	float: right;
	margin: -1px 47px 0 0;
	padding: 0;
	width: auto;
	}
#topNavBar ul {
	list-style: none;
	padding-top: 10px;
	}
#topNavBar li {
	display: inline;
	float: left;
	padding-top: 9px;}
#topNavBar li a:link, #topNavBar li a:visited, #topNavBar li a:hover, #topNavBar li a:active {
	padding: 0px 13px;
	color: #a78461;
	font-family: Helvetica, 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: .95em;
	text-transform: lowercase;
	border-right: 1px solid #a78461;} 
#topNavBar li a:hover {
	color: #c10000;
	text-decoration: none;}
	
/*	this should work, but IE doesn't support, nor some versions of safari and mozilla based browsers.
	so instead, I added	this mod in controller.js. If one day the compatibility exists,
	we can remove the js and use: */
ul#topNavBar li:last-child a {border-right: none;}

/************************************************
	Main Navbar      								
************************************************/
#mainNavBar {
	background: #fff;
	display: block;
	margin: 35px 0 0 6px;
	padding: 0;
	width: 748px;
	height: auto;
	text-align: center;}
#mainNavBar ul {list-style: none; margin: 0; padding: 0;}
#mainNavBar li {display: inline; margin: 0; padding: 0;}
#mainNavBar li a:link, #mainNavBar li a:visited, #mainNavBar li a:hover, #mainNavBar li a:active {
	padding: 1px 10px;
	color: #a78461;
	font-family: Arial Narrow, Arial, Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	border-right: 2px solid #a78461;} 
#mainNavBar li a:hover {color: #c10000;}

/************************************************
	Site Wide Layout & Typography    								
************************************************/
#contentArea { background: transparent url(images/bg-content-bottom.gif) no-repeat bottom left;  padding: 50px 55px 45px;}

#contentArea h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: normal; line-height: 1.1em; color: #826a56;}
#contentArea h1 {font-size: 1.9em;}
#contentArea h2 {font-size: 1.8em;}
#contentArea h3 {font-size: 1.6em;}
#contentArea h4 {font-size: 1.4em;}
#contentArea h5 {font-size: 1.2em;}
#contentArea h6 {font-size: 1em;}
#contentArea p { margin: 0px 5px 15px 0px;  line-height: 1.3em; }
#contentArea strong {font-weight: bold;}
#contentArea em { font-style: italic; }
blockquote { border-left: 5px solid #d7cec7;  font-style: italic;  text-align: justify;  line-height: 1.3em;  margin: 0px 100px 15px 5px;  padding: 5px 0px 5px 10px; }

#content { margin: 0px 55px;  padding: 0px;  width: 690px;  background: #fbfaf8 url(images/bg-content.gif) repeat-y top center;  font-family: Helvetica; }

#contentArea h1 a:link, #contentArea h1 a:hover, #contentArea h2 a:link, #contentArea h2 a:hover, #contentArea h3 a:link, #contentArea h3 a:hover, #contentArea h4 a:link, #contentArea h4 a:hover, #contentArea h5 a:link, #contentArea h5 a:hover,  #contentArea h6 a:link, #contentArea h6 a:hover { text-decoration: none;   border-bottom: 1px dotted #826a56; }

#contentArea h1 a:hover, #contentArea h2 a:hover, #contentArea h3 a:hover, #contentArea h4 a:hover, #contentArea h5 a:hover, #contentArea h6 a:hover { color: #c10000;  text-decoration: none;   border-bottom: 1px dotted #826a56; }

#content p a:link, #content p a:visited, #content p a:active { color: #8b7366;  font-weight: bold;  text-decoration: none;   border-bottom: 1px dotted #826a56;}
	#content p a:hover {color: #c10000;}

#content .alignleft, #content .alignright, #content .aligncenter { background: #f3efec;  border: 1px solid #e1dddc; padding: 4px; }
	#content .alignleft {float: left; margin: 4px 8px 5px 0;}
	#content .alignright {float: right; margin: 4px 0 5px 8px;}
	#content .aligncenter {display: block; margin: 0 auto 8px;}
	#content a:hover .alignleft, #content a:hover .alignright, #content .aligncenter a:hover {border: 1px solid #c10000;}

#contentBox {background: transparent url(images/bg-content-top.gif) no-repeat top left; }

#contentArea ol {margin: 0px 0px 15px 35px;  padding: 0px; line-height: 1.3em; }
#contentArea ul {margin: 0px 0px 15px 35px;  padding: 0px; line-height: 1.3em; }
	#contentArea ul a:link, #contentArea ul a:visited, #contentArea ul a:active, #contentArea ol a:link, #contentArea ol a:visited, #contentArea ol a:active { color: #8b7366;  text-decoration: none;   border-bottom: 1px dotted #826a56;  font-weight: bold;  line-height: 1.3em;}
	#contentArea ul a:hover, #contentArea ol a:hover { color: #c10000; }	
#contentArea .back { margin-top: 0;  font-size: 11px; }
	#contentArea .back a:link, .back a:visited, .back a:active {color: #8b7366; font-weight: normal; text-decoration: none;}
	#contentArea .back a:hover {color: #c10000; font-weight: normal;}
	
.nextPage a:link, .nextPage a:visited, .nextPage a:active { color: #8b7366;  font-size: 13px;  font-weight: bold;  line-height: 1.3em;  text-decoration: none;}
	.nextPage a:hover {color: #c10000;}

#contentArea .back { margin: 5px 0px; }	
	#contentArea .back a:link { font-size: .9em;  font-weight: normal;  text-decoration: none; }
	#contentArea .back a:visited { font-size: .9em;  font-weight: normal;  text-decoration: none; }
	#contentArea .back a:hover { text-decoration: none;   border-bottom: 1px dotted #826a56; }

/************************************************
	Calendar Page Layout					
************************************************/
#calendarLeft { float: left;  width: 285px;  margin: 0px; padding: 0px; }
#calendarRight { float: right;  width: 285px; margin: 0px; padding: 0px; }

#contentArea .calendarEvent { background: #f3efec; margin-bottom: 11px; padding-bottom: 10px; }
#contentArea .calendarEvent h4 { padding: 10px 10px 10px 0px; word-spacing: 0.05em;  font-size: 1.3em;}
#contentArea h6.calendaricon { margin: 5px 0 8px 0; }
#contentArea .calendarEvent span { margin-left: 10px; padding-left: 26px;  font-variant: small-caps;  font-size: 1em;  background: transparent url(images/bg-calendar-icon.png) no-repeat left center;}
#contentArea .calendarEvent p { margin: 0px;  padding: 0px 12px 8px; text-align: justify;}
#contentArea .calendarEvent a { margin-left: 10px;  font-weight: bold;  border-bottom: 1px dotted #826a56;}

.mainContent h6 { margin: 0px;  margin-top: -8px;  padding-left: 26px;  font-variant: small-caps;  font-size: 1em;  font-weight: normal;  background: transparent url(images/bg-calendar-icon.png) no-repeat left center;}

/************************************************
	Home Page Layout					
************************************************/
#slideshow {
	float: left;
	height: 255px;
	margin: 16px 0 0 40px; 
	width: 490px;}

#nameChange {
	background: #d7cec7 url(images/bg-name-change-ie.gif) no-repeat;
	float: right;
	height: 255px;
	margin: 15px 40px 0 0;
	width: 220px;}
#nameChange img {margin: 0 10px;}

#newsBox {
	background: #fff url(images/bg-news-box.gif) no-repeat top center;
	color: #000;
	float:left;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	margin: 15px 26px;
	padding: 0;
	width: 748px;
	height: auto;}
.newsOne {
	background: #fff;
	float: left;
	margin: 0 13px 0 15px; 
	padding: 0;
	width: 225px;}
.newsTwo {
	background: #fff;
	float: left;
	margin: 0 10px 0 11px; 
	padding-left: 0;
	width: 225px;}	
.newsThree {
	background: #fff;
	float: right;
	margin: 0 14px 0 0; 
	padding: 0;
	width: 225px;}

#newsBox h4 {
	color: #aca59f;
	font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;}
#newsBox h3 {margin-bottom: 0;}
#newsBox h3 a:link, #newsBox h3 a:visited, #newsBox h3 a:active  {
	color: #a78461;
	font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-decoration: none;}
#newsBox h3 a:hover {
	color: #c10000; 
	text-decoration: none;}	
#newsBox p {
	color: #4e463d;
	margin: 2px 0 3px 0;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	font-size: 1em;
	word-spacing: 0;}
#newsBox p a {
	color: #a78461; 
	font-weight: bold; 
	text-decoration: none;}	
#newsBox p a:hover {
	color: #c10000; 
	font-weight: bold; 
	text-decoration: none;}

#legs {
	background: #fff;
	height: 129px;
	width: 748;
	margin: 15px 26px 0 26px;
	padding: 0;}
.legOne {
	background: #fff;
	float: left;
	width: 242px;
	margin: 0 6px 0 0px;
	padding: 0;}
.legTwo {
	background: #fff;
	float: left;
	width: 242px;
	margin: 0 0 0 8px;
	padding: 0;}
.legThree {
	background: #fff;
	float: right;
	width: 242px;
	margin: 0 0 0 0;
	padding: 0;}

/************************************************
	Page Layout								
************************************************/
.mainContent {
	background: #fbfaf8;
	float: right;
	width: 430px;}
.mainContent ul, .mainContent ol {
	padding: 5px 5px 10px 25px;}

/************************************************
	Sidebar Layout      								
************************************************/
.secondaryContent { border-right: 1px solid #a78461;  background: #fbfaf8;  color: #a78461;  float: left;  font-weight: normal;  margin-top: 18px;  width: 140px;}
.secondaryContent ul { font-weight: bold;  list-style: none;  margin: 5px 0 0 0;  padding: 15px 5px 45px -35px;}
.secondaryContent ul li { margin: 0 0 0 -35px; }	
.secondaryContent ul li { line-height: .9em;  margin-left: -35px;  padding: 5px 5px 5px 0px;}
.secondaryContent ul li a:link, .secondaryContent ul li a:visited, .secondaryContent ul li a:active, { color: #a78461;  font-weight: bold; }
.secondaryContent ul li a:hover { color: #c10000;  font-weight: bold; }	
.secondaryContent .blogPost { margin: 8px 0px -10px 0px; }
#contentArea .secondaryContent h3 { font-size: 1.2em; font-variant: small-caps;}

/*************************
.postInfo ul {
	margin: 0;
	padding: 0;}
.postInfo li {
	display: none;}
.postInfo li a:link, .postInfo li a:visited, .postInfo li a:active, {
	color: #a78461;
	font-weight: bold;}
.postInfo li a:hover {
	color: #c10000;
	font-weight: bold;}	
*************************/


/************************************************
	Search Template Layout     								
************************************************/
#content .searchTemplate p, #content .searchTemplate h3 {
	margin: 0;
	padding: 0;}
#content .searchTemplate {
	border-bottom: 1px dotted #807366;
	padding-bottom: 10px; margin-bottom: 10px;}
#content .searchTemplate a:link, #content .searchTemplate a:visited {
	color: #a78461;
	font-weight: bold;
	text-decoration: none;}
	#content .searchTemplate a:hover {color: #c10000;}
#content .searchTemplate h3 a:link, #content .searchTemplate h3 a:visited {
	color: #a78461;
	font-weight: normal;
	text-decoration: none;}
	#content .searchTemplate h3 a:hover {color: #c10000; font-weight: normal;}	
	
	
/************************************************
	Comments      								
************************************************/
#comment {
	background: #fff;
	border: 1px solid #e1dddc;
	padding: 8px;}

.commentlist li, #commentform input, #commentform textarea {
	font-size: .9em;
	font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;}
#commentform textarea {
	color: #4e463d;
	font-size: 1.1em;
	width: 415px;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { 
	background: #f3efec;
	border: 1px solid #e1dddc;
	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 {font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;}

.commentmetadata {font-weight: normal;}



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

.commentlist {
	padding: 0;
	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 {padding: 0;}

#commentform p {margin: 5px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;}

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

/************************************************
	New Name for an Old Friend Popup  								
************************************************/
.changedName { font-size: 16px; }
/************************************************
	Footer      								
************************************************/
#footerNav {
	background: #fff;
	display: block;
	margin: 25px 0 8px 26px;
	padding: 0;
	width: 748px;
	height: auto;
	text-align: center;}
#footerNav ul {list-style: none; margin: 0; padding: 0;}
#footerNav li {display: inline; margin: 0; padding: 0;}
#footerNav li a:link, #footerNav li a:visited, #footerNav li a:hover, #footerNav li a:active {
	padding: 0px 10px;
	color: #a78461;
	font-family: 'Arial Narrow', Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	text-transform: lowercase;
	border-right: 1px solid #a78461;} 
#footerNav li a:hover {color: #c10000;}
ul#footerNav li:last-child a {border-right: none;}

#footer {
	background: #fff url(images/bg-footer.gif) no-repeat top center;
	color: #a78461;
	font-size: 12px;
	margin: 0;}
.info {
	background: transparent;
	color: #a78461;
	width: 750px;
	height: auto;
	margin: 0 0 0 24px;
	padding: 0;
	text-align: center;}
.info {padding-top: 45px;}
.info span {
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;}

address {
	color: #a78461;
	font-style: normal;
	margin: 3px 0 -7px 0;}