/*  
Theme Name: Advibe
Theme URI: http://advibemedia.com/
Description: A custom theme
Author: Tammy Hart
Author URI: http://tammyhartdesigns.com/
*/


/* Settings */
a {
	color:#505F7E;
	text-decoration:none;
	}
	
a:hover {
	border-bottom:1px solid #999;
	}
	
p {
	}
	
ul {
	margin:25px;
	padding:0;
	}
	
ul li {
	list-style:none;
	background:url(images/bullet.jpg) no-repeat 0 .5em;
	padding:0 0 8px 12px;
	line-height:normal;
	}
	
h1 {
	color:#fd6f08;
	font:normal 1.9em/1.1em "Trebuchet MS", Tahoma, sans-serif;
	margin:15px 0 0;
	padding:0;
	}

h1.pagetitle {
	border-bottom:1px solid #eee;
	margin-bottom:25px;
	padding-bottom:3px;
	}
	
h2 {
	color:#000;
	font:normal 1.6em/1em "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	margin:0;
	padding:0;
	}
	
.service h2 {
	color:#000;
	font:normal 1.1em/1em "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	margin:0;
	padding:0;
	}
	
#logo span, #phone span, .title span, h2 span {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	}
	
/* Structure */
body {
	background:#d8d8d8;
	color:#4e4e4e;
	margin:0;
	padding:0;
	font:62.5%/1.8em Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
#wrapper {
	position:relative;
	width:100%;
	background:#fff;
	border-bottom:5px solid #8d8d8d;
	padding-bottom:10px;
	}
	
#logobar {
	background:#fff url(images/bar-logo.jpg) repeat-x 0 0;
	height:93px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	}
	
#navbar {
	background:#000 url(images/bar-nav.jpg);
	height:47px;
	width:100%;
	position:absolute;
	top:93px;
	left:0;
	z-index:0;
	}
	
#headerbar {
	background:#32394e url(images/bar-header.jpg);
	height:180px;
	width:100%;
	position:absolute;
	top:140px;
	left:0;
	z-index:0;
	}
	
#page {
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
	top:0;
	z-index:1;
	}
	
#logowrap {
	height:83px;
	padding-top:10px;
	}
	
#logo {
	width:298px;
	height:73px;
	font:3em Arial, Helvetica, sans-serif;
	overflow:hidden;
	position:relative;
	}
	
#logo span {
	background:url(images/logo.jpg);
	}
	
#phone {
	float:right;
	width:238px;
	height:47px;
	color:#fff;
	font:1.8em "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	line-height:47px;
	text-align:right;
	position:relative;
	overflow:hidden;
	}
	
#phone span {
	background:url(images/ttl-phone.jpg);
	}
	
#nav {
	padding:0;
	margin:0;
	height:47px;
	}
	
#nav li {
	float:left;
	height:47px;
	border-left:1px solid #000;
	background:url(images/nav.jpg);
	list-style:none;
	padding:0;
	}
	
#nav li.end {
	background:url(images/nav-end.jpg) no-repeat 0 0;
	width:4px;
	border:none;
	}
	
#nav li a {
	padding:14px;
	font:1.7em/47px Arial, Helvetica, sans-serif;
	letter-spacing:.025em;
	color:#fff;
	}
	
#nav li a:hover {
	color:#7387b6;
	border:none;
	}
	
#header {
	padding-top:24px;
	height:156px;
	background:url(images/header.jpg) no-repeat 0 24px;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	clear:both;
	}
	
#header p {
	margin:0;
	}
	
#header .title {
	display:block;
	color:#8ca5dd;
	font:1.3em/1.1em "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	position:relative;
	}
	
#team {
	width:190px;
	padding-left:95px;
	float:left;
	}
	
#team .title {
	margin:27px auto 10px;
	width:104px;
	height:37px;
	}
	
#team .title span {
	background:url(images/ttl-ourteamisyourteam.jpg);
	}
	
#proven {
	padding-left:106px;
	width:230px;
	float:left;
	}
	
#proven .title {
	margin:19px auto 10px;
	width:167px;
	height:37px;
	}
	
#proven .title span {
	background:url(images/ttl-provenstrategies.jpg);
	}
	
