/*
Theme Name: FazeDesigns
Theme URL: http://www.fazedesigns.com
Version: 1.0
Description: Customizable Wordpress Blog
Author: Ehren Fergusson
Author URI: http://www.ehrenfergusson.com
*/

/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/

body {margin: 0px; line-height:20px; background:#dae5e9;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}

/*************************/
/********* RESET *********/

h1, h2, h3, h4, h5, h6, div, a, li, ul, fieldset, form, img {padding:0; margin:0; font-size:12px; text-decoration:none; font-weight:normal; list-style:none; border:0;}
a { color:#5690e0;}
a:hover { color:#81b5e9;}
a:active { color:#5690e0;}
a:visited { color:#5690e0;}

/**********************************/
/********* DEFAULT STYLES *********/

#wrapper { padding: 45px 0; background:url(images/bg-wrapper.jpg) no-repeat center top;}
#main-wrapper {margin:0 auto; width:900px; border:1px solid #9eaeb9; background:#fff;}

.logo { margin:0 auto; width:289px; height:31px; background:url(images/logo.png); margin-bottom:55px;}

.header { height:190px; background:#333 url(images/bg-header.jpg) center top;}

.blueline { margin:0 auto; height:18px; width:900px; background:url(images/bg-blueline.png) repeat-x; position:relative; top:-5px;}
/*.blueline .blue-left { float:left; position:relative; height:18px; width:4px; background:url(images/bg-blueline-left.png) no-repeat top; left:-4px;}
.blueline .blue_right { float:right; position:relative; height:18px; width:4px; background:url(images/bg-blueline-right.png) no-repeat top; right:-4px;}*/

.menu { background:url(images/menu-bg.png) repeat-x top; height:53px; width:330px; margin:0 auto; position:relative; top:-40px;}
	.menu ul.nav {}
	.menu ul.nav li { float:left; list-style:none;}
	.menu ul.nav li h2 {padding:15px 10px;}
	.menu ul.nav li.homelink h2 {padding:17px 10px;}
	.menu ul.nav li h2:hover { color:#5690e0;}
	.menu ul.nav li a {font-size:14px; color:#666;}
	.menu .home, .menu .current_page_item { background:#999; -webkit-border-radius:3px; -moz-border-radius:3px;}
	.menu .home a:link, .menu .home a:visited, .menu .home a:hover, .menu .current_page_item a:link, .menu .current_page_item a:visited, .menu .current_page_item a:hover { color:#3C9;}
	.menu ul.nav li ul .current_page_item { background:none; border:none;}
	.menu ul.nav li ul { z-index:99; float:left; position:absolute; background:#333; top:43px; width:150px;}
	.menu .menu-left { float:left; position:relative; background:url(images/menu-left.png) no-repeat top; height:53px; width:15px; left:-15px}
	.menu .menu-right { float:right; position:relative; background:url(images/menu-right.png) no-repeat top; height:53px; width:15px; right:-15px;}
	
	.slogan {margin:0 auto; text-align:center; padding:15px;}
	.big-link {margin:0 auto; width:833px; height:65px; background:url(images/needaquote.jpg) no-repeat; margin-bottom:30px;}

.feature {margin:5px 0 0 0;}

.main-content {}
.main-content2 { background:url(images/bg-sidebar.jpg) repeat-y right top;}
.content-full {}
.content { position:relative; float:left; width:600px; padding:0 0 10px 0;}
	.page, .post { /*padding:20px;*//* background:#fff; border:1px solid #dae5e9;*/}
	.page h2 a, .post h2 a {color:#000; font-size:18px;}
	.post h2.post-title {padding:10px; color:#000;}
	.page h2.page-title {padding:10px; color:#000; text-align:center;}
	.glap {margin:0 auto; width:600px; height:30px; background:url(images/posts-bottom.jpg) center;}
	.glapfull {background:url(images/posts-bottom.jpg) no-repeat top center; width:860px; height:30px; margin:0 auto;}
	.post h5 { padding:0 20px;}
	.post h5 .wp-post-image { float:left; margin:0 10px 10px 0; padding:10px; background: url(images/bg-img.jpg) repeat-x top; border:1px solid #9eaeb9; }
	
	.page h1, .post h1 { font-size:24px;}
	.page h2, .post h2 { font-size:18px;}
	.page h3, .post h3 { font-size:16px;}
	.page h4, .post h4 { font-size:14px;}
	.page h5, .post h5 { font-size:12px;}
	.page h6, .post h6 { font-size:10px;}
	.page h1, .page h2, .page h3, .page h4, .post h1, .post h2, .post h3, .post h4 {font-weight:bold; color:#013f60;}
	.page em, .post em { font-style:italic;}
	.page ul li, .post ul li {list-style:inside disc; padding:0 0 0 10px;}
	.page p, .post p {padding:5px 0;}
	ul.ticks li { padding:5px; list-style:inside; list-style-image:url(images/tick.png);}
	.post .aligncenter {padding:10px; background: url(images/bg-img.jpg) repeat-x top; border:1px solid #9eaeb9;}
	.post h4 {text-align:center;}
	.contactform {margin:0 auto; width:400px;}
	.contactform input {border:1px solid #dae5e9; padding:7px; font-size:14px; color:#5690e0; width:400px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0;}
	.contactform textarea {border:1px solid #dae5e9; padding:7px; font-size:14px; color:#5690e0; width:400px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:5px 0;}
	.contactform .send 
	{-moz-border-radius:5px; -webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	line-height:1;
	overflow:visible;
	position:relative;
	text-decoration:none;
	width:auto;
	text-align:center;
	border:1px solid #BBBBBB;
	color:#555555 !important;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
	font-size:14px;
	padding:8px 19px 9px;
	background:url(images/large-button-overlay.png) #fff;}
	
	.home-lists { padding:20px 10px 0 10px;}
	.home-lists .webdesign, .home-lists .advertisement, .home-lists .identity {float:left; position:relative; width:270px; margin:0 10px; border-top:1px solid #dae5e9; border-left:1px solid #dae5e9; border-right:1px solid #dae5e9;}
	.home-lists ul li h3 { text-align:center; padding:20px;}
	.home-lists ul li h3 a { font-size:18px;}
	.home-lists ul li ul {}
	.home-lists ul li ul li { padding:5px 0 5px 20px; border-top:1px solid #dae5e9; list-style:inside; list-style-image:url(images/tick.png);}
	.home-lists .list-bottom { background:url(images/home-list-bottom.jpg) no-repeat top center; width:270px; height:30px; margin:0 11px; float:left; position:relative;}
	.webdesign {background:url(images/webdesign.jpg) no-repeat top left;}
	.advertisement {background:url(images/advertisement.jpg) no-repeat top left;}
	.identity {background:url(images/identity.jpg) no-repeat top left;}
	
	.home-posts { margin:0 20px; padding:10px; border-top:1px solid #dae5e9; border-left:1px solid #dae5e9; border-right:1px solid #dae5e9;}
	.home-posts .feature {width:120px; height:120px; border:1px solid #9eaeb9; float:left; position:relative; background:#dae5e9; margin:8px;}
	.home-posts .feature-all {width:120px; height:120px; float:left; position:relative; background:#dae5e9; margin:9px;}
	/* TOOLTIPS **/
	a.tooltip span {display:none;}
	a.tooltip:hover span{display:inline; position:absolute; background: url(images/tip.png); width:149px; height:52px; color:#fff; text-align:center; z-index:100; left:-14px; top:90px; padding:15px 0 0 0; text-shadow:1px 1px #000;}
	
	.posts-bottom { background:url(images/posts-bottom.jpg) no-repeat top center; width:860px; height:30px; margin:0 auto;}
	
	h2.client {margin:0 auto; width:845px; height:42px; background:url(images/clients.jpg); color:#fff; font-size:16px; padding:12px 0 0 20px; margin-bottom:15px; font-weight:bold; text-shadow:1px 1px #333;}
	h2.client span {font-size:10px; font-style:italic; color:#ccc; padding:4px;}
	
.sidebar {position:relative; float:right; width:299px;}
	.sidebar .box { /*margin:0 0 10px 0;*/ border-bottom:1px solid #9eaeb9;}
	.sidebar ul {}
	.sidebar ul li {}
	.sidebar ul li h2 { font-size:18px; text-align:center; padding:15px; border-bottom:1px solid #9eaeb9; background:#fff;}
	.sidebar ul li ul {}
	.sidebar ul li ul li { padding:5px 20px; border-top:1px solid #dae5e9;}
	.sidebar ul li ul li a {}
	.sidebar ul li ul li a:hover {}
	.sidebar ul li .textwidget {padding:20px; border-top:1px solid #dae5e9;}

.footer { margin:0 auto; width:900px;}
	.copyright, .copyright a { text-align:center; color:#7c929a; padding:20px 0; text-shadow:1px 1px #fff;}

/**********************************/
/********* DEFAULT STYLES *********/

/* COMMENTS */

.post_comments {padding:20px; color:#333;}
	.post_comments h3 {font-size:18px; font-weight:normal; color:#333; padding:10px 0; border-top:1px #dae5e9 solid;}
	.commentlist {margin:0 auto; padding:0;}
	.commentlist li { padding:20px 0; border-top:1px #dae5e9 solid;}
	.commentlist li .comment-author {}
	.commentlist li .avatar {}
	.commentlist li cite { font-size:14px; font-weight:bold;}
	.commentlist li span { font-size:14px; font-weight:bold;}
	.commentlist li .commentmetadata {font-style:italic;}
	.commentlist li p {line-height:20px; text-align:left; padding:0 0 0 20px;}
	.commentlist li .reply {}
	.postcomment {padding:10px 20px; font-size:14px;}
#commentform {color:#333; font-size:12px;}
	#commentform a {}
#commentform #submit, .contact-form #submit {cursor:pointer; padding:6px 16px 6px; width:140px;}
#commentform #submit:active, .contact-form #submit:active {}
#commentform input, .contact-form input { width:250px;}
#commentform textarea, .contact-form textarea { width:500px;}
#commentform input, #commentform textarea, .contact-form input, .contact-form textarea { border:1px #dae5e9 solid; padding:10px; color:#333; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:12px;}
label { color:#333; font-size:14px; padding:0 0 0 20px;}

/* ALIGNMENTS */

.page .aligncenter, .post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; margin-top: 6px; }
img.alignright { display:inline; float:right; margin-left:15px; }

/* PAGE NAVI */
.wp-pagenavi { font-size:12px; margin:0 auto; background: url(images/bg-h2.jpg) no-repeat top; padding:20px; margin-top:20px;}
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #9eaeb9; color: #5690e0; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi a:visited { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #9eaeb9; color: #9eaeb9; background-color: #fff; }
.wp-pagenavi a:hover { border: 1px solid #9eaeb9; color: #9eaeb9; background-color: #dae5e9; }
.wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #9eaeb9; background-color: #fff; }
.wp-pagenavi span.pages { padding: 5px 7px; margin: 2px 2px 2px 2px; color: #9eaeb9; border: 1px solid #9eaeb9; background-color: #fff;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi span.current { padding: 5px 7px; margin: 2px; font-weight: bold; border: 1px solid #9eaeb9; color: #000; background-color: #dae5e9;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi span.extend { padding: 5px 7px; margin: 2px; border: 1px solid #9eaeb9; color: #9eaeb9; background-color: #dae5e9;  -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* Start Button Styles --------------------------------------------- */
input[type="button"], button {
border:0 none;
font:inherit;
}
*:focus{outline:0 none;}
input[type="submit"] {border:1px solid rgba(0, 0, 0, 0.25);}
input[type="button"], button {-moz-box-sizing: content-box;}/*fixes mozilla padding - mozilla only, doesn't need webkit or other values */
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { padding:0;border:0 none; }/*fixes mozilla button padding - mozilla only, doesn't need webkit or other values */
.clearfix:after {
clear: both;
content: '.';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/* General Button Styles, Cascades Down To Every Button ------------- */
.button {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#222222 url(images/button-overlay.png) repeat-x;
border:1px solid rgba(0, 0, 0, 0.25);
color:#FFFFFF !important;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
line-height:1;
overflow:visible;
padding:5px 15px 6px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
width:auto;
text-align:center;
}
.button:hover {
background:#111111;
color:#FFFFFF;
}
.button:active {
background:#242424;
}
.white.button:hover {
background-color:#EEEEEE;
}
.white.button:active {
background-color:#ffffff;
}
.gray.button {
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.50);
background:#FFFFFF url(images/button-overlay-black.png) repeat-x;
border:1px solid #BBBBBB;
color:#555555 !important;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
}
.gray.button:hover {
background-color:#EEEEEE;
border-color:#999999;
color:#444444 !important;
}
.gray.button:active {
background-color:#ffffff;
}
/* Small Buttons -------------------------------------------------- */
.small.button {
font-size:11px;
padding:5px 15px 6px;
background-image:url(images/small-button-overlay.png);
}
input[type="submit"].small.button, .small.button.input {
padding:3px 15px 4px;
}
input[type="button"].small.button, button.small.button {
padding:4px 15px;
}
/* Large Buttons ------------------------------------------------- */
.large.button {
font-size:14px;
padding:8px 19px 9px;
background-image:url(images/large-button-overlay.png);
}
input[type="submit"].large.button, .large.button.input {
padding:6px 16px 6px;
}
input[type="button"].large.button, button.large.button {
padding:7px 16px;
}