/*
Theme Name: Online Blend
Theme URI: http://onlineblend.com/
Description: Online Blend offers Wordpress and website design services in Vancouver
Version: 1.0
Tags: online blend
*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, .figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:url("images/body-bg.jpg") repeat scroll 0 0 transparent;
	font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
line-height:1.9;
	font-size:100%; 
	
	color:#949493;
}
html { min-width:955px;}
html, body { height:100%;text-align:center;}



/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 955px;
	font-size:.8125em;text-align:left;
}

.footer_container {
	margin: 0 auto;
	position: relative;
	width: 955px;
	font-size:.8125em;text-align:center;
}

#main {

}		

	/* Header */
	.header{
		height:421px;
		
		
	}
	
	/* Content */
	#content {
		padding:0 0px 35px 0;

	}
			
	/* Footer */
	#footer{
		text-align:center;
		background:url(images/footer-bg.png) 0 0 repeat-x;
margin-top:20px;
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;	z-index:0;
}



/*---- tailings ----*/


/*----- form defaults -----*/
input, select, textarea { 
	font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
  font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
padding-top:2px !important;
padding-bottom:2px !important;
margin-bottom:10px !important;

line-height:1.9;
  font-size:100%; 
	vertical-align:middle;-moz-border-radius:4px;
	
}

/*----- other -----*/
.figure { 
	margin:0 20px 0 0; 
	float:left;
	padding-top:4px;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:30px;
}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:20px;margin-left:10px;}
.p1 { margin-bottom:10px;}
.p2 { margin-bottom:20px;}
.p3 { margin-bottom:30px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#ffb100; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	position:absolute;
	left:-6px;
	top:48px;
	width:498px;
	height:190px;
	background:url(images/online_blend_logo.png) no-repeat 0 0;
	font-size:3em;
	line-height:1em;
	text-indent:-9999em;
	z-index:50;
	
}
	h1 a {
		display:block;
		width:441px;
		height:190px;
		z-index:50;
	}
h2 {
	background:url(images/title-bg.png) no-repeat 0 14px;
	font-size:44px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	text-indent:22px;
	letter-spacing:-1px;
	padding:10px 0 27px 0;
}
h3 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:25px;
	margin-top:5px;
	line-height:1.5;
}
	h3 a {
		text-decoration:underline;
	}
	h3 a:hover {
		text-decoration:none;
	}
h4 {
	font-size:1em;
	color:#ffb100;
	margin-bottom:20px;
}
h5 {
	font-size:1em;
	color:#ffb100;
}

h6 {
	color:#FFF;
	margin-top:10px;
}

.link1 { 
	text-decoration:none;
	font-weight:bold;
}
.link1:hover {
	text-decoration:underline;
}

.line-ver, .line-ver1 { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}




.address { 
	float:left;
	margin-right:15px;
}
.address.last {
	margin-right:0;
}
	.address dt {
		font-size:18px;
		color:#ffb100;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:68px;
		}



/*===== header =====*/
header nav {
	position:absolute;
	left:0;
	bottom:20px;
	text-align:center;
}
	header nav li {
		display:inline;
	}



/*--- menu ---*/
#menuwrapper{ position:absolute; height:150px; width:955px; top:255px; text-align:center;z-index:99;}
#menu{position:absolute; bottom:0; left:0; width:955px;}
.menuitem{ position:relative; display:inline-block; vertical-align:bottom; z-index:99;}
.menuitem img {margin:0 2px;z-index:99;}




/*===== content =====*/
#content .indent {
	padding:0 0 0 25px;
}

.package-posts {
	padding-bottom:10px;
}
	.package-posts li {
		position:relative;
		overflow:hidden;
		padding:4px 0 30px 15px;
	}
		.blog-posts li p.date {
			position:absolute;
			left:0;
			top:4px;
			font-size:10px;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
		}
			.blog-posts li p.date a {
				display:block;
				background:url(images/icon-comment.gif) no-repeat 100% 2px;
				color:#fff;
				text-decoration:none;
			}
			.blog-posts li p.date a:hover {
				text-decoration:underline;
			}


