/*  
Theme Name: A Gift of Miles
Theme URI: 
Description: Custom WordPress Theme
Author: Tony Stocco
Author URI: http://mplswebguy.com/
*/

body {
	background-image:	url(images/background/background.jpg);
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:			.9em;
	color:				#545454;
	text-align:			center;
	margin:				0;
	padding:			0;
	outline:			none;
}

p	{margin:0;}
img	{border:0;}
a	{color:#990000;text-decoration:underline;}
#copyright a {color:#FFFFFF; text-decoration:none;}	

/* MAIN DIVS */

#top-nav {
	background-image:url(images/background/background-top-nav.png);
	height:			61px;
	width:			740px;
	}

#header {
	background-image:	url(images/background/background-content.png);
	width:				740px;
	height:				270px;
	margin-right:		auto;
	margin-left:		auto;
	text-align:			left;
	}
		#main-nav {margin: 0 40px 0 60px;padding:0;float:left;}
		#main-image {float:left;}
		#main-title {float:left;width:435px;margin-bottom:16px;}
		#main-bullets {float:left; width:435px;height:199px; background-image:url(images/background/background-bullets.gif);}

#content {
	background-image:url(images/background/background-content.png);
	width:			740px;
	}

#stripe {
	background-image:url(images/background/background-content.png);
	width:			740px;
	padding-top:	20px;
	padding-bottom:	20px;
	}

#footer {
	background-image:url(images/background/background-footer-logos.png);
	height:			184px;
	width:			740px;
	color:			#7b8927;
	font-size:		.9em;
	}

#copyright {
	height:			20px;
	width:			620px;
	color:			#FFFFFF;
	font-size:		.8em;
	}

/* TEXT */
#top-nav p {text-align:right; font-size:.8em;padding:32px 40px 0 0;}
#top-nav p a {margin-left:10px;text-decoration:none;font-size:.9em;}
#main-nav p {padding:0;margin:0; line-height:0;}

#main-bullets {color:#fffae1;font-size:13px;}
#main-bullets .title {margin:15px 0 10px 15px; font-size:.9em;}
#main-bullets p {margin:0 0 0 15px; font-size:.75em;}
#main-bullets .inset {font-size:.75em; float:right; width:230px; line-height:170%;}
.bullet-height {line-height:170%;}


