/* 
Theme Name: Travel With The Magic
Theme URL: http://travelwiththemagic.com
Description: Custom theme for Travel With the Magic
Author: 21 Ruby Lane
Author URI: http://21rubylane.com
Version: 1.0

*/

* { margin:0; padding:0; border:0; }

ul { list-style:none; }
a { color:#E50E63; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin:0 0 25px 0; }
h3 {
	font-size:1.25em;
	color:#008BB0;
	margin-bottom:5px;
}
body {
	background-image:url(images/body-bg.jpg);
	background-attachment:fixed;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

#container {
	width:815px;
	height:100%;
	margin:30px auto 0;
}

#content ol li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-bottom: 12px;
	padding-left: 12px;
}

#intro-container {
	width:296px;
	margin:50px auto;
}

#intro-container img {
	margin-bottom:20px;
}

#intro-container p {
	font-size:13px;
	text-align:center;
	margin:0 auto 6px;
}

#intro-container p a {
	color:white;
}

#header {
	width:815px;
	float:left;
	background-image:url(images/header-bg.png);
	height:168px;
	position:relative;
}

	#header p {
		width:226px;
		margin:35px 25px 0 0;
		float:right;
		text-align:right;
		font-size:11px;
	}
	
	#clia-img {
		position:absolute;
		top:40px;
		left:500px;
	}
	
	#iatan-img {
		position:absolute;
		top:40px;
		left:526px;
	}
	
	#free-quote-button {
		float:right;
		clear:right;
		margin:7px 20px 0 0;
	}

#navigation {
	width:630px;
	height:23px;
	left:163px;
	bottom:14px;
	position:absolute;
}

#navigation ul {
		width:622px;
		margin:0 auto;
	}

	#navigation li {
		float:left;
		width:auto;
		margin:6px 0 0 0;
	}

	#navigation a {
		display:block;
		float:left;
		height:23px;
	}

	#home-nav {
		background-image:url(images/nav/home-off.gif);
		width:60px;
	}
	
	#home-nav:hover {
		background-image:url(images/nav/home-on.gif);
	}
	
	#about-nav {
		background-image:url(images/nav/about-off.gif);
		width:62px;
	}
	
	#about-nav:hover {
		background-image:url(images/nav/about-on.gif);
	}
	
	#testimonials-nav {
		background-image:url(images/nav/testimonials-off.gif);
		width:96px;
	}
	
	#testimonials-nav:hover {
		background-image:url(images/nav/testimonials-on.gif);
	}
	
	#quote-nav {
		background-image:url(images/nav/quote-off.gif);
		width:81px;
	}
	
	#quote-nav:hover {
		background-image:url(images/nav/quote-on.gif);
	}
	#downloads-nav {
		background-image:url(images/nav/downloads-off.gif);
		width:86px;
	}
	
	#downloads-nav:hover {
		background-image:url(images/nav/downloads-on.gif);
	}
	#contact-nav {
		background-image:url(images/nav/contact-off.gif);
		width:63px;
	}
	
	#contact-nav:hover {
		background-image:url(images/nav/contact-on.gif);
	}
	#blog-nav {
		background-image:url(images/nav/blog-off.gif);
		width:48px;
	}
	
	#blog-nav:hover {
		background-image:url(images/nav/blog-on.gif);
	}

	#forums-nav {
		background-image:url(images/nav/forums-off.gif);
		width:63px;
	}

        #forums-nav:hover {
		background-image:url(images/nav/forums-on.gif);
	}

			body#Home a#home-nav {
				background-image:url(images/nav/home-on.gif);
			}
			
			body#About a#about-nav {
				background-image:url(images/nav/about-on.gif);
			}
			
			body#Contact a#contact-nav {
				background-image:url(images/nav/contact-on.gif);
			}
			
			body#Services a#services-nav {
				background-image:url(images/nav/services-on.gif);
			}
			
			body#Testimonials a#testimonials-nav {
				background-image:url(images/nav/testimonials-on.gif);
			}