#growth {
	float:left;
	padding-left:107px;
	width:204px;
	}
	
#growth .title {
	margin:28px auto 10px;
	width:134px;
	height:19px;
	line-height:19px;
	overflow:hidden;
	}
	
#growth .title span {
	background:url(images/ttl-roiandgrowth.jpg);
	}
	
#content {
	font-size:1.3em;
	padding:0 12px;
	}
	
#contact {
	background:#000 url(images/contact.jpg) repeat-x 0 0;
	width:271px;
	float:right;
	margin:30px 0 0 20px;
	line-height:30px;
	color:#7387b6;
	font-size:.8em;
	padding:9px 10px;
	}
	
#contact .title {
	width:93px;
	height:18px;
	display:block;
	color:#fff;
	font:1.6em/18px "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	}
	
#contact .title span {
	background:url(images/ttl-contactus.jpg);
	}
	
#helptitle {
	background:url(images/icn-services.jpg) no-repeat 0 50%;
	clear:both;
	padding-left:50px;
	color:#fd6f08;
	font:1.6em/45px "Trebuchet MS", Tahoma, sans-serif;
	letter-spacing:.025em;
	margin-bottom:8px;
	}
	
.service {
	float:left;
	width:220px;
	margin-right:12px;
	background:url(images/box-shadow.jpg) no-repeat 0 100%;
	padding:7px 0 6px;
	}
	
.service .box {
	border:1px solid #505e7e;
	background:url(images/box-bg.jpg) repeat-x 0 100%;
	padding:7px;
	height:115px;
	}
	
.service h2 {
	margin-top:-15px;
	background:#fff;
	float:left;
	position:relative;
	overflow:hidden;
	}
	
h2#sas { width:168px; height:14px; }
h2#sas span { background:url(images/ttl-siteaquisitionservices.jpg); }

h2#wms { width:208px; height:15px; }
h2#wms span { background:url(images/ttl-websitemanagementservic.jpg); }

h2#ims { width:188px; height:15px; }
h2#ims span { background:url(images/ttl-internetmarketingservic.jpg); }

h2#wbs { width:186px; height:15px; }
h2#wbs span { background:url(images/ttl-websitebrokeringservice.jpg); }
	
.service ul {
	margin:0;
	padding:7px 0 0;
	}
	
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}
	
#footer {
	background:#d8d8d8;
	padding:10px 0;
	color:#353d53;
	letter-spacing:.05em;
	}

	h3 { 
		padding: 0; 
		font-size: 1.3em; 
		margin: 30px 0 0; 
		}
		
	h3.comments { 
		padding: 0; 
		margin: 40px auto 20px ; 
		}

	h2.pagetitle { 
		margin-top: 30px; 
		text-align: center; 
		}

	h1 a, h3 a { 
		color: #fd6f08; 
		}

	h2 a:hover,h3 a:hover {
		border:none;
		color:#000;
		}	
	/* End Links and Headers */
	
	
	
	/* Begin Images */	
	a img {
		border: none;
		}
		
	p img { 
		padding: 0; 
		max-width: 100%; 
		}

	/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

	img.centered { 
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		}

	img.alignright { 
		padding: 4px; 
		margin: 0 0 2px 7px; 
		display: inline; 
		}

	img.alignleft { 
		padding: 4px; 
		margin: 0 7px 2px 0; 
		display: inline; 
		}
	/* End Images */	

	
code { 
	font: 1.1em 'Courier New', Courier, Fixed; 
	}
	
acronym, abbr, span.caps { 
	font-size: 0.9em; 
	letter-spacing: .07em; 
	cursor: help; 
	}

acronym, abbr { 
	border-bottom: 1px dashed #999; 
	}
	
.alignright { float: right; }

.alignleft { float: left }

blockquote { 
	margin: 15px 10px; 
	padding:5px 10px;
	font-size:.85em;
	line-height:normal;
	text-align:left;
	color:#000;
	font-style:italic;
	border:1px solid #ddd;
	height:1%;
	overflow:auto;
	}
	
blockquote img {
	vertical-align:top;
	}

