@import 'reset.css';
@import 'scroll.css';

/* SITE CSS */
html { height:100%; background:url(i/background.jpg) center top #fff6de; }
	body { font-family:Arial; background:url(i/background-top.png) center top repeat-x; }
	body .clear { clear:both; }
	body a { text-decoration:none; color:#dd4d26; }
	body a:hover { text-decoration:none; color:#dd4d26; }

#wrapper-container { width:auto; background:url(i/wrapper-footer.png) center bottom repeat-x; zoom:1; }
#wrapper { width:auto; background:url(i/wrapper-right.png) right center repeat-y; zoom:1; }

/* HEADER */
#header-container { width:auto; height:553px; background:url(i/wrapper-left.png) left center repeat-y; }
#header { display:block; width:1000px; height:553px; margin:0px auto; background:url(i/header-background.jpg); position:relative; z-index:4; }
	/* logo */
	#logo { position:absolute; left:421px; top:44px; }
		#logo a { width:149px; height:133px; display:block; }
			#logo a span { display:none; }
	/*menu*/
	#menu { width:683px; height:45px; position:absolute; left:108px; top:480px;  }
		#menu li { display:block; position:absolute; left:0px; top:0px; height:45px; }
		#menu li.about.selected { background:url(i/menu-selected.jpg) -10px 0px no-repeat;; }
		#menu li.shop.selected { background:url(i/menu-selected.jpg) -160px 0px no-repeat; }
		#menu li.blog.selected { background:url(i/menu-selected.jpg) -309px 0px no-repeat; }
		#menu li.faq.selected { background:url(i/menu-selected.jpg) -457px 0px no-repeat; }
		#menu li.cart.selected { background:url(i/menu-selected.jpg) -595px 0px no-repeat; }
			#menu li a { display:block; height:35px; }
				#menu li a span { display:none; }
		#menu li.about { left:0px; }
			#menu li.about a { width:84px; }
		#menu li.shop { left:160px; }
			#menu li.shop a { width:84px; }
		#menu li.blog { left:309px; }
			#menu li.blog a { width:84px; }
		#menu li.faq { left:457px; }
			#menu li.faq a { width:84px; }
		#menu li.cart { left:595px; }
			#menu li.cart a { width:115px; }
	/* search */
/* search */
    #search { position:absolute; right:0px; bottom:0px; width:180px; height:116px; background:url(i/search_bg.png); }
        #search fieldset {  }
            #search .search { position:absolute; left:60px; top:35px; }
                #search .search input { border-spacing:0px; margin:0px; padding:0px; space:0px; background:transparent; border:0px; width:95px; height:20px; text-align:center; text-transform:uppercase; font-size:11px; color:#9e9a94; -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); }
            #search .submit { position:absolute; left:7px; top:28px; }
                #search .submit input { display:block; width:45px; height:17px; }
    #image_head { position:absolute; left:87px; top:206px; width:816px; height:267px;  }

/* CONTENT */
#content-container { width:auto; background:url(i/wrapper-left.png) left center repeat-y; }
#content { display:block; width:1000px; margin:0px auto; background:url(i/content-background.jpg); position:relative; z-index:5; }


/*page*/

#page .bottom { width:1000px; height:30px; display:block; position:relative; background:url(i/about-hr.png) 2px center no-repeat;  }
#page { width:1000px; position:relative; margin-top:-25px; margin-bottom:-8px; z-index:5; background:url(i/page-background.jpg) 1px 0px no-repeat; }
#page .text { width:900px; min-height:200px; position:relative; padding-left:45px; padding-top:38px;}
#page .text p { font-size:13px; width: 100%; padding-bottom:10px; line-height:15px; color:#5F5F5F; }
#page h1 { color: #DD4D26; text-transform: uppercase; font-weight:bold; padding-top:10px; font-size:17.4px;}
	/* about */
	#about { width:1000px; position:relative; background:url(i/about-background.jpg) 1px 0px no-repeat; margin-top:-25px; margin-bottom:-8px; z-index:5; }
		#about h1 { width:1000px; height:64px; display:block; position:relative; background:url(i/about-title.png) center 13px no-repeat; }
		#about .bottom { width:1000px; height:30px; display:block; position:relative; background:url(i/about-hr.png) 2px center no-repeat; margin-top:-30px; }
		#about .about { width:1000px; background:url(i/about-background2.jpg) 1px 0px repeat-y; }
				#about h1 span { display:none; }
			#about .image { position:absolute; left:33px; top:60px; padding-bottom:30px; }
			#about .text { width:670px; padding-top:3px; padding-left:280px; padding-bottom:20px; min-height:200px; position:relative; }
				#about .text p { font-size:13px; width:670px; padding-bottom:10px; line-height:15px; color:#5F5F5F; }
		/* contact */
	#contact { width:1000px; height:267px; position:relative; background:url(i/contact-background.jpg) 1px 0px no-repeat; margin-top:-25px; margin-bottom:-8px; z-index:5; }
		#contact h1 { width:1000px; height:64px; display:block; position:relative; background:url(i/contact-title.png) center 13px no-repeat; }
			#contact h1 span { display:none; }
		#contact .text { position:absolute; width:290px; height:180px; overflow:hidden; left:40px; top:60px; }
			#contact .text p { font-size:13px; line-height:15px; color:#857e6e; }
		#contact .contact-form { width:624px; height:187px; left:328px; top:65px; position:absolute; background:url(i/contact-form1.jpg); }
			#contact .contact-form p { position:absolute; left:0px; top:0px; }
				#contact .contact-form p input.input { width:191px; height:24px; display:block; border-spacing:0px; margin:0px; padding:0px; space:0px; line-height:24px; padding-left:3px; padding-right:3px; background:url(i/contact_input.jpg); border:0px; font-size:12px; color:#6d6e71; float: right; }
				#contact .contact-form p textarea { width:268px; height:108px; display:block; border-spacing:0px; margin:0px; padding:0px; space:0px; line-height:20px; padding-left:3px; padding-right:3px; background:url(i/contact_textarea.jpg); border:0px; font-size:12px; color:#6d6e71; overflow:hidden; }
				#contact .contact-form p label { width:140px; float: left; display: block;color: #6D6E71; font-size: 13px; font-weight: normal; font-family: "Century Gothic" }
			#contact .contact-form p.name { left:3px; width:340px; text-align: right; color: #6D6E71; font-size: 15px;}
			#contact .contact-form p.email { left:3px; top:28px; width:340px; text-align: right; color: #6D6E71; font-size: 15px;}
			#contact .contact-form p.phonenumber { left:3px; top:56px; width:340px; text-align: right; color: #6D6E71; font-size: 15px;}
			#contact .contact-form p.website { left:3px; top:84px; width:340px; text-align: right; color: #6D6E71; font-size: 15px;}
			#contact .contact-form p.source { left:3px; top:112px; width:340px; text-align: right; color: #6D6E71; font-size: 15px;}
			#contact .contact-form p.mes { left:350px; top:3px; color: #DD4D26; font-size: 16px; font-family: "Century Gothic"; text-transform: uppercase;}
			#contact .contact-form p.message { left:350px; top:28px;}
			#contact .contact-form p.submit { left:350px; top:144px; }
				#contact .contact-form p.submit input { width:81px; height:38px;background:url(i/submit_bg.jpg);}
	/* center */
	#center { width:693px; float:left; padding-bottom:40px; padding-left:37px; margin-top:-2px; position:relative; }
		/* post */
		#center .post { margin-bottom:18px; }
			/* post header */
			.primaimg img{ max-width:660px;  width: expression(this.width > 660 ? 660: true); height:auto; }
			#center .post .post-header { width:685px; background:url(i/post-header-background.jpg) center top no-repeat; }
				#center .post .image { padding-left:12px; padding-top:13px; }
				#center .post .info { width:685px; height:67px; display:block; position:relative; }
					#center .post .info .date { width:83px; height:51px; background:url(i/post-header-info-background.jpg); position:absolute; left:12px; top:7px; line-height:51px; color:#857e6e; font-size:20px; text-align:center; font-family: "Myriad Pro"; }
					#center .post .info .title { width:475px; height:51px; background:url(i/post-header-title-background.jpg); position:absolute; left:106px; top:7px; line-height:51px; color:#dd4d26; font-size:25px; text-align:center; }
						#center .post .info .title a { color:#dd4d26; }
					#center .post .info .comments { width:83px; height:51px; background:url(i/post-header-info-background.jpg); position:absolute; right:12px; top:7px; }
						#center .post .info .comments a { width:83px; display:block; font-size:15px; text-align:center; color:#857e6e; font-family:"Myriad Pro"; padding-top:10px; line-height:0.8; }
							#center .post .info .comments a span { font-size:30px; font-weight:bold; }
			/* opener-closer */
			#center .post .opener-closer { width:685px; height:42px; display:block; }
			#center .post.opened .opener-closer { height:45px; }
				#center .post .opener-closer a { width:685px; height:42px; display:block; }
				#center .post.closed .opener-closer a { background:url(i/post-opener.jpg); }
				#center .post.opened .opener-closer a { background:url(i/post-closer.jpg); height:45px; }
			/* hidden */
			#center .post .hidden {  }
				#center .post .hidden p {
	font-size:13px;
	color:#5F5F5F;
	line-height:22px;
	padding-top:15px;
	padding-bottom:15px;
}
				#center .post .hidden img{ margin-left:auto; margin-right:auto; display:block; max-width:670px; height:auto; }
				#center .post .hidden p.image { padding:0px; }
				/* meta */
				#center .post .hidden ul.meta { width:591px; height:49px; background:url(i/post-meta.jpg); margin-bottom:10px; position:relative; }
					#center .post .hidden ul li { position:absolute; left:0px; top:0px; height:49px; }
						#center .post .hidden ul li a { height:17px; display:block; margin-top:27px; }
							#center .post .hidden ul li a span { display:none; }
					#center .post .hidden ul.meta li.post-a-comment { left:11px; }
						#center .post .hidden ul.meta li.post-a-comment a { width:115px; }
					#center .post .hidden ul.meta li.link-to-post { left:146px; }
						#center .post .hidden ul.meta li.link-to-post a { width:80px; }
					#center .post .hidden ul.meta li.share-the-post { left:246px; }
						#center .post .hidden ul.meta li.share-the-post a { width:100px; }
					#center .post .hidden ul.meta li.social1 { left:379px; }
						#center .post .hidden ul.meta li.social1 a { width:17px; display: block; background: url(i/social1.jpg) no-repeat;  }
					#center .post .hidden ul.meta li.social2 { left:403px; }
						#center .post .hidden ul.meta li.social2 a { width:17px; display: block; background: url(i/social2.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social3 { left:427px; }
						#center .post .hidden ul.meta li.social3 a { width:17px; display: block; background: url(i/social3.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social4 { left:451px; }
						#center .post .hidden ul.meta li.social4 a { width:17px; display: block; background: url(i/social4.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social5 { left:475px; }
						#center .post .hidden ul.meta li.social5 a { width:17px; display: block; background: url(i/social5.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social6 { left:500px; }
						#center .post .hidden ul.meta li.social6 a { width:17px; display: block; background: url(i/social6.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social7 { left:523px; }
						#center .post .hidden ul.meta li.social7 a { width:17px; display: block; background: url(i/social7.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social8 { left:547px; }
						#center .post .hidden ul.meta li.social8 a { width:17px; display: block; background: url(i/social8.jpg) no-repeat; }
					#center .post .hidden ul.meta li.social9 { left:571px; }
						#center .post .hidden ul.meta li.social9 a { width:17px; display: block; background: url(i/social9.jpg) no-repeat; }
				/* comments */
				#center .post .hidden .comments { line-height:15px; width:685px; overflow:auto; }
					#center .post .hidden .comments p { line-height:15px; padding:0px; padding-bottom:15px; }
						#center .post .hidden .comments p a { text-decoration:underline; text-transform:uppercase; }
				/* add-comment */
				#center .post .hidden .add-comment { width:685px; height:134px;  position:relative; background:url(i/line_com.jpg) no-repeat; }
					#center .post .hidden .add-comment fieldset {  }
					#center .post .hidden .add-comment fieldset p.line { width:auto; background:url(i/line_com.jpg) no-repeat; height: 3px; font-size: 1px; clear: both;  }
					#center .post .hidden .add-comment fieldset h1 { padding-top:12px; color: #DD4D26; text-transform: uppercase; font-weight: normal; font-family: "Century Gothic"; text-align: center; }
						#center .post .hidden .add-comment p { position:absolute; left:0px; top:0px; padding:0px; }
							#center .post .hidden .add-comment p.name { left:2px; top:36px; }
							#center .post .hidden .add-comment p.email { left:2px; top:66px; }
							#center .post .hidden .add-comment p.url { left:2px; top:96px; }
								#center .post .hidden .add-comment p.name input,
								#center .post .hidden .add-comment p.email input,
								#center .post .hidden .add-comment p.url input { width:228px; height:24px; display:block; border-spacing:0px; margin:0px; padding:0px; space:0px; line-height:24px; padding-left:3px; padding-right:3px; background:url(i/input_bg.jpg); border:0px; font-size:12px; color:#6d6e71; }
							#center .post .hidden .add-comment p.message { left:242px; top:36px; }
								#center .post .hidden .add-comment p.message textarea { width:351px; overflow:auto; height:79px; display:block; border-spacing:0px; margin:0px; padding:0px; space:0px; line-height:24px; padding:2px; line-height:1.2;background:url(i/textarea_bg.jpg); border:0px; font-size:12px; color:#6d6e71; }
							#center .post .hidden .add-comment p.submit { left:604px; top:60px; }
								#center .post .hidden .add-comment p.submit input { width:81px; height:38px;background:url(i/submit_bg.jpg); }
		/* navigation */
		#navigation { width:685px; height:30px; display:block; position:relative; }
			#navigation .next { position:absolute; right:0px; top:0px; z-index:2;}
				#navigation .next a { width:125px; height:11px; display:block; background:url(i/next.png) 0px -11px no-repeat; }
				#navigation .next a:hover { background:url(i/next.png) 0px 0px no-repeat; }
					#navigation .next a span { display:none; }
			#navigation .pages { width:685px; display:block; position:absolute; left:0px; top:0px; text-align:center; text-transform:uppercase; font-size:13px; color:#857e6e; }
				#navigation .pages a { color:#857e6e; }
				#navigation .pages a.selected { color:#dd4d26; }
			#navigation .previous { position:absolute; left:0px; top:0px; }
				#navigation .previous a { width:125px; height:11px; display:block; background:url(i/previous.png) 0px -11px no-repeat; }
				#navigation .previous a:hover { background:url(i/previous.png) 0px 1px no-repeat; }
					#navigation .previous a span { display:none; }
	/* sidebar */
	#sidebar { width:270px; float:left; padding-bottom:40px; }
		/* pictures-wall */
		#pictures-wall { background:url(i/pictures-wall.jpg); width:270px; height:524px; display:block; position:relative; }
			#pictures-wall .angles { background:url(i/pictures-wall-angles.png); width:270px; height:524px; display:block; position:absolute; left:0px; top:0px; z-index:2; }
			#pictures-wall ul { width:270px; height:524px; display:block; position:absolute; left:0px; top:0px; z-index:1; }
				#pictures-wall ul li { position:absolute; left:0px; top:0px; }
				#pictures-wall ul li.picture1 { left:17px; top:9px; }
				#pictures-wall ul li.picture2 { left:17px; top:298px; }
				#pictures-wall ul li.picture3 { left:123px; top:298px; }
				#pictures-wall ul li.picture4 { left:17px; top:400px; }
					#pictures-wall ul li a {  }
						#pictures-wall ul li a img {  }
		/* sponsors */
		#sponsors { padding-left:10px; padding-top:16px; }
			#sponsors ul { margin-right:-34px; position:relative; }
				#sponsors ul li { float:left; padding-right:34px; padding-bottom:19px; }
					#sponsors ul li a {  }
						#sponsors ul li a img {  }

/* FOOTER */
#footer-container { width:auto; height:160px; background:url(i/wrapper-left.png) left center repeat-y; zoom:1; position:relative; z-index:4; }
#footer { display:block; width:1000px; height:160px; margin:0px auto; background:url(i/footer-background.jpg) left bottom no-repeat; position:relative; zoom:1; z-index:4; }
	/* archives */
	#footer #archives { width:1000px; height:78px; background:url(i/archives.png); position:absolute; left:0px; bottom:81px; z-index:4; }
		#footer #archives ul { position:absolute; left:40px; top:35px; }
			#footer #archives ul li { float:left; text-transform:uppercase; font-size:12px; color:#dd4d26; }
			#footer #archives ul li.title { width:120px; }
			#footer #archives ul li.year { width:50px; position:relative; }
				#footer #archives ul li.year .top { display:block; width:10px; height:6px; background:url(i/year-arrows.png) -10px 0px no-repeat; position:absolute; top:0px; left:0px; margin-top:-15px; margin-left:9px; }
				#footer #archives ul li.year .top:hover { background:url(i/year-arrows.png) 0px 0px no-repeat; }
				#footer #archives ul li.year .bottom { display:block; width:10px; height:6px; background:url(i/year-arrows.png) -10px -6px no-repeat; position:absolute; bottom:0px; left:0px; margin-bottom:-15px; margin-left:9px; }
				#footer #archives ul li.year .bottom:hover { background:url(i/year-arrows.png) 0px -6px no-repeat; }
			#footer #archives ul li.month { width:48px; }
				#footer #archives ul li.month a { color:#857e6e; }
				#footer #archives ul li.month.selected a { color:#dd4d26; }
		#footer #archives .search { position:absolute; right:45px; top:30px; }
			#footer #archives .search fieldset {  }
				#footer #archives .search .input {  }
					#footer #archives .search .input input { width:133px; height:24px; display:block; border-spacing:0px; margin:0px; padding:0px; space:0px; line-height:24px; padding-left:3px; padding-right:3px; background:transparent; border:0px; font-size:12px; color:#6d6e71; }
	/* copyright */
	#footer .copyright { width:1000px; height:17px; background:url(i/copyright.png); position:absolute; left:0px; bottom:33px; }
		#footer .copyright a.flo-sites { width:110px; height:17px; position:absolute; right:13px; top:0px; }