/*
Theme Name: 4PeaksMine
Theme URI: http://fourpeaksmining.com
Description: Four Peaks Amethyst Mine 
Version: 1
Author: Michael Levy
Author URI: http://mikewgd.net
Tags: blue, custom header, fixed width, two columns, widgets
*/
body {font-family: Verdana; font-size:12px;margin:0;color:#7b7f9b;}
h1,h2,h3,h4 {margin:0;padding:0;font-weight:normal;color:#8d82d1;border-bottom:1px solid black;}
a {color:black;border:0;}
a:hover {border:0;clear:both;text-decoration:none;}
.clear { clear:both; height:0; margin:0;line-height:0px; }
.clearfix {display: block; }
input,textarea {border:1px solid #8d82d1;padding:5px;}
input[type=hidden] {display:none;}

label {font-weight:bold;font-size:10px !important}

/* STRUCTURE */
#container {margin:0 auto;}
#page {margin:0 auto;padding:0;width:90%;}
#content {margin:0;display:block;clear:both;}
#contents {margin:0 0 0 40px;float:left;width:70%;}
#contents p {padding:0;margin:0px 0 12px 0;}

/* HEADER */
#header {height:88px;margin:0 auto;clear:both;display:block;}
#logo {margin: 0 0 0 0px;float:left;}

/* navigation */
.descrip {font-family:Century Gothic;font-size:10px; color:#789dd4;clear:both;display:block;font-weight:normal;}
#nav {font-size:12px;float:right;padding:0;margin:10px 0 0 20px;}
	#nav ul {list-style-type:none;padding:0;margin:0;}
	#nav li {float:left;list-style-type:none;}
	#nav a {color:#3d61cf; display:block;padding:10px;border:0;text-decoration:none;}
	#nav a:hover {background:#f8f8f8;border:0;}
	#nav .current a {color:#2574fc !important}
	#nav .descrip .current {color:#2574fc;}
.home, .about, .shop, .gallery, .contlinks {font-weight:bold;}
.home, .about, .shop, .gallery {border-right: 1px solid #f3f3f3 !important}
.home a {width:94px;}.about a {width:106px;}.shop a {width:114px;}.gallery a {width:118px;}.contlinks a {width:146px; }

/* SIDEBAR */
#sidebar {float:left;}
#sidebar h2 {float:left;clear:both;display:block;margin:0 0 10px 0;padding:0;}
#sidebar li {clear:both;list-style-type:none;padding:0px 0 0 0;margin:0;display:block;}
#sidebar ul {padding:0;margin:0;display:block;clear:both;}

/* POSTING */
.post {clear:both;}
.post-title {float:left;clear:both;display:block;margin:0;width:auto;}
.post-comments {display:none;}
.entry {font-size:12px;clear:both;padding: 5px 0 0 0;display:block;}
.links-side {float:left;width:320px;}
.links-side h3 {border:0;clear:none;float:left;font-weight:bold;}
.link-description {font-style:italic;font-size:11px;clear:both;display:block;}
.links-side a {margin:0px;font-size:9px;}
.links-side ul {padding:0;margin:0;}
.links-side li {padding:0;margin:0;list-style-type:none;}
.contact-side {float:right;width:50%;}
/* FOOTER */
#footer {background:url(http://fourpeaksmining.com/wp-content/themes/4PeaksMine/images/footerBg.jpg) bottom left repeat-x; width:100%;height:97px;clear:both;display:inline-block;padding:50px 0 0 0;}
	#footer ul {padding:0;margin:20px 10px 0 0;}
	#footer li {list-style-type:none;padding: 0 14px 0 0;float:left;}
	#footer a:link, a:active, a:visited {color:black;padding:0;margin:0;text-decoration:none;}
	#footer a:hover {color:black;padding:0;border-bottom:1px solid black;}
.mine_footer {float:left;}
.footer_nav {float:right;}

/* CONTACTFORM */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
div.intouch {width:350px;margin:20px 0 0 0;padding:0;}
div.intouch  form {float: left;width:100%;}
div.intouch div.inputfield { padding: 4px 0px;position: relative;}
div.intouch label { display: block;float: left;clear: left;width: 20%;text-transform:capitalize;font-size:12px;padding:6px 0 0 0;}
div.intouch div.inputfield input, div.intouch div.inputfield textarea {float: left;margin-left: 0px;}
div.intouch div.inputfield input {width: 153px;margin-bottom: 5px;font-size:12px;}
div.intouch div.inputfield textarea {padding: 3px;margin-top: 3px; width:220px;}
div.intouch div.inputfield input.submitbutton {outline:none;height:30px;margin:10px 0 0 110px;}
div.intouch div#usermessage {margin: -26px 0 0 0px;text-align: left; color:black;position:absolute;font-weight:bold;text-transform:uppercase;font-size:10px;}
div.intouch .error {border: 1px solid #000000 !important;}

.ngg-albumoverview {margin-top: 0px;width: 80%;clear:both; display:block !important;}
#ngg-gallery-1 {}
.ngg-album {height: 100%;padding: 0px;margin-bottom: 0px;border: 0px solid #fff;}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {overflow:hidden;padding: 0px;margin-bottom: 0px;} 
.ngg-album {overflow: hidden;padding: 5px;margin-bottom: 5px;}
.ngg-albumtitle {text-align: left;font-weight: bold;margin:0px;padding:0px;font-size: 1.4em;margin-bottom: 0px;}
.ngg-thumbnail {float: left;margin-right: 0px;width:auto;}
.ngg-thumbnail img {margin:0px;padding:4px;position:relative;}
.ngg-thumbnail img:hover {}
.ngg-description {text-align: left;}

/* album styles compact */
.ngg-album-compact {float:left;height:180px;padding-right:0px !important;margin:0px !important; text-align:left;width:120px;}
.ngg-album-compactbox {background:transparent url(albumset.gif) no-repeat scroll 0%;height:86px;margin:0pt 0pt 0px !important;padding:12px 0pt 0pt 7px !important;width:120px;}
.ngg-album-compactbox .Thumb {margin:0px !important;padding:0px !important;width:91px; height:68px;}
.ngg-album-compact h4 {font-size:15px;font-weight:bold;margin-bottom:0px;margin-top:0px;width:110px;}
.ngg-album-compact p {font-size:11px;margin-top:2px;}

/* gallery style */
.ngg-galleryoverview {overflow: hidden;margin-top: 10px;display:block !important;}
.ngg-galleryoverview .desc {/* required for description */margin:0px 0px 10px 0px;padding:0px;}
.ngg-gallery-thumbnail-box {float: left;width:auto;}
.ngg-gallery-thumbnail {float: left;margin: 0px;padding:0;width:auto;}
.ngg-gallery-thumbnail img {border:0px solid #A9A9A9;display:block;  margin:0px 0px 0px 0px;padding:4px;position:relative;}
.ngg-gallery-thumbnail img:hover {} 
.ngg-gallery-thumbnail span {/* Images description */font-size:90%;padding-left:0px;display:block;}
.ngg-clear {clear: both;}

/* gallery nav */
.ngg-navigation {font-size:0.9em !important;clear:both !important;display:block !important;padding-top:15px;text-align:center; background:none;}
.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:0; background:none;padding:6px;color:#fbb5b5;}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {background:none;color:#efe7e7;}

/* img browser style */
.ngg-imagebrowser h3 {text-align:center;}
.ngg-imagebrowser img {border:0px solid #A9A9A9;margin-top: 10px; margin-bottom: 10px; width: 100%;display:block !important;padding:5px;}
.ngg-imagebrowser-nav {padding:0px;margin-left:10px;	}
.ngg-imagebrowser-nav .back {float:left;border:1px solid #DDDDDD;margin-right:3px;padding:3px 7px;width:auto;}
.ngg-imagebrowser-nav .next {float:right;border:1px solid #DDDDDD;margin-right:3px;padding:3px 7px;width:auto;}
.ngg-imagebrowser-nav .counter {text-align:center;font-size:0.9em !important;}
.exif-data {margin-left: auto !important;margin-right: auto !important;}

/* slideshow */
.slideshow {display: none;}
.slideshowlink {display:none;}

/* single pic */
.ngg-singlepic {background-color:#FFFFFF;display:block;  padding:0px;}
.ngg-left {float: left;margin-right:10px;width:auto;}
.ngg-right {float: right;margin-left:10px;width:auto;}
.ngg-center {margin-left: auto !important;margin-right: auto !important;}

/* sidebar widget */
.ngg-widget,.ngg-widget-slideshow {margin:0 0 20px 0;padding:0;clear:both;width:250px;}
.ngg-widget img {border:0; padding:1px; clear:both;}

/* related imgs */
.ngg-related-gallery {background:#F9F9F9;border:1px solid #E0E0E0;overflow:hidden;margin-bottom:1em;margin-top:1em;padding:5px;}
.ngg-related-gallery img {border: 1px solid #DDDDDD;float: left;margin: 0pt 3px;padding: 2px;height: 50px;width:  50px;}
.ngg-related-gallery img:hover {border: 1px solid #000000;}