/*
Theme Name: Blue Ember Design
Theme URI: http://wordpress.org/
Description: The Wordpress design for Blue Ember Design
Version: 1.0
Author: Garrett St. John
*/

/* CSS Reset
  ---------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,img {
border:0;
margin:0;
padding:0
}

body {
font-size:62.5%;
font-family:verdana, arial, sans-serif;
color:#333
}

#client_login {
background-color:#0197D2;
font-size:1.2em
}

#client_container {
width:785px;
margin:0 auto
}

#client_info {
text-align:right;
color:#FFF;
padding:4px 0
}

#client_info input.text {
background-color:#FFF;
border:1px solid #036189;
padding:2px
}

#client_info input.button {
height:20px;
font-size:.9em;
border:1px solid #036189;
background-color:#036189;
color:#FFF;
padding:0 3px
}

#master_container {
width:100%;
background:#FFF url(graphics/body_bg.jpg) repeat-x 0 0
}

#container {
position:relative;
width:785px;
margin:0 auto
}

#client_tab {
position:absolute;
right:5px;
top:0;
background:url(graphics/client_tab.jpg) no-repeat 0 0
}

#client_tab a {
display:block;
width:107px;
height:23px;
text-decoration:none;
color:#FFF;
line-height:22px;
font-size:.9em;
text-align:center
}

h1#logo {
position:relative;
width:291px;
height:196px;
background:url(graphics/logo.jpg) no-repeat 0 0;
text-indent:-9999px;
left:-15px
}

h1#logo a {
position:absolute;
display:block;
width:265px;
height:110px;
left:15px;
top:10px
}

#search_box {
position:absolute;
right:0;
top:93px
}

#search_query {
background-color:#E7E7E7;
color:#5A5A5A;
font-style:italic;
height:16px;
line-height:16px;
margin-right:32px;
width:125px
}

#search_btn {
background:url(graphics/search_btn.png) no-repeat 0 0;
display:block;
height:24px;
position:absolute;
right:5px;
text-indent:-9999px;
top:0;
width:24px
}

/* Nav Rules
  ---------------------------- */
#nav {
position:absolute;
top:127px;
width:775px;
left:5px
}

#left_end,#right_end {
width:14px;
height:35px
}

#left_end {
float:left;
background:url(graphics/navbar_left_bg.png) no-repeat 0 0
}

#right_end {
float:right;
background:url(graphics/navbar_right_bg.png) no-repeat 0 0
}

#btn_container {
float:left;
background:url(graphics/navbar_bg.png) repeat-x 0 0;
height:35px;
width:747px
}

	#btn_container ul {
	list-style:none
	}

	#btn_container ul li {
	float:left;
	border-right:1px solid #474747
	}

		#first_btn {
		border-left:1px solid #474747
		}

	#btn_container ul li a {
	display:block;
	height:35px;
	width:100px;
	text-align:center;
	background:url(graphics/navbar_btn_bg.png) no-repeat 0 0;
	color:#FFF;
	line-height:32px;
	text-decoration:none;
	overflow:hidden;
	font-size:1.2em
	}

	#btn_container ul li a:hover {
	background-position:0 -35px
	}

/* Middle Banner Rules
  ---------------------------- */
#mid_banner {
position:relative;
background:url(graphics/mid_banner_bg.gif) no-repeat 0 0;
width:785px;
height:129px;
top:-6px
}

	h1#page_title {
	position:relative;
	top:24px;
	left:32px;
	font-size:4em;
	color:#FFF
	}

	strong#page_summary {
	position:relative;
	display:block;
	top:25px;
	left:32px;
	width:65%;
	color:#FFF;
	line-height:1.5em;
	font-size:1.3em;
	font-weight:400
	}

#mid_bar {
position:relative;
background-color:#096f9A;
height:30px;
width:774px;
left:5px;
top:-6px
}

/* Main Content Rules
  ---------------------------- */
