/*
-----------------------------------------------------------
Theme Name: Blog What Design Main Theme
Theme URI: http://www.blogwhatdesign.com
Description: Design for Blog What Design company website.
Author: Lara Chelak
-----------------------------------------------------------
*/


body {
	margin: 0 auto; 
	padding: 0; 
	background: #B5BD9A url(bg.png) repeat-x;   
	text-align: center; 
	font-family: "Lucida Sans Unicode", Arial, sans-serif; 
}

ul {
	margin: 0 0 0 -30px;
	}
*:first-child+html ul 
{margin: 0 0 0 15px;
} 
* html ul { 
	margin: 0 0 0 15px;
	}
.wrapper { 
	height: auto; 
	margin-left: auto; 
	margin-right: auto; 
	width: 891px; 
	background: #B5BD9A url(filler.png) repeat;  
	}
.header {
	width: 891px;
	height: auto;
	background: url(header.png) no-repeat;
	}
	.links {
		padding: 3px 0 0 0;
		}	
			
	.rotate {
		margin: -2px 0 0 0;
		}
	

.footer {
	width: 891px;
	height: 124px;
	background: #B5BD9A url(footer.png) no-repeat;
	text-align: left;
	font-size: 10pt; 
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	color: #FFFFE1;
	
	}
.footer2 {
	width: 891px;
	height: 74px;
	background: #B5BD9A url(footer2.png) no-repeat;
	text-align: center;
	font-size: 9pt; 
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	color: #FFFFE1;
	padding: 42px 0 0 0;
	}
	
	.footer a, .footer2 a {
		text-decoration: none;
		color: #FFFFE1;
		}
	.footer a:hover, .footer2 a:hover {
		color: #FFFFE1;
		text-decoration: underline;
		}