.works {
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
	.works li {
		float:left;
		padding:0 11px 13px 0;
	}
		.works li a {
			float:left;
			width:80px;
			height:80px;
			overflow:hidden;
		}
		.works li a:hover {
			background-position:0 -80px !important;
		}
		.works li a.thumb1 {
			background:url(images/thumb1.png) no-repeat 0 0;
		}
		.works li a.thumb2 {
			background:url(images/thumb2.png) no-repeat 0 0;
		}
		.works li a.thumb3 {
			background:url(images/thumb3.png) no-repeat 0 0;
		}
		.works li a.thumb4 {
			background:url(images/thumb4.png) no-repeat 0 0;
		}
		.works li a.thumb5 {
			background:url(images/thumb5.png) no-repeat 0 0;
		}
		.works li a.thumb6 {
			background:url(images/thumb6.png) no-repeat 0 0;
		}




.works_new {
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
.works_new li {
	float:left;
	padding:0 11px 13px 0;
}
.works_new li a {
	float:left;
	width:300px;
	height:80px;
	overflow:hidden;
}
.works_new li a:hover {
	background-position:0 -80px !important;
}
.works_new li a.thumb1 {
	background:url(images/works/.png) no-repeat 0 0;
}
.works_new li a.thumb2 {
	background:url(images/works/2.png) no-repeat 0 0;
}
.works_new li a.thumb3 {
	background:url(images/works/3.png) no-repeat 0 0;
}
.works_new li a.thumb4 {
	background:url(images/works/4.png) no-repeat 0 0;
}
.works_new li a.thumb5 {
	background:url(images/works/5.png) no-repeat 0 0;
}
.works_new li a.thumb6 {
	background:url(images/works/6.png) no-repeat 0 0;
}





.folio {
	width:100%;
	overflow:hidden;
	padding-bottom:15px;
}
	.folio li {
		float:left;
		padding:0 13px 13px 0;
	}



.list1 li {
	background:url(images/arrow1.gif) no-repeat 0 5px;
	padding:0 0 4px 14px;
	font-weight:bold;
}



.services li {
line-height:1.557em;
border-bottom: 1px #333 dashed;
margin-bottom:15px;
color:#FFF;

}


.offers li {
	position:relative;
	overflow:hidden;
	padding:4px 0 30px 0;
}
		

/*===== footer =====*/
footer {
	font-style:italic;
	padding:22px 0 24px 0;
}
	footer a {
		color:#fff;
		text-decoration:none;
	}
	footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#search-form {
	position:absolute;
	right:50px;
	top:82px;
	color:#949493;
	font-style:italic;
	float:right;
	width:320px;
}
	#search-form span {
		float:left;
		padding:7px 25px 0 0;
	}
		#search-form a {
			color:#fff;
			text-decoration:none;
		}
		#search-form a:hover {
			text-decoration:underline;
		}
	
	#search-form fieldset {
		border:none;
		float:right;
		background:url(images/search-bg.gif) no-repeat 0 0;
		width:192px;
		height:33px;
	}
		#search-form input {
			font-style:italic;
			background:none;
			border:none;
			width:150px;
			padding:8px 30px 3px 10px;
		}
	

#ContactForm fieldset {
	border:none;
	text-align:right;
}
	#ContactForm label {
		display:block;
		height:26px;
	}
	#ContactForm input {
		width:190px;
		background:#161412;
		border:1px solid #383532;
		padding:0 0 0 5px;
		float:right;
		line-height:16px;
		margin-left:8px;
		color:#fff;
	}
	#ContactForm textarea {
		width:268px;
		background:#161412;
		border:1px solid #383532;
		overflow:auto;
		height:100px;
		padding:0 0 0 5px;
		margin-bottom:20px;
		float:right;
		margin-left:8px;
		color:#fff;
	}
	#ContactForm span {
		float:left;
		text-align:right;
	}

	#ContactForm .col-1 {
		width:249px !important;
		margin-right:20px;
	}
	#ContactForm .col-2 {
		width:280px !important;
		margin:0 !important;
	}
	#ContactForm .button {
		float:right;
		margin-left:20px;
	}
	#ContactForm .select_pack {
			float:left;
			
			color:#FFF;
			
			border:1px solid #383532;
			background:none repeat scroll 0 0 #161412;
	}
	.select_div{
	margin-left:52px;
	}



















/*==========================================*/








#sharebar {
border:none !important;
background:none !important;
}


#jquery-lightbox{
top:10px !important;
margin-bottom:100px !important;
bottom:30px !important;
}

#lightbox-container-image-data-box{
margin-bottom:50px !important;
}

.works_thumb{
float:left;
margin-right:9px;
}