@import "reset.css";

/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
RICHARDCOLMANART.COM CSS
author: Ben Visser of Nice Outfit
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

html { height: 100%; }
body { padding: 0; margin: 0; background-color: #fff; font-family: Verdana, sans-serif; font-size: 62.5%; background: url('../_images/bg-.jpg') fixed; height: 100%; }
body#store { background: url('../_images/bg-store.jpg') no-repeat fixed bottom right; }
body#cv { background: url('../_images/bg-cv.jpg') no-repeat fixed bottom right; }
body#contact { background: url('../_images/bg-contact.jpg') no-repeat fixed bottom right; }
body.blog { background: url('../_images/bg-blog.jpg') no-repeat fixed bottom right; }

hr { border: 0; background-color: #222; margin: 35px 0 40px 0; clear: left; height: 1px; }
.divider { color: #222; width: 100%; padding-top: 25px; margin-bottom: 30px; border-top: 1px solid #222; clear: left; }

/*
----------------------------------------------------------------
----------------------------------------------------------------
NAV
----------------------------------------------------------------
----------------------------------------------------------------
*/

#nav { position: fixed; top: 0; left: 0; width: 200px; z-index: 2; padding-top: 0; background-color: #fff; overflow: hidden; }
#menu { position: fixed; top: 0; left: 0; z-index: 1; margin: 85px 0 0 5px; cursor: pointer; }

#nav-top { float: left; width: 230px; padding-bottom: 0px; }
#nav-mid { float: left; margin-top: 0; width: 230px; }
#nav-bottom { float: left; width: 230px; height: 6px;  }

#nav-content { float: left; width: 185px; padding: 50px 40px; }

	#nav-content ul { float: left; width: 100%; }
	#nav-content ul.nav-title { margin-bottom: 5px; }
	#nav-content ul.nav-options { margin-bottom: 15px; }
	#nav-content ul li { margin-bottom: 7px; }
		#nav-content ul li a { text-decoration: none; }
		#nav-content ul li a:hover { color: #333; }
		#nav-content ul.nav-title li a { font-size: 3.5em; font-weight: normal; color: #000; }
		
		#nav-content ul.nav-options li a { font-size: 2.3em; font-weight: normal; color: #666; }
		#nav-content ul.nav-options li a:hover { color: #000; }
		#nav-content ul.nav-options li.active a { color: #ccc; }
	
	#nav-content .nav-newsletter { float: left; width: 100%; border-top: 1px solid #ccc; padding-top: 25px; }
		#nav-content .nav-newsletter input.text { -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 1em; width: 125px; border: none; background-color: #000; color: #fff; padding: 10px 10px; margin-bottom: 5px; }

/* 
----------------------------------------------------------------
----------------------------------------------------------------
meat
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

.wrapper{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }

.container { width: 100%; height: 100%; }
.container-gallery { width: 100%; height: auto !important; height: 100%; }
	
	.content-holder { width: 720px; margin: 0 auto; padding-left: 200px; }
	
	.meat-home { float: left; width: 720px; margin: 30px 0 30px 0; color: #fff; }
		.meat-home p { text-align: center; }
	
	.meat-thumbs { float: left; width: 720px; margin: 30px 0 30px 0; color: #fff; margin-top: 90px;  }
	.meat-gallery { text-align: center; float: left; width: 100%; margin: 40px 0; overflow: hidden;  }
	
	.meat { float: left; width: 640px; background-color: #000; margin: 0 0 0 0; padding: 50px 40px 75px; color: #fff; }
		
		.meat .col-1 { float: left; width: 290px; padding-right: 20px; }
		.meat .col-2 { float: left; width: 290px; padding-left: 20px; }
		
		.meat h1 { font: normal normal normal 3.5em Arial, sans-serif; color: #999999; margin-bottom: 40px; }
		.meat h6 { font: normal normal normal 2em Arial, sans-serif; color: #666666; margin-top: -65px; margin-bottom: 30px; text-align: right; cursor: pointer; }
		.meat h2 { font-size: 2.3em; color: #fff; margin-bottom: 15px; }
		.meat h3 { text-transform: uppercase; font-size: 1.1em; color: #fff; margin-bottom: 15px; line-height: 1.5; }
		.meat p { font: normal normal normal 1.1em Verdana, sans-serif; margin-bottom: 15px; line-height: 1.5; }
		.meat a { color: #999; }
		
		.gallerriffic { float: left; width: 640px; margin-bottom: 30px; }
		.content { float: left; width: 640px; margin-bottom: 5px; overflow: hidden; }
		
		.navigation { float: left; width: 100%; }
		.navigation ul { float: left; width: 100%; display: inline; margin: 0; padding: 0; }
		.thumb { float: left; margin: 0 3px 0 0; padding: 0; }
		.selected {
			opacity: .5;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
			filter: alpha(opacity=50);
		}
		
		.buynow { width: 100%; }
		.buynow li { width: 150px; }
		
		form dd input { border: none; background-color: #333; color: #fff; padding: 10px; font: normal normal normal 1.1em Verdana, sans-serif; margin-bottom: 20px; width: 290px; }
		form dd textarea { border: none; background-color: #333; color: #fff; padding: 10px; font: normal normal normal 1.1em Verdana, sans-serif; margin-bottom: 10px; width: 620px; }
		form dt { margin-bottom: 20px; }
		form label { font-size: 1.1em; }
		
		#error { display: none; background-color: #990000; float: left; width: 600px; padding: 10px 20px; margin-bottom: 40px; }
		#error p { padding: 0; margin: 0; color: #fff; }
		#error p ul { margin-top: 10px; list-style-type: disc; margin-left: 20px; }
		
		#success { float: left; height: 32px; display: none; }
		#loader { float: left; height: 32px; display: none; }
		#sub-load { float: left; height: 32px; display: none; }
		#sub-success { float: left; height: 32px; display: none; }
			#sub-success { font: normal normal normal 1em Verdana, sans-serif; }

		.news-hidden { display: none; }
		.more { color: #999; text-decoration: underline; cursor: pointer;}
		
		#news { background-color: #000; display: none; }

.slideshow{ text-align: center; overflow: hidden; }

.gallery-img { display: none; }
.gallery-img img { cursor: pointer }

.gallery-thumbs { float: left; width: 720px; }
.gallery-thumbs li { float: left; width: 61px; height: 61px; margin-right: 10px; border: 1px solid #fff; }
.gallery-thumbs li:hover { border: 1px solid #000; }
.gallery-thumbs li.last { margin-right: 0; margin-bottom: 10px; }

.footer { height: 30px; width: 96%; margin: 0; padding: 0 2%; background-color: #000; color: #fff; padding-top: 20px; z-index: 5; }
.footer-left { float: left; width: 50%; }
.footer-right { float: right; width: 50%; text-align: right; }
			
/*blog*/
#blog-content { float: left; width: 480px; margin-right: 40px; }
.sidebar { float: left; width: 120px; padding-top: 30px; text-align: right; }
.post h2 a { text-decoration: none; color: #fff; }
.post h2 a:hover { text-decoration: underline; }
.post p a:hover { text-decoration: none; }
.entry-meta { font-size: .9em; }
#primary h3 { margin-bottom: 5px; }

#primary ul { margin-bottom: 20px; }
#primary ul li { margin-bottom: 8px; }
#primary ul li a:hover { text-decoration: none;}

.commentlist { list-style-type: decimal; margin-left: 17px; }
.avatar { display: none; }
cite { font: normal normal normal 1.1em Verdana, sans-serif; }
.comment-meta { padding-bottom: 15px; font-size: .9em; color: #666; }
.comment-meta a { text-decoration: none; }

#blog-content input.text { border: none; background-color: #333; color: #fff; padding: 10px; font: normal normal normal 1.1em Verdana, sans-serif; margin-bottom: 0px; width: 200px; }
#blog-content  textarea { border: none; background-color: #333; color: #fff; padding: 10px; font: normal normal normal 1.1em Verdana, sans-serif; margin-bottom: 0px; width: 460px; }

.extras { display: block; width: 100%; text-align: right; margin-top: -60px; padding-bottom: 40px; }
		
/*overrides*/
.height-390 { height: 390px; }
.height-350 { height: 350px; }
.height-430 { height: 430px; }