#content {
	background-image:url(images/content-bg.png);
	background-repeat:repeat-y;
	width:743px;
	float:left;
	font-size:.8em;
	color:#42210B;
	padding:25px 35px 50px 37px;
}

#Testimonials #content p {
	margin:20px 0 0 0;
}

#Testimonials p.float-left {
	width:66%;
}

#Testimonials p.clear-both {
	margin-top:20px;
	float:left;
	clear:both;
	width:100%;
}

#left-col {
	width:468px;
	height:400px;
	float:left;
}

	#left-col p {
		width:220px;
		float:left;
		margin-right:15px;
	}
	
	.main-image {
		margin-top:-5px;
	}
	
#Home .socialize .sIFR-flash {
	margin:10px 0 10px 0;
}

#Home ul.social-media {
	clear:both;
	margin-bottom:1px;
}

#Home ul.social-media li {
	display:inline;
}

#Home #content p.best-results {
	width:100%;
	margin:30px 0 0 0;
}

#right-col {
	width:267px;
	float:left;
	margin-left:5px;
	margin-bottom:110px;
}

	#specials-img {
		margin-top:11px;
	}

	#specials-container {
		width:266px;
		margin-left:2px;
	}
	
	#specials-top {
		background-image:url(images/specials-bg-top.gif);
		background-repeat:no-repeat;
		height:9px;
		width:266px;
	}
	
	#specials-fill {
		background-image:url(images/specials-bg-fill.gif);
		background-repeat:repeat-y;
		width:266px;
		height:100%;
		padding:8px 0 13px 0;
	}
	
		#specials-fill a {
			color:#ffffff;
			font-size:.9em;
			margin:0 0 13px 15px;
			width:90%;
			display:block;
		}
		
		#specials-fill a:hover {
			color:#C41188;
		}
		
		#specials-fill a.view-more {
			float:right;
			margin-top:5px;
			font-style:italic;
			width:auto;
			margin-right:20px;
		}
		
		#specials-fill p {
			margin:0;
		}
	
	#specials-bottom {
		background-image:url(images/specials-bg-bottom.gif);
		background-repeat:no-repeat;
		height:18px;
		width:266px;
	}
	
	#email-box {
		background-image:url(images/email-bg.jpg);
		width:267px;
		height:114px;
		float:left;
		margin:0 0 3px 3px;
		position:relative;
	}
	
		#email-box p {
			font-size:10px;
			float:left;
			margin:30px 0 2px 11px;
			width:170px;
		}
	
	#SignUp {
		float:left;
		clear:both;
		width:250px;
	}
	
	#SignUp input {
		height:20px;
		border:1px solid #5A2149;
		float:left;
		clear:left;
		margin:2px 3px 0 12px;
		width:179px;
	}
	
	#SignUp label {
		display:block;
		margin:0 0 2px 11px;
		text-align:left;
		text-transform:uppercase;
		font-size:10px;
		color:#42210B;
		font-weight:bold;
		float:left;
	}
	
	#SignUp #email-submit {
		clear:none;
		background-image:url(images/email-submit.gif);
		width:51px;
		height:23px;
		border:0;
		margin-left:0;
		cursor:pointer;
		position:absolute;
		right:12px;
		top:71px;
	}
	
	#mce-error-response {
	
	}
	
	#mce-success-response {
		
	}
	
	#free-service-button {
		margin:10px 0 3px 3px;
		float:left;
	}
	
	.signature-img {
		float:left;
		clear:left;
		margin-left:50px;
		margin-top:-20px;
	}
	
/*****************************************************************************
*********************ABOUT PAGE STYLES****************************************
*****************************************************************************/

.after-signature {
	clear:left;
	float:left;
	margin-left:248px;
	margin-top:-15px;
}

*:first-child+html .after-signature {
	margin-top:-40px;
}

/*****************************************************************************
*********************DOWNLOAD PAGE STYLES**************************************
*****************************************************************************/

#dl-col-1 li, #dl-col-2 li {
	margin-bottom:7px;
}

#dl-col-1 {
	width:148px;
	float:left;
	clear:left;
	margin:0 65px 0 50px;
}

	#dl-col-1 ul, #dl-col-2 ul {
		margin-bottom:25px;
	}

