@import 'reset.css';
@import url("http://zidalgo.com/wp-content/themes/Zidalgo/switcher.css");

textarea, input, select {
	font-family: Arial, Helvetica, sans-serif;
	}

html {
	font-size: 100.01%;
	}
html, body {
	height: 100%;
	height: auto;
	background: url(../i/main-bg.jpg) repeat #582c1f;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
	
body {
	text-align: center;
	font: .7em/1.3em Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../i/top-bg.jpg) repeat-x 0px 0px;
	/*min-height: 1176px;*/
	}

a, a span {
	cursor: pointer;
	}
	
a {
	color: #166a9a;
	text-decoration: underline;
	}
	a:hover {
		color: #000;
		text-decoration: underline;
		}

hr {
	display: none;
	}

.clear {
	clear: both;
	height: 1px;
	width: 100%;
	}

img {
	vertical-align: bottom;
	}
	
	
img { behavior: url(i/iepngfix.htc); }
	
/* COLORS 
---------------------------------------- 
lines - 	#323232;
font main - #000;
link in text main - #166a9a
link:hover in text - #166a9a
in search form - #393939;
*/


#center { width: 1032px; position: relative; margin: 0 auto; }



/* Header
----------------------------------- */
#header { width: 100%; position: relative; text-align: left; padding: 38px 0 15px 0; z-index: 100; }
	#header h1 { margin: 0 0 0 48px; }
	
	