#content {
position:relative;
width:740px;
min-height:350px;
top:-6px;
left:0;
background:url(graphics/content_bg.png) no-repeat 0 0;
font-size:1.2em;
padding:23px 10px 23px 31px
}

	#content h2,#content h3,#content h4 {
	font-family:"Times New Roman", serif;
	font-weight: normal;
	padding-bottom:.35em;
	color:#D11241
	}

	#content h2 {
	font-size:1.65em;
	padding-bottom: .5em;
	}

	#content p + h2,#content ul + h2,#content ol + h2 {
	padding-top: .5em;
	}

	#content h3 a {
	font-size:1.6em;
	line-height: 1.1em;
	font-weight:400;
	color:#D11241
	}

	#content h4 {
	font-size:1.4em
	}

	#content p {
	line-height:1.4em;
	padding-bottom:1.4em
	}

	#content ol,#content ul {
	padding:0 0 1.7em 25px
	}

	#content a {
	color:#096F9A;
	text-decoration:none
	}

	#content a:hover {
	text-decoration:underline
	}

	#content div.wpcf7 form p {
	padding-bottom:.8em
	}

/* Left Column Rules
  ---------------------------- */
#left_content {
float:left;
width:480px
}

	#left_content .meta {
	border-bottom:1px solid #D11241;
	font-size:.8em;
	margin:0 0 7px;
	padding:0 0 5px
	}

	#left_content .meta .category {
	float:left;
	width:65%
	}

	#left_content .meta .comments {
	float:right;
	clear:both
	}

	#left_content .meta .post-date {
	float:right;
	text-align:right;
	width:30%
	}

	#left_content div.post-content {
	margin:0 0 20px
	}

	#left_content div.post-content ol,#left_content div.post-content ul {
	padding-left:35px
	}

	#left_content div.post-content li {
	padding: 3px 0
	}

	#left_content div.post-content ol ol,#left_content div.post-content ul ul,#left_content div.post-content ol ul,#left_content div.post-content ul ol {
	padding-top:.75em;
	padding-bottom:.75em
	}

	#left_content div.post-content blockquote {
	margin-left:20px;
	margin-bottom:1.4em;
	font-style:italic;
	background-color:#F1F1F1;
	padding:7px
	}

	#left_content div.post-content blockquote p {
	padding:0
	}

	#left_content div.post-comments {
		margin-top: 40px;
		border-top: 2px solid #777;
		padding-top: 40px;
	}

		#left_content div.post-comments h4 {
			font-size: 2em;
			padding: 0 0 0 7px;
		}

		#left_content div.post-comments #comment_cnt {
			font-style: italic;
			color: #777;
			padding-left: 7px;
		}

		#content ol.commentlist {
		list-style:none;
		margin:0;
		padding:0
		}

		#content ol.commentlist li {
		margin:0 0 3px;
		padding:7px;
		}

		#content ol.commentlist li a {
			font-weight: normal;
		}

		#content ol.commentlist div.comment-author {
			font-size: 1.1em;
		}

		#content ol.commentlist li.bypostauthor {
			background-color: #F3F3F3;
		}

		#content ol.commentlist li div.comment-meta {
			font-size: .9em;
			margin-bottom:7px
		}

		#content #respond p {
		padding-bottom:3px
		}

		#content #respond textarea {
		width:472px;
		height:100px;
		margin-bottom:5px
		}

	#left_content a {
	font-weight:700
	}

	#left_content img.portfolio-img,#left_content div.post-content img {
	border:1px solid #C5C5C5;
	padding:3px
	}

	#left_content embed {
	margin: 1em 0;
	}

	#left_content h2.portfolio-header {
	padding-top:1em
	}

	#left_content p.portfolio-summary {
	line-height:1.4em
	}

	#left_content .portfolio-quote {
	float: right;
	width: 50%;
	padding-left: 20px;
	margin-left: 20px;
	font-size: .9em;
	border-left: 1px dashed #E0E0E0;
	}

		#left_content .portfolio-quote .left-quote,
		#left_content .portfolio-quote .right-quote {
			font-family: "Times New Roman";
			color: #006D9E;
			font-weight: bold;
			font-size: 1.8em;
		}

		#left_content .portfolio-quote .left-quote {
			padding-right: 5px;
			vertical-align: top;
		}

		#left_content .portfolio-quote .right-quote {
			padding-left: 5px;
			vertical-align: bottom;
		}

	#left_content .portfolio-tasks,
	#left_content .portfolio-tasks-list li,
	#left_content .portfolio-credits,
	#left_content .portfolio-credits-list li,
	#left_content p.portfolio-view {
		font-size: .9em;
	}

	#left_content .portfolio-tasks-list,
	#left_content .portfolio-credits-list {
		padding: 0 0 1em 25px;
	}

	#left_content .portfolio-tasks,
	#left_content .portfolio-credits {
		padding-bottom:0;
	}