#dl-col-2 {
	float:left;
	width:148px;
	margin-right:60px;
}

/*****************************************************************************
*********************BLOG PAGE STYLES*****************************************
*****************************************************************************/

#post {
	width:395px;
	float:left;
}

.entry {
	margin:0 0 50px 0;
}

.date-box {
	width:150px;
	height:16px;
	background-color:#E50E63;
	color:white;
	font-size:13px;
	border-top:4px solid #F89728;
	border-bottom:4px solid #F89728;
	text-transform:uppercase;
	margin-bottom:11px;
	padding:4px 9px;
	font-weight:bold;
}

#post h3 {
	margin-bottom:15px;
}

#post h3 a {
	font-size:1.25em;
	color:#008BB0;
}

#post h4 {
	color:#C41188;
	font-size:1.1em;
	margin:18px 0 5px 0;
}

#post ul {
	list-style:disc;
	margin:0 0 15px 25px;
}

#post p {
	margin:0 0 8px 0;
}

#postmeta {
	background-color:#70CDE3;
	width:381px;
	height:19px;
	border-top:7px solid #008BB0;
	border-bottom:7px solid #008BB0;
	color:white;
	padding:7px;
	font-size:13px;
}

	#postmeta a {
		color:#005581;
	}
	
	p.blog-author {
		float:left;
		width:77%;
	}
	p.blog-category {
		float:left;
		width:22%;
		text-align:right;
	}
	
#commentform input, #commentform textarea {
	border:2px solid #5A2149;
}

#commentform #sbutt {
	background-image:url(images/comments-submit.jpg);
	width:106px;
	height:34px;
	border:0;
	background-color:transparent;
}

#sidebar {
	float:left;
	width:270px;
	margin-left:70px;
}

#sidebar a {
	color:#005581;
	font-size:12px;
}

#sidebar a.rss-link {
	position:absolute;
	top:16px;
	right:45px;
}

#sidebar h2.sidebar {
	width:300px;
}

.rss-icon {
	float:left;
	margin-top:5px;
}

#sidebar .dashed-hr {
	background-image:url(images/dashed-hr-blog.gif);
	width:269px;
	height:4px;
	float:left;
	margin:10px 0;
}

#search-box {
	background-image:url(images/search-box.gif);
	height:82px;
	width:269px;
}

#searchsubmit {
	background-image:url(images/search-submit.gif);
	width:44px;
	height:17px;
}

#search-results {
	width:395px;
	float:left;
}

#search-results ul {
	float:left;
	clear:both;
}

#sidebar .sIFR-flash {
	margin:10px 0 5px 40px;
	float:left;
	width:56%;
}

#sidebar ul li ul {
	list-style-type:disc;
	width:200px;
}

.recent-date {
	width:auto;
	font-size:.8em;
	color:#70CDE3;
	margin:3px 0 0 10px
}

#sidebar ul li ul li {
	margin-left:55px;
	width:200px;
	float:left;
	clear:both;
}

#s {
	border:1px solid #E50E63;
	margin:40px 0 0 15px;
}

.float-left-container {
	float:left;
	clear:none;
	width:400px;
	margin:-20px 0 0 20px;
}

.float-right-container {
	float:right;
	clear:none;
	width:410px;
	margin:10px 0 0 0;
}

#Home #packages-container {
	width:395px;
	float:left;
	margin:30px 0 10px 0;
}

#Home #packages-container img {
	width:90px;
	height:90px;
	float:left;
	margin:0 6px 0 0;
}

#Cruise .float-right-container {
	float:left;
	clear:none;
	width:310px;
	margin:2px 20px 0 0;
}

#Cruise .float-left-container {
	margin-top:2px;
}

#Cruise img.float-left {
	margin-top:20px;
}

#Disneyland #content img, #ABD #content img, #Cruise #content img, #WDW #content img {
	border:1px solid #C41188;
	padding:5px;
}

#WDW #content ul, #Disneyland #content ul, #Cruise #content ul, #ABD #content ul {
	list-style:disc;
	margin:0 0 15px 5px;
	float:left;
	clear:left;
	padding-left:25px;
	width:85%;
}

