/*  
Theme Name: Charmed
Theme URI: http://www.charmedworks.com
Description: A theme for Charmed 
Version: 0.1
Author: Darren Hoyt, Michaux Lowry, Jen Fleisher
Author URI: http://www.charmedworks.com


The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


TABLE OF CONTENTS
 
  HTML Tags
  Structure
  Nav
  Headers
  Content Styles
  Posts
  Form Elements
  Footer


/* ---------- @ HTML Tags -----------*/

* {
	margin:0;
	padding:0;
	outline:none;
	}

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background: url(images/bg_paper.png) fixed;
	color: #3f3f3f;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: .9em;
	}


a, a:visited {
	color: #6b4076;
	border-bottom: 1px solid #a1a1a1;
	text-decoration: none;
	font-weight: bold
	}

a:hover, a:active, a.dark:hover, a.dark:active {
	color: #43284a;
	border-color: #5d5d5d
	}
		
a:hover {
	-moz-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

p {	
	margin: 15px 0;
	line-height:155%;
	}

hr {
	display: block;
	height:1px;
	background:#CCC;
	border:0;
	color:#CCC;
	}

table {
	border-collapse:collapse;
	width:100%;
	margin:15px 0;
	}

td {
	padding:4px 6px;
	border-bottom:1px solid #CCC;
	}

tr {
	background:#e3e3e3;
	}
	
table caption {
	background:#FFF;
	padding:2px 0;
	}	
	
blockquote {
	color:#7b7b7b;
	padding:0 18px;
	margin:25px 45px;
	border-left:3px solid #CCC;
	font-size: 1em;
	letter-spacing:.03em;
	}



/* ---------- @ Structure -----------*/

.wrapper#main {
	background: #FFF;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}

#top {
	background: url(images/bg_mast.png); 
	height: 101px;
	}

#meta {
	background: url(images/bg_meta.png);
	padding-top: 16px;
	}

#meta #grid {
	background: url(images/bg_meta_square.png);
	padding-top: 22px;
	}
	
.left {
	float:left
	}

.right {
	float:right
	}
	


/* ---------- @ Nav -----------*/

#nav {
	position: absolute;
	margin-top: 36px;
	font-size:1.1em;
	margin-left: 31px
	}

#nav li {
	float:left;
	margin-right: 9px;
	text-transform: uppercase;
	list-style: none;
	background: url(images/diamond.png) no-repeat 0 11px;
	padding-left: 14px;
}

#nav li#menu-item-23, #nav li#menu-item-19 {
	padding: 0;
	background: none;
	}

#nav li#menu-item-586 {
	margin-left: 230px;
	}
	
#nav a, #nav a:visited {
	text-decoration:none;
	color:#444; 
	display:inline-block;
	padding: 4px 6px;
	border-radius: 3px;
	border: none;
	font-weight: normal;
	font-weight: 700;
}

#nav a:hover, #nav a:active {
	color: #000;
	background: #eeedec	
	}
	 
#nav .current_page_item a, #nav .current_page_item a:visited {
	background:#1b1b1b;
	color: #FFF;
	}



	

	
/* ---------- @ Headers -----------*/

h1, h2, h3, h4, h5 {
	color: #111;
	}

h1 {
	font-size:2.8em;
	}

.home h1#logo, h1#logo a {
	width: 188px;
	height: 125px;
	background: url(images/logo.png);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 18px auto;
	border: none;
	}

h1.pagetitle {
	border-bottom:2px solid #a1a1a1;
	padding-bottom: 12px;
	margin-bottom:20px;
	font-size: 2.2em;
	}

h1, h2 {
	line-height: 110%;
	}
	
h2 {
	font-size:2.4em;
	}

#intro h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin:27px 0 -12px;
	font-weight: 700;
	}

.entry .blurb h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	margin: 0 0 -10px;
	}
	
.entry h2 {
	margin: 15px 0 0;
	}


h1.posttitle, h2.posttitle {
	font-size: 2em;
	}

h1.posttitle, h2.posttitle,
h1.posttitle a, h2.posttitle a {
	font-weight: 500
	}

h3 {
	font-size:2em;
	}

#service-list h3, #partners h3 {
	height: 152px;
	width: 220px;
	float: left;
	line-height: 100%;
	background: url(images/brace.png) no-repeat top right;
	text-align: right;
	margin: 19px 19px 0 0;
	padding:74px 42px 0 0;
	}
	
.news-item h3 {
	font-size: 1.1em;
	margin-bottom: -14px;
	}

aside .widget h3 {
	font-size:1em;
	padding: 8px 10px;
	background: #6B4076;
	color: #FFF;
	border-radius: 3px;
	text-transform: uppercase
	}
	