/* Right Column Rules
  ---------------------------- */
#right_content {
float:right;
width:235px;
margin-left:25px
}

	#testimonial,#related,#popular,#feed {
	border-bottom:1px dotted #D11241;
	padding:10px 7px 12px
	}

	#testimonial {
	padding-top:0
	}

		#testimonial_text {
		font-size:.9em
		}

		#right_content #testimonial_name,#right_content #testimonial_company {
		text-align:right;
		font-size:.9em;
		color:#666;
		font-style:italic;
		margin:0;
		padding:0
		}

	#related ol li,#popular ul li {
	border-top:1px dotted #D0D0D0;
	margin:0
	}

	#related ol li:first-child,#popular ul li:first-child {
	border:0
	}

	#related ol li a,#popular ul li a {
	display:block;
	padding:5px
	}

	#related ol li a:hover,#popular ul li a:hover {
	text-decoration:none;
	background-color:#F5F5F5
	}

	#feed ul li {
	float:left;
	width:110px;
	text-align:center
	}

	#feed p {
	font-size:.9em;
	padding-bottom:10px
	}

	#feed img {
	vertical-align:middle
	}

	#feed a {
	font-size:1em
	}

#index_who,#index_what,#index_saying {
float:left;
width:206px;
height:275px;
color:#585858;
line-height:1.5em;
background:url(graphics/index_box_bg.png) no-repeat 0 0;
padding:10px 14px 12px
}

#index_what {
margin:0 15px
}

#index_who h4,#index_what h4,#index_saying h4 {
color:#555;
font-weight:700;
padding-bottom:3px;
margin-bottom:6px;
border-bottom:1px dotted #333
}

#testimonial_name,#testimonial_company {
color:#555;
text-align:right;
font-style:italic;
margin:0;
padding:0
}

#index_blog {
float:left;
clear:both;
width:740px;
margin:10px 0 25px
}

	#index_blog h2 {
	font-size:1.9em
	}

	#index_blog a strong {
	font-size:1.4em;
	color:#0674A4
	}

#footer {
text-align:center;
color:#999;
margin:20px 0
}

/* Questionnaire Rules
  ---------------------------- */
#wpcf7-f3-p953-o1 textarea {
	width: 400px;
}
#wpcf7-f3-p953-o1 input[type=text] {
	width: 225px;
}
#wpcf7-f3-p953-o1 p {
	width: 400px;
}
#wpcf7-f3-p953-o1 input[type=submit] {
	margin-top: 10px;
}

/* General Rules
  ---------------------------- */
input,textarea {
border:1px solid silver;
padding:3px
}

input[type="submit"],input[type="button"] {
background-color:#F0F0F0;
padding:5px 7px
}

.clear {
clear:both
}

.left {
float:left
}

hr {
display:none
}

.italic {
font-style:italic
}

.alignleft {
float: left;
}

.aligncenter {
margin: 0 auto
}

.alignright {
float: right;
}

p.wp-caption-text {
font-size: .8em
}

#left_content,#left_content p,#index_blog p {
line-height:1.7em
}

#left_content .meta .comments-single,.right {
float:right
}

#related ol,#popular ul,#feed ul {
list-style:none;
padding:0
}