/*
Theme Name: Enchanted Illusions
Theme URI: http://www.enchantedillusion.com	
Description: Theme designed and created by Tucson Web Design - Enchanted Illusions.
Version: 1
Author: Shanda Peterson
Author URI: http://www.enchantedillusions.com
Tags: Anchor Wave, Tucson, Web Design

	Enchanted Illusions v2
	 http://www.enchantedillusions.com

	This theme was designed and built by Shanda Peterson,
	whose website you will find at http://www.enchantedillusions.com/

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

*/


@import "style/reset.css";





/*
	=========================================================
	Master CSS Reset
	Author: Enchanted Illusions
	=========================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, span small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/*
	=========================================================
	Master CSS Styles
	Author: Enchanted Illusions
	=========================================================
*/

html, body  {
	width:100%!important;
}

body {
	background:url(images/bg.jpg) top left repeat;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#321931;
	line-height:24px;

}
em, i {
	font-style:italic;
}
strong, b {
	font-weight:bold;
}
p {
	padding-bottom:15px;
}
ol li {
	padding-bottom:10px;
	margin-left:22px;
}

.entry li {
	padding-bottom:10px;
	margin-left:30px;
}
a {
	color:#ff00cc;
	text-decoration:none;
}
a:hover {
	color:#8cd321;
}


hr {
	position:relative;
	color:#dedede;
	border-bottom:1px solid #f3f3f3;
	margin:25px auto;
	clear:both;
	display:block;
}
.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-both {
	clear:both;
}
/*
	=========================================================
	Template CSS Styles
	Author: Enchanted Illusions
	=========================================================
*/

#wrap {
	position:relative;
	width:100%;
	background:url(images/top.jpg) top left repeat-x;
	
	
}

#bottom-bg {
	position:relative;
	background:url(images/bottom.jpg) left bottom repeat-x;
	width:100%!important;
}

#wrap-container {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:center;
	
}

#wrap-top {
	position:relative;
	background:url(images/header.jpg) top left no-repeat;
	width:960px;
}

#wrap-bottom {
	position:relative;
	background:url(images/footer-bg.jpg) bottom left no-repeat;
	width:960px;
}


#shootingstar {
    position:absolute;
    width:216px;
    height:216px;
    background:url(images/shooting-star.png) no-repeat top left;
    z-index:999;
	opacity:0;
    

}

#nav {
	position:relative;
	height:68px;
	background:url(images/nav.jpg) top left repeat-x;
}

#nav ul#navlist {
	position:relative;
	margin:0px;
	padding:0px;
	float:left;
}

#nav ul#navlist li{
	positon:relative;
	float:left;
	display:inline;
	list-style:none;
}

#nav ul#navlist li a {
	positon:relative;
	float:left;
	display:block;
	height:35px;
	padding:10px 20px 0px 20px;
	margin-top:10px;
	border-right:1px solid #2d7b9f;
	line-height:18px;
}

#nav ul#navlist li a strong {
	positon:relative;
	display:block;
	font-weight:normal;
	color:#FFF;
	font-size:20px;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
}

#nav ul#navlist li a em{
	positon:relative;
	display:block;
	font-weight:normal;
	color:#215b76;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:normal;
	
}
#nav #search-form{
	position:relative;
	float:right;
	margin-top:20px;
	margin-right:50px;
}


.search-form input.btn {
	width:45px;
	height:26px;
	border:0px;
	line-height:14px;
	color:#FFF;
	padding:0px;
	margin:0px;
	background: url(images/submit-btn.jpg) top left no-repeat ;
	vertical-align: middle; 
	

}
input.header-search {
	position:relative;
	height:26px;
	width:110px;
	line-height:25px;
	padding:0px 10px 0px 25px;
	margin:0px;
	background-color: #FFF;
	background-image: url(images/searchicon.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	border:none;
	vertical-align: middle; 
					 	}

#header {
		position:relative;
		height:290px;
}

#header a#logo {
	position:relative;
	width:510px;
	height:244px;
	display:block;
	text-indent:-999999px;
}

#container {
	position:relative;
	width:960px;
	margin:0px auto;
	background:url(images/content-bg.jpg) top left repeat-y;
}
#content-top {
	position:relative;
	width:960px;
	min-height:365px;
	background:url(images/content-top-2.jpg) top left no-repeat;
}

body.page-id-2 #content-top {
	background:url(images/content-top.jpg) top left no-repeat;
	}
#content-bottom {
	position:relative;
	width:960px;
	background:url(images/content-bottom.jpg) bottom left no-repeat;
	min-height:453px;
}

#content-bottom-sky {
	position:relative;
	width:960px;
	background:url(images/footer-bg.jpg) bottom left no-repeat;
	padding-bottom:440px;
	overflow:hidden;
}

#body-content {
	position:relative;
	width:790px;
	margin:0px auto;
	padding:60px 0px 20px 0px;
	text-align:center;
}

#body-content #content {
	position:relative;
	width:435px;
	float:left;
}


