/*
Theme Name: MetalledWith
Author: Hauck Interactive, Inc.
Theme URI: http://www.metalledwith.com
Description: Custom Theme for MetalledWith
Version: 1.0
-------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2010 */
@font-face {
	font-family: 'DamnedArchitectRegular';
	src: url('type/damnarc-webfont.eot');
	src: local('☺'), url('type/damnarc-webfont.woff') format('woff'), url('type/damnarc-webfont.ttf') format('truetype'), url('type/damnarc-webfont.svg#webfontp1x3GKqc') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin:0;
	padding:0;
	font:14px/28px Georgia, "Times New Roman", Times, serif;
	color:#352b1d;
	background: #8F714B url('img/bgd.jpg');
}
hr{
  margin-top:20px;
  border-bottom: 0;
}
.home.admin-bar{margin-top:33px;}
textarea{font:14px/16px Georgia, "Times New Roman", Times, serif;}
strong{color:#000;}
h1{color:#000; font-size:60px; font-weight:normal; text-transform:uppercase; font-family: 'DamnedArchitectRegular';}
h2{color: #000; font-size: 30px; font-weight: normal; margin-bottom:10px;}
img{border:none;}
th,td{vertical-align:top; padding:2px;}
a{
	text-decoration:none;
}
.content a, #footer a{
	transition: all 0.5s ease;
}
a:link, a:visited{color:#6d7d16;}
a:hover{color:#4a1a1a;}

.meta{font-size:11px;}
.blog .post, .archive .post{border-top:4px double #715c46;border-bottom:4px double #715c46;}

a.button{
	color:#fff;
	background-color:#000;
	border-radius:3px;
	padding:10px 20px;
}
a.button:hover{
	color:#FFFAD4;
}

/* FONTS */
.darchitectfont {font-weight: normal; font-style: normal; line-height:normal; font-family: 'DamnedArchitectRegular', serif;}

/* HEADER */
#header{height:92px; width:970px; margin:0 5px;}
#logo{
	width:254px;
	height:92px;
	float:left;
}
#tagline{font-size:26px; color:#000; text-transform:uppercase;font-family: 'DamnedArchitectRegular', serif; width:700px;float:right; text-align:right; padding-top:30px;}

/* NAV */
#nav{margin:0 5px 10px 5px; height:40px;}
#menu{
	margin:0;
	padding:0;
}
#menu li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}
#menu li a{
	background:url("img/nav.png") no-repeat top left;
	display:block;
	float:left;
	height:40px;
}
#menu li a span{display:none;}
#menu li#item1 a{width:102px; background-position: 0 0;}
#menu li#item2 a{width:111px; background-position: -102px 0;}
#menu li#item3 a{width:149px; background-position: -213px 0;}
#menu li#item4 a{width:147px; background-position: -362px 0;}
#menu li#item5 a{width:178px; background-position: -509px 0;}
#menu li#item6 a{width:163px; background-position: -687px 0;}
#menu li#item7 a{width:120px; background-position: -850px 0;}

#menu li#item1 a:hover{width:102px; background-position: 0 -40px;}
#menu li#item2 a:hover{width:111px; background-position: -102px -40px;}
#menu li#item3 a:hover{width:149px; background-position: -213px -40px;}
#menu li#item4 a:hover{width:147px; background-position: -362px -40px;}
#menu li#item5 a:hover{width:178px; background-position: -509px -40px;}
#menu li#item6 a:hover{width:163px; background-position: -687px -40px;}
#menu li#item7 a:hover{width:120px; background-position: -850px -40px;}

.home #menu li#item1 a{background-position: 0 -40px !important;}
.page-id-2 #menu li#item2 a{background-position: -102px -40px !important;}
.blog #menu li#item3 a, .single #menu li#item3 a{background-position: -213px -40px !important;}
.page-id-9 #menu li#item4 a{background-position: -362px -40px !important;}
.page-id-11 #menu li#item5 a{background-position: -509px -40px !important;}
.page-id-13 #menu li#item6 a{background-position: -687px -40px !important;}
.page-id-15 #menu li#item7 a{background-position: -850px -40px !important;}

.parent-pageid-2 #menu li#item2 a{background-position: -102px -40px !important;}
.parent-pageid-7 #menu li#item3 a{background-position: -213px -40px !important;}
.parent-pageid-9 #menu li#item4 a{background-position: -362px -40px !important;}
.parent-pageid-11 #menu li#item5 a{background-position: -509px -40px !important;}
.parent-pageid-13 #menu li#item6 a{background-position: -687px -40px !important;}
.parent-pageid-15 #menu li#item7 a{background-position: -850px -40px !important;}

/* CONTENT */
#main{width:980px; margin:0 auto;}
#mainbgd{width:100%; height:100%; min-height:900px; background:url('img/mainbgd.jpg') top center no-repeat;}
.contenttop{height:22px;background:url('img/content-bgd-top.png') no-repeat;}
.content{padding:10px 20px 40px 35px; min-height:300px; background: url('img/content-bgd.gif') repeat-y;}
.content h1{margin-top:0;padding-top:0;}
.contentbottom{margin-bottom:10px;height:22px;background:url('img/content-bgd-bottom.png') no-repeat;}
.home .contentbottom{margin-bottom:0;}
.clearfix{clear:both;}

/* HEADER IMAGES */
#headerimg{height:180px; margin-bottom:10px; background:url('img/headers/about.jpg') center no-repeat;}
.page-id-2 #headerimg{background:url('img/headers/about.jpg') center no-repeat;}
.page-id-7 #headerimg{display:none;}
.page-id-9 #headerimg{display:none;}
.page-id-11 #headerimg{background:url('img/headers/custom-jewelry.jpg') center no-repeat;}
.page-id-13 #headerimg{background:url('img/headers/where-to-buy.jpg') center no-repeat;}
.page-id-15 #headerimg{background:url('img/headers/contact.jpg') center no-repeat;}
.page-id-17 #headerimg{background:url('img/headers/eastern-woodlands.jpg') center no-repeat;}
.page-id-19 #headerimg{background:url('img/headers/wired-wonders.jpg') center no-repeat;}
.page-id-21 #headerimg{background:url('img/headers/freebird.jpg') center no-repeat;}
.page-id-23 #headerimg{background:url('img/headers/bookworm.jpg') center no-repeat;}
.page-id-25 #headerimg{background:url('img/headers/songbird.jpg') center no-repeat;}
.page-id-80 #headerimg{display:none;}

#col1{width:639px;padding-right:15px; float:left;}
#col2{width:270px;float:left;margin-top:-70px;}

.column50{
	float:left;
	width:48%;
	padding:0 1%;
}
.column1, .column2, .column3{
	float:left;
	width:31%;
	padding:0 1%;
}
#online{
	float:left;
	text-align: center;
	width:410px;
	padding:0 20px;
}
#direct{
	text-align: center;
	float:right;
	width:400px;
	padding:0 30px 0 19px;
	border-left:1px solid #000;
}