blockquote cite { 
	margin: 5px 0 0; 
	display: block; 
	}

.center { text-align: center; }

hr { display: none; }

.navigation { 
	display: block; 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 60px; 
	}
/* End Overall General Settings */



/* Begin Content Areas */
.narrowcolumn, .widecolumn {
	float:left;
	width:700px;
	}

small { 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	}

	/* Begin Post Area */
	.post { 
		margin: 0 0 40px; 
		text-align: justify; 
		}
		
	.postmetadata { 
		clear: left;
		background:#eee;
		padding:2px 5px;
		border-top:1px solid #ddd;
		font-size:.9em;
		}
	
	.postmetadata ul, .postmetadata li { 
		display: inline; 
		list-style-type: none; 
		list-style-image: none; 
		}

	.widecolumn .entry p { font-size: 1.05em; }
	
	.widecolumn .post { margin: 0; }
	
	.widecolumn .postmetadata { margin: 30px 0; }
	
	.widecolumn .smallattachment { 
		text-align: center; 
		float: left; 
		width: 128px; 
		margin: 5px 5px 5px 0px; 
		}
		
	.widecolumn .attachment { 
		text-align: center; 
		margin: 5px 0px; 
		}

	.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }

	html>body .entry ul {
		margin-left: 0px; 
		padding: 0 0 0 30px;
		list-style: none; 
		padding-left: 10px; 
		text-indent: -10px; 
		} 

	html>body .entry li { margin: 7px 0 8px 10px; }
	
	.entry ol { 
		padding: 0 0 0 35px; 
		margin: 0; 
		}
		
	.entry ol li { 
		margin: 0; 
		padding: 0; 
		}
		
	.entry form { text-align:center; }
	/* End Post Area */



	/* Begin Comment Area */
	.alt { 
		background-color: #f8f8f8; 
		border-top: 1px solid #ddd; 
		border-bottom: 1px solid #ddd; 
		margin: 0; 
		padding: 10px; 
		}

	#commentform input { 
		width: 170px; 
		padding: 2px; 
		margin: 5px 5px 1px 0; 
		}
		
	#commentform p { 
		margin: 5px 0;
		}
		
	#commentform textarea { 
		width: 100%; 
		padding: 2px; 
		}
		
	#commentform #submit { 
		margin: 0; 

		}

	.commentlist { 
		padding: 0;
		margin:0;
		text-align: justify; 
		}
		
	.commentlist li { 
		margin: 15px 0 3px; 
		padding: 5px 10px 3px; 
		list-style: none; 
		font-weight: bold; 
		}
		
	.commentlist p { 
		margin: 10px 5px 10px 0; 
		font-weight: normal; 
		line-height: 1.5em; 
		text-transform: none; 
		}
		
	.commentlist li, #commentform input, #commentform textarea {
		font-size: 0.9em; 
		}
		
	.commentlist cite, .commentlist cite a { 
		font-weight: bold; 
		font-style: normal; 
		font-size: 1.1em; 
		}

	.nocomments { 
		text-align: center; 
		margin: 0; 
		padding: 0; 
		}

	.commentmetadata { 
		margin: 0; 
		display: block; 
		font-weight: normal; 
		}
	/* End Comment Area */
/* End Content Area */



/* Begin Search Form */
#searchform { 
	margin: 10px auto; 
	padding: 5px 3px; 
	text-align: center; 
	}

#sidebar #searchform {
	text-align:left;
	}
	
#sidebar #searchform #s { 
	width: 108px; 
	padding: 2px; 
	}
	
#sidebar #searchsubmit { 
	padding: 1px;
	width:55px;
	}
/* End Search Form */



/* Begin Sidebar */
#sidebar { 
	float:right;
	width: 200px; 
	font-size: 1em; 
	}

#sidebar form { margin: 0; }

#sidebar h2 {
	font-size:1.4em;
	}

#sidebar ul, #sidebar ul ol { 
	margin: 0; 
	padding: 0; 
	}
	
#sidebar ul li { 
	list-style-type: none;
	list-style-image: none; 
	margin-bottom: 15px; padding-bottom:0; 
	}
	
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }
/* End Sidebar */



/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/