#body-content #sidebar {
	position:relative;
	width:315px;
	float:right;
}
#body-content #spacer {
	position:relative;
	width:1px;
	float:left;
	height:1017px;
}


/*
*/

h1 {
	color:#296ab0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:30px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
}

h2{
	color:#7b59a7;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	line-height:28px;
}

h2 a{
	color:#8cd321;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	line-height:28px;
}

h3{
	color:#7b59a7;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	line-height:22px;
}


/*
	=========================================================
	Date Styles
	Author: Enchanted Illusions
	=========================================================
*/

.post-date {
		position:relative;
		float:left;
		background:url(images/date.gif) top left no-repeat;
		width:52px;
		height:67px;
}

.post-date em {
	position:relative;
	text-align:center;
	margin-top:8px;
	display:block;
	line-height:20px;
	height:20px;
	font-size:10px;
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	
}

.post-date strong {
	position:relative;
	margin-top:6px;
	text-align:center;
		display:block;
	line-height:20px;
	height:20px;
	font-size:24px;
	color:#111111;
	font-style:normal;
	font-weight:bold;
}
/*
	=========================================================
	Twitter Styles
	Author: Enchanted Illusions
	=========================================================
*/
#twitter-content #twitterbird {
	position:relative;
	margin-top:25px;
	background:url(images/twitterbird.jpg) top left no-repeat;
	width:103px;
	height:141px;
	float:left;
}

#twitter-content #twitter-bubble {
	position:relative;
	background:url(images/twitter-bubble.jpg) top left no-repeat;
	width:273px;
	height:109px;
	float:right;
	font-size:12px;
	line-height:18px;
	padding:5px;
	margin-right:35px;
}

#twitter-content #twitter-bubble p {
	padding:10px 15px 10px 30px;
	margin-top:0px;
}

#twitter-content .twitter-button {
		margin-right:45px;
}
/*
	=========================================================
	Home Page Styles
	Author: Enchanted Illusions
	=========================================================
*/

.post-content {	
	position:relative;
	float:right;
	width:355px;
	
}

#home-page-post hr {
	width:95%;
	position:relative;
	color:#dedede;
	border-bottom:1px solid #f3f3f3;
	margin:25px auto 25px auto;
	clear:both;
	display:block;
}


/*
	=========================================================
	Template Tabbed Content Styles
	Author: Enchanted Illusions
	=========================================================
*/

/**New Rotator Code*/
#rotator-wrapper {
	position:relative;
	width:960px;
	height:317px;
	background:url(images/rotatorbg.jpg) top left no-repeat;
	margin:0 auto;
	overflow:hidden;
}

#rotator {
	color:#fff;
	position:relative;
	padding-bottom:2.6em;
	width:858px;
	height:281px;
	margin:0 auto;
	background-image: url(images/rotator-inner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 46px;
}

#rotator h2 {
	font-size:32px;
	color:#FFF;
	width:424px;
	}
#rotator h2 span {
	margin-left:100px;
				  	}
#rotator p {
	width:400px;
	color:#ffc7c3;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
}
#web-design p {
	width:300px;
}

#web-development p {
	color:#9b5000;
}

#internet-marketing p {
	color:#005700;
}
#social-media p {
	color:#D1E7EF;
}
#cms-training p {
	color:#DDC2EF;
}
/* Tabs */
li.ui-tabs-nav-item {
	display:inline;
}

li.ui-tabs-nav-item a {
	display:block;
	}

li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:36px;
	text-decoration:none;
	list-style:none;
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;

}

ul.ui-tabs-nav {
	position:relative;
	margin-top:10px;
	z-index:1;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	position:relative;
	top:0px;
	color: #ffffff;
    font-size: 16px;
    font-weight: bold;
	line-height: 36px;
	height:36px;
    text-align: center;
	top:10px;
	
}

/* Hovered Tab */

#rotator .ui-tabs-selected {
	position:relative;
	line-height: 46px;
	height:46px;
	top:-10px;
}

#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	position:relative;
	line-height:44px;
	height:44px;
	top:2px;
	
}

#rotator .ui-tabs-selected a:hover {
	top:10px;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	cursor:pointer;
	padding:0 10px;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	line-height: 46px;
	height:46px;
}

#rotator .ui-tabs-nav-item a.tab1 {
	background:url(images/tab1.jpg) top left repeat-x #c83b10;
	border:1px solid #de4f20;
	
	
}
#rotator .ui-tabs-nav-item a.tab2 {
	background:url(images/tab2.jpg) top left repeat-x #e8a729;
	border:1px solid #e8a729;
	
}

#rotator .ui-tabs-nav-item a.tab3 {
	background:url(images/tab3.jpg) top left repeat-x #97dc2b;
	border:1px solid #97dc2b;
	
}

#rotator .ui-tabs-nav-item a.tab4 {
	background:url(images/tab4.jpg) top left repeat-x #008dbd;
	border:1px solid #008dbd;
	
	
}