#events{
	float:left;
	width:66%;
	padding:0 4% 0 0;
}
#instore{
	float:right;
	width:30%;
}

#whatsnewcol2{width:240px;float:left;}
#col2top{height:11px;background:url('img/col2-bgd-top.png') no-repeat;}
#col2content{min-height:400px; padding:20px; background: url('img/col2-bgd.png') repeat-y;}
#col2content h2{color:#000; margin-top:0;padding-top:0; border-bottom:1px solid #000; padding-bottom:10px; font-weight:normal;}
#col2content ul{margin:0; padding:0;}
#col2content li{list-style-type:none; margin-bottom:10px;}

#col2content li a{margin-top:-10px;}
#col2content li a:link, #col2content li a:visited{font-size:24px; color:#fff; font-family: 'DamnedArchitectRegular', serif;}
#col2content li a:hover{color:#d6ce00;}

#whatsnewcol2 #col2content a:link, #whatsnewcol2 #col2content a:visited{color:#000;}
#whatsnewcol2 #col2content a:hover{color:#d6ce00;}
#whatsnewcol2 #col2content li a:link, #whatsnewcol2 #col2content li a:visited{font-size:14px; color:#fff; font-family: Georgia, "Times New Roman", Times, serif;}
#whatsnewcol2 #col2content li{margin-bottom:4px; list-style-type:square;}
#whatsnewcol2 #col2content li a:hover{color:#d6ce00;}
#whatsnewcol2 #col2content ul{margin:0 0 0 15px; padding:0;}

li.item1:before{margin:10px 10px 0 0; content:url('img/eastern-woodlands.png');}
li.item2:before{margin:10px 10px 0 0; content:url('img/autumn-past.png');}
li.item3:before{margin:10px 10px 0 0; content:url('img/freebird.png');}
li.item4:before{margin:10px 10px 0 0; content:url('img/bookworm.png');}
li.item5:before{margin:10px 10px 0 0; content:url('img/songbird.png');}