/* Content 
----------------------------------- */
#generic-content { background: url(../i/content-main-bg.png) repeat-y center; text-align: left !important; }
	
	
	/* Content Top */
	#content-top { width: 1032px; height: 57px; position: relative; background: url(../i/content-top-bg.png) no-repeat center top; margin: -20px 0 0 0; z-index: 1; }
		
		/* Navigation Menu*/
		#top-nav { position: absolute; text-transform: uppercase; font-size: 1.3em; font-weight: bold; top: 21px; left: 48px; font-family: Arial, Helvetica, sans-serif;  }
			#top-nav a { color: #000; text-decoration: none; height: 36px; }
			 
			#top-nav ul li { float: left; margin: 0 10px; }
				#top-nav ul li a { display: block; height: 36px; line-height: 36px; float: left; padding: 0 6px; }
				#top-nav ul li.curr a { background: url(../i/top-menu-curr-bg.gif) repeat-x bottom center; }
				#top-nav ul li a:hover { color: #fff; background: url(../i/top-menu-hover-bg.gif) repeat-x center top; }
	
		/* Search form */
		#top-search-form { width: 292px; height: 36px; position: absolute; top: 21px; right: 48px; background: url(../i/top-search-form-bg.gif) no-repeat; }
		
			/* RSS */
			#top-search-form .rss-feed { width: 42px; height: 36px; position: absolute; top: 0; right: 0; }
			
			/* Search Form itself */
			#search-form { width: 222px; height: 22px; background: url(../i/top-search-input-bg.gif) no-repeat center top; position: absolute; left: 15px; top: 7px;  text-transform: uppercase; }
				#search-form form { width: 222px; height: 22px; position: absolute; top: 0px; left: 10px; }
					#search-form .text-input { font-size: 12px; font-weight: bold; background: transparent; border: none; width: 160px; height: 20px; position: absolute; top: 4px; left: 30px; text-transform: uppercase; color: #555555; padding: 0 !important; margin: 0 !important; line-height: 20px; }
					#search-form #search-btn { position: absolute; top: 5px; left: 0px; }
				
	/* General Wrap */
	#gen-wrap { width: 936px; position: relative; margin: 0 auto; }
	
	/* Welcome */
	#welcome { width: 936px; height: 196px; background: url(../i/welcome-bg.jpg) no-repeat center top; }
		#welcome .text { padding: 50px 0 0 50px; color: #fff; }
			#welcome .text h1 { text-transform: uppercase; font-size: 1.7em; font-weight: normal; margin: 0 0 7px 0; }
			#welcome .text p { font-size: 1.3em; line-height: 1.2em; }
			#welcome .text a { text-decoration: none; color: #00aeef; }
				#welcome .text a:hover { color: #fff; }
				
				
	/* Default Elem */
	.dflt-post-elem { width: 936px; position: relative; background: #eeeeee url(../i/dflt-post-bg.jpg) repeat-x center bottom; /*height: 400px;*/ padding: 30px 0 20px; }
	
	/* Post Shadow */
	.post-shadow { width: 936px; height: 24px; position: absolute; top: 0; left: 0; z-index: 100; }
	
	
	/* Ads Snippet */
	.ads-snippet { width: 936px; height: 109px; background: url(../i/ads-snippet-bg.gif) repeat-x center top; }
		.ads-snippet .wrap { width: 100%; height: 100%; background: url(../i/ads-snippet-label.jpg) no-repeat left top; }	
		
		
	/* Links Block */
	.links-block { float: left; color: #000; width: 206px; overflow: hidden; /*background: #faf0e6;*/ padding: 0 0 30px 22px; }
		.links-block ul { width: 100%; height: 100%; font-size: 1.2em; }
			.links-block ul li { display: block; width: 206px; height: 32px; }
				.links-block ul li a { color: #636363; text-decoration: none; font-weight: bold; background: url(../i/link-list-li-bg.gif) no-repeat center top; width: 191px; height: 32px; display: block; line-height: 32px; padding: 0 0 0 15px; }
					.links-block ul li a:hover,
					.links-block ul li.last a:hover { text-shadow: 1px 1px #000; color: #fff; background: url(../i/link-list-li-bg-hover.gif) no-repeat center top; text-decoration: none; }
				/* Last element in list */
				.links-block ul li.last a { background: url(../i/link-list-li-last-bg.gif) no-repeat center top; }
				
	.links-block h1 {	margin: 0 0 20px 3px; font-size: 1.5em; text-transform: uppercase; white-space: nowrap; }
	
	.links-block .more-in-this { display: block; text-align: right; }
		.links-block .more-in-this a { color: #959595; text-decoration: none; font-size: 1.2em; background: url(../i/more-arrow.png) no-repeat left; padding: 0 0 0 13px; line-height: 2.3em; }
			.links-block .more-in-this a:hover { color: #000; }
			
	/* Inspiration-Gallery Elem */
	.inspiration-gallery { width: 936px; position: relative; background: #d8bd92 url(../i/inspiration-gallery-bg.jpg); /*height: 400px;*/ padding: 30px 0 0 0 !important; }
		
		/* Item */
		.inspiration-gallery li { position: relative; width: 282px; height: 282px; background: url(../i/inspirational-block-bg.png) no-repeat top right; float: left; padding: 0 0 30px 20px; z-index: 1; }
			.inspiration-gallery li a { height:146px !important; left:72px; overflow:hidden; position:absolute; top:65px; width:174px !important; overflow:hidden; }
				.inspiration-gallery li a img { overflow:hidden; }
			
.navigation {
padding:20px;
background:#EEEEEE;
font-size:12px !important;
}	

/* Footer 
--------------------------------------- */
#footer { text-align: center; width: 936px; height: 129px; position: relative; clear: both; background: url(../i/footer-bg.jpg) no-repeat center top; margin: 0 auto; color: #fff; font-size: 1.3em; }

	#copyright { font-size: 1.3em; padding: 35px 0 0 0; }
	#by { position: absolute; top: 35px; left: 20px; text-align: left; line-height: 1.4em; }
	#contacts { position: absolute; top: 35px; right: 20px; text-align: left; line-height: 1.4em; }
		#contacts a { color: #6dcff6; text-decoration: none; }
		#contacts span,
		#contacts span a { color: #f26522; }
		
		
		
/* Category Page
----------------------------------------- */
.category-block { float: left; color: #000; width: 410px; overflow: hidden; /*background: #faf0e6;*/ padding: 0 0 30px 0; }
	.category-block ul { width: 100%; height: 100%; font-size: 1.2em; }
		.category-block ul li { display: block; width: 410px; height: 32px; }
			.category-block ul li a { color: #636363; text-decoration: none; font-weight: bold; background: url(../i/category-list-item-bg.png) no-repeat center top; width: 395px; height: 32px; display: block; line-height: 32px; padding: 0 0 0 15px; }
				.category-block ul li a:hover,
				.category-block ul li.last a:hover { color: #fff; background: url(../i/category-list-item-bg-hover.png) no-repeat center top; text-decoration: none; }
				/* Last element in list */
				.category-block ul li.last a { background: url(../i/category-list-item-bg-last.png) no-repeat center top; }
				
	.category-block h1 {	margin: 0 0 20px 3px; font-size: 1.5em; text-transform: uppercase; }
	
	.category-page .align-left { float: left; padding-left: 30px; width: 410px; }
	.category-page .align-right { float: right; padding-right: 30px; width: 410px; }
	
	
	
/* Single Post Page 
-------------------------------------------- */
.single-post { width: 911px; margin: 0 auto; position: relative; padding: 10px 0 0 25px; font-size: 1.25em; line-height: 1.3em; }

	/* Headers */
	.single-post h1 { font-size: 2em; margin: 0 0 20px 0; }
	.single-post h2 { font-size: 1.7em; margin: 0 0 20px 0; }
	.single-post h3 { font-size: 1.5em; margin: 0 0 20px 0; }
	.single-post h4 { font-size: 1.3em; margin: 0 0 20px 0; }
	
	/* Paragraph */
	.single-post p { margin: 0 0 30px 0; }
	
	/* Post Content */
	.single-post .post-content { width: 490px; float: left; }
	
		/* Lists */
		.single-post .post-content ul { margin: 0 0 30px 0 !important; }
			.single-post .post-content ul li,
			.single-post .post-content ol li { margin: 0 0 15px 20px; list-style: disc; }
			
		.single-post .post-content ol li { list-style: decimal; }
		
		/* BlockQuote */
		.single-post .post-content blockquote p { padding: 10px; color: gray; border-top: 1px dashed #b8b8b8; border-bottom: 1px dashed #b8b8b8; }
	
	/* Post addition information */
	.single-post .post-addition { width: 345px; float: right; padding: 20px 0 0 0; }
	
		.single-post .post-addition .post-addition-img { width: 346px; height: 184px; background: url(../i/post-site-img-bg.png) no-repeat center top; position: relative; }
			.single-post .post-addition .post-addition-img a { position: absolute; top: 1px; left: 6px; }
			
		.single-post .post-addition .post-addition-desc { margin: 15px 0 0 5px; }
			.single-post .post-addition .post-addition-desc a { color: #0076a3; font-weight: bold; text-decoration: none; }
			
			
/* Popup windows
-------------------------------------- */
#popup-window-contact, #popup-window-about { width: 586px; height: 399px; background: url(../i/popup-window-std-bg.png) no-repeat center top; position: absolute; top: -399px; left: 50%; margin-left: -293px; z-index: 1000; overflow: hidden; }
	
	#popup-window-contact #close-nav-contact, #popup-window-about #close-nav-about { width: 24px; height: 24px; position: absolute; left: 17px; bottom: 20px; cursor: pointer; }
	
	#popup-window-contact .dark, #popup-window-about .dark { width: 576px; height: 390px; position: absolute; top: 0px; left: 3px; background: url(../i/popup-window-dark-bg.gif) no-repeat; overflow: hidden; }
		#popup-window-contact .inside, #popup-window-about .inside { width: 455px; height: 310px; margin: 45px auto 0px; overflow: hidden; text-align: left; }
		#popup-window-contact h1, #popup-window-about h1 { font-size: 2.1em; font-weight: bold !important; margin: 0 0 15px 0; }
		#popup-window-contact p, #popup-window-about p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 15px; float:left; }
		
		
	/* Contact Form */
	.contact-form { /*background: #fff5ee;*/ text-align: left; }	
	.contact-form form {margin:0px;padding:0px;}
	.contact-form form ol {list-style-type:none;margin:0px;padding:0px;float:left;}
	.contact-form form ol li {list-style-type:none;margin:0px 0px 5px 0px;padding:0px;float:left;}
	.contact-form form ol li .reqtxt, .contact-form form ol li .emailreqtxt {visibility:hidden;display:none;}
	.contact-form #usermessagea {position:absolute;color:#ffffff;right:160px;text-align:right;top:300px;}
		.contact-form label { padding-right:15px; font-size: 3em; font-weight: bold; line-height: 1em; float: left; width: 190px; /*background: #b0c4de;*/ text-align: right; color: #fff; }
		/* Safari Positioning adjustment for input text */
						@media screen and (-webkit-min-device-pixel-ratio:0){
						.contact-form input {width: 239px; height: 31px; border:none; background: url(../i/contact-form-input-bg.gif) no-repeat center top !important; position: relative; float: right; font-size: 1.4em; color: #7b7b7b; font-weight: bold; padding:3px 4px 0px !important;}
						}
		
		.contact-form input { width: 239px; height: 31px; border:none; background: url(../i/contact-form-input-bg.gif) no-repeat center top !important; position: relative; float: right; font-size: 1.4em; color: #7b7b7b; font-weight: bold; padding:5px 4px 0px; }
			
		.contact-form .form-item { width: 100%; /*background: #87cefa;*/ position: relative; clear: both; height: 43px; }
			
		/*	.contact-form .txtarea-set { height: 190px; } */
			.contact-form textarea { background: url(../i/contact-form-text-area-bg.gif) no-repeat center top; border:none; width: 239px; height: 108px; position: relative; float: right; font-size: 1.4em; color: #7b7b7b; font-weight: bold; padding:5px 4px 0px; } 
			#popup-window-contact p.cf-sb {float:right;}
			.contact-form input.sendbutton { float:right; width:auto; color:black;height:auto;padding:4px;margin:0px 3px 0px 0px; border:none; background:#ffffff !important; }
			.contact-form input.sendbutton:hover { color:#ffffff; background:#6cb2fb !important; cursor:pointer; }
			.contact-form p.linklove {visibility:hidden;}