.respond {display:none;}

#map-wrap h3 {
	background: #663e71;
	border-radius:4px;
	padding: 4px 8px;
	color: #FFF;
	font-size:1em;
	margin-top: 12px;
	}

h3#comments {
	margin:32px 0 0;
	padding-bottom: 6px;
	}

h4 {
	font-size:1.6em;
	}
	
#portfolio-excerpts h4 {
	font-size: 1em;
	margin-top: 7px;
	}	

.list-head h4, .partner-bio h4 {
	font-size: 1em;
	border-style: solid;
	border-color: #d0cbc4;
	border-width: 2px 0 1px;
	padding: 3px 0;
	margin-bottom: 8px;
	}
 
h5 {
	font-size: 1.2em
	}

h6 {
	font-size: .8em;
	}



	
/* ---------- @ Content Styles -----------*/

/*Web Fonts*/

#nav a, #intro h2, .news-date, #testimonial, .blurb h2, 
#service-list h3, aside .widget h3, h1.posttitle, h2.posttitle, 
h1.pagetitle {
	font-family: "futura-pt",sans-serif;
	}


/*Misc*/



a.dark, a.dark:visited, 
.widget a, .widget a:visited {
	color: #111;
	border: none;
	}

a.dark:hover, a.dark:active {
	text-decoration: underline;
	}
	
.commentcount {
	padding-left: 17px;
	background:url(images/bubble.gif) no-repeat 0 3px;
	margin-left:14px;
	}

.more-link {
	display:block;
	margin-top:12px;
	clear:both
	}

#approach-blurbs {
	height: 487px;
	}

#approach-blurbs, #bio-content, #page-blog, #page-contact {
	padding-top:56px;
	}
		
.entry img.icon-circle {
	margin: 0;
	display: inline-block;
	float: left
	}

#box-strategy, #box-brand, #box-integrated {
	overflow: hidden;
	padding: 4px;
	}

#box-strategy {
	width: 610px;
	}

#box-brand {
	margin: -226px 0 0 640px;
	width: 320px;
	}

.entry #box-brand img.icon-circle {
	margin-left: 110px;
	}

#box-brand .blurb {
	margin: 179px 7px 0 0;
	padding-top: 27px;
	}

#box-brand .point {
	margin: 143px 7px 0 83px
	}
	
.blurb, aside .widget {
	background: #f8f7f5;
	padding: 19px 28px 8px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);	
	}

.blurb br {
	height: 1px;
	display: none;
	}
	
#approach-blurbs .point {
	position: absolute;
	}
	
#box-strategy .point {
	margin:23px 0 0 204px
	}

#box-integrated .point {
	margin:23px 0 0 401px
	}
		
#box-strategy .blurb {
	width: 326px;
	float: right	
	}
	
#box-integrated {
	width: 655px;
	margin: -142px 0 0 0;
	position: absolute
	}

#box-integrated .blurb {
	margin: 0 12px 0 50px;
	width: 295px;
	float: left
	}
	
.news-item, #testimonial-wrap, #service-list, #partners {
	background-color: rgba(255,255,255,.6);
	border-bottom: 1px solid #b9b4af;
	}
	
.entry #box-integrated img.icon-approach {
	margin: -17px 0 0;
	}	

#service-list, #partners {
	overflow: hidden;
	padding-bottom: 21px;
	}

#service-list ul, .partner-bio {
	width: 198px;
	float: left;
	margin:32px 25px 0 0;
	}

#partner-list {
	float: left;
	overflow: hidden;
	width: 676px;
	}

.partner-bio {
	height: 315px;
	}
	
#service-list li {
	list-style: square;
	margin:0 0 6px 18px
	}

#service-list .list-head {
	list-style: none;
	margin-left: 0;
	}


/*About Page*/

#bio-content {
	overflow: hidden;
	}
	
#about-michaux, #about-jen {
	float: left;
	width: 217px;
	}

#about-bios {
	float: left;
	width: 505px;
	padding: 4px 10px
	}

#blurb-jen {
	margin-top: 17px;
	}	

.entry img.quote-michaux {
	display: inline-block;
	margin: 0 0 0 38px;
	}

.entry img.quote-jen {
	display: inline-block;
	margin:  33px 0 0 21px
	}

.entry img.point-michaux {
	margin: 10px 0 0 -52px;
	display: inline-block;
	position: absolute
	}
	
.entry img.point-jen {
	margin: 10px 0 0 477px;
	display: inline-block;
	position: absolute
	}