.content {
	width: 525px;
	height: auto;
	margin: 5px 0 0 66px;
	float: left;
	display: inline;
	}
		.mainarea {
			width: 526px;
			height: 509px;
			text-align: right;
			margin: 0 0 0 0;
			background: url(mainarea.png) no-repeat;
			}
				.mainarea img {
					border: 0; 
					margin: 5px 5px 0px 0;
					float: left;
					}
				.mainareatext {
					width: 308px;
					height: auto;
					float: left;
					padding: 50px 0 5px 10px;
					text-align: justify;
					font-size: 8pt; 
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					color: #836D58; 
					line-height: 130%;
					}
				.testimonial {
					float: right;
					width: 162px;
					height: 86px;
					padding: 55px 19px 0 0;
					text-align: right;
					font-size: 8pt; 
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					color: #836D58; 
					line-height: 130%;
					}
					.testimonial a {
						color: #836D58; 
						}
					.testimonial a:hover {
						color: #836D58; 
						text-decoration: none;
						}
						.testimonial span a {
							color: #FF9551; 
							}
						.testimonial span a:hover {
							color: #FF9551; 
							text-decoration: none;
							}
				.thisjustin {
					float: right;
					width: 170px;
					height: auto; 
					padding: 35px 14px 0 0;
					text-align: left;
					font-size: 8pt;
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					color: #836D58; 
					line-height: 130%;
					font-variant: normal;
					letter-spacing: 0;
				}
					.thisjustin a {
						color: #836D58; 
						}
				.featuring {
					margin: -140px 0 0 -50px;
					border: 0;
					}
				.featuring {
					margin: -140px 0 0 -50px;
					border: 0;
					}
		/*/ Pages /*/
		#content {
				width: 440px; 
				height: auto;
				float: left;
				text-align: left;
				font-family: "Lucida Sans Unicode", Arial, sans-serif;
				font-size: 9pt;
				color: #5A3E2E;
				line-height: 130%;
				margin: -5px 0 0 0;
				display: inline;
				}
				
				#side a, #aboutus a, #services a, #faq a, #testimonials a, #contactus a, #terms a, #portfolio a, .mainarea a {
					text-decoration: none;
					color: #7A8356;
					}
				#side a:hover, #aboutus a:hover, #services a:hover, #faq a:hover, #testimonials a:hover, #contactus a:hover, #terms a:hover, #portfolio a:hover, .mainarea a:hover {
					color: #B84744;
					text-decoration: underline;
					}
				#blog #side a:hover {
					color: #B84744;
					text-decoration: none;
					}
			#side {
				width: 167px;
				height: auto;
				float: right;
				margin: -5px 19px 0 0;
				text-align: left;
				font-family: "Lucida Sans Unicode", Arial, sans-serif;
				font-size: 8.5pt;
				color: #5A3E2E;
				line-height: 130%;
				display: inline;
				}
			.divider {
				background: url(divider.gif) no-repeat;
				width: 104px;
				height: 53px;
				margin: 10px 0 15px 160px;
				text-align: center;
				}
			.divider2 {
				background: url(divider2.gif) no-repeat;
				width: 69px;
				height: 35px;
				margin: 10px 0 15px 180px;
				text-align: center;
				}
			.pagetitle {
					font-family: Georgia, Times New Roman, serif;
					color: #B84744;
					font-size: 18pt;
					line-height: 100%;
					letter-spacing: 2px;
					font-variant: small-caps;
					}
			.sidetitle {
					font-family: Georgia, Times New Roman, serif;
					color: #B84744;
					font-size: 11pt;
					line-height: 100%;
					letter-spacing: 2px;
					font-variant: small-caps;
					text-align: left;
					}
			#aboutus {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(aboutus.png) no-repeat;
				margin: 0;
				text-align: left;
				}
			#services {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(services.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				.ssection {
					display: inline;
					margin: 800px 0 10px 0;
					}
					.ssection li {
						list-style-image: none;
						font-size: 8pt;
						color: #7C563F;
						margin: 0 0 0 15px;
						}
					.ssection ul {
						margin: 3px 0 0 -15px;
						}
						
					#services #content li, #services #side li, #faq #content li, #testimonials #side li, #portfolio li, #blog li {
					padding-left: 14px;
					background-image: url(bullet2.gif);
					background-repeat: no-repeat;
					background-position: 0 0px;
					font-size: 8pt;
					color: #5A3E2E;
					margin: 0 0 0 15px;
					list-style: none;
					}
					#services #side li, #testimonials #side li {
					margin: 0;
					}
				#projectorder {
					width: 700px;
					height: auto;
					padding: 70px 0 0 110px;
					background: url(projectorder.png) no-repeat;
					margin: 0;
					text-align: left;
					}
					#projectorder #content {
						width: 660px;
						}
			#faq {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(faq.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				.q {
					background: url(images/q.gif) no-repeat;
					font-family: Georgia, Times New Roman, serif;
					color: #B84744;
					font-size: 16pt;
					line-height: 100%;
					letter-spacing: 0px;
					font-variant: small-caps;
					height: auto;
					padding: 0px 0 0 40px;
					
					}
				.a {
					background: url(images/a.gif) no-repeat;
					text-align: left;
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					font-size: 9pt;
					color: #5A3E2E;
					line-height: 130%;
					padding: 0 0 0 40px;
					margin: 0 0 20px 0;
					}
				
				   
				#faq .link, #blog .link, #aboutus .link {
					font-size: 8pt;
					color: #5A3E2E;
					margin: 0 0 5px 0px;
					list-style: none;
					border-bottom: 1px solid #DADECB;
					}
						#faq .link a, #blog .link a, #services #side .link a, #testimonials #side .link a {
							color: #5A3E2E;
							}
						#faq .link a:hover, #blog .link a:hover, #aboutus .link a:hover {
							
							text-decoration: none;
							} 
						
						#aboutus li a:hover, #services #side li a:hover, #testimonials #side li a:hover {
						color: #B84744;
							}
				#faq ul {
					margin: 1px 0 5px 30px;
					list-style: none;
					padding-left: 0;
					}	
			#blog {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(blog.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				.title {
					font-family: Georgia, Times New Roman, serif;
					color: #B84744;
					font-size: 18pt;
					margin: 5px 0 5px 0;
					font-variant: small-caps;
					}
					.title a {
						color: #B84744;
						text-decoration: none;
						}
					.title a:hover {
						color: #B84744;
						text-decoration: underline;
						}
				.postinfo1 {
					color: #7A8356;
					margin: 0;
					}
					.postinfo1 a {
					color: #7A8356;
					text-deocration: underline;
					}
				.entry {
					margin: -7px 0 -7px 0px;
					}
					.entry a, .pagination a {
						color: #B84744;
						}
					.entry a:hover {
						color: #7A8356;
						}
				.floatr {
					float: right;
					margin: 0 0 3px 5px;
					padding: 4px;
					border: none;
					background: #D9D5C3;
					}
				.blogfloatr {
					float: right;
					margin: 0 0 3px 7px;
					padding: 4px;
					border: none;
					background: #D9D5C3;
					}
				.blogfloatl {
					float: left;
					margin: 0 7px 3px 0;
					padding: 4px;
					border: none;
					background: #D9D5C3;
					}
				.nofloat {
					float: none;
					padding: 4px;
					border: none;
					background: #D9D5C3;
					}
				.postinfo2 {
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					color: #B84744;
					margin: 0 0 8px 0;
					}
					.postinfo2 a {
						color: #B84744;
						}
					.postinfo2 a:hover {
						color: #B84744;
						text-decoration: none;
						}
				blockquote {
					margin: 5px 10px 5px 10px;
					font-size: 11px;
					line-height: 15px;
					}
			#testimonials {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(testimonials.png) no-repeat;
				margin: 0;
				text-align: left;
				}
			#contactus {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(contactus.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				#contactus input, #contactus option, #contactus select, #contactus textarea, #testimonials input, #testimonials option, #testimonials select, #testimonials textarea {
					border: 1px solid #687458;
					background: none;
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					font-size: 8pt;
					color: #5A3E2E;
					margin: 3px 0 3px 0;	
					padding: 2px;
					}
					
			#projectorder input, #projectorder option, #projectorder select, #projectorder textarea {
					border: 1px solid #687458;
					background: none;
					font-family: "Lucida Sans Unicode", Arial, sans-serif;
					font-size: 8pt;
					color: #5A3E2E;
					margin: 0;	
					padding: 2px;
					}
			
			#terms {
				width: 700px;
				height: auto;
				padding: 60px 0 0 110px;
				background: url(terms.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				#terms #content {
					width: 660px;
					}
			#portfolio {
				width: 700px;
				height: auto;
				padding: 70px 0 0 110px;
				background: url(portfolio.png) no-repeat;
				margin: 0;
				text-align: left;
				}
				.preview {
					margin: 10px 0 0 0;
					background: #C1C79F;
					padding: 4px;
					border: 0;
					}
					.ptext {
						font-family: "Lucida Sans Unicode", Arial, sans-serif;
						font-size: 9pt;
						color: #5A3E2E;
						margin: 2px 0 0 2px;
						}
						.ptext span {
							color: #B84744;
							line-height: 150%;
							font-weight: bold;
							}
						.orange {
							color: #FF9551;
							font-weight: bold;
							}
						.darkgreen {
							color: #687458;
							font-weight: bold;
							}
						.darkred {
							color: #B84744;
							font-weight: bold;
							}
						.ptext a {
							text-decoration: underline;
							color: #7A8356;
							border: 0;
							}
						.ptext a:hover {
							color: #B84744;
							text-decoration: underline;
							}
						.ptext img {
							width: 130px;
							margin: 10px 0 0 2px;
							background: #C1C79F;
							padding: 4px;
							border: 0;
							}
						.ptext a:hover img, .psamples a:hover img {
							background: #B84744;
							}
					.psamples {
						margin: 0px 0 0;
						}
					.psamples img {
						background: #C1C79F;
						padding: 4px;
						border: 0;
						text-align: center;
						float: left;
						margin: 0 5px 8px 0;
						display: inline;
						}	
						.psamples a {
							border: 0;
							}
						
			 .thing {
			 	margin: 0 8px 0 0;
				float:right;
				clear: none;
				}
		
#domticker {
	width: 537px;
	height: auto;
	padding: 19px 0 0 280px;
	color: #836D58;
	}
	#domticker a {
		color: #836D58;
		}
	
	#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as 	outer DIV*/
	background-color: none;
	}
	
	.sidebar {
	background: url(sidebar.png) no-repeat;   
	float: right;
	padding: 0 29px 0 0;
	height: 500px;
	}

.noborder form {
	border: 0;
	text-align: center;
	}