#content {font-size:.8em;}
#content p {padding:0 0 12px 0;}
#footer a {color:#7b8927; text-decoration:none;}
#footer p {padding:130px 0 0 60px;}
.intro {color:#8f261d; font-size:1.3em; line-height:150%; font-weight:bold; margin-top:0; padding-top:0;}
#sidebar  {color:#8f261d;padding-bottom:10px;font-size:1em;}
#sidebar p.sidebar-title {font-size:1.5em; text-transform:capitalize;margin:3px 0 0 0;padding-bottom:0; font-weight:bold;}
.bullet-table {color:#fffae1;font-size:.75em; line-height:140%;}
.small {font-size:.8em;}
.green-text{color:#7c8a28;}
.script {padding-left:60px;}

/* CENTER MAIN DIVS CLASS */

.center-div {margin-right:auto;margin-left:auto;text-align:left;}

/* TEXT COLUMNS */

#full-width {width:620px;}
#column {width:380px; padding-left:60px;float:left;}
#sidebar {width:190px;margin-left:40px;float:left;}



/* MAIN NAV ROLLOVERS 

#nav-reproductive {display: block;width: 185px;height: 31px;background: url(images/nav/nav-reproductive2.gif) no-repeat 0 0;}
#nav-reproductive:hover {background-position: 0 -31px;}
#nav-reproductive span {display: none;}
.nav-reproductive #nav-reproductive {display: block;width: 185px;height: 31px;background: url(images/nav/nav-reproductive.gif) no-repeat 0 -31px;}

#nav-food {display: block;width: 185px;height: 30px;background: url(images/nav/nav-food.gif) no-repeat 0 0;}
#nav-food:hover {background-position: 0 -30px;}
#nav-food span {display: none;}
.nav-food #nav-food {display: block;width: 185px;height: 30px;background: url(images/nav/nav-food.gif) no-repeat 0 -30px;}

#nav-stress {display: block;width: 185px;height: 29px;background: url(images/nav/nav-stress.gif) no-repeat 0 0;}
#nav-stress:hover {background-position: 0 -29px;}
#nav-stress span {display: none;}
.nav-stress #nav-stress {display: block;width: 185px;height: 29px;background: url(images/nav/nav-stress.gif) no-repeat 0 -29px;}

#nav-life {display: block;width: 185px;height: 26px;background: url(images/nav/nav-life.gif) no-repeat 0 0;}
#nav-life:hover {background-position: 0 -26px;}
#nav-life span {display: none;}
.nav-life #nav-life {display: block;width: 185px;height: 26px;background: url(images/nav/nav-life.gif) no-repeat 0 -26px;}

*/

/* BLOG */

#commentform textarea {width:380px;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:1em;}
.commentmetadata{margin-bottom:10px;}
h1 {color:#8f261d;}
#sidebar ul {margin:0 0 10px 0; list-style:none; padding:0;}
#sidebar li {
	color:#8f261d;
	list-style:none;
	padding:0 0 3px 10px; 
	background-image: url(http://www.agiftofmiles.com/images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	}
	
	
/* POPUPS  */

a.popup {text-decoration:none; border-bottom:1px dashed #000000; background-color:none;}
#main-bullets a {color:#fffae1;text-decoration:none; border-bottom:1px dashed #fffae1;}

.popup{
position: relative;
z-index: 0;
border:none;
background-color:none;
outline:none;
}

.popup:hover{
z-index: 50;
border:none;
background-color:none;
}

.popup span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
border:none;
background-color:none;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border:none;
background-color:none;
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: 20px; /*position where enlarged image should offset horizontally */
border:none;
background-color:none;
}

/* TOP NAVIGATION */


#nav-top{
	cursor:pointer;
	background-image:url(images/background/background-top-nav.png);
	height:			61px;
	width:			740px;
	text-align:		center;
	margin:			0 auto;
	z-index: 		1;
	position: 		relative;
	}
	
#nav-top ul{
	list-style-type:none;
	line-height:0;
	padding:0;
	margin:20px 37px 0 0;
	border:none;
	float:right;
	}

#nav-top ul li{
	float:left;
	position: relative;
	z-index:90;
	margin:0;
	padding:0;
	line-height:0;
}

#nav-top ul li a, 
#nav-top ul li a:visited {
	display:		block; 
	float:			left; 
	text-decoration:none; 
	height:			40px; 
	line-height:	0; 
	background:		transparent;
}

#nav-top ul li ul{
	visibility:	hidden; 
	position:	absolute; 
	height:		0; 
	overflow:	hidden; 
	top:		20px; 
	left:		13px;
}

#nav-top ul li.about {display: block; height: 40px;width:64px;background: url(images/top-nav/about.gif) no-repeat 0 0;}
#nav-top ul li.about:hover {background-position:}

#nav-top ul li.contact {display: block; height: 40px; width:78px; background: url(images/top-nav/contact.gif) no-repeat 0 0;}
#nav-top ul li.contact:hover {background-position:}

#nav-top ul li.testimonials {display: block;width:  40px; width:113px; background: url(images/top-nav/testimonials.gif) no-repeat 0 0;}
#nav-top ul li.testimonials:hover {background-position:}

#nav-top ul li.resources {display: block; height: 40px; width:94px; background: url(images/top-nav/resources.gif) no-repeat 0 0;}
#nav-top ul li.resources:hover {background-position: 0 -40px;}

#nav-top ul li ul li.blog {background:url(images/top-nav/blog.png) no-repeat;height:22px; width:74px; display:block;}
#nav-top ul li ul li.news {background:url(images/top-nav/news.png) no-repeat;height:23px; width:74px;}
#resources-nav a { margin:0;padding:0;line-height:0; width:74px;}

#nav-top ul li a:hover {position:relative; z-index:100;}

#nav-top ul li:hover ul, #nav-top ul li a:hover ul {
visibility:visible;  z-index:10; overflow:visible;}

/* END TOP NAVIGATION */