.entry img.point-quote {
margin: 10px 0 0 -52px;
display: inline-block;
position: absolute;
}
#blurb-quote {margin-top:25px;}
body.page-template-pageTestimonials-php .entry {overflow:visible;}
/* Contact Page */

#map-wrap {
	background-color: rgba(255,255,255,.6);
	padding: 8px;
	}	

#map-wrap .blurb {
	width: 300px;
	background: #FFF;
	margin: 20px 0 0 128px;
	padding: 12px;
	box-shadow: 0 0 5px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.6);	
	}

#contact-map {
	background: url(http://www.charmedworks.com/wp-content/uploads/2016/10/newmapBG.jpg);
	border: 1px solid #d0cbc4;
	height: 405px;
	}	

.entry #map-wrap img#bldg, 
.entry #map-wrap img.point {
	margin: 0;
	}

.entry #map-wrap img.point {
	position: absolute;
	margin: 91px 0 0 311px
	}
	
#map-wrap p {
	margin: 3px 0 6px;
	font-size: .9em;
	}

	
	
/* Portfolio Page*/

#portfolio-excerpts {
	overflow: hidden;
	margin-top: 30px;
	}

#portfolio-excerpts li {
	width: 280px;
	float: left;
	list-style: none;
	background-color: rgba(255,255,255,.8);
	padding: 5px;
	margin:15px 13px;
	}

#portfolio-excerpts a {
	display: block;
	}
	
#portfolio-excerpts .plus {
	margin-top: -4px;
	opacity: .8
	}
	
#portfolio-excerpts:hover .plus {
	opacity: 1;
	}
	
			

/* Author Page*/

#writer {
	overflow:hidden;
	background:#f2f2f2;
	margin-bottom:20px;
	padding:16px;
	}

#writer p {
	margin-top:0;
	}
		
#writer .avatar {
	margin:4px 17px 7px 0
	}



/* Search and Archives*/

.search-highlight {
	background:#FFFF00	
	}

#pagination {
	overflow:hidden;
	list-style: none;
	text-align: center
	}

#pagination li {
	display: inline;
	}

#pagination a, #pagination a:visited { 
	border:1px solid #CCC;
	padding:4px 8px;
	text-decoration:none;
	display:inline-block;
	}

#pagination a:hover {
	border-color:#949494;
	}

a #icon-rss {
	border:none
	}

.archive #icon-rss {
	vertical-align: middle;
	margin-left:3px;
	}		
		
	

/*Sidebar and Widgets*/


.widget a, .widget a:visited {
	border: none;
	font-weight: normal
	}

.widget {
	margin-bottom:25px;
	overflow: hidden
	}

.widget_tag_cloud a {
	display:inline;
	float:none;
	}

.textwidget {
	margin: 15px 0;
	line-height:160%;
	}	
	
.widget td {
	background:none;
	}

aside .widget li {
	list-style:none;
	padding:0;
	line-height: 130%;
	padding: 6px 0;
	border-bottom: 1px dotted #b0b0b0;
	}

.widget .children li {
	margin-left: 23px;
	list-style: square;
	border: none;
	padding: 3px 0;
	}

aside .widget {
	padding: 4px;
	margin:0 0 15px
	}

aside .widget-wrap {
	padding-bottom: 10px;
	overflow: hidden
	}

aside .widget-wrap li, 
aside .tagcloud {
	margin: 2px 10px;
	}

aside .widget-wrap li li {
	margin:0 0 0 30px
	}

aside .widget li:last-child {
	border-bottom:none;
	}

aside .widget-wrap .avatar {
	margin: 10px 7px 0 10px;
	}

aside .widget select {
	margin: 12px 8px 8px;
	width: 95%;
	}

#postDetails ul {
	margin-top: 6px;
	}

.textwidget {
	padding: 0 10px;
	}

aside .widget-wrap li:last-child {
	padding-bottom: 0;
	border: 0;
	}

	

	
/* ---------- @ Post Styles -----------*/

p.postmetadata {
	margin: 4px 0;
	text-transform: uppercase;
	font-size:.8em;
	}

.page-template .post, .archive .post {
	border-bottom: 1px solid #a1a1a1;
	margin-bottom: 30px;
	}

.page-template .entry, .archive .entry {
	padding-bottom: 20px;
	}

.entry {
	overflow:hidden;
	padding: 0 0 30px;
	}

.archive .entry, .category .entry, .home .entry {
	padding-bottom: 25px;
	}	

.entry pre, .entry code {
	width:350px;
	font: 1em "Courier New", Courier, monospace;
	padding:20px 14px;
	color:#76767a;
	font-size:  1em; 	
	}