.page-id-17 #col2content li.item1 a{color:#d6ce00;}
.page-id-19 #col2content li.item2 a{color:#d6ce00;}
.page-id-21 #col2content li.item3 a{color:#d6ce00;}
.page-id-23 #col2content li.item4 a{color:#d6ce00;}
.page-id-25 #col2content li.item5 a{color:#d6ce00;}

#col2bottom{height:11px;background:url('img/col2-bgd-bottom.png') no-repeat; margin-bottom:10px;}

.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev{

	border:none !important;
	margin-right: 3px;
	padding: 3px 8px;
	text-decoration: none;
	background-color:#000;
}
.ngg-navigation a:link, .ngg-navigation a:visited{color:#fff;}
.ngg-navigation a:hover{background-color:#6d7d16 !important;}

/* FOOTER */
#footer{color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:11px;padding:10px 20px; width:930px; height:22px; margin:10px auto 20px auto; background-color:#000;}
#footer a:hover{color:#d6ce00;}
#copyright{width:300px;float:left;margin-top:-3px;}
.slash{color:#616161;}
#icons{width:300px; float:right; text-align:right;}
#icons ul{margin:0; padding:0;}
#icons li{display:inline;}

#cycleholder{position:relative;  width:970px; height:320px; margin:0 5px 10px 5px; color:#fffad4; background:#000;}
#cycleholder h2{color:#6d7d16; margin:0; padding:0; font-size:50px; font-weight:normal; text-transform:uppercase; font-family: 'DamnedArchitectRegular';}
#cycleholder a:link, #cycleholder a:visited {color:#6d7d16; font-size:20px; float:right; text-transform:uppercase; font-family: 'DamnedArchitectRegular';}
#cycleholder a:hover{color:#d6ce00;}
a.viewlink:after{content:url('img/features/arrow.png');margin-left:5px;}
#cycleholder .img{width:640px; float:left;}
#cycleholder .intro{width:270px; height:260px; padding:30px; float:right; background-color:#000;}

.homecontent{padding:10px 40px 40px 40px; height:260px; background:url('img/content-bgd.gif') repeat-y;}
.homecontent h1{margin:0; padding:0;}
.homecol1{font-size: 18px; line-height: 30px; height: 220px; color:#352b1d; padding:0 20px 0 0; border-right:double 3px #715c46; float:left; width:330px;}
.homecol2{height: 220px; color:#4a1a1a; line-height:18px;  padding:0 20px; border-right:double 3px #715c46; float:left; width:220px;}
#tweets{
		height: 154px;
		overflow-y: auto;
}
.homecol2 ul{margin:0; padding:5px 0 0 5px;}
.homecol2 li{margin-bottom:10px; list-style-type:none;}
.homecol3{height: 220px; color:#4a1a1a; padding:0 0 20px 20px; float:left; width:240px;}
.homecol3 th{color:#000;padding-right:10px;}
.homecol3 td{padding-left:10px; line-height:16px; padding-bottom:20px;}
.homecol2 h1, .homecol3 h1{font-size:40px; margin-bottom:10px;}

.cycle-pager{
	font-size:40px;
	display:block;
	position:absolute;
	z-index:1000;
	left:640px;
	bottom: 20px;
	width:330px;
	text-align:center;
}
.cycle-pager span{
	color:#6D7D16;
	cursor: pointer;
	margin:0 5px;
	display:inline-block;
}
.cycle-pager span.cycle-pager-active{
	color:#FFFAD4;
}
/* Home */
.post-4 p{margin-top:0;}

.blog .content, .page-id-11 .content{padding:10px 40px 40px 35px;}
.page-id-11 .ngg-galleryoverview{margin: 0 auto; width: 840px;}

/* Where to buy */
#Etsy ul{margin:0; padding:0;}
#Etsy li{list-style-type:none;}

/* Collections */
.page-id-9 #col2{margin-top:63px;}

.wpcf7-submit{padding:5px 20px; text-transform:uppercase; cursor:pointer; background-color:#000; color:#fff; border:0;}


/* Etsy Pro */
div#etsy-pro-store-area{
	font:14px/28px Georgia, "Times New Roman", Times, serif !important;
}
#etsy-pro-store-area .indiv-product-box a {
	font-weight: bold;
}
#etsy-pro-store-area .indiv-product-box {
    border: none !important;
}
#etsy-pro-store-area .indiv-product-price{
	color:#6D7D16 !important;
}

#etsy-pro-store-description.horizontal-centered h1.etsypro-prod-title{
	font:30px/40px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	text-align: left !important;
}
#etsypro-shipping {
    width: 90% !important;
    border:0 !important;
}