/* CSS File for Pronto Denim (www.prontodenim.com) */
/*

Title: style.css
Browsers: All
Author: Sakchai Siripanyawuth (Artellectual.com)
*/


* {	margin: 0 auto 0 auto;	padding: 0; }

body {	margin: 0;	font-size: 62.5%;	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; line-height: 150%;	color: #fff;	background: #03223f url(i/bg.jpg) top center no-repeat; }

div, p, ul, img { padding: 0px;	margin: 0px; border: none; }

ul { list-style-type: none; }

a { outline: none;	text-decoration: none;	color: #fff; padding: 0; margin: 0; }
a img {	border: none; }

h1 { font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	font-size: 2.4em; }


h2 { background: url(i/titlebar.png) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #fff;
	 font-weight: bold;	font-size: 1.2em;	padding-left: 10px;	margin: 0;	line-height: 32px; }
	 
h3 { font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	font-size: 14px; padding-left: 10px; color: #343434; margin-top: 10px; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: bold; }
h5 { font-size: 1.8em; }
h6 { background: url(i/titlebar.png) repeat-x; font-family: Georgia, "Times New Roman", Times, serif; color: #fff;
	 font-weight: bold;	font-size: 1.2em;	padding-left: 10px;	margin: 0;	line-height: 32px; }

.hr { border-bottom: 1px solid #454545;	border-left: none;	border-right: none;	border-top: none;	margin: 10px 0 20px 0; }

p { padding: 0; line-height: 1.4em; }

.col1 { float: left;  }
.col2 { float: right; }

.clearer { clear: both; }	
/* Top Bar */

#top-strip { background: url(i/topbg.png) top center repeat-x; height: 53px; z-index: 10; }
#top-bar { background: url(i/topbar.png) top center no-repeat; height: 253px; margin-top: -15px; z-index: 10; }
#top-bar .center{ position: relative; }
.center { width: 960px; height: 100%;	margin: 0 auto; padding: 0; }

/* Main Navigation */
.nav { font-family: Georgia, "Times New Roman", Times, serif; color: #343434; font-size: 18px; font-weight: bold; margin-left: 65px; padding-top: 13px; } 
.nav li { display: inline; margin-left: 5px; margin-right: 5px; }
.nav li a{ color: #343434; } .nav li a:hover { color: #fff; }

.nav-brand { font-family: Georgia, "Times New Roman", Times, serif; color: #343434; font-size: 14px; line-height: 18px; font-weight: bold; margin-left: 25px; padding-top: 6px; text-align: center; margin-right: 25px; } 
.nav-brand li { display: inline; margin-left: 5px; margin-right: 5px; }
.nav-brand li a{ color: #343434; } .nav-brand li a:hover { color: #fff; }

.nav-cat { font-family: Georgia, "Times New Roman", Times, serif; color: #343434; font-size: 18px; font-weight: bold; margin-left: 35px; padding-top: 8px; }
.nav-cat li { display: inline; margin-left: 7px; margin-right: 7px; } 
.nav-cat li a{ color: #343434; } .nav-cat li a:hover { color: #fff; }

.navigation { width: 480px; margin-left: 30px; padding-top:10px; font-family: Georgia, "Times New Roman", Times, serif;	font-weight: bold;	font-size: 1.4em;  }
.navigation .alignleft { float:left; }
.navigation .alignright { float: right; }

/* Logo */
#logo { padding-top: 30px; padding-left: 40px; }
h1 a { float: left; display: block; width:  319px;	height: 81px;	background: transparent url(i/logo.png) no-repeat; text-indent: -9999px; overflow: hidden; }


/* Top Bar Right */
#top-right { position: absolute ; top: 15px; left: 730px; width: 160px; }

	/* Social */ 
	#social { font-family: Georgia, "Times New Roman", Times, serif; color: #343434; font-size: 18px; font-weight: bold; margin-left: 30px; }
	#social ul li { display: inline; margin-left: 2px; margin-right: 2px; } #social ul { padding-top: 5px; }
	#social p { padding-left: 10px; }
	
	/* Ad Space */
	#ad-space-bg { background: url(i/banner-trans.png); width: 280px; height:270px; position: relative; top: -15px; left: 400px; z-index: -1; }
	#ad-space { margin-top: -250px; }
	.ad-content { position: relative; height: 240px; left: 400px; top: 0px; width: 280px; height:270px;  }
	.next { position: absolute; top: 105px; left: 242px; width: 28px; height: 27px; overflow: hidden; background:url(i/next.png);  }
	.prev { position: absolute; top: 105px; left: 10px; width: 28px; height: 27px; overflow: hidden; background:url(i/prev.png);  }
	.slide { width: 200px; height: 185px; position: absolute; top: 43px; left: 36px; border: 6px solid #343434; }
	
	
	/* Search */
	#search-box p{ font-family: Georgia, "Times New Roman", Times, serif; color: #343434; font-size: 18px; font-weight: bold; margin-left: 50px; }
	#search-box { margin-bottom: 10px; }
	#searchform { margin-left: 10px; }
	.search-list { padding: 10px; }
	.search-list li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid #343434; padding : 10px; }
	.search-list li img { float:left; border: 3px solid #343434; margin-right: 10px;  }
	.search-list li:last-child { border:none; }
	fieldset.search { border: none;	}
	.search input {	width: 100%; border: none; float: left;   color: #fff; border: #343434 solid 2px; }
	.search input.box {	color: #fff;font-size: 1.1em; width: 120px;	height: 20px; padding-left: 10px; padding-right: 10px; vertical-align: middle; background: #343434; display: inline; outline: none; }
	.search input.box:focus { background: #343434;	outline: none; }
	.btn {  background: #ebebeb ; border: none; color: #343434; text-align: center; width: 144px; font-size: 12px; border: 2px solid #343434; margin-top: -2px; font-weight: bold; }

	
/* Main Content Area */
	
	/* Side Bar */
	.widget { font-size: 12px; color:#b6bcc1; }
	.widgettitle { font-size: 16px; }
	.widget ul { margin-left: 10px; }
	.widget ul li { border-top: 1px solid #fff; border-bottom:1px solid #27465f; padding-top: 5px; padding-left: 10px; padding-bottom: 5px; margin-left: 10px; margin-right: 10px;}
	.widget ul li:hover { background: #ebebeb;  } .widget ul li:hover a{ color:#343434; }
	.widget ul li:first-child { border-top: none; }
	.widget ul li:last-child { border-bottom: none; }
	.widget div { margin-left: 20px; }
	

	/* Main Content Sub Nav */
	#content-sub-nav { background: url(i/content-top-bar.png); height: 73px; }
	#content-sub-nav .nav { margin-left: 20px; font-size: 15px; }
	#content-sub-nav .nav li{ margin-left: 10px; margin-right: 10px; display:inline; }
	
	
	/* Content */
	.more-link { font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 12px; }
	.more-text { color: #585858; }
	.more-text:hover { color: #343434; }
	#content { background: url(i/content-trans.png); padding-bottom: 60px; padding-top: 5px; min-height: 600px; margin-bottom: 25px; }
	#content .col1 { width: 540px; float: left; margin-left: 60px; }
	#content .col2 { width: 240px; float: right; margin-right: 60px; }
	#content .one-col { width: 840px; float: left; margin-left: 60px; margin-right: 60px; }
	
	#content .three-col { width: 840px; margin-left: 70px; margin-right: 60px; margin-top: 20px; }
		.three-col .col-1 { float: left; width: 260px; border-right: 1px solid #fff; min-height: 240px; }
		.three-col .col-2 { float: left; width: 260px; border-right: 1px solid #fff; margin-left: 30px; min-height: 240px;  }
		.three-col .col-3 { float: right; width: 260px; min-height: 240px;  }
		
	.img-list {margin-top: 7px;}
	.img-list img{ border: 4px solid #343434; }
	.img-list li {display:inline; float: left; margin-right: 10px; margin-top: 5px;}
	.main-img {margin-top: 7px;}
	.main-img img{ border: 4px solid #343434; }
	.main-img li{display:inline; float: left; margin-right: 10px; margin-top: 5px;}
	.price { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; padding: 0px; }
	.add-to-cart-button { margin-left: 400px; background: #343434; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; border:none; padding: 5px; }
	.postmetadata { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #343434;  }
	
	/* Shop Landing Page */
	.land-img { margin: 15px; border: 6px solid #fff; }
	.landing-banner { margin-top: 15px; border: 6px solid #fff; }
			
		/* Post Item */
		.post-single { float: left; margin-top: 15px;  margin-left: 15px; width: 820px; overflow: hidden; }
		.post-single .post-shadow { background: none; }
		.post { float: left; margin-top: 15px;  margin-left: 15px; width: 555px; overflow: hidden; }
		.post-shadow { background: url(i/shadow-alpha.png) no-repeat bottom right; margin: 15px 0px 0px 15px; }
		.post-shadow h2{ background: url(i/post-title.png) repeat-x; height: 30px; color: #343434; font-size: 16px; font-weight: bold; }
		.post-shadow a{ color: #343434; }
		.post-shadow p {  padding: 10px; color: #343434; font-size: 14px;  }
		.post-shadow .post-box { position: relative; bottom: 15px; right: 15px; }
		.post-shadow .the-content { background: #ebebeb; padding: 10px; }
		.post-grid { float: left; width: 100%;  overflow: hidden; }
		.post-shadow h6{ background: url(i/post-title.png) repeat-x; height: 30px; color: #343434; font-size: 14px; font-weight: bold; }

		/*Product Grid */
		.product-grid { width: 830px; margin-left:15px; } 
		.product-grid li { display: inline; width: 260px; float: left; margin-top: 15px; margin-right:15px;  text-align: center; } 
		.product-grid li img { margin-bottom: 5px; border: 3px solid #262626; }
		
		.product-list { width: 280px; }
		.product-list li { width: 240px; float: left; margin-top: 15px; margin-right:15px;  text-align: center; } 
		.product-list li img { margin-bottom: 5px; border: 3px solid #262626; }
		
	/* Comments Template */
	.comments-template h3 { font-size: 16px; }
	.comments-template { padding-left: 10px; }
	.comments-template .avatar { float: left; padding-right: 10px;}
	.comments-template .commentlist { padding-left: 10px;}
	.comments-template li { border-bottom: 1px solid #fff; padding: 10px; font-size: 14px; }
	.comments-template .vcard { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; }
	.comments-template .comment-meta { display:none; }
	.comment-body p { margin-left: 50px; margin-top: 10px; margin-bottom: 10px; background: #ebebeb; padding: 10px; color: #343434; border: 1px solid #343434; }
	
	#commentform { margin-left: 20px; margin-top: 10px; }
	#commentform input { margin-top: 10px; background: #ebebeb; border: 1px solid #343434; padding: 5px; }
	#commentform label { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; }
	#commentform textarea { margin-top: 10px; background: #ebebeb; border: 1px solid #343434; padding: 5px; width: 400px; }
	#submit { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}

		
/* Footer */
#footer { background: url(i/footer-bar.png) bottom center repeat-x; height: 36px; margin-top: 25px;}
p.disclaim { font-size: 14px; font-weight: bold; padding-top: 8px; padding-left: 5px; font-family: Georgia, "Times New Roman", Times, serif; color: #343434; }
#footer a { color: #343434; } #footer a:hover { color: #fff; }
#footer .nav { padding-top: 8px; font-size: 14px; }