.post code {
	background:#f5f3ee;
	padding:3px;
	}
	
.entry ul, .entry ol {
	padding:15px 0;
	}

.entry dl dt {
	font-weight: bold;
	font-size:1.2em;
	}

.entry dl dd {
	margin: 0 0 15px 0;
	}
		
.entry ol li, .entry ul li {
	margin:0 0 10px 48px;
	line-height:135%;
	}

.entry ul li {
	list-style:disc;
	}

.postnav {
	width:50%;	
	}
	
.postnav.right {
	text-align:right;	
	}
	
#tags {
	clear:both;
	padding:4px 6px;
	background:#efefef;
	font-size:0.8em;
	}	




/*Images*/
	
.entry img {
	display:block;
	margin:15px 0;
	}

.wp-caption {
	background:#EFEFEF;
	text-align:center;
	padding-top: 5px;
	}

img.alignleft {
	margin:5px 15px 10px 0;
	float:left
	}

img.alignright {
	margin:5px 0 10px 15px;
	float:right
	}

img.wp-smiley {
	float:none;
	border:none;
	padding:none;
	background:transparent;
	}
	
.wp-caption.alignleft {
	float:left;
	margin:20px 22px 10px 0;
	}
	
.wp-caption.alignright {
	float:right;
	margin:20px 0 10px 22px;
	}

.wp-caption.aligncenter, img.aligncenter {
    margin: 0 auto;
	display:block;
	margin-bottom:15px;
	float:none
   }

.wp-caption.aligncenter {
	margin: 15px auto;
	}
		
p.wp-caption-text {
	margin:5px 0 0;
	padding:5px 0 10px;
	}	

.entry .wp-caption img {
	float:none;
	border: none;
	padding: 0;
	box-shadow: none;
	margin: 0 auto;
	display: block
	}	

.gallery {
	margin:15px 0;
	display:block;
	}
	
.gallery img {
	border:none !important;
	padding:2px;
	}

.gallery-item {
	padding:12px 0;
	}

#image-gallery .image-gallery-item {
	width:111px;
	height:86px;
	float:left;
	text-align:center;
	margin:0 15px 15px 0;
	}

#image-gallery .image-gallery-item a img {
	margin:0 auto;
	}

.gallery-caption {
	padding:10px;
	}

.gallery-icon img {
	margin:0 auto;
	display:block; 
	}
	
	

/* ---------- @ Comments -----------*/

.reply {
	margin: 18px 0;
	}

.reply a, .reply a:visited  {
	text-decoration:none;
	}

.reply a:hover {
	text-decoration:none;
	color:#000;
	}

.reply a:active {
	text-decoration:underline;
	color:#4f4f4f;
	}

.commentlist {
	margin-top:0px;
	padding: 5px 4px 4px;
	}

.commentlist ol,
.commentlist ul {
	margin-left:22px;
	}

.commentlist ul.children {
	margin:0;
	}
				
.commentlist li.comment {
	padding: 22px 0 4px;
	list-style:none;
	border-bottom: 1px solid #a1a1a1;
	}

.commentlist li.depth-2 {
	margin-bottom: 15px;
	}

.commentlist li.depth-2,
.commentlist li.depth-3,
.commentlist li.depth-4, 
.commentlist li.depth-5 {
	border:none;
	padding-bottom: 15px;
	}
	
.commentlist li.depth-2 {
	background:#f6f6f6;
	}

.commentlist li.depth-3	{
	background:#efefef;
	}

.commentlist li.depth-4	{
	background:#eaeaea;
	}

.commentlist li.depth-4	{
	background:#e5e5e5;
	}

.commentlist li.depth-5	{
	background:#ddd
	}

.commentlist li.bypostauthor {
	border: 3px solid #666;
	background: #fff;
	}
	
.commentlist code {
	background:#e0e0e0;
	padding:3px;
	}
		
.avatar {
	margin: 3px 11px 0 0;
	float:left;
	}

.avatar, .page-template-custom-page-blog-php .entry img {
	box-shadow: 0 0 4px rgba(0,0,0,.3);	
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);	
	padding:3px;
	background:#FFF;
	}

#trackbacklist li {
	margin: 10px 0 10px 35px;
	}

#trackbacklist cite {
	font-style:normal
	}
			
cite.fn {
	font-size:1.2em;
	display:block;
	padding:5px 0 0;
	font-style: normal;
	font-weight: bold
	}	
	
.says {
	display:none;
	}

.comment-mod {
	margin: 15px 0 0;
	}	

#cancel-comment-reply-link {
	font-size:.75em;
	background: #f5f5f5;
	padding: 3px 6px;
	display: inline-block;
	margin-left: 5px;
	border-radius: 2px;
	}

