/*
Theme Name: NotForTourists
Description: Theme developed for the Not For Tourists iPhone app micro-site.
Version: 1
Author: Robert Little
Author URI: http://notforpaper.com/   http://tuftandco.com
Tags: Orange, NotForTourists, NFT, iPhone

	NFTiPhone

	This theme was designed and built by Robert Little,
	whose blog you will find at http://notforpaper.com/

*/



/* Begin Typography & Colors */


body {
	margin: 0;
}



/*GENERAL FONT STYLES*/

.orange {
	color: #ffa800;
}

p {
	font-family: Helvetica, Arial;
}

a {
	font-family: Helvetica, Arial;
}

h3 {
	font-family: Helvetica, Arial;
}

a img {
	border: none;
}

/*SHELL STYLES*/

#master {
	width: 100%;
}

#topphoto {
	width: 100%;
	background: url(images/manhattan.jpg) center top repeat-x;
}

#shell {
	position: relative;
	width: 992px;
	/*background: #c2f0ff;*/
	margin: 0 auto;
	overflow: hidden;
	background:  url(images/iphone.png) top left no-repeat;
}



/*LEFT SIDE COLUMN*/

#iphone {
	float: left;
	width: 244px;
	height: 891px;
	background: url(images/iphone.png) top left no-repeat;
}



/*HEADER AREA*/

#headerArea {
	float: left;
	width: 718x;
	height: 194px;
	/*background: #c2f0ff;*/
	position: relative;
	margin-top: 97px;
	margin-left: 260px;
	display: inline;
}

#headerArea h1 {
	font-family: Helvetica, Arial;
	font-size: 60px;
	font-weight: bold;
	color: #fff;
	margin: 0;
	text-shadow: 0 7px 8px rgba(0, 0, 0, .7);
/*	visibility: hidden;*/
}

#headerArea h1 a {
	color: #ffa800;
	text-decoration: none;
}

#headerArea h1 a:hover {
	text-decoration: underline;
}




/*NAVIGATION*/

#headerArea ul {
	position: absolute;
	bottom: 0;
	left: 0;
	list-style: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

#headerArea ul li {
	display: inline;
	margin: 0;
}

#headerArea ul li a {
	float: left;
	background: url(images/tab_left.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 31px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	height: 28px;
	line-height: 28px;
}

#headerArea ul li a span {
	float: left;
	display: block;
	background: url(images/tab_right.png) no-repeat right top;
	padding: 0 31px 0 0;
	margin: 0 10px 0 0;
}

#home #headerArea ul li#home a, #updates #headerArea ul li#updates a, #faqs #headerArea ul li#faqs a {
	background-position: 0 -56px;
	color: #000;
}
#home #headerArea ul li#home a span, #updates #headerArea ul li#updates a span, #faqs #headerArea ul li#faqs a span  {
	background-position: 100% -56px;
}

#headerArea ul li a:hover {
	background-position:  0 -112px;
}
#headerArea ul li a:hover span {
	background-position: 100% -112px;
}



/*MAIN BODY - HOME PAGE*/

#main {
	width: 718px;
	clear: both;
	float: left;
	display: inline;
	margin-left: 260px;
	margin-top: 25px;
	/*background: #c2f0ff;*/
}

#main p {
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
	margin-bottom: 5px;
}

#main a {
	text-decoration: none;
	color: #f59000;
}

#main a:hover {
	text-decoration: underline;
}

#faqs #main p {
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
	padding-right: 60px;
}

#screens {
	margin: 20px 0 0 0;
	float: left;
	clear: both;
}
#screens a {
	float: left;
	display: inline;
	margin-right: 14px;
}
#screens a.last {
	margin: 0;
}


#features {
	float: left;
	clear: both;
	width: 718px;
	padding-top: 26px;
}
#feature_column {
	float: left;
	margin-right: 20px;
	width: 226px;
	/*background: #c2f0ff;*/
}
#feature_column.last {
	margin-right: 0;
}

#feature_column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#feature_column ul li {
	margin: 0;
	float: left;
	width: 226px;
	font-family: Helvetica, Arial;
	font-size: 14px;
	margin-bottom: 10px;
}



/*NEWS AND UPDATES*/

#post_box #post_title {
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 32px;
	margin: 20px 0 0 0;
}

#post_box p.date {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	color: #8a8a8a;
}

#post_box p {
	margin: 16px 0 16px 0;
}

#post_box {
	padding-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}

#post_box a {
	text-decoration: none;
	color: #f59000;
}

#post_box a:hover {
	text-decoration: underline;
}

/*FOOTER*/

#footer {
	margin: 100px 0 0 0;
	padding: 30px 14px 60px 14px;
	width: 992px;
	height: 300px;
	float: left;
	background: url(images/icon_divider.gif) center top no-repeat;
}

#footer_column {
	float: left;
	width: 226px;
	margin-right: 20px;
	/*background: #c2f0ff;*/
}
#footer_column.last {
	margin-right: 0;
	width: 472px;
}

#footer_column h4 {
	font-size: 24px;
	color: #ffa800;
	font-family: Helvetica, Arial;
	margin: 0 0 14px 0;
}

#footer_column p.date a {
	font-size: 12px;
	color: #8d8d8d;
	font-weight: normal;
	text-decoration: none;
}

#footer_column p.date {
	margin: 0 0 4px 0;
}

#footer_column p.date img {
	padding: 0 0 0 5px;
}

#footer_column p.title {
	font-size: 12px;
	color: 000;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#footer_column.last a {
	line-height: 37px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding-left: 37px;
	text-decoration: none;
	width: 189px;
	height: 37px;
	float: left;
}

#footer_column.last a.twitter {
	background: url(images/follow_twitter.gif) no-repeat top left;
}
#footer_column.last a.facebook {
	background: url(images/follow_facebook.gif) no-repeat top left;
}

#footer_end {
	margin-top: 33px;
	float: left;
	width: 992px;
	text-align: center;
	border-top: solid 1px #e0e0e0;
	/*background: #c2f0ff;*/
}

#footer_end p.coming {
	font-size: 24px;
	letter-spacing: 1px;
	color: #bbbbbb;
	font-weight: bold;
}

#footer_end p.disclaimer {
	color: #a0a09f;
	font-size: 12px;
	line-height: 18px;
}
#footer_end p.disclaimer a {
	color: #ffa800;
	text-decoration: none;
}
#footer_end p.disclaimer a:hover {
	text-decoration: underline;
}