#WDW #content p, #Disneyland #content p, #Cruise #content p, #ABD #content p, #email-subscribe #content p, #Takeover #content p {
	float:left;
	margin:0 0 8px 0;
	width:100%;
}

#WDW h3, #Disneyland h3, #Cruise h3, #ABD h3 {
	float:left;
	clear:both;
	margin:18px 0 5px 0;
	font-size:1.1em;
	width:100%;
}

#Testimonials #content h3 {
	width:400px;
	float:left;
}

#Testimonials #content .sIFR-flash {
	float:left;
}

#WDW .sIFR-flash, #Disneyland .sIFR-flash, #Cruise .sIFR-flash, #ABD .sIFR-flash {
	margin-top:20px;
	float:left;
	clear:both;
	width:600px;
}

#WDW table {
	float:left;
	clear:both;
	border:none;
	width:85%;
	text-align:left;
	margin:10px 0 10px 20px;
}

#WDW td {
	vertical-align:top;
	padding-bottom:4px;
}

#WDW .float-left-container {
	margin-top:8px;
	width:400px;
}

#WDW img.float-left {
	margin-top:10px;
}


#Cruise table {
	float:left;
	clear:both;
	border:2px solid #C41188;
	width:75%;
	text-align:left;
}

#Cruise th {
	padding:6px 0 4px 6px;
	font-size:1.1em;
	border-bottom:2px solid #C41188;
}

#Cruise td {
	padding:5px 0 5px 5px;
	border-bottom:1px solid #C41188;
}

#Cruise small {
	font-size:.85em;
	margin-top:5px;
	float:left;
	clear:both;
	width:550px;
}

#ABD table {
	float:left;
	clear:both;
	width:60%;
	text-align:left;
}

#ABD #content td {
	vertical-align:top;
}

#ABD #content table tr td ul {
	margin:0 0 5px 25px;
}

#ABD td.first-cell {
	width:50%;
}

#ABD td.first-3col {
	width:25%;
}

#ABD td.second-3col {
	width:25%;
}

#ABD td.third-3col {
	width:50%;
}

#ABD #content img.float-left {
	float:left;
	margin:10px 20px 10px 0;
}

#ABD #content p.wrap-right {
	clear:none;
	width:60%;
	margin-top:28px;
}

#ABD #content p.wrap-right-small-margin {
	clear:none;
	width:60%;
	margin-top:10px;
}

#ABD #content h4 {
	float:left;
	clear:both;
	margin:18px 0 5px 0;
	font-size:1em;
	color:#008BB0;
	width:100%;
}

#footer {
	width:815px;
	height:105px;
	text-align:center;
	clear:both;
	background-image:url(images/footer-bg.png);
	background-repeat:no-repeat;
}

	#footer ul {
		width:560px;
		margin:0 auto 7px;
		line-height:1;
		padding-top:10px;
	}
	
	#footer li {
		display:inline;
	}
	
	#footer li a {
		color:#5A1400;;
		text-decoration:none;
		padding:0 5px 0 0;
		font-size:11px;
	}
	
	#footer li a:hover {
		color:#E50E63;
	}
	
	#footer p {
		font-size:11px;
		color:#5A1400;
		clear:both;
		margin:0 0 3px 0;
	}
	
	a.footer-link {
		color:#E50E63;
	}
	
	.footer-divider { margin-left:5px; }
	.float-left { float:left; margin-right:10px; }
	.float-right { float:right; margin-left:10px; }
	.highlight { color:#F47735; }
	.highlight2 { color:#00928F; }
	.clear-both { clear:both; }
	.clear-left { clear:left; }
	.clear-right { clear:right; }
	.dashed-hr {
		background-image:url(images/dashed-line.gif);
		background-repeat:no-repeat;
		width:261px;
		height:5px;
		float:none;
		clear:both;
		margin-top:3px;
	}
	
	p.contact-page {
		margin-bottom:10px;
	}
	
	.sIFR-flash {
		display:inline;
	}
	
	.relative {
		position:relative;
	}