#rotator .ui-tabs-nav-item a.tab5 {
	background:url(images/tab5.jpg) top left repeat-x #7d5ba8;
	border:1px solid #7d5ba8;
	

}


/* Content Panels */
#rotator .ui-tabs-panel {
	clear:left;
	padding:40px 540px 15px 15px;
	height:271px;
}

#rotator .ui-tabs-hide {
	display:none;
}


/* Background Images */
#web-design {
	background:url(images/rotator1-bg.jpg) top left no-repeat;
}
#web-development {
	background:url(images/rotator2-bg.jpg) top left no-repeat;
}
#internet-marketing {
	background:url(images/rotator3-bg.jpg) top left no-repeat;
}
#social-media {
	background:url(images/rotator4-bg.jpg) top left no-repeat;
}
#cms-training {
	background:url(images/rotator5-bg.jpg) top left no-repeat;
}

/*
	=========================================================
	Portfolio Styles
	Author: Enchanted Illusions
	=========================================================
*/
body.page-id-17 .post img{
	
	
}

body.page-id-17 .img-wrap, body.parent-pageid-17 .img-wrap{
	position:relative;
	border:#8fc400 solid 6px;
	margin:0px;
	padding:0px;
	margin-top:25px;
	width:400px;
	height:200px;
	overflow:hidden;
	
}

body.page-id-2 .img-wrap, body.parent-pageid-2 .img-wrap {
	position:relative;
	border:#8fc400 solid 6px;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:0px;
	width:300px;
	height:200px;
	overflow:hidden;
	
}



body.parent-pageid-17 .img-wrap { margin-bottom:20px;}


	/* Important! Give the content div a position relative */
#content{
 position: relative;
}
#share_buttons_single_page img{
 background: none;
 border: none;
 padding: 0;
 margin: 0;

}
#share_buttons_wrapper {
 left:-150px;
 position: absolute;
 margin-left: 0px;
 width: 115px;

 


}
#share_buttons_single_page{
 position:absolute;
 text-align: left;
 margin: 0;
background:url(images/social-bg-bottom.png) bottom left no-repeat;



}
#share_buttons_single_page.fixed {
 position: fixed;
 bottom:445px;
 width:115px;
}
#share_buttons_single_page .wdt_button {
 float:left;
 clear:left;
 margin-left:40px;
 margin-bottom:15px;

}
#share_buttons_single_page .posted {
	 margin-left:40px;
	 padding-bottom:0px;
	 margin-bottom:0px;
}
#share_buttons_single_page .post-date {
	margin-left:40px;
	 margin-bottom:10px;
}

#share_buttons_single_page .clear-both {
	height:1px;
	line-height:1px;
}
#wdt_button_bottom {
	
	padding:20px 0px 0px;
	
	background:url(images/social-bg-top.png) top left no-repeat;
	margin-bottom:21px;
}


#news-share-buttons {
	padding-top:20px;
}

#news-share-buttons .wdt_button{
 float:left;
 clear:left;
 margin-bottom:10px;

}


#share_buttons_single_page hr, #news-share-buttons hr {
	position:relative;
	color:#dedede;
	border-bottom:1px solid #f3f3f3;
	margin:0px 0px 10px 25px;
	clear:both;
	display:block;
	width:80px;
}
#news-share-buttons hr {
	margin-left:0px;
	width:50px;
}

/*
	=========================================================
	Client Area Styles
	Author: Enchanted Illusions
	=========================================================
*/

#body-content #content.clientarea {
	position:relative;
	width:775px;
	float:left;
}

#body-content #content.clientarea iframe {
	position:relative;
	width:775px;
	height:600px;
	overflow:hidden;
	background:#ddd;
	border:#ccc 1px solid;
	margin:0px auto;
	top:25px;
}


/*
	=========================================================
	Sidebar Styles
	Author: Enchanted Illusions
	=========================================================
*/

#sidebar h2 {
	margin:35px 0px 5px 0px;}

li.widget {
	list-style:none;
	display:block;
}
li.widget ul li {
	list-style:none;
	margin-left:15px;
}

#sidebar .widget_tag_cloud div {
	margin-left:15px;
}
.widget_search input {
	background-image:none;
	background-color:#FFF;
	border:#999 1px solid;
}

/*.widget_search {
	background:url(images/nav.jpg) top left repeat-x;
	height:56px;
	padding:5px 10px;
	width:200px;
	border-left:#4aa0d5 1px solid;
	border-right:#4aa0d5 1px solid;
}
#sidebar .widget_search h2 {
	color:#FFF;
	font-size:18px;
	display:block;
	margin:5px 0px 5px 0px;
}*/


/* Begin Images */
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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */






/* Captions */
.aligncenter,
div.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: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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;
}
/* End captions */


/* "Ethan, Ethan, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/*Utility Styles************************/
.alignright {
	float: left;
}

.alignleft {
	float: right;
}
.aligncenter {
	display:block;
	margin:0 auto;
}
@import "style/ie.css";