.comment-date a, .comment-date a:visited {
	font-size: .75em;
	font-weight: normal
	}
	
		
	
/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, #searchfield {
	background:#FFF !important;
	padding:8px;
	border-width:1px;
	border-style:solid;
	border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d;
	border-radius: 3px;
	}

#author, #email, #url {
	width:220px;
	}
		
.button {
	border-color: #BBB #BBB #999;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	box-shadow: 0 1px 0 #e9e9e9;
	text-shadow: 0 1px rgba(255,255,255,.85);
	border-radius: 3px;
	background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top, #fefefe 0%,#e1e1e1 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#e1e1e1 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e1e1e1',GradientType=0 );
    background: linear-gradient(top, #fefefe 0%,#e1e1e1 100%);
	opacity: .9;
	font-size:1em;
	}
	
.button {
	padding: 12px 32px;
	font-weight: bold
	}

.button:hover {
	border-color: #999 #999 #666;
	opacity: 1;
	}

.button:active {
	box-shadow:inset 0 0 5px #bcbcbc
	}

#commentform textarea {
	width: 98%;
	height:250px;
	}

#searchform {
	margin-top: 3px	
	}
	
.widget #searchform {
	margin: 10px 10px 0;
	}	

#searchfield {
	width:160px;
	border: none;
	}

.widget #searchfield {
	width: 90%;
	border: 1px solid #dcd9d4;
	}
	
#searchsubmit {
	vertical-align:top;
	margin: 7px 0 0 -20px;
	opacity: .5
	}		
	
#searchsubmit:hover {
	opacity: 8
	}


/* ---------- @ Footer -----------*/

footer.row {
	overflow:hidden;
	color:#d1d1d1;
	padding: 30px 0 12px;
	background: url(images/bg_footer.png);
	margin-top: 50px;
	}

footer a:hover, footer a:active {
	color:#FFF;
	}

footer .left {
	background: url(images/star.png) no-repeat;
	height: 32px;
	padding:8px 0 0 42px;
	left: 50%;
	margin-left: 20px;
	}

footer .right {
	width: 314px;
	text-align: right;
	margin-right: 30px;
	}
	
footer #icon-rss {
	vertical-align: middle;
	margin-right:5px;
	}	

#social {
	list-style: none;
	overflow: hidden;
	float: left
	}

#social li {
	float: left;
	margin: 0 3px;
	}	
	
#social a {
	border-radius: 30em;
	background-color: #3b2940;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	border: none;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat
	}

#social a:hover, #social a:active {
	background-color: #48324e;
	}
	
#social a#map {
	background-image: url(images/icon_map.png);
	background-position: 12px 9px
	}
	
#social a#contact {
	background-image: url(images/icon_mail.png);
	background-position: 11px 12px
	}
	
#social a#fb {
	background-image: url(images/icon_fb.png);
	background-position: 12px 9px
	}	
#secNav	{
	background-image: url(images/secNavBack.png);
	height:40px;
		margin:0px auto;
		font-family: "futura-pt",sans-serif;
		text-transform:uppercase;
		font-weight:bold;
	}	

#secNav	li{
	float:left;
	padding:12px 20px 10px 15px;
	list-style-type:none;
	display:inline-block;
	}
#secNav	li a{
	color: #fff;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 0px solid #A1A1A1;
	}
#secNav	li a:hover{
	color: #A1A1A1;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 0px solid #A1A1A1;
	}
#secNav	li.current_page_item a{
	color: #ccc;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 1px solid #A1A1A1;
	}
body.page-template-pagePortItem-php{
	background:#FFF;
	}
h2.porttitle {
	color:#623d6f;
	font-family: "futura-pt",sans-serif;
	text-transform:uppercase;
	font-size:20px;
	}
#ig-main img {border:1px solid #ccc;}

body.page-template-pagePortItem-php .entry img {
display: block;
margin: 0 15px 0 25px;
}



body.page-template-pagePortItem-php .entry ol li, .entry ul li {
margin: 0 0 6px 0px;
line-height: 100%;
font-size: 1em;
}

body.page-template-pagePortItem-php .entry ul  {
margin: 0;
padding: 10px 0px;
}
body.page-template-pagePortItem-php p {
font-size: .9em;
line-height: 145%;
margin-bottom: 25px;
}

body.page-template-pagePortItem-php .entry {
padding: 0 0 0px;
}

#services h3{
	color:#e630ed;
	font-family: "futura-pt",sans-serif;
	font-size:16px;
	margin-bottom:0px;

}

p.nocomments {display: none;}